:root{color-scheme:light dark;--bg: #f6f7f9;--card: #ffffff;--text: #14171c;--muted: #5b6573;--line: #d9dee5;--accent: #1d4ed8;--accent-text: #ffffff;--danger: #b42318;--warn-bg: #fff4d6;--warn-text: #5c4300;--ok-bg: #e3f6e8;--ok-text: #14532d;--bad-bg: #fde8e6;--bad-text: #7a1a12;--radius: 14px}@media(prefers-color-scheme:dark){:root{--bg: #0d1014;--card: #171b21;--text: #eef1f5;--muted: #9aa5b4;--line: #2a313b;--accent: #6d97ff;--accent-text: #0b1220;--danger: #ff8a80;--warn-bg: #3a2f10;--warn-text: #ffe29a;--ok-bg: #12301c;--ok-text: #a8e8ba;--bad-bg: #3a1714;--bad-text: #ffb4ab}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.page{max-width:560px;margin:0 auto;padding:16px 16px 96px;display:grid;gap:14px}h1{font-size:1.5rem;margin:8px 0 0}h2{font-size:1.1rem;margin:0 0 6px}p{margin:0}.muted{color:var(--muted);font-size:.9rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:grid;gap:10px}button,.button{font:inherit;min-height:48px;padding:10px 16px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}button.primary,.button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.danger{color:var(--danger);border-color:var(--danger)}button:disabled{opacity:.5;cursor:default}input,textarea{font:inherit;width:100%;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text)}textarea{min-height:96px;resize:vertical}label{display:grid;gap:6px;font-weight:600}.banner{border-radius:12px;padding:10px 12px;font-size:.95rem}.banner.warn{background:var(--warn-bg);color:var(--warn-text)}.banner.ok{background:var(--ok-bg);color:var(--ok-text)}.banner.bad{background:var(--bad-bg);color:var(--bad-text)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1 1 auto}.spread{display:flex;justify-content:space-between;gap:10px;align-items:baseline}ol.steps,ul.plain{margin:0;padding-left:1.2rem;display:grid;gap:6px}ul.list{list-style:none;margin:0;padding:0;display:grid;gap:10px}nav.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}nav.tabs a{flex:1;text-align:center;padding:12px 4px;color:var(--muted);text-decoration:none;font-size:.85rem}nav.tabs a.active{color:var(--accent);font-weight:700}
