:root{--bg: #ffffff;--fg: #111111;--accent: #1f6feb;--muted: #666666;--line: #e6e6e6}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:var(--fg);background:var(--bg)}main{padding:1rem 1rem calc(5.75rem + env(safe-area-inset-bottom,0px));max-width:900px;margin:0 auto}h1{font-size:1.15rem;margin:.25rem 0 .75rem}h2{font-size:1.05rem;margin:1rem 0 .4rem}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.4rem .9rem;background:var(--accent);color:#fff;font-weight:600;font-size:.95rem;position:sticky;top:0;z-index:20}.topbar button{background:#ffffff26;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:6px;padding:.3rem .7rem;cursor:pointer}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;background:#fff;border-top:1px solid var(--line);box-shadow:0 -2px 10px #0000000f;padding-bottom:env(safe-area-inset-bottom,0px)}.bottomnav a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.45rem .15rem;color:#5f6672;text-decoration:none;overflow:hidden}.bottomnav a svg{width:22px;height:22px;flex:none}.bottomnav a span{font-size:.62rem;line-height:1;white-space:nowrap}.bottomnav a.active{color:var(--accent);font-weight:600}.bottomnav a:active{background:#eef2f8}input,select,button{font-size:1rem;padding:.5rem;margin:.25rem 0}button{min-height:44px}input,select{width:100%;border:1px solid #ccc;border-radius:6px}button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer}button:disabled{opacity:.5;cursor:default}.card{border:1px solid var(--line);border-radius:10px;padding:.85rem;margin:.5rem 0;background:#fff}.row{display:flex;gap:.5rem}.error{color:#c00}.muted{color:var(--muted)}.tabs{gap:.5rem;margin-bottom:.5rem}.tabs button{padding:.4rem .9rem;border-radius:999px;border:1px solid #9aa3ad;background:#eef0f3;color:var(--fg)}.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}