/* Worker-rendered pages (welcome, sign in, account) and the legal pages. Builds on site.css. */
body.acct,body.doc{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(70% 60% at 50% 0%,rgba(63,208,143,.12),transparent 70%),var(--bg)}
.acct .nav,.doc .nav{position:sticky}
.acct .nav .brand,.doc .nav .brand{opacity:1;pointer-events:auto}
.acct-main{flex:1;display:grid;place-items:start center;padding:60px 20px 80px}
.acct-card{width:min(640px,100%);padding:38px 36px;border-radius:22px;border:1px solid var(--edge);background:linear-gradient(170deg,rgba(14,42,30,.94),rgba(5,16,11,.97));box-shadow:0 30px 80px rgba(0,0,0,.5)}
.acct-card h1{font-size:clamp(28px,4vw,40px);margin-bottom:14px}
.acct-card h2{font-size:22px;margin:28px 0 10px}
.acct-card p{color:#d3e0d8}
.acct-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.license{margin:24px 0;padding:18px 20px;border-radius:14px;border:1px dashed var(--gold);background:rgba(244,201,98,.06)}
.license small{display:block;font:800 11px var(--ui);letter-spacing:.2em;color:var(--gold);text-transform:uppercase}
.license code{display:block;font:700 26px/1.3 Consolas,"Courier New",monospace;color:var(--gold2);letter-spacing:.06em;margin:6px 0;user-select:all}
.license p{margin:0;font-size:14px;color:var(--muted)}
.muted{color:var(--muted)!important;font-size:15px}
.note{padding:12px 16px;border-radius:12px;background:rgba(244,201,98,.08);border:1px solid var(--edge2)}
.note.ok{background:rgba(41,176,111,.1);border-color:rgba(77,229,153,.35)}
.note.err{background:rgba(200,32,42,.12);border-color:rgba(255,120,120,.4);color:#ffd6d6!important}
.acct-form{display:grid;gap:14px;margin:20px 0}
.acct-form label{display:grid;gap:6px;font-weight:700;font-size:14px;color:var(--muted)}
.acct-form input{font:inherit;font-size:17px;padding:13px 14px;border-radius:12px;border:1px solid var(--edge2);background:rgba(0,0,0,.35);color:var(--ink)}
.acct-form input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(244,201,98,.2)}
.alt{margin-top:8px}.alt summary{cursor:pointer;color:var(--gold2);font-weight:700}
.purchases{padding-left:18px;color:#d3e0d8;display:grid;gap:6px}
.purchases code{color:var(--gold2)}
.signout{display:flex;flex-wrap:wrap;gap:8px 24px;margin:20px 0 4px}
.signout button{font:inherit;font-size:15px;padding:0;border:0;background:none;color:var(--gold2);text-decoration:underline;cursor:pointer}
.signout button:hover,.signout button:focus-visible{color:var(--gold)}
.doc-main{flex:1;max-width:820px;margin:0 auto;padding:50px 24px 80px}
.doc-main h1{font-size:clamp(32px,4vw,46px);margin-bottom:8px}
.doc-main h2{font-size:24px;margin:34px 0 10px;color:var(--gold2)}
.doc-main p,.doc-main li{color:#d3e0d8}
.doc-main .updated{color:var(--dim);font-size:14px}
.draft{padding:12px 16px;border-radius:12px;border:1px solid rgba(255,120,120,.4);background:rgba(200,32,42,.12);color:#ffd6d6;margin:18px 0}
.acct-form label.check{display:flex;align-items:center;gap:10px;font-weight:600;color:#d3e0d8}
.acct-form label.check input{width:20px;height:20px;accent-color:#d6a63c}