@property --gate-beam{syntax:"<angle>";inherits:false;initial-value:0deg}.gate{z-index:50;isolation:isolate;background:var(--bg);grid-template-rows:1fr auto;grid-template-columns:minmax(0,1.25fr) minmax(400px,.75fr);display:grid;position:fixed;inset:0;overflow:hidden auto}.gate-sky{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.gate:before,.gate:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}.gate:before{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.gate:after{background:radial-gradient(120% 95% at 36% 46%,#0000 42%,#0000009e 100%)}.gate[data-phase=leaving]:before{opacity:0;transition:opacity .8s}.gate ::selection{background:var(--ink);color:#0a0a0a}.gate-rise{animation:gate-rise .95s cubic-bezier(.16, 1, .3, 1) calc(var(--d,0) * 1s) backwards}.gate-out{transition:opacity .45s,filter .45s}.gate[data-phase=leaving] .gate-out{opacity:0;filter:blur(10px);pointer-events:none}@keyframes gate-rise{0%{opacity:0;filter:blur(8px);transform:translateY(18px)}}.gate-stage{flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:56px 24px 28px clamp(24px,5vw,80px);display:flex}.gate-mark{aspect-ratio:786/544;width:clamp(230px,min(37vw,58vh),540px)}.gate-mark-tilt,.gate-mark-float{width:100%;height:100%}.gate-mark-float{animation:7s ease-in-out 2s infinite gate-float}.gate-logo{width:100%;height:100%;display:block;overflow:visible}.g-line{fill:url(#gate-metal);stroke:var(--ink);stroke-width:24px;stroke-linejoin:round;stroke-dasharray:1;stroke-opacity:0}.g-f-top{animation:1.15s cubic-bezier(.65,0,.35,1) .2s backwards g-draw,1.65s linear .2s backwards g-ink,.8s ease-out .8s backwards g-fill,1.4s cubic-bezier(.16,1,.3,1) .2s backwards g-from-above}.g-f-bottom{animation:1.15s cubic-bezier(.65,0,.35,1) .34s backwards g-draw,1.65s linear .34s backwards g-ink,.8s ease-out .94s backwards g-fill,1.4s cubic-bezier(.16,1,.3,1) .34s backwards g-from-below}.g-ring,.g-ring-mood{transform-box:fill-box;transform-origin:50%}.g-ring{animation:1.7s cubic-bezier(.16,1,.3,1) .5s backwards g-swing}.g-ring .g-line{animation:1.25s cubic-bezier(.65,0,.35,1) .5s backwards g-draw,1.75s linear .5s backwards g-ink,.8s ease-out 1.15s backwards g-fill}.gate[data-phase=busy] .g-ring-mood{animation:1s ease-in-out infinite g-breathe}.gate[data-phase=denied] .g-ring-mood{animation:.6s cubic-bezier(.36,.07,.19,.97) g-refuse}.g-sheen{animation:6.5s cubic-bezier(.4,0,.2,1) 2.8s infinite g-sheen;transform:translate(0)skew(-24deg)}.g-comet{stroke:var(--ink);stroke-linecap:round;opacity:0;animation:1.2s ease-out 2.1s forwards g-appear}.g-eye,.g-star{transform-box:fill-box;transform-origin:50%}.g-eye{transition:transform .38s cubic-bezier(.3,1.5,.5,1)}.gate[data-eye=shut] .g-eye{transform:scaleY(.07)}.gate[data-eye=wide] .g-eye{transform:scale(1.3)}.g-star{fill:var(--ink);transition:fill .5s;animation:.9s cubic-bezier(.34,1.56,.64,1) 1.3s backwards g-pop,3.8s ease-in-out 2.4s infinite g-twinkle}.g-star-glow{transition:opacity .4s;animation:1s ease-out 1.5s backwards g-appear}.g-body{transform-origin:9414px 7166px}.gate[data-phase=leaving] .g-body{opacity:0;transition:transform .92s cubic-bezier(.7,0,.9,.4),opacity .3s linear .62s;transform:scale(.03)rotate(110deg)}.gate[data-phase=leaving] .g-comet{animation:none}.gate[data-phase=leaving] .g-eye{transition-duration:.85s;transform:scale(1.5)}.gate[data-phase=leaving] .g-star{fill:#fff}.gate[data-phase=leaving] .g-star-glow{opacity:0}@keyframes g-draw{0%{stroke-dashoffset:1px}}@keyframes g-ink{0%,70%{stroke-opacity:1}}@keyframes g-fill{0%{fill-opacity:0}}@keyframes g-from-above{0%{transform:translate(-280px,-390px)}}@keyframes g-from-below{0%{transform:translate(280px,390px)}}@keyframes g-swing{0%{transform:rotate(70deg)}}@keyframes g-breathe{50%{opacity:.4}}@keyframes g-refuse{15%{transform:rotate(-9deg)}35%{transform:rotate(7deg)}55%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}}@keyframes g-sheen{0%{transform:translate(4000px)skew(-24deg)}36%,to{transform:translate(16500px)skew(-24deg)}}@keyframes g-appear{0%{opacity:0}to{opacity:1}}@keyframes g-pop{0%{transform:scale(0)rotate(-180deg)}}@keyframes g-twinkle{50%{transform:scale(1.09)}}@keyframes gate-float{50%{transform:translateY(-7px)}}.gate-word{width:clamp(190px,21vw,318px);height:auto;margin-top:clamp(22px,4.6vh,46px);display:block;overflow:visible}.gate-word path{fill:var(--ink);animation:g-letter .95s cubic-bezier(.16, 1, .3, 1) calc(1.2s + var(--i) * 60ms) backwards}@keyframes g-letter{0%{opacity:0;transform:translateY(-170px)}}.gate-def{color:var(--ink-2);align-items:baseline;gap:12px;margin-top:20px;font-size:13.5px;display:flex}.gate-def-word{font-family:var(--arabic);color:var(--ink);font-size:23px;line-height:1}.gate-def i{color:var(--ink-3)}.gate-def small{border:1px solid var(--line-2);color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;border-radius:6px;padding:1px 7px;font-size:10.5px}.gate-side{place-items:center;min-width:0;padding:56px clamp(24px,5vw,80px) 28px 8px;display:grid}.gate-panel{--mx:50%;--my:0px;background:radial-gradient(460px circle at var(--mx) var(--my), #f2eee713, transparent 62%), linear-gradient(180deg, #161616a8, #070707b8);-webkit-backdrop-filter:blur(22px);border-radius:26px;flex-direction:column;width:min(420px,100%);padding:34px 30px 26px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0f,0 40px 120px #000000b3}.gate-panel:before,.gate-panel:after{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.gate-panel:before{background:linear-gradient(150deg,#f2eee76b,#f2eee70d 42%,#f2eee733)}.gate-panel:after{background:conic-gradient(from var(--gate-beam), transparent 0 74%, #fffffff2 87%, transparent 91%);transition:opacity .3s;animation:7s linear infinite gate-beam}.gate[data-phase=granted] .gate-panel:after,.gate[data-phase=leaving] .gate-panel:after{background:#ffffffe6}@keyframes gate-beam{to{--gate-beam:360deg}}.gate-panel h1{letter-spacing:-.035em;background:linear-gradient(#fff 25%,#a09c94);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:12px;font-size:36px;font-weight:700;line-height:1.05}.gate-lede{color:var(--ink-2);margin:10px 0 12px;font-size:14.5px}.gate-field{border:1px solid var(--line-2);background:#f2eee709;border-radius:16px;height:58px;margin-top:12px;transition:border-color .25s,background .25s,box-shadow .25s;position:relative;overflow:hidden}.gate-field:hover{border-color:#f2eee752}.gate-field:focus-within{background:#f2eee711;border-color:#f2eee799;box-shadow:0 0 0 4px #f2eee70f}.gate-panel[data-error] .gate-field{border-style:dashed}.gate-field>svg{color:var(--ink-3);pointer-events:none;transition:color .25s;position:absolute;top:50%;left:18px;translate:0 -50%}.gate-field:focus-within>svg{color:var(--ink)}.gate-field input{border-radius:inherit;width:100%;height:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;padding:21px 52px 5px 48px;font-size:15.5px;position:absolute;inset:0}.gate-field input[type=password]{letter-spacing:.14em}.gate-field input:-webkit-autofill{-webkit-text-fill-color:var(--ink);caret-color:var(--ink);transition:background-color 100000s}.gate-field label{color:var(--ink-3);pointer-events:none;font-size:15px;transition:top .22s cubic-bezier(.2,.8,.2,1),font-size .22s cubic-bezier(.2,.8,.2,1),letter-spacing .22s,color .22s;position:absolute;top:50%;left:48px;translate:0 -50%}.gate-field input:focus+label,.gate-field input:not(:placeholder-shown)+label{letter-spacing:.14em;text-transform:uppercase;font-size:10.5px;font-weight:600;top:17px}.gate-field input:-webkit-autofill+label{letter-spacing:.14em;text-transform:uppercase;font-size:10.5px;font-weight:600;top:17px}.gate-field input:focus+label{color:var(--ink-2)}.gate-field-line{pointer-events:none;background:linear-gradient(90deg,#0000,#fff 30% 70%,#0000);height:1px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.gate-field:focus-within .gate-field-line{transform:scaleX(1)}.gate-peek{width:38px;height:38px;color:var(--ink-3);border-radius:11px;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;top:50%;right:9px;translate:0 -50%}.gate-peek:hover,.gate-peek[aria-pressed=true]{color:var(--ink);background:#f2eee714}.gate-fold{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .3s,opacity .3s,visibility 0s .3s;display:grid}.gate-fold[data-open=true]{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s}.gate-fold>div{min-height:0;overflow:hidden}.gate-fold p{align-items:center;gap:7px;padding-top:10px;font-size:13px;display:flex}.gate-fold svg{flex-shrink:0}.gate-caps{color:var(--ink-3)}.gate-alert{color:var(--ink)}.gate-submit{color:#0a0a0a;background:linear-gradient(#fff,#cdc8be);border-radius:16px;justify-content:space-between;align-items:center;height:56px;margin-top:18px;padding:0 8px 0 22px;font-size:15.5px;font-weight:600;transition:transform .2s,box-shadow .3s,background .3s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff9,0 14px 44px #f2eee733}.gate-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fff9,0 18px 60px #f2eee74d}.gate-submit:active:not(:disabled){transform:scale(.985)}.gate-submit:disabled{cursor:progress}.gate-submit:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffffd9 50%,#0000 65%);animation:4.5s ease-in-out 2.5s infinite sheen;position:absolute;inset:0;transform:translate(-120%)}.gate-submit-icon{z-index:1;width:40px;height:40px;color:var(--ink);background:#0a0a0a;border-radius:12px;place-items:center;transition:transform .3s cubic-bezier(.3,1.4,.5,1);display:grid;position:relative}.gate-submit:hover:not(:disabled) .gate-submit-icon{transform:translate(3px)}.gate[data-phase=granted] .gate-submit,.gate[data-phase=leaving] .gate-submit{background:#fff;box-shadow:inset 0 0 0 1px #fff,0 0 70px #ffffff73}.gate-orbit{border:1.5px solid #f2eee740;border-radius:50%;width:18px;height:18px;animation:.9s linear infinite spin;position:relative}.gate-orbit:after{content:"";background:#fff;border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;top:-3.5px;left:50%;box-shadow:0 0 8px #fff}.gate-note{color:var(--ink-3);text-align:center;text-wrap:balance;margin-top:18px;font-size:12px}.gate-note svg{vertical-align:-2px;margin-right:5px}.gate-foot{color:var(--ink-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:6px 20px;padding:0 clamp(24px,3vw,40px) 22px;font-size:12px;display:flex}.gate-next{align-items:center;gap:9px;display:inline-flex}.gate-next b{color:var(--ink);font-weight:600}@media (width<=900px){.gate{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr)}.gate-stage{padding:44px 20px 6px}.gate-mark{width:min(64vw,300px)}.gate-side{align-items:start;padding:26px 16px 28px}.gate-panel{padding:28px 22px 22px}.gate-foot{text-align:center;justify-content:center;padding:0 16px 20px}}:root{--bg:#040404;--ink:#f2eee7;--ink-2:#f2eee7a8;--ink-3:#f2eee76b;--line:#f2eee717;--line-2:#f2eee733;--glass:linear-gradient(180deg, #f2eee711, #f2eee705);--radius:18px;--font:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--arabic:"IBM Plex Sans Arabic", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}h1,h2,h3,p{margin:0}a{color:inherit}.ar{font-family:var(--arabic);text-align:right;direction:rtl}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.app{isolation:isolate;grid-template-columns:256px minmax(0,1fr) 352px;height:100vh;display:grid;position:relative}.app:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(1100px 620px at 52% -8%,#f2eee721,#0000 62%),radial-gradient(720px 520px at -4% 104%,#f2eee712,#0000 66%),radial-gradient(760px 620px at 104% 58%,#f2eee70d,#0000 66%),linear-gradient(#070707,#020202);position:fixed;inset:0}.app:after{content:"";z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;box-shadow:inset 0 1px #ffffff0d,0 24px 60px #00000073}.btn{border:1px solid var(--line-2);white-space:nowrap;background:#f2eee70a;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.btn:hover:not(:disabled){background:#f2eee71a;border-color:#f2eee75c;transform:translateY(-1px)}.btn:disabled{opacity:.42}.btn-primary{color:#0a0a0a;background:linear-gradient(#fff,#cdc8be);border:0;font-weight:600;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff9,0 12px 44px #f2eee738}.btn-primary:hover:not(:disabled){background:linear-gradient(#fff,#dedad2)}.btn-primary:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffffd9 50%,#0000 65%);animation:4.5s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-120%)}.btn-small{height:32px;padding:0 13px;font-size:13px}.icon-btn{border:1px solid var(--line);width:32px;height:32px;color:var(--ink-2);border-radius:10px;place-items:center;transition:background .2s;display:grid}.icon-btn:hover{color:var(--ink);background:#f2eee71a}@keyframes sheen{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.side{border-right:1px solid var(--line);background:linear-gradient(#f2eee70a,#f2eee702);flex-direction:column;gap:18px;padding:22px 16px 18px;display:flex;overflow-y:auto}.brand{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:6px 0 4px;display:flex}.brand-mark{background:radial-gradient(circle at 35% 25%,#1c1c1c,#050505) padding-box padding-box,conic-gradient(from 210deg,#f2eee7d9,#f2eee70f 35%,#f2eee780 70%,#f2eee7d9) border-box;border:1px solid #0000;border-radius:50%;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 0 42px #f2eee724}.brand h1{letter-spacing:-.01em;background:linear-gradient(#fff 20%,#a39f97);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:25px;font-weight:700}.brand span{color:var(--ink-3);font-size:12.5px}.nav{flex-direction:column;gap:4px;display:flex}.nav button{color:var(--ink-2);text-align:left;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;transition:background .2s,color .2s;display:flex}.nav button:hover{color:var(--ink);background:#f2eee70d}.nav button[aria-current=page]{color:var(--ink);border-color:var(--line-2);background:linear-gradient(90deg,#f2eee721,#f2eee708);box-shadow:inset 0 1px #ffffff14}.nav .count{border:1px solid var(--line-2);text-align:center;min-width:26px;color:var(--ink-2);border-radius:8px;margin-left:auto;padding:1px 7px;font-size:11.5px}.create{grid-template-columns:1fr 58px;gap:10px;display:grid}.create-main{text-align:left;background:linear-gradient(160deg,#1b1b1b,#0a0a0a) padding-box padding-box,linear-gradient(140deg,#f2eee7bf,#f2eee714 45%,#f2eee766) border-box;border:1px solid #0000;border-radius:16px;flex-direction:column;align-items:flex-start;gap:2px;padding:13px 16px;transition:transform .2s;display:flex;box-shadow:0 14px 40px #00000080}.create-main:hover:not(:disabled){transform:translateY(-1px)}.create-main:disabled,.create-topic:disabled{opacity:.45}.create-main strong{align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.create-main small{color:var(--ink-3);font-size:12px}.create-topic{aspect-ratio:1;border:1px solid var(--line-2);background:radial-gradient(circle at 40% 30%,#f2eee729,#f2eee705);border-radius:50%;align-self:center;place-items:center;transition:transform .2s;display:grid;box-shadow:inset 0 0 18px #f2eee712}.create-topic:hover:not(:disabled){transform:scale(1.05)}.gauge{background:linear-gradient(#f2eee70d,#f2eee703);border-radius:14px;margin-top:auto;padding:18px 16px 14px;position:relative}.gauge .corner{border:1px solid var(--ink-3);width:13px;height:13px;position:absolute}.gauge .tl{border-bottom:0;border-right:0;top:0;left:0}.gauge .tr{border-bottom:0;border-left:0;top:0;right:0}.gauge .bl{border-top:0;border-right:0;bottom:0;left:0}.gauge .br{border-top:0;border-left:0;bottom:0;right:0}.gauge-figure{align-items:baseline;gap:8px;margin:10px 0 12px;display:flex}.gauge-figure b{letter-spacing:-.03em;background:linear-gradient(#fff,#9c988f);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:50px;font-weight:600;line-height:1}.gauge-figure span{color:var(--ink-2)}.ticks{justify-content:space-between;align-items:flex-end;height:22px;display:flex;position:relative}.ticks i{background:#f2eee729;border-radius:1px;width:2px;height:12px}.ticks i.major{height:18px}.ticks i.on{background:var(--ink)}.ticks .needle{background:#fff;border-radius:2px;width:3px;height:27px;margin-left:-1.5px;position:absolute;bottom:-3px;box-shadow:0 0 12px #ffffffe6}.scale{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:10.5px;display:flex}.gauge-note{border-top:1px solid var(--line);color:var(--ink-3);margin-top:10px;padding-top:10px;font-size:12px}.gauge-note b{color:var(--ink-2);font-weight:500}.stage{flex-direction:column;min-width:0;padding:16px 26px 20px;display:flex;overflow-y:auto}.topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.tabs{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border-radius:16px;grid-column:2;gap:4px;padding:5px;display:flex}.tabs button{color:var(--ink-3);border-radius:11px;align-items:center;gap:8px;padding:8px 15px;font-weight:500;transition:background .2s,color .2s;display:flex}.tabs button:hover{color:var(--ink)}.tabs button[aria-selected=true]{color:var(--ink);background:linear-gradient(#f2eee72b,#f2eee70f);box-shadow:inset 0 1px #ffffff1f}.clock{text-align:right;grid-column:3;justify-self:end}.clock time{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:500;display:block}.clock small{color:var(--ink-3);font-size:11.5px}.hero{text-align:center;flex-direction:column;flex:1;align-items:center;min-height:500px;padding-top:6px;display:flex}.astral{cursor:crosshair;flex:auto;width:min(100%,760px);min-height:250px;position:relative}.astral-canvas{width:100%;height:100%;position:absolute;inset:0}.state-chip{border:1px solid var(--line-2);color:var(--ink-2);background:#00000073;border-radius:999px;align-items:center;gap:9px;padding:6px 14px 6px 10px;font-size:12.5px;display:inline-flex}.hero h2{letter-spacing:-.035em;background:linear-gradient(#fff 25%,#8f8b84);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:12px;font-size:clamp(44px,5.4vw,70px);font-weight:700;line-height:1}.hero-sub{max-width:560px;color:var(--ink-2);margin-top:12px;font-size:15px}.hero-hint{color:var(--ink-3);margin-top:6px;font-size:11.5px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.trio{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.tile{grid-template-columns:34px 1fr;align-items:center;gap:2px 12px;padding:14px 16px;display:grid}.tile .glyph{border:1px solid var(--line-2);width:34px;height:34px;color:var(--ink-2);border-radius:11px;grid-row:span 2;place-items:center;display:grid}.tile .label{color:var(--ink-3);font-size:12px}.tile .value{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.tile .sub{color:var(--ink-3);grid-column:2;font-size:12px}.dot{background:var(--ink);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #f2eee7cc}.dot.pulse{animation:1.6s ease-in-out infinite pulse}.dot.off{border:1.5px solid var(--ink-3);box-shadow:none;background:0 0}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}.spinner{border:2px solid #f2eee733;border-top-color:var(--ink);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chip{border:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.chip-live{color:#0a0a0a;background:linear-gradient(#fff,#cfcac0);border-color:#0000}.chip-error{color:var(--ink);border-style:dashed}.chip .dot{width:6px;height:6px}.rail{border-left:1px solid var(--line);background:linear-gradient(#f2eee706,#0000);flex-direction:column;gap:16px;padding:20px 18px 22px;display:flex;overflow-y:auto}.rail-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.rail-head h3{font-size:16px;font-weight:600}.rail-head small{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:12px}.steps{padding:6px 14px}.step{grid-template-columns:26px 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid;position:relative}.step+.step:before{content:"";background:var(--line-2);width:1px;height:18px;position:absolute;top:-9px;left:12.5px}.step-mark{border:1px solid var(--line-2);width:26px;height:26px;color:var(--ink-3);border-radius:50%;place-items:center;font-size:11px;display:grid}.step.done .step-mark{color:#0a0a0a;background:linear-gradient(#fff,#cfcac0);border-color:#0000}.step.active .step-mark{border-color:#0000}.step-name{font-weight:500}.step.todo .step-name{color:var(--ink-3)}.step-detail{color:var(--ink-3);font-size:12px;font-weight:400;display:block}.step-side{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px}.reel{grid-template-columns:92px 1fr;gap:14px;padding:12px;display:grid}.reel-cover{aspect-ratio:9/16;border:1px solid var(--line-2);background:#0a0a0a;border-radius:12px;position:relative;overflow:hidden}.reel-cover img{object-fit:cover;width:100%;height:100%;display:block}.reel-cover .play{opacity:0;background:#00000059;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.reel-cover:hover .play{opacity:1}.reel-body{flex-direction:column;gap:8px;min-width:0;display:flex}.reel-body .chip{align-self:flex-start}.reel-title{font-size:15.5px;font-weight:600;line-height:1.5}.reel-meta{color:var(--ink-3);font-size:12px}.reel-actions{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.bench{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bench button{text-align:left;flex-direction:column;align-items:flex-start;gap:18px;padding:13px 14px;transition:border-color .2s,transform .2s;display:flex}.bench button:hover{border-color:var(--line-2);transform:translateY(-2px)}.bench strong{font-weight:600;display:block}.bench small{color:var(--ink-3);font-size:12px}.signals{padding:14px}.signal-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.signal-head strong{font-weight:600}.signal-head small{color:var(--ink-3);font-size:12px;display:block}.post-row{border-top:1px solid var(--line);padding:10px 0}.post-row p{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.metrics{color:var(--ink-3);flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:12px;display:flex}.metrics b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.empty{color:var(--ink-3);font-size:12.5px}.view{flex:1;padding-top:22px}.view-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.view-head h2{letter-spacing:-.02em;font-size:28px;font-weight:700}.view-head p{color:var(--ink-3)}.library{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.voices{gap:10px;max-width:720px;display:grid}.voice{grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.voice.in-use{border-color:var(--line-2);background:linear-gradient(90deg,#f2eee71f,#f2eee705)}.voice .play-btn{border:1px solid var(--line-2);border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s;display:grid}.voice .play-btn:hover{background:#f2eee71f}.voice strong{font-weight:600}.voice small{color:var(--ink-3);font-size:12px;display:block}.scrim{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;place-items:center;padding:24px;animation:.18s ease-out fade;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(#151515,#090909) padding-box padding-box,linear-gradient(150deg,#f2eee78c,#f2eee70f 45%,#f2eee747) border-box;border:1px solid #0000;border-radius:22px;flex-direction:column;width:min(520px,100%);max-height:calc(100vh - 48px);animation:.22s ease-out rise;display:flex;box-shadow:0 40px 120px #000c}.modal-wide{width:min(430px,100%)}.modal-head{justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.modal-head h2{font-size:16px;font-weight:600}.modal-body{padding:4px 18px 18px;overflow-y:auto}.modal-body p+p{margin-top:10px}.modal-foot{justify-content:flex-end;gap:8px;padding:0 18px 18px;display:flex}.modal video{background:#000;border-radius:14px;width:100%;max-height:calc(100vh - 170px);display:block}.caption-text{border:1px solid var(--line);white-space:pre-wrap;background:#f2eee70a;border-radius:14px;padding:14px 16px;font-size:15px;line-height:1.9}.field{border:1px solid var(--line-2);width:100%;height:44px;color:var(--ink);font:inherit;background:#f2eee70d;border-radius:12px;padding:0 14px}.field::placeholder{color:var(--ink-3)}.source-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.source-list a{border:1px solid var(--line);color:var(--ink-2);word-break:break-all;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;text-decoration:none;display:flex}.source-list a:hover{border-color:var(--line-2);color:var(--ink)}.notice{border:1px dashed var(--line-2);color:var(--ink-2);border-radius:12px;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 12px;font-size:13px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (width<=1240px){body{overflow:auto}.app{grid-template-columns:236px minmax(0,1fr);height:auto;min-height:100vh}.side{height:100vh;position:sticky;top:0}.stage{overflow:visible}.rail{border-left:0;border-top:1px solid var(--line);grid-column:2;overflow:visible}.hero{min-height:620px}}@media (width<=780px){.app{grid-template-columns:minmax(0,1fr)}.side{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.gauge{margin-top:0}.rail{grid-column:1}.stage{padding:14px 16px 18px}.topbar{grid-template-columns:1fr;justify-items:center}.tabs,.clock{grid-column:1}.clock{text-align:center;justify-self:center}.trio{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.astral-canvas.is-arriving{z-index:30;pointer-events:none;position:fixed}.app.is-arriving{overflow-x:clip}.app.is-arriving:before,.app.is-arriving:after{animation:1.8s ease-out .2s both fade}.app.is-arriving .side{transform-origin:0;animation:1.25s cubic-bezier(.16,1,.3,1) .95s both dock-left}.app.is-arriving .rail{transform-origin:100%;animation:1.25s cubic-bezier(.16,1,.3,1) 1.1s both dock-right}.app.is-arriving .topbar{transform-origin:50% 0;animation:1.05s cubic-bezier(.16,1,.3,1) 1.3s both dock-top}.app.is-arriving .hero>:not(.astral),.app.is-arriving .trio>*{animation:dock-rise .95s cubic-bezier(.16, 1, .3, 1) calc(1.55s + var(--n,0) * 90ms) both}.app.is-arriving .hero>:nth-child(3){--n:1}.app.is-arriving .hero>:nth-child(4){--n:2}.app.is-arriving .hero>:nth-child(5){--n:3}.app.is-arriving .hero>:nth-child(6){--n:4}.app.is-arriving .hero>:nth-child(7){--n:5}.app.is-arriving .trio>:first-child{--n:6}.app.is-arriving .trio>:nth-child(2){--n:7}.app.is-arriving .trio>:nth-child(3){--n:8}@keyframes dock-left{0%{opacity:0;transform:perspective(1500px)translate3d(-70px,0,-240px)rotateY(48deg)}to{transform:perspective(1500px)translate(0,0)rotateY(0)}}@keyframes dock-right{0%{opacity:0;transform:perspective(1500px)translate3d(70px,0,-240px)rotateY(-48deg)}to{transform:perspective(1500px)translate(0,0)rotateY(0)}}@keyframes dock-top{0%{opacity:0;transform:perspective(1200px)translate3d(0,-34px,-180px)rotateX(-42deg)}to{transform:perspective(1200px)translate(0,0)rotateX(0)}}@keyframes dock-rise{0%{opacity:0;filter:blur(10px);transform:perspective(1200px)translate3d(0,42px,-200px)rotateX(26deg)}to{transform:perspective(1200px)translate(0,0)rotateX(0)}}.tile .glyph{background:#f2eee70a;width:40px;height:40px}.tile{grid-template-columns:40px 1fr}.kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}.kpi{border:1px solid var(--line);background:#f2eee708;border-radius:12px;padding:10px 10px 9px}.kpi b{letter-spacing:-.02em;font-size:21px;font-weight:600;line-height:1.15;display:block}.kpi span{color:var(--ink-3);font-size:11.5px}.kpi-note{margin:10px 0 2px;font-size:11.5px}