@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-body:#111;--bg-card:#1c1c1e;--bg-bottom-nav:#1c1c1ed9;--text-main:#fff;--text-muted:#9e9e9e;--text-inverse:#000;--accent-primary:#ff9800;--accent-secondary:#00e676;--accent-disabled:#424242;--border-color:#ffffff14;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-card:0 4px 12px #0003;--shadow-nav:0 -4px 24px #0006}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-body);max-width:100vw;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}h1{font-size:28px;font-weight:700}h2{font-size:22px;font-weight:600}h3{font-size:18px;font-weight:600}body p{font-size:15px;font-weight:400;line-height:1.5}.text-small{color:var(--text-muted);font-size:13px;font-weight:400}.glass{background:var(--bg-bottom-nav);-webkit-backdrop-filter:blur(12px)}.container{max-width:500px;margin:0 auto;padding:20px 20px 100px}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.btn-primary{background-color:var(--accent-primary);color:var(--text-inverse);border-radius:var(--radius-full);width:100%;padding:12px 24px;font-size:16px;font-weight:600;transition:opacity .2s}.btn-primary:active{opacity:.8}.card{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:16px}
.bottom-nav{z-index:1000;border-top:1px solid var(--border-color);justify-content:space-around;align-items:center;padding:10px 0 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;width:60px;transition:all .2s;display:flex}.nav-item.active{color:var(--accent-primary)}.icon-container{border-radius:16px;justify-content:center;align-items:center;width:48px;height:32px;transition:all .2s;display:flex}.nav-label{font-size:11px;font-weight:500}