: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}*{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}a{color:var(--orange);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0 0 .5rem;line-height:1.15}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:1.4rem}code,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}label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;font-size:.72rem;display:block}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}input[type=password]:focus{border-color:var(--orange);outline:none}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}button:hover:not(:disabled){background:#ffbe1a}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{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.reader__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);font-size:.95rem}.reader__spacer{flex:1}.reader__logout{border:1px solid var(--border);width:auto;color:var(--text-dim);background:0 0;margin:0;padding:.35rem .8rem;font-size:.78rem}.reader__logout:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.reader__body{flex:1;min-height:0;overflow:auto}.status{color:var(--text-dim);text-align:center;padding:3rem 1.5rem}