:root{--bg: #0b0b0f;--surface: #14141a;--surface-raised: #1e1e26;--border: rgba(255, 255, 255, .07);--text-primary: #e8e8ef;--text-secondary: #858598;--text-muted: #48485a;--tier-0: #00c880;--tier-0-bg: rgba(0, 200, 128, .1);--tier-1: #f5c518;--tier-1-bg: rgba(245, 197, 24, .1);--tier-2: #ff8c00;--tier-2-bg: rgba(255, 140, 0, .12);--tier-3: #e84040;--tier-3-bg: rgba(232, 64, 64, .12);--learning: #5b8def;--learning-bg: rgba(91, 141, 239, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{height:100%;background:var(--bg)}.app-shell{max-width:430px;min-height:100vh;margin:0 auto;background:var(--bg);position:relative;overflow-x:hidden}.screen{padding:0 16px 100px}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.text-10{font-size:10px}.text-11{font-size:11px}.text-12{font-size:12px}.text-13{font-size:13px}.text-14{font-size:14px}.text-16{font-size:16px}.text-18{font-size:18px}.text-20{font-size:20px}.text-22{font-size:22px}.text-24{font-size:24px}.text-28{font-size:28px}.font-300{font-weight:300}.font-400{font-weight:400}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.font-800{font-weight:800}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.w-full{width:100%}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.overflow-x-auto{overflow-x:auto}.overflow-hidden{overflow:hidden}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}