:root{--paper:#f4f2fa;--card:#fff;--ink:#15142c;--muted:#5d5b7e;--line:#e2dfef;--accent:#6a4dff;--danger:#c2334a;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.shell{grid-template-rows:auto 1fr;min-height:100dvh;display:grid}header{padding:16px max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:inherit;letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:650;text-decoration:none;display:inline-flex}.who{color:var(--muted);align-items:center;gap:12px;min-width:0;font-size:14px;display:flex}.who span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}main{align-content:start;justify-items:center;padding:8vh 16px 48px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);gap:14px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 1px 2px #15142c0a,0 12px 32px #15142c0f}.card.wide{width:min(880px,100%)}h1{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:22px}p{color:var(--muted);margin:0}p strong{color:var(--ink)}form{gap:10px;margin-top:4px;display:grid}label{font-size:13px;font-weight:600}input{font:inherit;color:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px}input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}button,.button{font:inherit;cursor:pointer;background:var(--ink);color:#fff;text-align:center;border:0;border-radius:10px;padding:11px 16px;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:default}button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}button.link{color:var(--muted);text-underline-offset:3px;background:0 0;padding:4px;font-weight:500;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.error{color:var(--danger)}.muted{color:var(--muted)}.row.between{justify-content:space-between}.button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.empty{justify-items:start;gap:14px;padding:8px 0 4px;display:grid}.sites{margin:4px 0 0;padding:0;list-style:none;display:grid}.sites li{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:14px 0;display:flex}.sites li:first-child{border-top:0}.site-main{gap:2px;min-width:0;display:grid}.site-main strong{font-size:16px}.sites a{color:var(--accent);text-underline-offset:3px}.badge{color:var(--muted);background:var(--paper);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}fieldset{border:0;gap:10px;min-width:0;margin:0 0 8px;padding:0;display:grid}legend{margin-bottom:10px;padding:0;font-size:13px;font-weight:600}.templates{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.template{border:1px solid var(--line);cursor:pointer;border-radius:12px;gap:2px;padding:14px 16px;font-size:14px;font-weight:400;display:grid;position:relative}.template input{opacity:0;pointer-events:none;position:absolute}.template.chosen{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.template:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.template strong{font-size:15px}.address{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.address:focus-within{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.address input{border:0;border-radius:0;outline:none;flex:1;min-width:0}.address input:focus{outline:none}.address span{color:var(--muted);background:var(--paper);border-left:1px solid var(--line);align-items:center;padding:0 12px;display:flex}.ok{color:#15803d}
