:root{--acc: #3b9eff;--bg: #f7f7f5;--text: #1a1a1a;--text-muted: #6b6b6b;--text-faint: #a0a0a0;--border: rgba(0, 0, 0, .07);--surface: #f2f1ee;--radius-card: 14px;--radius-input: 10px;--font-body: "Satoshi", system-ui, sans-serif;--font-display: "Clash Display", sans-serif;--sidebar-w: 0px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text)}.app-shell{max-width:430px;margin:0 auto;min-height:100vh;position:relative;overflow:hidden;padding-left:var(--sidebar-w);background:var(--bg)}.screen{min-height:100vh;padding-bottom:76px}@media(min-width:768px){.app-shell{max-width:900px;margin:0 auto;overflow:visible}.app-shell.with-sidebar{--sidebar-w: 240px;max-width:none;margin:0;overflow:visible}.screen{max-width:1100px;margin:0 auto;padding-bottom:24px}}@media(min-width:1024px){.screen{max-width:1200px}}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.input{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-input);padding:11px 13px;font:inherit;font-size:15px;outline:none;color:var(--text)}.btn{border:none;border-radius:10px;padding:11px 18px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;background:var(--acc);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{border:none;border-radius:8px;padding:7px 12px;font:inherit;font-weight:700;font-size:12px;cursor:pointer;background:#3b9eff1a;color:var(--acc)}.top-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#f7f7f5eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;justify-content:space-around;align-items:center;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:8px 4px 12px;z-index:200}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:700;color:var(--text-faint);text-decoration:none;padding:4px 10px;border-radius:10px}.bottom-nav a.active{color:var(--acc)}.bottom-nav .icon{font-size:19px}@media(min-width:768px){.app-shell.with-sidebar .bottom-nav{position:fixed;top:0;left:0;bottom:0;transform:none;width:var(--sidebar-w);max-width:none;height:100vh;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;padding:24px 12px;border-top:none;border-right:1px solid var(--border)}.app-shell.with-sidebar .bottom-nav a{flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 14px;font-size:14px;border-radius:10px}.app-shell.with-sidebar .bottom-nav a.active{background:#3b9eff1a}.app-shell.with-sidebar .bottom-nav .icon{font-size:20px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}