:root{--bg-primary: #0F0F16;--bg-secondary: #181824;--bg-card: #202032;--bg-glass: rgba(32, 32, 50, .7);--border-color: rgba(255, 255, 255, .08);--text-primary: #F0F2F8;--text-secondary: #9095A8;--text-muted: #626678;--accent-cyan: #18e7ec;--accent-cyan-hover: #47eff3;--accent-cyan-muted: rgba(24, 231, 236, .6);--accent-secondary: #55CCCC;--accent-gradient: linear-gradient(135deg, #18e7ec, #0eabaf);--accent-gradient-hover: linear-gradient(135deg, #47eff3, #12c4c8);--accent-purple: #7C4DFF;--mastery-grey: #4A4A5B;--mastery-bronze: #CD7F32;--mastery-silver: #A0B0C0;--mastery-gold: #FFD700;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--tab-bar-height: 64px}[data-theme=light]{--bg-primary: #F4F6FB;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-glass: rgba(255, 255, 255, .85);--border-color: #E2E8F0;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--accent-cyan: #0284C7;--accent-cyan-hover: #0369A1;--accent-cyan-muted: rgba(2, 132, 199, .4);--accent-secondary: #0891B2;--accent-gradient: linear-gradient(135deg, #0284C7, #0891B2);--accent-gradient-hover: linear-gradient(135deg, #0369A1, #0E7490);--accent-purple: #6D28D9}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body,#root{width:100%;height:100%;height:100dvh;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);overflow:hidden;position:fixed}input,textarea{user-select:text!important;-webkit-user-select:text!important}button{font-family:inherit;border:none;background:none;color:inherit;cursor:pointer;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{padding:12px 20px;background:var(--accent-gradient);color:#000;font-size:15px;box-shadow:0 4px 16px #18e7ec33}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #18e7ec4d}.btn-secondary{padding:10px 16px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);font-size:14px}.btn-secondary:hover:not(:disabled){background:#ffffff1a}.btn-secondary.active{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#000}.btn-danger{padding:10px 16px;background:#ff3b301a;border:1px solid rgba(255,59,48,.2);color:#ff3b30;font-size:14px}.btn-danger:hover:not(:disabled){background:#ff3b3033}.btn-icon{width:36px;height:36px;padding:0;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);flex-shrink:0}.btn-icon:hover:not(:disabled){background:#ffffff1a;color:var(--text-primary)}.app-viewport{display:flex;flex-direction:column;width:100%;height:100dvh;position:relative;background:radial-gradient(circle at 50% 0%,#1c1c2e 0%,var(--bg-primary) 70%)}.main-content{flex:1;width:100%;height:100dvh;overflow-y:auto;overflow-x:hidden}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.bottom-tab-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);height:60px;background:#202032d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:30px;display:flex;justify-content:center;align-items:center;z-index:100;padding:0 8px;box-shadow:0 10px 30px #0006;margin-bottom:max(0px,env(safe-area-inset-bottom))}.tab-item{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:600;transition:all .2s ease;padding:10px 24px;border-radius:20px}.tab-item.active{color:#000;background:var(--accent-cyan)}.tab-item:active{transform:scale(.92)}.btn-copy{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;transition:all .2s ease}.btn-copy:active{background:#ffffff1f;transform:scale(.96)}.btn-copy.copied{color:#4caf50;border-color:#4caf50}.mastery-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mastery-badge.grey{background:#4a4a5b40;color:var(--mastery-grey);border:1px solid rgba(74,74,91,.4)}.mastery-badge.bronze{background:#cd7f3233;color:var(--mastery-bronze);border:1px solid rgba(205,127,50,.4)}.mastery-badge.silver{background:#a0b0c033;color:var(--mastery-silver);border:1px solid rgba(160,176,192,.4)}.mastery-badge.gold{background:#ffd70033;color:var(--mastery-gold);border:1px solid rgba(255,215,0,.5);box-shadow:0 0 10px #ffd70033}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}