:root{--bg: #ffffff;--fg: #111111;--muted: rgba(17, 17, 17, .7);--border: #dddddd;--card-bg: #fafafa;--shadow: 0 1px 10px rgba(0, 0, 0, .08);--nav-bg: #ffffff;--nav-active-bg: #f2f2f2;--input-bg: #ffffff}:root[data-theme=dark]{--bg: #0b0c0f;--fg: #f5f5f5;--muted: rgba(245, 245, 245, .7);--border: rgba(245, 245, 245, .16);--card-bg: rgba(245, 245, 245, .06);--shadow: 0 1px 10px rgba(0, 0, 0, .45);--nav-bg: #0b0c0f;--nav-active-bg: rgba(245, 245, 245, .12);--input-bg: rgba(245, 245, 245, .06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{color:inherit;text-decoration:none;opacity:.85}a.active{opacity:1;text-decoration:underline}input,select,button{padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-size:16px;background:var(--input-bg);color:var(--fg)}button{cursor:pointer}.appShell{max-width:720px;margin:0 auto;padding:16px 16px 84px}.topHeader{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.topRight{display:flex;gap:10px;align-items:center}.topNav{display:flex;gap:10px;white-space:nowrap}.topControls{display:flex;align-items:center}.appTitle{margin:0;font-size:22px;line-height:1.2}.mainContent{margin-top:16px}.bottomNav{display:none}@media (max-width: 520px){.topNav{display:none}.topHeader{align-items:center}.appShell{padding-left:14px;padding-right:14px}.bottomNav{display:flex;position:fixed;left:0;right:0;bottom:0;height:64px;background:var(--nav-bg);border-top:1px solid var(--border);justify-content:space-around;align-items:center;padding:0 10px}.bottomNavLink{text-decoration:none!important;opacity:.8;padding:10px 12px;border-radius:999px}.bottomNavLink.active{opacity:1;background:var(--nav-active-bg)}}.iconButton{width:38px;height:38px;padding:0;border-radius:999px;border:1px solid var(--border);background:var(--card-bg);color:var(--fg);display:inline-flex;align-items:center;justify-content:center}.iconButton:active{transform:translateY(1px)}