.history{max-width:1100px;margin:0 auto;padding:2.5rem 2rem 3rem}.history-head{margin-bottom:2.5rem}.history-title{font-family:var(--sans);font-size:var(--fs-2xl);font-weight:400;letter-spacing:-.015em;line-height:1.05;margin:0 0 .7rem}.history-blurb{margin:0;font-family:var(--sans);font-weight:400;font-size:var(--fs-base);color:var(--ink-muted);max-width:52ch}.clip-btn{font-family:var(--sans);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);background:var(--surface);border:1px solid var(--rule);border-radius:8px;padding:.35rem .7rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.clip-btn:hover{border-color:var(--accent-light);color:var(--ink)}.clip-btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--ink)}.history-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));justify-content:center;gap:1.5rem}.history-empty{grid-column:1 / -1;font-family:var(--sans);color:var(--ink-muted);text-align:center;padding:3rem 0;background:var(--surface);border:1px solid var(--rule);border-radius:14px}.night{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--rule);border-radius:14px;overflow:hidden;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease}.night:hover{background:var(--surface-strong);border-color:var(--accent);transform:scale(1.01)}.night__thumb{position:relative;width:100%;aspect-ratio:var(--img-ar, 3 / 2);background:var(--surface)}.night__thumb img{display:block;width:100%;height:100%;object-fit:cover}.night__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:background .2s ease,transform .2s ease}.night__play svg{width:17px;height:17px;fill:var(--ink);margin-left:3px}.night:hover .night__play{background:var(--accent-hover);transform:translate(-50%,-50%) scale(1.08)}.night__count{position:absolute;top:10px;right:10px;font-family:var(--sans);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--overlay);border-radius:8px;padding:.3rem .55rem;pointer-events:none}.night__title{font-family:var(--sans);font-weight:400;font-size:var(--fs-base);margin:0;padding:1rem 1.1rem 1.1rem;letter-spacing:-.005em}.history-pager{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-top:2rem}.history-pager__btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:var(--fs-base);color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:10px;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease}.history-pager__btn:hover:not(:disabled){background:var(--surface-strong);border-color:var(--accent);transform:scale(1.06)}.history-pager__btn:disabled{opacity:.3;cursor:default}.history-pager__label{min-width:5ch;text-align:center;font-family:var(--sans);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.history-modal{position:fixed;inset:0;z-index:50;background:var(--overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:2rem;animation:modal-in .28s cubic-bezier(.2,.7,.2,1)}.history-modal[hidden]{display:none!important}@keyframes modal-in{0%{opacity:0}to{opacity:1}}.history-modal__close{position:absolute;top:1.2rem;right:1.4rem;background:none;border:none;color:var(--ink-muted);font-size:2.2rem;line-height:1;cursor:pointer;transition:color .2s;font-family:var(--sans);font-weight:400}.history-modal__close:hover{color:var(--accent-light)}.history-modal__body{width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center}.history-modal__title{font-family:var(--sans);font-weight:400;font-size:var(--fs-2xl);margin:0 0 1.2rem;letter-spacing:-.01em;text-align:center}#history-video{width:100%;max-height:75vh;background:var(--page-bg);border-radius:12px;box-shadow:0 20px 60px #00000080}.history-modal__clips{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:1rem;max-height:5.5rem;overflow-y:auto}.history-modal__clips[hidden]{display:none}.history-modal__meta{margin:1rem 0 0;font-family:var(--sans);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted)}@media(max-width:640px){.history{padding:1.5rem 1.1rem 2rem}.history-modal{padding:1rem}}