@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--night-0: #0b0e13;--night-1: #11161f;--night-2: #19202b;--night-3: #212a37;--line: #28303d;--line-2: #3a4453;--text: #ece9e1;--muted: #8b95a3;--faint: #5c6675;--amber: #f4a73c;--amber-deep: #c97f1f;--amber-glow: rgba(244, 167, 60, .16);--rec: #ff5260;--display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--body: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--t-cap: .72rem;--t-sm: .84rem;--t-0: 1rem;--t-1: 1.2rem;--t-2: 1.55rem;--t-3: 2.1rem;--radius: 4px;--radius-lg: 8px;--gutter: clamp(16px, 4vw, 40px);--ease: cubic-bezier(.22, .61, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--body);font-size:var(--t-0);line-height:1.55;color:var(--text);background-color:var(--night-0);background-image:radial-gradient(120% 80% at 50% -10%,rgba(244,167,60,.07),transparent 60%),radial-gradient(100% 60% at 50% 120%,rgba(20,30,48,.5),transparent 70%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.1;letter-spacing:-.01em;margin:0}a{color:var(--amber);text-decoration:none}img,video{display:block;max-width:100%}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:2px}.eyebrow{font-family:var(--mono);font-size:var(--t-cap);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.shell{min-height:100vh;display:flex;flex-direction:column}.main{width:min(1280px,100%);margin:0 auto;padding:clamp(20px,4vw,40px) max(var(--gutter),env(safe-area-inset-right)) calc(64px + env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left));flex:1}.topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--night-0) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.topbar__inner{width:min(1280px,100%);margin:0 auto;padding:12px max(var(--gutter),env(safe-area-inset-right)) 12px max(var(--gutter),env(safe-area-inset-left));display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand__lamp{width:11px;height:11px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px var(--amber-glow),0 0 14px 2px #f4a73c8c;flex:none}.brand__text{display:flex;flex-direction:column;line-height:1}.brand__name{font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:-.01em;color:var(--text)}.brand__tag{font-family:var(--mono);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--amber-deep);margin-top:4px}.topbar__meta{display:flex;align-items:center;gap:18px}.clock{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--t-sm);color:var(--muted);letter-spacing:.04em;white-space:nowrap}.clock b{color:var(--text);font-weight:600}.tabs{display:flex;flex-wrap:wrap;gap:8px;width:100%}.tab{font-family:var(--body);font-size:var(--t-sm);font-weight:600;color:var(--muted);background:var(--night-1);border:1px solid var(--line);border-radius:var(--radius);padding:8px 16px;cursor:pointer;transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.tab:hover{color:var(--text);border-color:var(--line-2);background:var(--night-2)}.tab.is-active{color:var(--night-0);background:var(--amber);border-color:var(--amber)}.tab--all{margin-left:auto;color:var(--amber);border-style:dashed}.tab--all:hover{color:var(--amber);border-color:var(--amber)}.btn{font-family:var(--body);font-size:var(--t-sm);font-weight:600;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--night-2);color:var(--text);cursor:pointer;transition:border-color .18s var(--ease),background .18s var(--ease),transform .12s var(--ease),color .18s var(--ease)}.btn:hover{border-color:var(--amber);color:var(--amber)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--amber);border-color:var(--amber);color:var(--night-0)}.btn--primary:hover{background:#ffb84d;border-color:#ffb84d;color:var(--night-0)}.btn--ghost{background:transparent;border-color:var(--line);color:var(--muted)}.btn--ghost:hover{color:var(--amber);border-color:var(--amber)}.section{margin-top:clamp(32px,5vw,56px)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:22px;border-bottom:1px solid var(--line)}.section__title{font-size:var(--t-2);display:flex;align-items:baseline;gap:12px}.section__count{font-family:var(--mono);font-size:var(--t-sm);color:var(--muted)}.viewfinder{position:relative;margin:0;background:#05070a;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.viewfinder__media{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#05070a}.viewfinder__osd{position:absolute;inset:0 0 auto 0;display:flex;align-items:center;gap:12px;padding:10px 12px;font-family:var(--mono);font-size:var(--t-cap);letter-spacing:.04em;color:#ece9e1eb;background:linear-gradient(180deg,rgba(5,7,10,.78),transparent);pointer-events:none;z-index:2}.viewfinder__name{font-weight:600;text-transform:uppercase;letter-spacing:.12em}.viewfinder__time{margin-left:auto;color:var(--amber);font-variant-numeric:tabular-nums}.rec{display:inline-flex;align-items:center;gap:6px;font-weight:600;letter-spacing:.14em;color:var(--rec)}.rec:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rec);box-shadow:0 0 8px 1px var(--rec);animation:rec-pulse 1.6s var(--ease) infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.viewfinder__corner{position:absolute;width:16px;height:16px;border:2px solid var(--amber);z-index:3;opacity:.65;transition:opacity .2s var(--ease)}.viewfinder:hover .viewfinder__corner{opacity:1}.viewfinder__corner.tl{top:8px;left:8px;border-right:0;border-bottom:0}.viewfinder__corner.tr{top:8px;right:8px;border-left:0;border-bottom:0}.viewfinder__corner.bl{bottom:8px;left:8px;border-right:0;border-top:0}.viewfinder__corner.br{bottom:8px;right:8px;border-left:0;border-top:0}.hero{margin-top:8px}.hero .viewfinder__media{aspect-ratio:16 / 9}.wall{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:18px}.event-log{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:18px}.event{display:flex;flex-direction:column;background:var(--night-1);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .2s var(--ease),transform .2s var(--ease)}.event:hover{border-color:var(--line-2);transform:translateY(-2px)}.event__thumb{position:relative;display:block;width:100%;padding:0;border:0;background:#05070a;cursor:zoom-in;overflow:hidden}.event__thumb img{width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .4s var(--ease),filter .4s var(--ease)}.event__thumb:hover img{transform:scale(1.04);filter:brightness(1.08)}.event__index{position:absolute;top:8px;left:8px;font-family:var(--mono);font-size:var(--t-cap);font-weight:600;color:var(--text);background:#05070ab3;padding:2px 7px;border-radius:2px;letter-spacing:.05em}.event__dur{position:absolute;bottom:8px;right:8px;font-family:var(--mono);font-size:var(--t-cap);color:var(--amber);background:#05070ab3;padding:2px 7px;border-radius:2px}.event__body{display:flex;flex-direction:column;gap:12px;padding:14px;flex:1}.event__time{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--t-sm);color:var(--text)}.event__time span{color:var(--faint)}.event__tags{display:flex;flex-wrap:wrap;gap:6px;min-height:1px}.chip{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);background:var(--amber-glow);border:1px solid color-mix(in srgb,var(--amber) 35%,transparent);padding:3px 8px;border-radius:2px}.event__actions{display:flex;gap:8px;margin-top:auto}.event__actions .btn{flex:1;justify-content:center;padding:8px 10px}.timewin{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 28px;padding:14px 16px;margin-bottom:22px;background:var(--night-1);border:1px solid var(--line);border-radius:var(--radius)}.timewin__presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.timewin__label{margin-right:4px}.timechip{font-family:var(--mono);font-size:var(--t-cap);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--night-2);border:1px solid var(--line);border-radius:var(--radius);padding:6px 12px;cursor:pointer;transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.timechip:hover{color:var(--text);border-color:var(--line-2);background:var(--night-3)}.timechip.is-active{color:var(--night-0);background:var(--amber);border-color:var(--amber)}.timewin__range{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.timewin__field{display:flex;flex-direction:column;gap:5px;min-width:0}.timewin__field>span{font-family:var(--mono);font-size:var(--t-cap);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.timewin__input{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:var(--t-sm);color:var(--text);background:var(--night-0);border:1px solid var(--line-2);border-radius:var(--radius);padding:9px 11px;color-scheme:dark;accent-color:var(--amber);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.timewin__input:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-glow)}.timewin__input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.timewin__input::-webkit-calendar-picker-indicator:hover{opacity:1}.timewin__dash{align-self:flex-end;padding-bottom:9px;color:var(--faint)}.timewin__submit{align-self:flex-end}.pager{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px 0}.pager__status{font-family:var(--mono);font-size:var(--t-sm);color:var(--muted);letter-spacing:.04em}.pager__status b{color:var(--text)}.state{text-align:center;padding:40px 20px;color:var(--muted)}.state--error{color:var(--rec)}.state--panel{border:1px dashed var(--line-2);border-radius:var(--radius);background:var(--night-1)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:4vw;background:#030508e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;animation:fade-in .2s var(--ease)}.lightbox img{max-width:92vw;max-height:88vh;border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:0 24px 80px #0009}.lightbox__hint{position:absolute;bottom:22px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:var(--t-cap);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.gate{min-height:100vh;display:grid;place-items:center;padding:var(--gutter)}.gate__panel{width:min(400px,100%);background:var(--night-1);border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px 30px;position:relative;overflow:hidden}.gate__panel:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent)}.gate__brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.gate__title{font-size:var(--t-2);margin-top:18px}.gate__sub{color:var(--muted);font-size:var(--t-sm);margin:6px 0 26px}.field{display:block;margin-bottom:18px}.field__label{display:block;font-family:var(--mono);font-size:var(--t-cap);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.field__input{width:100%;font-family:var(--body);font-size:var(--t-0);color:var(--text);background:var(--night-0);border:1px solid var(--line-2);border-radius:var(--radius);padding:12px 14px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.field__input:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-glow)}.field__input:disabled{opacity:.6}.gate__submit{width:100%;justify-content:center;margin-top:6px;padding:13px;font-size:var(--t-0)}.gate__error{display:flex;align-items:center;gap:8px;font-size:var(--t-sm);color:var(--rec);background:#ff526014;border:1px solid rgba(255,82,96,.25);border-radius:var(--radius);padding:10px 12px;margin-bottom:18px}.player{width:min(1100px,100%);margin:0 auto}.player video{width:100%;aspect-ratio:16 / 9;background:#05070a}.player__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.fade-up{animation:fade-up .5s var(--ease) both}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(max-width:640px){:root{--gutter: 16px}.topbar__inner{gap:10px 16px}.clock{display:none}.tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:2px;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 26px),transparent 100%)}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;scroll-snap-align:start}.tab--all{margin-left:6px}.event__actions{flex-direction:column}.section__head .pager{display:none}.timewin{padding:14px}.timewin__range{width:100%;flex-direction:column;align-items:stretch;gap:12px}.timewin__field{width:100%}.timewin__input{width:100%;font-size:16px}.timewin__dash{display:none}.timewin__submit{width:100%;justify-content:center}}@media(hover:none)and (pointer:coarse){.btn,.tab,.timechip{min-height:44px}.btn,.tab,.timechip{padding-block:11px}.tab:active{color:var(--text);background:var(--night-3);border-color:var(--line-2)}.tab.is-active:active{color:var(--night-0);background:var(--amber-deep);border-color:var(--amber-deep)}.btn:active{border-color:var(--amber);background:var(--night-3)}.btn--primary:active{background:var(--amber-deep);border-color:var(--amber-deep);color:var(--night-0)}.timechip:active{color:var(--text);background:var(--night-3);border-color:var(--line-2)}.timechip.is-active:active{background:var(--amber-deep);border-color:var(--amber-deep)}.event__thumb:active img{transform:scale(1.02);filter:brightness(1.06)}}