.notes{padding:calc(88px + env(safe-area-inset-top)) var(--gutter) 72px;background:var(--bg);gap:36px;display:grid}.notes__panel{border:1px solid var(--line);background:var(--bg-2);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.notes__issue{min-width:0;display:grid}.notes__bar{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;gap:12px;padding:14px 16px;font-size:11px;display:flex}.notes__bar span{align-items:center;gap:8px;display:inline-flex}.notes__bar i{background:var(--lime);width:7px;height:7px;animation:1.2s step-end infinite blink}.notes__bar b{color:var(--lime);font-weight:400}.notes-sign{border-block:1px solid var(--line);background:#070707;width:100%;height:54px;display:block}.notes__parts{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.notes__parts li{align-content:start;gap:6px;padding:18px 12px 20px 16px;display:grid}.notes__parts li+li{border-left:1px solid var(--line)}.notes__parts .nl-glyph{width:34px;margin-bottom:8px}.notes__parts span{color:var(--muted);font-size:11px}.notes__parts strong{text-transform:uppercase;font-size:16px}.notes__parts p{color:var(--muted);margin:0;font-size:14px;line-height:1.45;display:none}.notes__join{border-top:1px solid var(--line);align-content:center;gap:22px;padding:24px 16px;display:grid}.notes__links{text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:10px 24px;font-size:12px;display:flex}.notes__links a{color:var(--lime)}.notes__latest{border:1px dashed #d2f65a66;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;width:100%;padding:12px 14px;transition:border-color .2s steps(2,end),background .2s steps(2,end);display:grid}.notes__latest span{color:var(--muted);font-size:10px}.notes__latest strong{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-weight:400;overflow:hidden}.notes__latest b{grid-area:1/2/span 2;align-self:center;font-weight:400;transition:transform .2s steps(2,end)}.notes__latest:hover{border-style:solid;border-color:var(--lime);background:#d2f65a0d}.notes__latest:hover b{transform:translate(4px)}.notes__list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none;display:grid}.notes__item{border-bottom:1px solid var(--line);color:inherit;gap:8px;padding:22px 0;text-decoration:none;display:grid}.notes__meta,.notes__read{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.notes__item strong{font-size:var(--fs-m);text-transform:uppercase;font-weight:600}.notes__item p{max-width:64ch;color:var(--muted);margin:0}.notes__item:hover strong,.notes__item:hover .notes__read{color:var(--lime)}.news{border:1px dashed #d2f65a66;grid-template-columns:minmax(0,1fr);gap:10px;max-width:620px;padding:22px;display:grid}.news label{color:var(--lime);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.news__field{border:1px solid var(--line);background:var(--bg-2);gap:6px;padding:5px;display:flex}.news__field:focus-within{border-color:var(--lime)}.news__field input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0 12px;font-size:16px}.news__hint{color:var(--muted);margin:0;font-size:11px}.news__hint [role=alert]{color:#ff8a8a}.news__done{color:var(--lime);align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.news__done i{background:currentColor;flex:none;width:8px;height:8px}.news--bare{border:0;max-width:none;padding:0}.news--bare .news__field{padding:6px}.news--bare .news__field input{font-size:17px}@media (max-width:420px){.news .news__field .btn{padding:0 16px}}@media (min-width:900px){.notes{min-height:100svh;padding-top:calc(96px + var(--band,0px));align-content:center}.notes__panel{grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr)}.notes__bar{padding:16px 24px}.notes__parts li{gap:8px;padding:26px 24px 30px}.notes__parts .nl-glyph{width:48px;margin-bottom:14px}.notes__parts strong{font-size:20px}.notes__parts p{display:block}.notes__join{border-top:0;border-left:1px solid var(--line);padding:36px clamp(24px,3vw,48px)}.notes__item{grid-template-columns:220px minmax(0,1fr) auto;align-items:baseline;column-gap:32px}.notes__item p{grid-column:2}.notes__read{grid-area:1/3}}@media (prefers-reduced-motion:reduce){.notes__bar i{animation:none}}
.work{padding:calc(76px + env(safe-area-inset-top)) 0 28px;background:var(--bg)}.work__head{padding:0 var(--gutter) 16px}.work__stage{--cv:clamp(240px, calc(100svh - 540px), 520px);padding-top:var(--cv);position:relative}.work__canvas{width:100%;height:var(--cv);touch-action:pan-y;opacity:0;-webkit-tap-highlight-color:transparent;transition:opacity .6s steps(6,end);display:block;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 80%,#0000);mask-image:linear-gradient(#0000,#000 12% 80%,#0000)}.work__stage.is-live .work__canvas{opacity:1}.work__canvas.is-dragging{cursor:grabbing}.work__fallback{left:50%;top:calc(var(--cv) / 2);aspect-ratio:1;object-fit:cover;border-radius:8px;width:min(60vw,360px);position:absolute;translate:-50% -50%}.work__hint{top:12px;right:var(--gutter);color:var(--muted);pointer-events:none;align-items:center;gap:8px;display:inline-flex;position:absolute}.work__hint-deck{display:none}@media (min-width:900px) and (prefers-reduced-motion:no-preference){.work__hint-deck{display:inline}.work__hint-rail{display:none}}.work__hint i{background:var(--lime);width:6px;height:6px;animation:1.2s step-end infinite blink}.work__hud{z-index:2;margin:8px var(--gutter) 0;border:1px solid var(--line);background:#050505b8;gap:12px;padding:14px 16px 16px;display:grid;position:relative}.work__hud-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.work__hud-no{color:var(--lime);align-items:center;gap:8px;display:inline-flex}.work__hud-no i{background:currentColor;width:6px;height:6px}.work__hud-no b{color:var(--muted);margin-left:-6px;font-weight:400}.work__hud-bar{width:96px;height:5px}.work__hud-body{gap:6px;animation:.32s steps(4,end) both anat-in;display:grid}.work__hud-body h3{font-size:var(--fs-s);text-transform:uppercase;margin:0;line-height:1}.work__hud-meta{color:var(--muted);margin:0;font-size:10px}.work__hud-line{color:#f4f4eec7;margin:0;font-size:14px;line-height:1.4}.work__hud-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.work__play{background:var(--accent);min-height:38px;color:var(--on-accent);transition:transform .4s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 6px;font-size:13px;font-weight:600;display:inline-flex}.work__play:active{transform:scale(.96)}.work__play-icon{background:var(--on-accent);width:26px;height:26px;color:var(--accent);border-radius:50%;place-items:center;font-size:9px;display:grid}.work__arrows{gap:6px;display:flex}.work__arrows button{border:1px solid var(--line);border-radius:50%;place-items:center;width:38px;height:38px;font-size:15px;transition:background .3s,color .3s;display:grid}.work__arrows button:hover{background:var(--fg);color:#000}.work__tracks{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;margin:0;padding:0;list-style:none;display:grid}.work__tracks a{height:30px;color:var(--muted);background:#f4f4ee0d;place-items:center;font-size:9px;transition:background .2s steps(2,end),color .2s steps(2,end);display:grid;position:relative}.work__tracks a:after{content:"";background:var(--tint);opacity:.45;height:2px;position:absolute;bottom:0;left:0;right:0}.work__tracks a:hover{color:var(--fg)}.work__tracks a[aria-current=true]{color:#000;background:var(--tint)}@media (min-width:640px) and (max-width:899px){.work__hud{max-width:520px;margin-inline:auto}}@media (prefers-reduced-motion:reduce){.work__canvas,.work__hud-body{transition:none;animation:none}.work__hint i{animation:none}}@media (min-width:900px){.work{height:100svh;min-height:640px;padding:calc(80px + var(--band)) 0 var(--band);flex-direction:column;display:flex}.work__head{flex:none;padding-bottom:0}.work__stage{--cv:100%;flex:1;min-height:0;padding-top:0;overflow:hidden}.work__fallback{top:50%}.work__canvas{-webkit-mask-image:linear-gradient(#0000,#000 14% 62%,#0000 97%);mask-image:linear-gradient(#0000,#000 14% 62%,#0000 97%)}.work__hint{top:12px}}@media (min-width:900px) and (min-aspect-ratio:2){.work__canvas{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#0000,#000 14% 62%,#0000 97%),linear-gradient(90deg,#0000 calc(50% - 92svh),#000 calc(50% - 56svh) calc(50% + 56svh),#0000 calc(50% + 92svh));mask-image:linear-gradient(#0000,#000 14% 62%,#0000 97%),linear-gradient(90deg,#0000 calc(50% - 92svh),#000 calc(50% - 56svh) calc(50% + 56svh),#0000 calc(50% + 92svh));-webkit-mask-composite:source-in;mask-composite:intersect}}@media (min-width:900px){.work__hud{left:var(--gutter);width:clamp(248px, calc(50vw - 22svh - var(--gutter) - 16px), 340px);margin:0;position:absolute;bottom:28px}}
:root{--bg-raised:#111210}main>:is(.disc,.machine,.work,.notes,.agent-stage){background:radial-gradient(circle, #f4f4ee0d 1px, transparent 1.5px) 0 0 / 22px 22px, var(--bg-raised);box-shadow:inset 0 1px 0 var(--line), inset 0 -1px 0 var(--line)}