:root{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light only!important}html,body{color:#1e1245!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light only!important;background:#f5f3ff!important}@media (prefers-color-scheme:dark){:root,html,body{color:#1e1245!important;--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light only!important;background:#f5f3ff!important}*{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light only!important}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,Segoe UI,system-ui,sans-serif;overflow-x:hidden}:root{--purple:#7c3aed;--purple-light:#a78bfa;--pink:#ec4899;--blue:#3b82f6;--teal:#14b8a6;--green:#10b981;--yellow:#f59e0b;--orange:#f97316;--red:#ef4444;--bg:#0f0a1e;--bg2:#1a1035;--bg3:#241848;--card:#ffffff0d;--card-hover:#ffffff14;--border:#ffffff1a;--text:#f0eeff;--text2:#c4b5fd;--muted:#7c6fa0;--grad-purple:linear-gradient(135deg, #7c3aed, #ec4899);--grad-blue:linear-gradient(135deg, #3b82f6, #14b8a6);--grad-green:linear-gradient(135deg, #10b981, #3b82f6);--grad-orange:linear-gradient(135deg, #f97316, #f59e0b);--grad-pink:linear-gradient(135deg, #ec4899, #f97316);--grad-bg:linear-gradient(180deg, #0f0a1e 0%, #1a1035 100%)}body{color:var(--text);background:#f5f3ff;min-height:100vh}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:#7c3aed66;border-radius:2px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes xpPop{0%{opacity:0;transform:scale(0)translateY(0)}50%{opacity:1;transform:scale(1.2)translateY(-20px)}to{opacity:0;transform:scale(1)translateY(-40px)}}.animate-slideUp{animation:.3s slideUp}.animate-pop{animation:.3s cubic-bezier(.34,1.56,.64,1) popIn}.animate-float{animation:3s ease-in-out infinite float}.card{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:16px}.card-glow{background:var(--card);border:1px solid #7c3aed4d;border-radius:20px;padding:16px;box-shadow:0 0 20px #7c3aed1a}.btn{cursor:pointer;border:none;border-radius:14px;padding:14px 20px;font-family:inherit;font-size:15px;font-weight:800;transition:all .2s}.btn:active{transform:scale(.96)}.btn-primary{background:var(--grad-purple);color:#fff}.btn-green{background:var(--grad-green);color:#fff}.btn-orange{background:var(--grad-orange);color:#fff}.btn-ghost{background:var(--card);border:1px solid var(--border);color:var(--text2)}.subj-card{cursor:pointer;border:1.5px solid;border-radius:18px;padding:16px;transition:all .2s}.subj-card:active{transform:scale(.95)}.xp-bar{background:#ffffff14;border-radius:99px;height:8px;overflow:hidden}.xp-fill{background:var(--grad-purple);border-radius:99px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.bubble-user{background:var(--grad-purple);color:#fff;border-radius:18px 18px 4px;max-width:80%;padding:12px 16px;font-size:14px;line-height:1.5}.bubble-ai{background:var(--card);border:1px solid var(--border);border-radius:18px 18px 18px 4px;max-width:85%;padding:12px 16px;font-size:14px;line-height:1.6}.bottom-nav{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0a1ef2;padding:8px 0 20px;display:flex}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px;font-family:inherit;font-size:10px;font-weight:600;transition:all .2s;display:flex}.nav-item.active{color:var(--purple-light)}.nav-item span:first-child{font-size:22px}.badge{background:var(--card);border:1px solid var(--border);text-align:center;color:var(--muted);cursor:pointer;border-radius:14px;padding:14px;font-size:11px;transition:all .2s}.badge.earned{color:var(--purple-light);background:#7c3aed26;border-color:#7c3aed66}.badge:active{transform:scale(.95)}.input{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:12px;outline:none;padding:12px 14px;font-size:14px;transition:border .2s}.input:focus{border-color:var(--purple)}.select{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:12px;outline:none;padding:12px 14px;font-size:14px}.label{letter-spacing:1px;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:700}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0f0a1ecc;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.shimmer{background:linear-gradient(90deg, var(--bg3) 25%, var(--bg2) 50%, var(--bg3) 75%);background-size:200% 100%;border-radius:10px;animation:1.5s infinite shimmer}input,select,textarea,button{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--muted)}select option{background:#1a1035}.name-input{color:#1e1245!important;background:#fff!important}.name-input::placeholder{opacity:1;color:#9b89c4!important}