@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #07090F;--surface: #0C1220;--card: #111928;--card-hi: #16233A;--border: #1C2E4A;--border-hi:#2A4470;--gold: #C8A535;--gold-br: #E4C060;--gold-dim: #5A480F;--text: #DDD8C8;--text-mid: #7A8CA0;--text-dim: #3A4E68;--green: #24976A;--green-bg: #061510;--green-br: #2EBB80;--red: #B53028;--red-bg: #1C0808;--blue: #2B6FBF;--blue-bg: #080F22}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-hi)}::selection{background:var(--gold);color:var(--bg)}input:focus,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button:focus:not(:focus-visible){outline:none}button{transition:all .15s ease}button:hover:not(:disabled){filter:brightness(1.1)}button:active:not(:disabled){transform:scale(.97)}a{color:var(--gold);text-decoration:none;transition:color .15s}a:hover{color:var(--gold-br)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.typing-dots:after{content:"...";animation:blink 1.2s ease-in-out infinite}.fade-in{animation:fadeIn .25s ease-out}table{border-spacing:0}.app-sidebar{transition:width .2s ease,padding .2s ease,transform .2s ease}.sidebar-toggle{display:none!important}.tab-bar{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-bar button{flex-shrink:0}.main-content{flex:1;overflow:auto;padding:24px 28px 100px}@media (max-width: 768px){html{font-size:15px}.app-sidebar{position:fixed!important;left:0!important;top:52px!important;bottom:0!important;z-index:50!important;box-shadow:4px 0 24px #00000080;overflow-y:auto}.sidebar-toggle{display:inline-flex!important}.sidebar-backdrop{display:block;position:fixed;right:0;bottom:0;left:0;top:52px;background:#00000080;z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-content{padding:16px 14px 90px!important}.header-streak,.header-study-btn,.header-mastered{display:none!important}}@media (max-width: 480px){html{font-size:14px}.app-sidebar{width:100vw!important}.main-content{padding:12px 10px 80px!important}.mobile-bottom-nav{display:flex!important}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--surface);border-top:1px solid var(--border);padding:0;height:56px}.mobile-bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:var(--text-dim);font-size:10px;font-weight:600;cursor:pointer;padding:6px 4px;transition:color .15s;filter:none!important}.mobile-bottom-nav button.active{color:var(--gold)}.mobile-bottom-nav button span.icon{font-size:20px;line-height:1}@media print{body{background:#fff;color:#000}.app-sidebar,.sidebar-toggle,button,.mobile-bottom-nav{display:none!important}}