:root{--bg:#05060a;--panel:rgba(14,17,25,.76);--text:#f6f7fb;--muted:#a9b0c1;--line:rgba(255,255,255,.13);--accent:#a9ffea;--radius:22px;--shadow:0 30px 80px rgba(0,0,0,.42)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% 0%,rgba(91,67,180,.21),transparent 36rem),radial-gradient(circle at 90% 16%,rgba(0,210,180,.13),transparent 34rem),var(--bg);overflow-x:hidden}button,a{font:inherit}button{color:inherit}.skip{position:fixed;z-index:100;left:1rem;top:1rem;transform:translateY(-180%);background:#fff;color:#000;padding:.8rem 1rem;border-radius:10px}.skip:focus{transform:none}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient i{position:absolute;width:38vw;aspect-ratio:1;border-radius:50%;filter:blur(80px);opacity:.12;animation:drift 18s ease-in-out infinite alternate}.ambient i:nth-child(1){background:#745cff;left:-16vw;top:10vh}.ambient i:nth-child(2){background:#15ffd1;right:-20vw;top:25vh;animation-delay:-7s}.ambient i:nth-child(3){background:#ff7ac8;left:30vw;bottom:-28vw;animation-delay:-12s}@keyframes drift{to{transform:translate3d(7vw,-5vh,0) scale(1.15)}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3.5rem);border-bottom:1px solid var(--line);background:rgba(5,6,10,.78);backdrop-filter:blur(22px)}.brand{display:flex;align-items:baseline;gap:.65rem;color:var(--text);text-decoration:none;font-weight:850;letter-spacing:.12em}.brand span:last-child{font-size:.72rem;color:var(--accent)}nav{display:flex;align-items:center;gap:.5rem}nav a,nav button{min-height:44px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);border-radius:999px;padding:.65rem .9rem;text-decoration:none;cursor:pointer}nav a:hover,nav button:hover{border-color:rgba(169,255,234,.5);background:rgba(169,255,234,.08)}main{width:min(1500px,100%);margin:auto}.hero{min-height:min(760px,82vh);display:grid;align-content:center;padding:clamp(5rem,11vw,10rem) clamp(1rem,5vw,5rem);position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.73rem;color:var(--accent);font-weight:800;margin:0 0 1rem}.hero h1{margin:0;max-width:1050px;font-size:clamp(3.4rem,11vw,10.5rem);line-height:.78;letter-spacing:-.075em;font-weight:950}.hero h1 em{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65);font-style:normal}.lede{max-width:720px;font-size:clamp(1.05rem,2vw,1.45rem);color:var(--muted);margin:2.25rem 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.hero-actions button{min-height:50px;border-radius:999px;padding:.75rem 1.15rem;border:1px solid var(--line);cursor:pointer}.primary{background:linear-gradient(110deg,var(--accent),#d9fff7);color:#02110d;border:0!important;font-weight:850}.secondary{background:rgba(255,255,255,.04)}.facts{display:flex;gap:clamp(1.4rem,4vw,4rem);margin:3.5rem 0 0}.facts div{display:grid}.facts dt{font-size:clamp(1.8rem,4vw,3rem);font-weight:900;letter-spacing:-.05em}.facts dd{margin:0;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.board{padding:3rem clamp(1rem,3.6vw,3rem) 7rem}.board-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}.board-heading h2{font-size:clamp(2rem,5vw,4.2rem);letter-spacing:-.055em;line-height:.95;margin:0}.board-heading>p{max-width:390px;color:var(--muted);margin:0}.signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.7rem,1.5vw,1.2rem)}.signal-card{position:relative;min-width:0;content-visibility:auto;contain-intrinsic-size:320px 250px}.signal-open{width:100%;padding:0;text-align:left;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);box-shadow:0 12px 40px rgba(0,0,0,.18);cursor:pointer;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.signal-open:hover,.signal-open:focus-visible{transform:translateY(-5px);border-color:rgba(169,255,234,.52);box-shadow:var(--shadow)}.signal-media{display:block;position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#14182a,#05060a);overflow:hidden}.signal-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s}.signal-open:hover img{transform:scale(1.035);filter:saturate(1.12)}.play-mark{position:absolute;display:grid;place-items:center;width:48px;height:48px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(5,6,10,.58);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(10px);font-size:.85rem;padding-left:2px}.duration{position:absolute;right:.6rem;bottom:.55rem;background:rgba(0,0,0,.66);border:1px solid var(--line);padding:.18rem .42rem;border-radius:999px;font-size:.7rem}.signal-meta{display:flex;justify-content:space-between;gap:1rem;padding:.85rem .95rem .95rem}.signal-meta strong{font-size:.86rem}.signal-meta span{font-size:.72rem;color:var(--muted)}.save-card{position:absolute;right:.55rem;top:.55rem;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(5,6,10,.58);backdrop-filter:blur(10px);cursor:pointer;font-size:1.25rem}.save-card[aria-pressed=true]{color:#ffe58f;background:rgba(60,45,8,.72)}.sentinel{height:1px}.empty{text-align:center;color:var(--muted);padding:4rem 1rem}footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem clamp(1rem,4vw,3.5rem);border-top:1px solid var(--line);color:var(--muted)}footer p{margin:0;max-width:720px}footer a{color:var(--text)}.viewer{width:min(1180px,calc(100% - 1rem));max-height:calc(100dvh - 1rem);padding:0;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:rgba(5,6,10,.94);color:var(--text);box-shadow:0 50px 160px #000;backdrop-filter:blur(24px)}.viewer::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(8px)}.viewer-shell{padding:clamp(.6rem,1.5vw,1.1rem)}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.35rem .25rem .8rem}.viewer-bar h2{margin:0;font-size:clamp(1rem,2vw,1.4rem)}.viewer-index{margin:0;color:var(--accent);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.icon{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);font-size:1.7rem;cursor:pointer}.stage{position:relative;display:grid;place-items:center;background:#000;border-radius:18px;overflow:hidden;aspect-ratio:16/9}.stage video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.stage-play{position:absolute;width:68px;height:68px;border-radius:50%;border:1px solid rgba(255,255,255,.48);background:rgba(5,6,10,.55);backdrop-filter:blur(10px);cursor:pointer;font-size:1.2rem}.stage-play[hidden]{display:none}.player-error{position:absolute;background:#1e1015;border:1px solid #783e50;padding:1rem;border-radius:12px}.viewer-controls{display:grid;grid-template-columns:repeat(6,1fr);gap:.55rem;padding-top:.75rem}.viewer-controls button{min-height:48px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05);cursor:pointer}.viewer-controls button:hover{border-color:rgba(169,255,234,.5)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:1050px){.signal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.viewer-controls{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.topbar{align-items:flex-start}.brand{display:grid;gap:0}.topbar nav .quiet{display:none}.hero{min-height:700px;padding-top:6rem}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.board-heading{display:block}.board-heading>p{margin-top:1rem}.signal-meta{display:grid;gap:.15rem}.viewer{width:100%;max-height:100dvh;border-radius:0;border-inline:0}.viewer-shell{min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.viewer-controls{grid-template-columns:repeat(2,1fr)}footer{display:grid}}@media(max-width:390px){.topbar{padding:.8rem}.topbar nav a{padding:.62rem .7rem}.hero h1{font-size:3.5rem}.board{padding-inline:.65rem}.signal-grid{gap:.5rem}.signal-open{border-radius:15px}.save-card{right:.3rem;top:.3rem}.signal-meta{padding:.65rem}.signal-meta span{display:none}.play-mark{width:44px;height:44px}.viewer-controls{gap:.4rem}.viewer-controls button{font-size:.82rem;padding:.55rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient i{animation:none}.signal-open,.signal-media img{transition:none}.signal-open:hover{transform:none}}
.viewer[open]{height:min(94dvh,900px);overflow:hidden}.viewer-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}.stage{height:100%;min-height:0;aspect-ratio:auto;touch-action:pan-x pinch-zoom;overscroll-behavior:contain;cursor:grab}.stage:active{cursor:grabbing}.viewer-controls{align-items:stretch}.viewer-context{min-height:0}.viewer-bar,.viewer-controls,.viewer-context{position:relative;z-index:2}.viewer::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 35%,rgba(169,255,234,.06),transparent 36%),radial-gradient(circle at 70% 80%,rgba(116,92,255,.08),transparent 38%)}
@media(pointer:coarse){.stage::after{content:"SWIPE ↑ NEXT · ↓ PREVIOUS";position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:3;white-space:nowrap;padding:6px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(5,6,10,.58);backdrop-filter:blur(10px);color:rgba(255,255,255,.62);font:750 10px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;pointer-events:none}}
@media(max-width:720px){.viewer[open]{height:100dvh;max-height:100dvh}.viewer-shell{height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:max(.55rem,env(safe-area-inset-top)) .55rem max(.55rem,env(safe-area-inset-bottom))}.viewer-bar{padding:.2rem .1rem .55rem}.stage{border-radius:16px}.viewer-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;padding-top:.5rem}.viewer-controls button{min-width:0;min-height:44px;padding:.5rem .35rem;font-size:.72rem}.viewer-context-row{gap:.5rem}.keyboard-hint{font-size:.68rem}}
@media(max-width:430px){.viewer-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-controls button{font-size:.78rem}.stage::after{bottom:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.stage{cursor:default}}

/* Compact icon-first viewer controls: retain full text in DOM for accessible names. */
.viewer-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(.4rem,1vw,.7rem);padding-top:.72rem}
.viewer-controls button{position:relative;display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;min-width:50px;min-height:50px;padding:0;border-radius:50%;font-size:0;line-height:1;background:rgba(255,255,255,.045);backdrop-filter:blur(10px);transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.viewer-controls button::before{display:block;font:500 23px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI Symbol",sans-serif;color:#f6f7fb}
.viewer-controls [data-prev]::before{content:"←"}.viewer-controls [data-sound]::before{content:"♪"}.viewer-controls [data-save]::before{content:"☆"}.viewer-controls [data-next-unseen]::before{content:"✦"}.viewer-controls [data-sequence]::before{content:"↻"}.viewer-controls [data-share]::before{content:"↗"}.viewer-controls [data-fullscreen]::before{content:"⛶"}.viewer-controls [data-next]::before{content:"→"}
.viewer-controls button:hover,.viewer-controls button:focus-visible{border-color:rgba(169,255,234,.58);background:rgba(169,255,234,.085);box-shadow:0 0 24px rgba(169,255,234,.1)}
.viewer-controls button:hover{transform:translateY(-2px)}
.viewer-controls [aria-pressed=true]{border-color:rgba(169,255,234,.5);background:rgba(169,255,234,.11)}
.viewer-controls [data-save][aria-pressed=true]::before{content:"★";color:#ffe58f}.viewer-controls [data-sound][aria-pressed=true]::before{content:"♫"}.viewer-controls [data-sequence][aria-pressed=true]::before{content:"∞"}
@media(max-width:720px){.viewer-controls{gap:.42rem;padding-top:.48rem}.viewer-controls button{flex-basis:46px;width:46px;height:46px;min-width:46px;min-height:46px}.viewer-controls button::before{font-size:21px}}
@media(max-width:430px){.viewer-controls{grid-template-columns:none;gap:.36rem}.viewer-controls button{flex-basis:44px;width:44px;height:44px;min-width:44px;min-height:44px}.viewer-controls button::before{font-size:20px}}
@media(prefers-reduced-motion:reduce){.viewer-controls button{transition:none}.viewer-controls button:hover{transform:none}}