@font-face{font-family:"SN Pro";font-weight:300;src:url(/static/SNPro-Light.woff2) format("woff2")}
@font-face{font-family:"SN Pro";font-weight:400;src:url(/static/SNPro-Regular.woff2) format("woff2")}
@font-face{font-family:"SN Pro";font-weight:500;src:url(/static/SNPro-Medium.woff2) format("woff2")}
@font-face{font-family:"SN Pro";font-weight:600;src:url(/static/SNPro-SemiBold.woff2) format("woff2")}
@font-face{font-family:Sentient;font-style:italic;src:url(/static/Sentient-MediumItalic.woff) format("woff")}
:root{--page:#0a0c10;--panel:rgba(20,23,29,.82);--card:#1b1f27;--line:#2a303b;--text:#f0f1f4;--muted:#a3abb9;--gold:#e09b2d;--maroon:#800006;--blue:#0c46b0;--yellow:#ffe600;--green:#00923c}
*{box-sizing:border-box}
html{font-size:clamp(16px,.42vw + 11px,24px)}
html,body{margin:0;height:100%}
body{background:var(--page);color:var(--text);font-family:"SN Pro",system-ui,sans-serif;font-weight:400;overflow-x:hidden}
.glow{position:fixed;inset:0;z-index:-2;background:radial-gradient(70vw 70vh at 12% 0%,rgba(128,0,6,.34),transparent 65%),radial-gradient(60vw 70vh at 100% 100%,rgba(12,70,176,.26),transparent 65%),radial-gradient(40vw 40vh at 62% 8%,rgba(0,146,60,.09),transparent 70%)}
.mark{position:fixed;z-index:-1;right:-5vw;bottom:-14vh;height:112vh;opacity:.055;pointer-events:none}
.wrap{min-height:100%;display:flex;flex-direction:column;padding:1.25rem clamp(1rem,3vw,3rem) 2.5rem}
.nav{width:max-content;max-width:100%;margin:0 auto 1.75rem;display:flex;align-items:center;gap:.8rem;padding:.45rem 1.1rem .45rem .6rem;background:var(--card);border:1px solid var(--line);border-radius:999px;font-weight:600}
.nav img{height:2rem;display:block}
.nav .who{color:var(--muted);font-weight:500;padding-left:.8rem;border-left:1px solid var(--line)}
.panel{flex:1;display:flex;flex-direction:column;width:100%;max-width:min(92rem,100%);margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:1.75rem;overflow:hidden;backdrop-filter:blur(6px)}
.stripe{height:.4rem;background:linear-gradient(90deg,var(--blue) 33.3%,var(--yellow) 33.3% 66.6%,var(--green) 66.6%)}
.inner{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,5vw,6rem) clamp(1.5rem,6vw,8rem)}
.split{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(2rem,5vw,6rem)}
.split .logo{width:100%;max-width:26rem;justify-self:center;display:block}
h1{font-weight:400;font-size:clamp(2.6rem,5.2vw,5.75rem);line-height:1.18;letter-spacing:-.015em;margin:0 0 1.5rem}
h2{font-weight:300;font-size:clamp(2rem,3.2vw,3.25rem);letter-spacing:-.01em;margin:clamp(2rem,4vw,3.5rem) 0 1.25rem}
.tag{font-family:Sentient,serif;font-style:italic;background:var(--gold);color:#17110a;padding:0 .32em .06em;border-radius:.2em;white-space:nowrap}
.tag.soft{background:#2d3440;color:var(--text)}
p{color:var(--muted);font-size:1.25rem;line-height:1.55;margin:0 0 2rem;max-width:34em}
.btn{appearance:none;border:0;display:inline-flex;align-items:center;gap:.65rem;background:var(--text);color:#101217;font:600 1.15rem "SN Pro",sans-serif;padding:.95rem 1.75rem;border-radius:999px;cursor:pointer;transition:transform .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn img{height:1.5rem;display:block}
.btn.gold{background:var(--gold);color:#17110a}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:1.1rem;padding:1.5rem;min-width:0;display:flex;align-items:center;gap:1.1rem}
.card img{height:3.4rem;display:block;flex:none}
.card .k{font-size:.95rem;color:var(--muted)}
.card .n{font-weight:600;font-size:1.4rem;margin-top:.15rem}
.card.lock{opacity:.5}
.card.lock img{filter:grayscale(1)}
.card.on{border-color:var(--gold)}
.card.done{border-color:var(--green)}
.entry{margin-top:1rem;background:var(--card);border:1px solid var(--line);border-radius:1.1rem;padding:1.75rem}
label{display:block;font-weight:500;font-size:1.15rem;margin-bottom:.75rem}
.row{display:flex;gap:.75rem}
input{flex:1;min-width:0;background:var(--page);border:1px solid var(--line);color:var(--text);border-radius:.8rem;padding:.95rem 1.1rem;font:500 1.15rem "SN Pro",sans-serif;text-transform:uppercase}
input:focus{outline:2px solid var(--gold);outline-offset:1px}
.note{font-size:1rem;margin:.9rem 0 0;max-width:none}
.bad{color:#ff8f8f}
section[hidden]{display:none}
@media(max-width:820px){.split{grid-template-columns:1fr;text-align:center}.split .logo{order:-1;max-width:11rem}.split p{margin-left:auto;margin-right:auto}.grid{grid-template-columns:1fr}.row{flex-direction:column}.btn{justify-content:center}.mark{display:none}.board-head{text-align:center}.board-head p{margin-left:auto;margin-right:auto}}
a.btn{text-decoration:none}
.logo.grey{filter:grayscale(1);opacity:.5}
.nav form{margin:0}
.out{background:none;border:0;color:var(--muted);font:500 1rem "SN Pro",sans-serif;cursor:pointer;padding:0}
.out:hover{color:var(--text)}
.entry input[type=text],.entry input:not([type=hidden]){display:block;width:100%;margin-bottom:1rem}
.tapes{display:flex;flex-wrap:wrap;gap:.75rem}