:root{--orange:#f2a900;--orange-dim:#b88100;--bg:#0d0d0e;--surface:#17171a;--surface-raised:#1f1f23;--border:#2c2c31;--text:#ececee;--text-dim:#9a9aa2;--danger:#ab2328;--font-display:"Agency FB", "Oswald", "Arial Narrow", sans-serif;--font-body:"Roboto Condensed", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--radius:4px;--maxw:62rem}.site,.site *,.reader__bar,.reader__bar *{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.site a{color:var(--orange);text-decoration:none}.site a:hover{text-underline-offset:3px;text-decoration:underline}.site h1,.site h2,.site h3{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0 0 .5rem;line-height:1.15}.site h1{font-size:clamp(2rem,5vw,3rem)}.site h2{font-size:1.4rem}.site code,.site pre{font-family:var(--font-mono);font-size:.9em}.shell{max-width:var(--maxw);margin:0 auto;padding:3rem 1.5rem 4rem}.eyebrow{color:var(--orange);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .75rem;font-size:.75rem}.lede{color:var(--text-dim);max-width:46rem;margin:0 0 2.5rem;font-size:1.05rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));align-items:stretch;gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;flex-direction:column;padding:1.5rem;transition:border-color .15s,background .15s,transform .15s;display:flex}a.card:hover{border-color:var(--orange);background:var(--surface-raised);text-decoration:none;transform:translateY(-2px)}.card__name{font-family:var(--font-mono);color:var(--orange);word-break:break-word;margin:0 0 .35rem;font-size:1.15rem}.card__desc{color:var(--text-dim);flex:1;margin:0 0 1.25rem;font-size:.95rem}.card__meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-top:1px solid var(--border);gap:1rem;padding-top:.85rem;font-size:.72rem;display:flex}.card--soon{opacity:.55}.card--soon .card__name{color:var(--text-dim)}.centered{place-items:center;min-height:100%;padding:2rem 1.5rem;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:24rem;padding:2rem}.site label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;font-size:.72rem;display:block}.site input[type=password]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-body);padding:.7rem .85rem;font-size:1rem}.site input[type=password]:focus{border-color:var(--orange);outline:none}.site button{background:var(--orange);color:#14140f;border-radius:var(--radius);width:100%;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;margin-top:1rem;padding:.7rem 1rem;font-size:1rem}.site button:hover:not(:disabled){background:#ffbe1a}.site button:disabled{opacity:.5;cursor:not-allowed}.error{border-left:3px solid var(--danger);color:#f3b9bb;background:#ab23281f;margin-top:1rem;padding:.6rem .8rem;font-size:.9rem}.reader{flex-direction:column;height:100%;display:flex}.reader__bar{background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.reader__back{color:var(--orange);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.78rem;text-decoration:none}.reader__back:hover{text-underline-offset:3px;text-decoration:underline}.reader__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;font-size:.95rem}.reader__spacer{flex:1}.reader__logout{border:1px solid var(--border);border-radius:var(--radius);width:auto;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;margin:0;padding:.35rem .8rem;font-size:.72rem}.reader__logout:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.reader__body>*{height:100%}.reader__body{flex:1;min-height:0}.status{color:var(--text-dim);text-align:center;padding:3rem 1.5rem}.site .snippet{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);padding:.9rem 1rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.site .card a[download]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}