:root{--ink:#1c302c;--muted:#52645d;--bg:#f5f7f1;--surface:#fff;--sage:#e8eedc;--accent:#b85523;--border:#d6dfd3;--error:#9e312b;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}header{max-width:1040px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px}.brand{font-size:28px;font-weight:850;text-decoration:none;color:var(--ink)}.brand span{color:var(--accent)}.pill,.tag{padding:6px 12px;border-radius:24px;background:var(--sage);font-size:13px;font-weight:650}main{max-width:1040px;margin:auto;padding:0 24px calc(110px + env(safe-area-inset-bottom))}h1{font-size:clamp(28px,5vw,44px);letter-spacing:-1px;line-height:1.15}h2{font-size:22px;margin-top:0}h3{font-size:19px}p{overflow-wrap:anywhere}small,.muted{color:var(--muted)}.hero{background:var(--sage);border-radius:24px;padding:28px;margin:20px 0}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:750;letter-spacing:2px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel,.card{background:var(--surface);border:1px solid var(--border);padding:24px;border-radius:20px;margin:16px 0}.grid .panel{margin:0}.card h3{margin:12px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.actions{display:flex;flex-wrap:wrap;gap:12px}.actions>*{flex:1}button,input,textarea,select{font:inherit}button{min-height:48px;padding:12px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);font-weight:650;cursor:pointer}button.primary{background:var(--ink);color:white;border-color:var(--ink)}button.accent{background:var(--accent);color:white;border-color:var(--accent)}button:active{opacity:.75}button:disabled{opacity:.5;cursor:not-allowed}label{display:block;margin:16px 0 6px;font-weight:650}input,textarea,select{width:100%;min-height:48px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--ink)}input[type=checkbox]{width:24px;height:24px;min-height:24px;margin:0}.check{display:flex;align-items:center;gap:12px;min-height:48px}.helper{font-size:14px;color:var(--muted)}.warning{padding:12px;background:#fff3e3;color:#75451e;border-radius:10px;font-size:14px}.danger{color:var(--error)}#notice:empty{display:none}#notice{padding:14px;background:var(--sage);border-radius:12px;margin:12px 0;position:sticky;top:8px;z-index:3}#notice.error{background:#fbe8e3;color:var(--error)}nav{position:fixed;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:center;gap:8px;z-index:2}nav[hidden]{display:none}nav button{max-width:210px;flex:1;border:0;font-size:14px}nav button[aria-current=page]{background:var(--sage)}.switch{appearance:none;width:72px!important;height:44px!important;min-height:44px!important;border-radius:24px;background:#a9b6a7;padding:4px;position:relative;cursor:pointer}.switch:before{content:'';display:block;width:32px;height:32px;background:white;border-radius:50%;transition:transform .15s}.switch:checked{background:var(--ink)}.switch:checked:before{transform:translateX(28px)}pre{white-space:pre-wrap;font:inherit;overflow-wrap:anywhere}details summary{cursor:pointer;padding:12px 0;font-weight:650}a{color:#236b58}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:12px;z-index:9}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}dialog{max-width:460px;width:calc(100% - 24px);max-height:90vh;border:1px solid var(--border);border-radius:20px;padding:20px;overflow:auto}dialog::backdrop{background:#172720aa}#browser-image{width:100%;max-width:390px;display:block;cursor:crosshair}#browser .actions{margin-top:14px}#browser .actions button{font-size:14px}.login{max-width:460px;margin:24px auto}.empty{padding:32px;text-align:center}.status{display:inline-block;margin-right:8px;font-weight:700}.outline-danger{border-color:var(--error)}@media(max-width:650px){header{padding:20px}main{padding-left:16px;padding-right:16px}.grid{grid-template-columns:1fr}.panel,.card{padding:20px}.hero{padding:24px}.row{align-items:flex-start}.actions button{min-width:120px}nav button{padding:12px 8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(prefers-color-scheme:dark){:root{--ink:#ebf1e9;--muted:#b5c4b8;--bg:#14231f;--surface:#21352e;--sage:#304838;--border:#476151;--accent:#b85523}button.primary{background:#dbe8c9;color:#182a22;border-color:#dbe8c9}.warning{background:#453421;color:#f7dcae}.switch:checked{background:#749b6b}#notice.error{background:#4b2624;color:#ffcac2}}

.scan-actions{margin-top:20px}