@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary-500:#fd7333;--primary-600:#e65a1b;--primary-400:#ff8d54;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Outfit", "Inter", sans-serif;--sidebar-width:260px;--sidebar-width-collapsed:80px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px}.light-theme{--bg-primary:#f2e7e4;--bg-secondary:#fff;--bg-tertiary:#faf5f3;--bg-card:#ffffffd9;--bg-card-hover:#fff;--bg-glass:#fd733314;--text-primary:#150905;--text-secondary:#4a4a4a;--text-muted:#8a8a8a;--text-accent:#fd7333;--border-subtle:#0000000f;--border-light:#0000001a;--border-accent:#fd73334d;--gradient-primary:linear-gradient(135deg, #fd7333, #ff8d54);--gradient-hero:linear-gradient(135deg, #f2e7e4 0%, #faf5f3 50%, #f2e7e4 100%);--gradient-card:linear-gradient(135deg, #fffc, #fff6);--gradient-glow:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #fd733326, transparent 40%);--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 40px #0000001a;--shadow-glow:0 0 40px #fd733326;--shadow-glow-hover:0 8px 30px #fd733340}.dark-theme{--bg-primary:#150905;--bg-secondary:#1d1d1d;--bg-tertiary:#252525;--bg-card:#28282899;--bg-card-hover:#323232cc;--bg-glass:#fd733314;--text-primary:#f2e7e4;--text-secondary:#a0a0a0;--text-muted:#71717a;--text-accent:#fd7333;--border-subtle:#ffffff14;--border-light:#ffffff26;--border-accent:#fd73334d;--gradient-primary:linear-gradient(135deg, #fd7333, #ff8d54);--gradient-hero:linear-gradient(135deg, #150905 0%, #1a1210 50%, #150905 100%);--gradient-card:linear-gradient(135deg, #282828cc, #1e1e1e66);--gradient-glow:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #fd733326, transparent 40%);--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #00000080;--shadow-glow:0 0 40px #fd733326;--shadow-glow-hover:0 8px 30px #fd73334d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.app-layout{flex:1;display:flex;position:relative}.main-content{min-width:0;transition:margin-left var(--transition-base);flex:1;padding:16px}@media (width>=1024px){.main-content{padding:24px 32px}}@media (width>=769px){.main-content{margin-left:var(--sidebar-width)}.app-layout.sidebar-collapsed .main-content{margin-left:var(--sidebar-width-collapsed)}}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-500)}.light-theme ::-webkit-scrollbar-track{background:#f1f1f1}.light-theme ::-webkit-scrollbar-thumb{background:#c1c1c1}.light-theme ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.container{max-width:1280px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-title{font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:1.1rem}.btn{border-radius:var(--radius-full);transition:all var(--transition-base);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--primary-500);color:#150905}.btn-primary:hover{background:var(--primary-400);box-shadow:var(--shadow-glow-hover);transform:translateY(-2px)}.btn-secondary{border:1px solid var(--border-accent);color:var(--text-accent);background:0 0}.btn-secondary:hover{background:var(--bg-glass);border-color:var(--primary-400);transform:translateY(-2px)}.btn-sm{padding:8px 20px;font-size:.85rem}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);padding:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.glass-card:hover{border-color:var(--primary-500);transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dark-theme .glass-card{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.dark-theme .glass-card:hover{box-shadow:0 10px 20px -3px #0006,0 0 15px #fd733326}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:4px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary-500);background:#fd733326;border:1px solid #fd733333}.badge-success{color:#34d399;background:#10b98126;border:1px solid #10b98133}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b33}.badge-cyan{color:#22d3ee;background:#06b6d426;border:1px solid #06b6d433}.badge-rose{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e33}.verified-badge{border-radius:var(--radius-full);color:#34d399;background:#10b9811f;border:1px solid #10b98140;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.stars{color:#fbbf24;gap:2px;display:flex}.avatar{background:var(--primary-500);color:#fff;border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:32px;height:32px;font-size:.85rem}.avatar{width:44px;height:44px;font-size:1.1rem}.avatar-lg{width:64px;height:64px;font-size:1.5rem}.avatar-xl{width:100px;height:100px;font-size:2.5rem}.ai-score{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:.85rem;font-weight:800;display:flex;position:relative}.ai-score-high{color:#34d399;background:#10b9811f;border:2px solid #10b9814d}.ai-score-mid{color:#fbbf24;background:#f59e0b1f;border:2px solid #f59e0b4d}.ai-score:after{content:"%";font-size:.55rem;font-weight:600}.mode-tag{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.mode-online{color:#22d3ee;background:#06b6d41f;border:1px solid #06b6d440}.mode-offline{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.bg-orb{filter:blur(80px);opacity:.3;pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #fd733333}50%{box-shadow:0 0 40px #fd733366}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.page-enter{animation:.5s ease-out fadeInUp}.toggle-group{background:var(--bg-tertiary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);padding:4px;display:inline-flex}.toggle-option{border-radius:var(--radius-full);color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;padding:8px 20px;font-size:.85rem;font-weight:500}.toggle-option.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.input-field{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-tertiary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-size:.9rem}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #fd733326}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:var(--gradient-primary);height:100%;transition:width 1s ease-out}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 16px}.section{padding:48px 0}.section-title{font-size:1.8rem}:root{--nav-height:60px}}::selection{color:var(--text-primary);background:#fd73334d}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);z-index:100;transition:transform var(--transition-base), width var(--transition-base);flex-direction:column;padding:24px 0 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{flex-shrink:0;margin-bottom:24px;padding:0 20px;position:relative}.sidebar-brand{align-items:center;gap:12px;display:flex}.sidebar-logo{border-radius:var(--radius-sm);background:var(--primary-500);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;display:flex}.brand-name{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:800}.sidebar-nav-scroll{scrollbar-width:thin;scrollbar-color:#ffffff0f transparent;flex:1;padding:0 0 8px;overflow:hidden auto}.sidebar-nav-scroll::-webkit-scrollbar{width:3px}.sidebar-nav-scroll::-webkit-scrollbar-track{background:0 0}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}.sidebar-group{margin-bottom:4px}.sidebar-group.labeled{margin-top:8px;padding-top:10px;position:relative}.sidebar-group.labeled:before{content:"";background:var(--border-subtle);height:1px;position:absolute;top:0;left:20px;right:20px}.sidebar-group-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:4px;margin-bottom:6px;padding:0 20px;font-size:.68rem;font-weight:700;display:flex}.title-icon{color:var(--primary-500);font-size:.8rem}.sidebar-links{flex-direction:column;gap:2px;padding:0 12px;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-base), transform var(--transition-base);align-items:center;gap:10px;padding:9px 12px;font-size:.9rem;font-weight:500;display:flex}.sidebar-link:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translate(3px)}.sidebar-link.active{background:var(--bg-glass);color:var(--primary-500)}.sidebar-link-icon{flex-shrink:0;align-items:center;font-size:1.2rem;display:flex}.quick-actions-row{flex-wrap:wrap;gap:6px;padding:0 12px;display:flex}.quick-pill{border-radius:var(--radius-full);color:var(--primary-400,#fd7333);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#fd733314;border:1px solid #fd733326;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:600;display:flex}.quick-pill:hover{background:#fd733326;border-color:#fd73334d;transform:translateY(-1px)}.quick-pill-icon{align-items:center;font-size:.85rem;display:flex}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:12px;padding:16px 20px 0;display:flex}.sidebar-user{justify-content:space-between;align-items:center;display:flex}.sidebar-user-info{align-items:center;gap:10px;display:flex}.user-details{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.user-role{color:var(--text-muted);text-transform:capitalize;font-size:.72rem}.sidebar-action-btn{color:var(--text-muted);border-radius:var(--radius-sm);padding:4px;font-size:1.2rem}.sidebar-action-btn:hover{color:var(--accent-rose);background:#f43f5e1a}.sidebar-login-btn{background:var(--primary-500);color:#fff;border-radius:var(--radius-full);transition:transform var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.88rem;font-weight:600;display:flex}.sidebar-login-btn:hover{background:var(--primary-600);transform:translateY(-2px)}.theme-toggle-container{justify-content:center;display:flex}.theme-toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;width:100%;padding:3px;display:flex}.theme-toggle-icon{border-radius:var(--radius-full);color:var(--text-muted);transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;padding:5px 0;font-size:1rem;display:flex}.theme-toggle-icon.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.collapse-btn{display:none}@media (width>=769px){.collapse-btn{background:var(--primary-500);color:#fff;cursor:pointer;z-index:10;border:2px solid var(--bg-primary);width:24px;height:24px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.collapse-btn:hover{background:var(--primary-600);transform:translateY(-50%)scale(1.1)}}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-link-label,.sidebar.collapsed .user-details,.sidebar.collapsed .sidebar-login-btn span,.sidebar.collapsed .sidebar-group-title,.sidebar.collapsed .quick-pill-label,.sidebar.collapsed .theme-toggle-btn>:not(.active){display:none}.sidebar.collapsed .theme-toggle-btn{justify-content:center}.sidebar.collapsed .theme-toggle-btn .active{display:flex}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0 12px}.sidebar.collapsed .sidebar-links{align-items:center;padding:0 8px}.sidebar.collapsed .sidebar-link{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-link:hover{transform:translateY(-2px)}.sidebar.collapsed .sidebar-user{justify-content:center}.sidebar.collapsed .sidebar-user-info{gap:0}.sidebar.collapsed .sidebar-action-btn{display:none}.sidebar.collapsed .sidebar-login-btn{padding:10px}.sidebar.collapsed .quick-actions-row{flex-direction:column;align-items:center;padding:0 8px}.sidebar.collapsed .quick-pill{justify-content:center;width:fit-content;padding:8px}.sidebar.collapsed .sidebar-group.labeled:before{left:12px;right:12px}.mobile-sidebar-toggle{z-index:101;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-subtle);width:44px;height:44px;box-shadow:var(--shadow-md);color:var(--text-primary);justify-content:center;align-items:center;font-size:1.4rem;display:none;position:fixed;top:16px;left:16px}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-sidebar-toggle{display:flex}.sidebar{transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block}}body.light-theme .sidebar{background-color:#e2e8f0!important;border-right-color:#0000001a!important}body.light-theme .sidebar .brand-name,body.light-theme .sidebar .user-name{color:#1a202c!important}body.light-theme .sidebar .sidebar-logo{color:#fff!important}body.light-theme .sidebar .sidebar-link{color:#4a5568!important}body.light-theme .sidebar .sidebar-link:hover{color:#1a202c!important;background-color:#cbd5e1!important}body.light-theme .sidebar .sidebar-link.active{color:var(--primary-500)!important;background-color:#fff!important;box-shadow:0 1px 3px #0000000d!important}body.light-theme .sidebar .sidebar-group-title,body.light-theme .sidebar .user-role{color:#718096!important}body.light-theme .sidebar .sidebar-group.labeled:before{background:#00000014}body.light-theme .sidebar .quick-pill{background:#fd73330f;border-color:#fd73331f}body.light-theme .sidebar .theme-toggle-btn{background-color:#cbd5e1!important;border-color:#0000000d!important}body.light-theme .sidebar .theme-toggle-icon{color:#718096!important}body.light-theme .sidebar .theme-toggle-icon.active{color:#1a202c!important;background-color:#fff!important;box-shadow:0 2px 4px #00000014!important}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0a0a0fbf;justify-content:center;align-items:center;padding:1.5rem;animation:.4s cubic-bezier(.16,1,.3,1) modalFadeIn;display:flex;position:fixed;inset:0}.modal-container{-webkit-backdrop-filter:blur(20px);background:#16161ed9;border-radius:28px;flex-direction:column;width:100%;max-width:500px;animation:.5s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 30px 60px -15px #0009,0 0 50px #fd733326,inset 0 1px 1px #ffffff1a}.modal-container:before{content:"";z-index:-1;-webkit-mask-composite:xor;background:linear-gradient(135deg,#fd7333cc,#ff8d5433,#ffffff0d,#fd73331a);border-radius:30px;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.modal-container:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at top,#fd733326 0%,#0000 70%);height:150px;position:absolute;top:0;left:0;right:0}.modal-close-btn{color:#a1a1aa;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff08;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:var(--primary-400);background:#fd733326;border-color:#fd73334d;transform:rotate(90deg)scale(1.05);box-shadow:0 0 15px #fd733333}.modal-header{z-index:1;align-items:center;gap:1.25rem;padding:2.5rem 2.5rem 1.5rem;display:flex;position:relative}.modal-icon-wrapper{width:60px;min-width:60px;height:60px;color:var(--primary-400);background:linear-gradient(135deg,#fd733340,#ff8d540d);border:1px solid #fd733366;border-radius:20px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 8px 20px #fd733326,inset 0 1px 1px #fff3}.modal-icon-wrapper:after{content:"";background:inherit;filter:blur(8px);opacity:.5;z-index:-1;border-radius:24px;position:absolute;inset:-4px}.modal-header-icon{filter:drop-shadow(0 2px 4px #fd73334d);font-size:1.75rem}.modal-title{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 10px #00000080;background:linear-gradient(90deg,#fff,#d4d4d8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .35rem;font-size:1.6rem;font-weight:700}.modal-subtitle{color:#a1a1aa;margin:0;font-size:.95rem;font-weight:400}.modal-form{z-index:1;flex-direction:column;gap:1.5rem;padding:1rem 2.5rem 2.5rem;display:flex;position:relative}.form-label{color:#e4e4e7;letter-spacing:.01em;align-items:center;gap:.25rem;font-size:.9rem;font-weight:600;display:flex}.form-label span{color:var(--primary-500);font-weight:700}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#71717a;pointer-events:none;font-size:1.25rem;transition:color .3s;display:flex;position:absolute;left:1.25rem}.form-input{color:#f4f4f5;background:#09090b66;border:1px solid #ffffff14;border-radius:16px;width:100%;padding:1rem 1rem 1rem 3.25rem;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.form-input:hover{background:#09090b99;border-color:#ffffff26}.form-input:focus{border-color:var(--primary-500);background:#fd733305;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #fd733326,inset 0 1px 2px #0003}.form-input:focus+.input-icon,.form-input:not(:placeholder-shown)~.input-icon{color:var(--primary-400)}.form-input::placeholder{color:#52525b}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2371717a'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 1.25rem center;background-repeat:no-repeat;background-size:1rem}.form-select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23FD7333'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}.form-select option{color:#f4f4f5;background-color:#18181b;padding:1rem}.form-textarea{resize:vertical;min-height:120px;padding:1rem 1.25rem;line-height:1.5}.modal-actions{gap:1rem;margin-top:1.5rem;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn-cancel{color:#d4d4d8;background:#ffffff08;border:1px solid #ffffff14}.btn-cancel:hover:not(:disabled){color:#fff;background:#ffffff14;border-color:#ffffff26}.btn-submit{background:linear-gradient(135deg, var(--primary-500) 0%, var(--primary-600) 100%);color:#fff;text-shadow:0 1px 2px #0003;border:1px solid #ffffff1a;box-shadow:0 8px 20px -5px #fd733366,inset 0 1px 1px #fff3}.btn-submit:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 25px -5px #fd733380,inset 0 1px 1px #ffffff4d}.btn-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 10px #fd73334d}.btn-submit:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-success-content{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:1.25rem;padding:5rem 2.5rem;display:flex;position:relative}.success-icon-wrapper{color:#10b981;filter:drop-shadow(0 0 30px #10b98166);margin-bottom:.5rem;font-size:5.5rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards successPop}.modal-success-content .modal-title{background:linear-gradient(90deg,#10b981,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:.5s .2s both fadeInDown}.modal-success-content .modal-subtitle{font-size:1.05rem;line-height:1.6;animation:.5s .4s both fadeInUp}.modal-success-content strong{color:#f4f4f5;margin-top:.5rem;font-size:1.15rem;font-weight:600;display:block}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes successPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}html[data-theme=light] .modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9}html[data-theme=light] .modal-container{background:#fffffff2;border:1px solid #00000014;box-shadow:0 25px 50px -12px #00000026,0 0 40px #fd73331a}html[data-theme=light] .modal-container:before{background:linear-gradient(135deg,#fd733366,#ff8d541a,#00000005,#fd73330d)}html[data-theme=light] .modal-close-btn{color:#52525b;background:#00000008;border:1px solid #00000014}html[data-theme=light] .modal-close-btn:hover{color:#18181b;background:#00000014;border-color:#00000026}html[data-theme=light] .modal-header{border-bottom:1px solid #0000000f}html[data-theme=light] .modal-title{color:#18181b;text-shadow:none;background:#18181b;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-theme=light] .modal-subtitle{color:#52525b}html[data-theme=light] .form-label{color:#3f3f46}html[data-theme=light] .input-icon{color:#71717a}html[data-theme=light] .form-input{color:#18181b;background:#fff;border:1px solid #e4e4e7;box-shadow:inset 0 2px 4px #00000005}html[data-theme=light] .form-input:hover{background:#fafafa;border-color:#d4d4d8}html[data-theme=light] .form-input:focus{border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 4px #fd73331a,inset 0 1px 2px #0000000d}html[data-theme=light] .form-input::placeholder{color:#a1a1aa}html[data-theme=light] .form-select option{color:#18181b;background-color:#fff}html[data-theme=light] .btn-cancel{color:#3f3f46;background:#f4f4f5;border:1px solid #e4e4e7}html[data-theme=light] .btn-cancel:hover:not(:disabled){color:#18181b;background:#e4e4e7;border-color:#d4d4d8}html[data-theme=light] .modal-success-content strong{color:#18181b}.ai-toggle-btn{background:linear-gradient(135deg, var(--primary-400), var(--primary-600));color:#fff;cursor:pointer;z-index:90;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:32px;right:16px;box-shadow:0 10px 25px #fd733366}.ai-toggle-btn:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 15px 35px #fd733380}.ai-toggle-btn.hidden{opacity:0;pointer-events:none;transform:scale(0)}.ai-toggle-icon{font-size:1.8rem;animation:3s ease-in-out infinite float}.ai-overlay{z-index:95;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;background:#0006;width:100vw;height:100vh;animation:.3s forwards fadeIn;position:fixed;top:0;left:0}.ai-sidebar{background:var(--bg-primary);border-left:1px solid var(--border-color);z-index:100;flex-direction:column;width:100%;max-width:400px;height:100vh;transition:transform .4s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0000001a}.dark-theme .ai-sidebar{box-shadow:-10px 0 30px #00000080}.ai-sidebar.open{transform:translate(0)}.ai-header{border-bottom:1px solid var(--border-color);background:var(--bg-dashboard);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ai-header-info{align-items:center;gap:12px;display:flex}.ai-avatar{width:40px;height:40px;color:var(--primary-500);background:#fd733326;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.ai-title{color:var(--text-primary);margin-bottom:2px;font-size:1.1rem;font-weight:700}.ai-status{color:#10b981;font-size:.75rem}.ai-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:1.5rem;transition:all .2s;display:flex}.ai-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.ai-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.chat-message{gap:12px;max-width:90%;display:flex}.chat-message.user{text-align:right;flex-direction:row;align-self:flex-end}.message-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.message-avatar.ai{background:var(--primary-500);color:#fff}.message-avatar.user{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.message-content-wrapper{flex-direction:column;gap:4px;display:flex}.chat-message.user .message-content-wrapper{align-items:flex-end}.message-bubble{color:var(--text-primary);border-radius:16px;padding:12px 16px;font-size:.95rem;line-height:1.5}.chat-message.ai .message-bubble{background:var(--bg-secondary);border-bottom-left-radius:4px}.chat-message.user .message-bubble{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border-bottom-right-radius:4px}.message-time{color:var(--text-muted);font-size:.7rem}.ai-input-area{border-top:1px solid var(--border-color);background:var(--bg-dashboard);padding:20px 24px}.ai-input-form{align-items:center;display:flex;position:relative}.ai-input{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:100px;outline:none;padding:14px 50px 14px 20px;font-size:.95rem;transition:border-color .2s}.ai-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #fd73331a}.ai-send-btn{background:var(--primary-500);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;right:6px}.ai-send-btn:hover:not(:disabled){background:var(--primary-600);transform:scale(1.05)}.ai-send-btn:disabled{background:var(--border-color);color:var(--text-muted);cursor:not-allowed}.send-icon{font-size:1.1rem;transform:rotate(90deg)translate(-1px)}.ai-footer-text{text-align:center;color:var(--text-muted);margin-top:12px;font-size:.7rem}@media (width<=768px){.ai-toggle-btn{width:48px;height:48px;bottom:80px;right:20px}.ai-toggle-icon{font-size:1.4rem}.ai-sidebar{max-width:100%}}.feedback-section{background:var(--bg-primary);padding:80px 0;position:relative;overflow:hidden}.feedback-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.feedback-content{max-width:500px}.feedback-content .section-title{text-align:left;margin-bottom:20px}.feedback-content .section-subtitle{text-align:left;margin-bottom:40px;margin-left:0}.feedback-features{flex-direction:column;gap:16px;display:flex}.feedback-feature{color:var(--text-secondary);align-items:center;gap:12px;font-size:1.05rem;display:flex}.feature-dot{background:var(--primary-500);width:10px;height:10px;box-shadow:0 0 10px var(--primary-400);border-radius:50%}.feedback-form-container{background:var(--bg-glass);border:1px solid var(--border-accent);box-shadow:var(--shadow-xl);border-radius:var(--radius-xl);padding:40px}.feedback-form{flex-direction:column;gap:24px;display:flex}.form-group input,.form-group textarea{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-accent);width:100%;color:var(--text-primary);padding:14px 16px;font-family:inherit;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 2px #fd733333}.rating-group{flex-direction:column;gap:8px;display:flex}.star-rating{gap:8px;display:flex}.star{cursor:pointer;background:0 0;border:none;padding:0;font-size:1.8rem;transition:color .2s}.star.on{color:#fbbf24;filter:drop-shadow(0 0 4px #fbbf2466)}.star.off{color:var(--border-accent)}.btn-block{justify-content:center;width:100%;margin-top:10px}@media (width<=992px){.feedback-wrapper{grid-template-columns:1fr;gap:40px}.feedback-content{text-align:center;max-width:100%}.feedback-content .section-title,.feedback-content .section-subtitle{text-align:center;margin-left:auto;margin-right:auto}.feedback-features{align-items:center}}@media (width<=576px){.feedback-form-container{padding:24px}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-accent);margin-top:auto}.footer-top{padding:80px 0}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;display:grid}.footer-brand .footer-logo{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:10px;margin-bottom:20px;font-size:1.8rem;font-weight:800;text-decoration:none;display:inline-flex}.footer-brand .logo-icon{color:var(--primary-500)}.footer-desc{color:var(--text-secondary);max-width:320px;margin-bottom:24px;font-size:.95rem;line-height:1.6}.social-links{gap:16px;display:flex}.social-link{background:var(--bg-primary);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border-accent);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex}.social-link:hover{background:var(--gradient-primary);color:#fff;border-color:#0000;transform:translateY(-3px);box-shadow:0 5px 15px #fd73334d}.footer-links-group h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:20px;font-size:1.1rem;font-weight:700}.footer-links-group ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links-group a{color:var(--text-secondary);font-size:.95rem;text-decoration:none;transition:color .2s}.footer-links-group a:hover{color:var(--primary-400)}.footer-bottom{border-top:1px solid var(--border-accent);text-align:center;color:var(--text-muted);padding:24px 0;font-size:.9rem}@media (width<=992px){.footer-grid{grid-template-columns:1fr 1fr;row-gap:50px}}@media (width<=576px){.footer-grid{grid-template-columns:1fr}.footer-desc{max-width:100%}}.home-page{overflow:hidden}.hero{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{background:var(--gradient-hero);z-index:0;position:absolute;inset:0}.hero-grid-lines{background-image:linear-gradient(#8b5cf608 1px,#0000 1px),linear-gradient(90deg,#8b5cf608 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 70%,#000 30%,#0000 100%)}.hero-content{z-index:1;text-align:left;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:60px 0 40px;display:grid;position:relative}.hero-badge{border-radius:var(--radius-full);color:var(--primary-300);letter-spacing:.03em;background:#8b5cf61a;border:1px solid #8b5cf633;align-items:center;gap:6px;margin-bottom:28px;padding:6px 18px;font-size:.82rem;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px;font-size:clamp(2.8rem,6vw,5rem);font-weight:900;line-height:1.1}.hero-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.typewriter-text{font-family:Fira Code,Roboto Mono,Courier New,Courier,monospace;display:inline}.typewriter-cursor{color:var(--primary-400);margin-left:2px;font-weight:100;animation:.7s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-desc{color:var(--text-secondary);max-width:580px;margin:0 0 36px;font-size:1.15rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:16px;margin-bottom:56px;display:flex}.hero-image-col{perspective:1200px;justify-content:center;align-items:center;display:flex;position:relative}.hero-3d-wrapper{transform-style:preserve-3d}.continuous-3d-float{transform-origin:50%;animation:6s ease-in-out infinite continuous3DFloat}@keyframes continuous3DFloat{0%{transform:translateY(0)rotateX(5deg)rotateY(-5deg)translateZ(0)}33%{transform:translateY(-20px)rotateX(-5deg)rotateY(10deg)translateZ(30px)}66%{transform:translateY(10px)rotateX(8deg)rotateY(5deg)translateZ(-10px)}to{transform:translateY(0)rotateX(5deg)rotateY(-5deg)translateZ(0)}}.hero-illustration{border-radius:var(--radius-xl);width:100%;max-width:500px;height:auto;box-shadow:0 30px 60px #0000004d,0 0 40px #fd733333}.hero-stats{z-index:2;flex-wrap:wrap;justify-content:center;gap:48px;margin-top:-20px;padding-bottom:40px;display:flex;position:relative}.hero-stat{align-items:center;gap:12px;display:flex}.hero-stat-icon{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-accent);width:44px;height:44px;color:var(--primary-400);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.counter-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.2;display:block}.hero-stat-label{color:var(--text-muted);font-size:.78rem;font-weight:500}.section-header{text-align:center;margin-bottom:56px}.section-header .section-subtitle{margin:0 auto}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.flip-card{perspective:1000px;height:280px;animation:.6s ease-out both fadeInUp}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.2,.2,1);position:relative}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;text-align:center;border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;padding:32px 28px;display:flex;position:absolute;inset:0}.flip-card-front{z-index:2}.flip-card-back{background:var(--bg-glass);border:1px solid var(--border-accent);transform:rotateY(180deg)}.flip-hint{color:var(--text-muted);opacity:.6;margin-top:auto;font-size:.75rem;font-style:italic}.flip-back-icon{border-radius:var(--radius-md);width:40px;height:40px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;margin-bottom:14px;font-size:1.2rem;display:flex}.feature-icon{border-radius:var(--radius-md);width:52px;height:52px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;margin-bottom:20px;font-size:1.5rem;transition:transform .3s cubic-bezier(.23,1,.32,1),box-shadow .3s;display:flex}.feature-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:10px;font-size:1.15rem;font-weight:700;transition:transform .3s cubic-bezier(.23,1,.32,1)}.feature-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.7;transition:transform .3s cubic-bezier(.23,1,.32,1)}.how-section{background:var(--bg-secondary)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid;position:relative}.step-card{text-align:center;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #0000;padding:40px 24px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;position:relative}.step-card:hover{z-index:2;border-color:#fd733333;transform:translateY(-15px)scale(1.05);box-shadow:0 20px 40px #0003}.step-number{font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;opacity:.2;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:3.5rem;font-weight:900;line-height:1;transition:transform .3s,opacity .3s}.step-card:hover .step-number{opacity:.4;transform:translateY(-10px)scale(1.1)}.step-icon{margin-bottom:20px;font-size:2.5rem;transition:transform .3s}.step-card:hover .step-icon{transform:scale(1.2)rotate(10deg)}.step-card h3{font-family:var(--font-display);margin-bottom:12px;font-size:1.2rem;font-weight:700}.step-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.7}.step-connector{background:var(--gradient-primary);opacity:.3;width:32px;height:2px;position:absolute;top:50%;right:-16px}.cta-section{padding-bottom:120px}.cta-card{text-align:center;border:1px solid var(--border-accent);padding:80px 40px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s;position:relative;overflow:hidden}.cta-card:hover{border-color:#fd733366;transform:translateY(-20px)scale(1.02);box-shadow:0 40px 80px #fd733326,0 15px 30px #0006}.cta-bg{pointer-events:none;position:absolute;inset:0}.cta-title{font-family:var(--font-display);z-index:1;margin-bottom:16px;font-size:2.5rem;font-weight:800;position:relative}.cta-desc{color:var(--text-secondary);z-index:1;max-width:500px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:1.1rem;position:relative}@media (width<=1024px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-desc{margin:0 auto 36px}.hero-actions{justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.features-grid,.steps-grid{grid-template-columns:1fr}.hero-stats{gap:24px}.step-connector{display:none}.cta-card{padding:48px 24px}.cta-title{font-size:1.8rem}}.find-tutor-hero{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:60px 0 40px;position:relative;overflow:hidden}.search-bar{flex-direction:column;gap:16px;margin-top:32px;padding:20px 24px;display:flex}.search-bar:hover{transform:none}.search-input-wrap{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);font-size:1.2rem;position:absolute;left:16px}.search-input{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-primary);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:14px 16px 14px 48px;font-size:1rem}.search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #8b5cf626}.search-input::placeholder{color:var(--text-muted)}.search-filters{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.sort-select{border-radius:var(--radius-full);cursor:pointer;width:auto;min-width:160px;padding:8px 16px}.tutor-results{padding:40px 0 80px}.results-count{color:var(--text-muted);margin-bottom:24px;font-size:.88rem}.tutor-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.tutor-card{cursor:pointer;flex-direction:column;gap:16px;padding:24px;animation:.5s ease-out both fadeInUp;display:flex}.tutor-card-header{justify-content:space-between;align-items:flex-start;display:flex}.tutor-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tutor-name{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.tutor-subjects{flex-wrap:wrap;gap:6px;display:flex}.tutor-meta{color:var(--text-secondary);gap:16px;font-size:.85rem;display:flex}.tutor-rating{align-items:center;gap:4px;display:flex}.star-icon{color:#fbbf24}.review-count{color:var(--text-muted);font-size:.78rem}.tutor-location{align-items:center;gap:4px;display:flex}.tutor-modes{gap:8px;display:flex}.tutor-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.tutor-rate{font-family:var(--font-display);color:var(--accent-emerald);font-size:1.2rem;font-weight:800}.tutor-rate small{color:var(--text-muted);font-size:.7rem;font-weight:500}.tutor-exp{color:var(--text-muted);font-size:.82rem}.new-badge{color:#fff;background:linear-gradient(135deg, var(--primary-500), #e65a1b);text-transform:uppercase;letter-spacing:.05em;border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:700}@media (width<=1024px){.tutor-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.tutor-grid{grid-template-columns:1fr}.search-filters{flex-direction:column}}.profile-hero{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:48px 0;position:relative;overflow:hidden}.back-link{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:6px;margin-bottom:28px;font-size:.85rem;display:inline-flex}.back-link:hover{color:var(--primary-400)}.profile-header{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.profile-left{align-items:flex-start;gap:24px;display:flex}.profile-info{flex-direction:column;gap:12px;display:flex}.profile-name-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-name{font-family:var(--font-display);font-size:2rem;font-weight:800}.blockchain-badge{border-radius:var(--radius-full);color:#34d399;background:linear-gradient(135deg,#10b9811f,#06b6d41f);border:1px solid #10b98140;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;animation:3s ease-in-out infinite glow;display:inline-flex}.eth-icon{color:#06b6d4}.profile-subjects{flex-wrap:wrap;gap:6px;display:flex}.profile-meta-row{color:var(--text-secondary);gap:20px;font-size:.88rem;display:flex}.profile-meta-row span{align-items:center;gap:4px;display:flex}.profile-right{text-align:center;flex-shrink:0}.ai-score-label{color:var(--text-muted);margin-top:6px;font-size:.75rem;font-weight:500;display:block}.profile-content{padding:40px 0 80px}.profile-grid{grid-template-columns:1fr 380px;align-items:start;gap:32px;display:grid}.profile-main{flex-direction:column;gap:24px;display:flex}.profile-section{padding:28px}.profile-section:hover{transform:none}.profile-section-title{font-family:var(--font-display);align-items:center;gap:8px;margin-bottom:20px;font-size:1.15rem;font-weight:700;display:flex}.profile-bio{color:var(--text-secondary);font-size:.92rem;line-height:1.8}.qualifications-list{flex-direction:column;gap:12px;list-style:none;display:flex}.qualification-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:.9rem;display:flex}.qual-icon{color:var(--accent-emerald);flex-shrink:0;font-size:1.1rem}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.profile-stat-item{text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:16px}.profile-stat-value{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:1.4rem;font-weight:800;display:block}.profile-stat-label{color:var(--text-muted);font-size:.75rem}.reviews-list{flex-direction:column;gap:16px;display:flex}.review-item{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:16px}.review-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.review-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.review-name{font-size:.85rem;font-weight:600;display:block}.review-date{color:var(--text-muted);font-size:.72rem;display:block}.review-stars{color:#fbbf24;letter-spacing:2px;margin-left:auto;font-size:.85rem}.review-text{color:var(--text-secondary);font-size:.88rem;line-height:1.6}.profile-sidebar{top:calc(var(--nav-height) + 24px);position:sticky}.booking-widget{padding:28px}.booking-widget:hover{transform:none}.booking-title{font-family:var(--font-display);margin-bottom:20px;font-size:1.2rem;font-weight:700}.booking-price{text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:24px;padding:16px}.price-value{font-family:var(--font-display);color:var(--accent-emerald);font-size:2rem;font-weight:800}.price-unit{color:var(--text-muted);font-size:.85rem}.booking-section{margin-bottom:20px}.booking-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:.8rem;font-weight:600;display:block}.day-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.day-btn{border-radius:var(--radius-sm);text-align:center;transition:all var(--transition-fast);border:1px solid #0000;padding:8px 4px;font-size:.72rem;font-weight:600}.day-available{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-subtle);cursor:pointer}.day-available:hover{border-color:var(--primary-500);background:var(--bg-glass)}.day-unavailable{color:var(--text-muted);opacity:.4;cursor:not-allowed;background:0 0}.day-selected{box-shadow:var(--shadow-glow);background:var(--gradient-primary)!important;color:#fff!important;border-color:#0000!important}.lang-tags{flex-wrap:wrap;gap:6px;display:flex}@media (width<=1024px){.profile-grid{grid-template-columns:1fr}.profile-sidebar{position:static}}@media (width<=768px){.profile-header{flex-direction:column}.profile-left{text-align:center;flex-direction:column;align-items:center}.profile-meta-row{flex-wrap:wrap;justify-content:center}.profile-name-row,.profile-subjects{justify-content:center}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-hero{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:24px;padding:48px 24px 24px;position:relative;overflow:hidden}.dashboard-welcome{align-items:center;gap:20px;display:flex}.dashboard-greeting{font-family:var(--font-display);font-size:1.8rem;font-weight:800}.dashboard-subtext{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.dashboard-content{padding:0 0 80px}.quick-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{align-items:center;gap:16px;padding:24px;display:flex}.stat-card:hover{transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.stat-value{font-family:var(--font-display);font-size:1.6rem;font-weight:800;line-height:1.2;display:block}.stat-label{color:var(--text-muted);font-size:.78rem}.dashboard-grid{grid-template-columns:1fr 380px;align-items:start;gap:28px;display:grid}.dashboard-main{flex-direction:column;gap:24px;display:flex}.chart-card{padding:28px}.chart-card:hover{transform:none}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.chart-title{font-family:var(--font-display);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.chart-wrap{width:100%}.skills-card{padding:28px}.skills-card:hover{transform:none}.skills-list{flex-direction:column;gap:16px;margin-top:20px;display:flex}.skill-item{flex-direction:column;gap:6px;display:flex}.skill-info{justify-content:space-between;display:flex}.skill-name{font-size:.85rem;font-weight:500}.skill-score{color:var(--text-accent);font-size:.85rem;font-weight:700}.dashboard-sidebar{flex-direction:column;gap:24px;display:flex}.sidebar-card{padding:24px}.sidebar-card:hover{transform:none}.sidebar-title{font-family:var(--font-display);align-items:center;gap:6px;margin-bottom:16px;font-size:1rem;font-weight:700;display:flex}.sessions-list{flex-direction:column;gap:12px;display:flex}.session-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:8px;padding:12px;display:flex}.session-info{flex-direction:column;gap:2px;min-width:0;display:flex}.session-tutor{font-size:.85rem;font-weight:600}.session-subject{color:var(--text-secondary);font-size:.78rem}.session-time{color:var(--text-muted);font-size:.72rem}.session-rating{color:#fbbf24;flex-shrink:0;font-size:.8rem}.badges-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.badge-item{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);transition:all var(--transition-fast);padding:12px 8px}.badge-earned{background:var(--bg-tertiary)}.badge-earned:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.badge-locked{opacity:.35;background:0 0}.badge-icon{margin-bottom:4px;font-size:1.4rem;display:block}.badge-name{color:var(--text-secondary);font-size:.65rem;font-weight:500}.suggested-list{flex-direction:column;gap:10px;display:flex}.suggested-item{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-tertiary);transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px;display:flex}.suggested-item:hover{border-color:var(--border-accent);background:var(--bg-card-hover)}.suggested-info{flex:1;min-width:0}.suggested-name{font-size:.85rem;font-weight:600;display:block}.suggested-subject{color:var(--text-muted);font-size:.75rem}.suggested-match{font-family:var(--font-display);color:var(--accent-emerald);font-size:.9rem;font-weight:800}@media (width<=1024px){.dashboard-grid{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr)}.student-table-header,.student-table-row{font-size:.75rem}}@media (width<=768px){.quick-stats{grid-template-columns:1fr}.badges-grid{grid-template-columns:repeat(3,1fr)}.student-table-header{display:none}.student-table-row{flex-wrap:wrap;gap:8px}}.teacher-hero{border-bottom-color:#10b98133}.teacher-avatar{box-shadow:0 0 0 3px #10b9814d}.student-count-badge{color:#34d399;background:#10b9811f;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}.student-table{flex-direction:column;gap:0;margin-top:8px;display:flex}.student-table-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);grid-template-columns:2fr 1fr 1.2fr 1fr .8fr;gap:12px;padding:10px 16px;font-size:.72rem;font-weight:600;display:grid}.student-table-row{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);grid-template-columns:2fr 1fr 1.2fr 1fr .8fr;align-items:center;gap:12px;padding:14px 16px;display:grid}.student-table-row:last-child{border-bottom:none}.student-table-row:hover{background:var(--bg-tertiary)}.student-cell-name{align-items:center;gap:10px;min-width:0;display:flex}.student-name-text{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;display:block;overflow:hidden}.student-email-text{color:var(--text-muted);font-size:.7rem;display:block}.student-cell{color:var(--text-secondary);align-items:center;gap:8px;font-size:.82rem;display:flex}.student-cell-muted{color:var(--text-muted);font-size:.78rem}.mini-progress-bar{background:var(--bg-tertiary);border-radius:3px;flex:1;min-width:50px;height:6px;overflow:hidden}.mini-progress-fill{border-radius:3px;height:100%;transition:width .6s}.mini-progress-text{text-align:right;min-width:32px;font-size:.75rem;font-weight:700}.status-badge{text-transform:capitalize;text-align:center;border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:600}.status-active{color:#34d399;background:#10b9811f}.status-inactive{color:#fbbf24;background:#f59e0b1f}.quick-actions{flex-direction:column;gap:10px;display:flex}.action-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:10px;padding:14px 18px;font-size:.85rem;font-weight:500;display:flex}.action-btn:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translate(4px)}.parent-hero{border-bottom-color:#f59e0b33}.parent-avatar{box-shadow:0 0 0 3px #f59e0b4d}.parent-child-card{background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:16px;padding:16px;display:flex}.parent-child-info{flex-direction:column;gap:2px;display:flex}.parent-child-name{font-size:1rem;font-weight:700}.parent-child-detail{color:var(--text-muted);font-size:.78rem}.profile-prompt-card{text-align:center;max-width:600px;margin:0 auto;padding:60px 40px}.prompt-icon{color:var(--primary-500);margin-bottom:20px;font-size:4rem}.prompt-title{font-family:var(--font-display);margin-bottom:12px;font-size:1.6rem;font-weight:800}.prompt-text{color:var(--text-secondary);margin-bottom:28px;font-size:1rem;line-height:1.6}.btn-lg{align-items:center;display:inline-flex;padding:14px 28px!important;font-size:1rem!important}.about-page{overflow:hidden}.about-hero{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:80px 0 60px;position:relative;overflow:hidden}.about-hero-content{z-index:1;text-align:center;position:relative}.about-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2.5rem,5vw,4rem);font-weight:900}.about-desc{color:var(--text-secondary);max-width:640px;margin:0 auto 28px;font-size:1.15rem;line-height:1.7}.about-meta{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.architecture-diagram{flex-direction:column;gap:0;padding:40px 32px;display:flex;position:relative}.architecture-diagram:hover{transform:none}.arch-layer{border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:24px;position:relative}.arch-frontend{background:#8b5cf60f;border-color:#8b5cf633}.arch-backend{background:#06b6d40f;border-color:#06b6d433}.arch-data{background:#10b9810f;border-color:#10b98133}.arch-infra{background:#f59e0b0f;border-color:#f59e0b33}.arch-layer-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:14px;font-size:.85rem;font-weight:700}.arch-nodes{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.arch-node{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);align-items:center;gap:4px;padding:10px 20px;font-size:.82rem;font-weight:500;display:flex}.arch-node:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.arch-blockchain{color:#22d3ee;border-color:#06b6d44d}.arch-connector{flex-direction:column;align-items:center;padding:12px 0;display:flex}.arch-connector-line{background:var(--gradient-primary);opacity:.4;width:2px;height:24px}.arch-connector-label{color:var(--text-muted);background:var(--bg-tertiary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);margin-top:4px;padding:4px 12px;font-size:.7rem}.tech-section{background:var(--bg-secondary)}.tech-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tech-card{align-items:flex-start;gap:16px;padding:20px;animation:.5s ease-out both fadeInUp;display:flex}.tech-icon{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.tech-info{flex-direction:column;gap:4px;min-width:0;display:flex}.tech-name{font-family:var(--font-display);font-size:.95rem;font-weight:700}.tech-category{align-self:flex-start}.tech-desc{color:var(--text-muted);margin-top:2px;font-size:.8rem;line-height:1.5}.impact-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.impact-card{padding:28px;animation:.5s ease-out both fadeInUp}.impact-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;font-size:1.6rem;display:flex}.impact-title{font-family:var(--font-display);margin-bottom:8px;font-size:1.1rem;font-weight:700}.impact-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.7}.feasibility-section{background:var(--bg-secondary)}.feasibility-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.feasibility-card{padding:28px}.feasibility-card:hover{transform:none}.feasibility-card h3{font-family:var(--font-display);color:var(--text-primary);align-items:center;gap:8px;margin-bottom:20px;font-size:1.1rem;font-weight:700;display:flex}.feasibility-card ul{flex-direction:column;gap:12px;list-style:none;display:flex}.feasibility-card li{color:var(--text-secondary);padding-left:16px;font-size:.88rem;line-height:1.6;position:relative}.feasibility-card li:before{content:"▸";color:var(--primary-400);position:absolute;left:0}@media (width<=1024px){.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.tech-grid,.impact-grid,.feasibility-grid{grid-template-columns:1fr}.about-hero{padding:60px 0 40px}.architecture-diagram{padding:24px 16px}.arch-nodes{flex-direction:column;align-items:stretch}.arch-node{justify-content:center}}.login-page{padding-top:var(--nav-height);flex-direction:column;min-height:100vh;display:flex}.login-hero{background:var(--bg-primary);flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative;overflow:hidden}.login-container{z-index:1;width:100%;max-width:500px;position:relative}.login-card{flex-direction:column;gap:24px;padding:40px;animation:.5s ease-out forwards fadeInUp;display:flex}.login-card:hover{transform:none}.login-title{font-family:var(--font-display);text-align:center;color:var(--text-primary);margin-bottom:8px;font-size:2rem;font-weight:800}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:16px;font-size:.95rem}.login-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.form-input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-base);padding:12px 16px;font-size:1rem}.form-input:focus{border-color:var(--primary-400);background:#8b5cf60d;outline:none}.login-submit-btn{width:100%;margin-top:8px;padding:14px;font-size:1rem}.login-error{border-radius:var(--radius-md);color:#fca5a5;text-align:center;background:#ef44441a;border:1px solid #ef44444d;padding:12px;font-size:.9rem}.login-divider{text-align:center;align-items:center;margin:10px 0;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border-subtle);flex:1}.login-divider span{color:var(--text-muted);padding:0 10px;font-size:.85rem}.demo-accounts{text-align:center}.demo-accounts p{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem}.demo-buttons{justify-content:center;gap:10px;display:flex}.role-buttons{gap:10px;margin-top:4px;display:flex}.role-buttons .btn{flex:1;padding:10px;font-size:.9rem}.parent-link-box{border-radius:var(--radius-md);background:#10b9810d;border:1px dashed #10b9814d;margin-top:4px;padding:16px}.field-hint{color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.login-footer{text-align:center;border-top:1px solid var(--border-subtle);color:var(--text-muted);margin-top:16px;padding-top:24px;font-size:.9rem}.login-footer a{color:var(--primary-400);transition:color var(--transition-fast);font-weight:500}.login-footer a:hover{color:var(--primary-300);text-decoration:underline}@media (width<=600px){.login-card{padding:32px 20px}}.verify-icon-wrap{text-align:center;margin-bottom:4px}.otp-container{justify-content:center;gap:10px;margin:8px 0;display:flex}.otp-input{text-align:center;letter-spacing:0;background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);width:50px;height:56px;color:var(--text-primary);font-size:1.5rem;font-weight:700;transition:all .2s}.otp-input:focus{border-color:var(--primary-500);background:#fd73330d;outline:none;box-shadow:0 0 0 3px #fd733326}.login-success{border-radius:var(--radius-md);color:#34d399;text-align:center;background:#10b9811a;border:1px solid #10b9814d;padding:12px;font-size:.9rem}.resend-btn{color:var(--primary-400);cursor:pointer;font-weight:500;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline;transition:color .2s}.resend-btn:hover:not(:disabled){color:var(--primary-300)}.resend-btn:disabled{color:var(--text-muted);cursor:not-allowed;text-decoration:none}.spin-icon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.teacher-setup-page{min-height:100vh}.teacher-setup-hero{min-height:100vh;padding:40px 0;position:relative;overflow:hidden}.teacher-setup-container{max-width:720px;margin:0 auto}.setup-header{text-align:center;margin-bottom:32px}.setup-header-icon{color:var(--primary-500);margin-bottom:12px;font-size:3rem}.setup-title{margin-bottom:8px;font-size:2rem;font-weight:700}.setup-subtitle{color:var(--text-secondary);font-size:1rem}.setup-progress{justify-content:center;gap:24px;margin-bottom:32px;display:flex}.progress-step{opacity:.4;flex-direction:column;align-items:center;gap:6px;transition:all .3s;display:flex}.progress-step.active,.progress-step.completed{opacity:1}.step-number{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.progress-step.active .step-number{background:var(--primary-500);color:#fff;border-color:var(--primary-500);box-shadow:0 0 20px #fd73334d}.progress-step.completed .step-number{color:#fff;background:#10b981;border-color:#10b981;font-size:1.2rem}.step-label{color:var(--text-secondary);font-size:.8rem}.progress-step.active .step-label{color:var(--primary-500);font-weight:600}.setup-form{border-radius:16px;padding:32px}.setup-step{animation:.3s fadeIn}.step-title{align-items:center;gap:8px;margin-bottom:24px;font-size:1.4rem;font-weight:700;display:flex}.setup-error{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:.9rem}.tags-container{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.tag{color:var(--primary-500);background:#fd733326;border:1px solid #fd73334d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:500;animation:.2s fadeIn;display:inline-flex}.tag-secondary{color:#818cf8;background:#6366f126;border-color:#6366f14d}.tag-remove{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;transition:opacity .2s;display:flex}.tag-remove:hover{opacity:1}.subject-input-wrap{gap:8px;display:flex}.subject-input-wrap .form-input{flex:1}.btn-add-tag{border:2px solid var(--primary-500);width:44px;height:44px;color:var(--primary-500);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex}.btn-add-tag:hover:not(:disabled){background:var(--primary-500);color:#fff}.btn-add-tag:disabled{opacity:.3;cursor:not-allowed}.subject-suggestions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.suggestion-chip{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;border-radius:16px;padding:5px 12px;font-size:.8rem;transition:all .2s}.suggestion-chip:hover{border-color:var(--primary-500);color:var(--primary-500);background:#fd733314}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.char-count{color:var(--text-secondary);text-align:right;margin-top:4px;font-size:.75rem;display:block}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.toggle-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.85rem;transition:all .2s}.chip:hover{border-color:var(--primary-500)}.chip-active{font-weight:600;border-color:var(--primary-500)!important;color:var(--primary-500)!important;background:#fd733326!important}.chip-day{text-align:center;min-width:52px}.day-chips{justify-content:flex-start}.step-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.btn-lg{padding:14px 28px!important;font-size:1rem!important}@media (width<=640px){.setup-form{padding:20px}.form-row{grid-template-columns:1fr}.setup-progress{gap:12px}.step-label{font-size:.7rem}}.schedule-page{padding-bottom:4rem}.schedule-header{margin-bottom:2rem}.schedule-title{color:var(--text-main);margin:0 0 .5rem;font-family:inherit;font-size:2rem;font-weight:800}.schedule-subtitle{color:var(--text-muted);margin:0;font-size:1rem}.schedule-container{max-width:800px;margin:0}.schedule-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.schedule-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-row{gap:1.5rem;display:flex}.form-row .form-group{flex:1}.form-label{color:var(--text-main);font-size:.9rem;font-weight:600}.schedule-input{border:1px solid var(--border-color);background-color:var(--bg-main);width:100%;color:var(--text-main);appearance:none;border-radius:8px;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.schedule-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 2px #fd73331a}.schedule-input::placeholder{color:var(--text-muted)}.select-wrapper{width:100%;position:relative}.select-wrapper:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--text-muted);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.schedule-select{cursor:pointer;padding-right:2.5rem}.schedule-textarea{resize:vertical;min-height:100px;line-height:1.5}.schedule-upload{border:2px dashed var(--border-color);text-align:center;background-color:var(--bg-main);color:var(--text-muted);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;transition:all .2s;display:flex}.schedule-upload:hover{border-color:var(--primary-400);background-color:#fd733305}.upload-icon{color:var(--primary-500);font-size:1.5rem}.schedule-submit-container{justify-content:flex-end;margin-top:1rem;display:flex}.schedule-submit-btn{background-color:var(--primary-500);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.schedule-submit-btn:hover{background-color:var(--primary-600);transform:translateY(-1px)}html[data-theme=light] .schedule-card{background-color:#fff;border-color:#e5e7eb;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}html[data-theme=light] .schedule-input{background-color:#f9fafb;border-color:#d1d5db}html[data-theme=light] .schedule-input:focus{border-color:var(--primary-500);background-color:#fff}html[data-theme=light] .schedule-upload{background-color:#f9fafb;border-color:#d1d5db}html[data-theme=light] .schedule-upload:hover{border-color:var(--primary-400);background-color:#fffaf5}@media (width<=640px){.schedule-card{padding:1.5rem}.form-row{flex-direction:column;gap:1.5rem}.schedule-submit-container{justify-content:stretch}.schedule-submit-btn{width:100%}}.messages-page{background-color:var(--bg-main);flex-direction:column;height:calc(100vh - 70px);margin:0;padding:0;display:flex}.messages-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000000d}.messages-sidebar{border-right:1px solid var(--border-color);background-color:var(--bg-card);flex-direction:column;width:320px;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.sidebar-header h2{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:600}.search-container{border-bottom:1px solid var(--border-color);padding:.75rem 1rem}.search-input{border:1px solid var(--border-color);background-color:var(--bg-main);width:100%;color:var(--text-main);border-radius:20px;outline:none;padding:.5rem 1rem;font-size:.9rem}.search-input:focus{border-color:var(--primary-500)}.contacts-list{flex:1;overflow-y:auto}.contacts-list::-webkit-scrollbar{width:6px}.contacts-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.contact-item{border-bottom:1px solid var(--bg-main);cursor:pointer;align-items:center;padding:1rem;transition:all .2s;display:flex}.contact-item:hover,.contact-item.active{background-color:var(--bg-main)}.contact-item.active{border-left:4px solid var(--primary-500)}.contact-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px;margin-right:1rem}.contact-info{flex:1;overflow:hidden}.contact-name-row{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.contact-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.contact-time{color:var(--text-muted);font-size:.75rem}.contact-last-message{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.messages-main{background-color:var(--bg-main);flex-direction:column;flex:1;display:flex;position:relative}.chat-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-card);z-index:10;align-items:center;padding:1rem 1.5rem;display:flex}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:1rem;padding:.5rem;font-size:1.25rem;transition:background-color .2s;display:flex}.back-btn:hover{background-color:var(--bg-main);color:var(--text-main)}.chat-header-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px;margin-right:1rem}.chat-header-info{flex:1}.chat-header-name{color:var(--text-main);margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.chat-header-status{color:var(--primary-500);font-size:.8rem}.empty-chat-state{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.empty-chat-state svg{color:var(--border-color);margin-bottom:1rem}.chat-history{background-image:radial-gradient(var(--border-color) 1px, transparent 1px);background-size:20px 20px;flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:3px}.message-wrapper{width:100%;margin-bottom:.5rem;display:flex}.message-wrapper.sent{justify-content:flex-end}.message-wrapper.received{justify-content:flex-start}.message-bubble{border-radius:12px;max-width:70%;padding:.75rem 1rem;font-size:.95rem;line-height:1.4;position:relative;box-shadow:0 1px 2px #0000001a}.message-wrapper.received .message-bubble{background-color:var(--bg-card);color:var(--text-main);border-bottom-left-radius:4px}.message-wrapper.sent .message-bubble{background-color:var(--primary-500);color:#fff;border-bottom-right-radius:4px}.message-time{text-align:right;opacity:.8;margin-top:.25rem;font-size:.7rem;display:block}.chat-input-container{background-color:var(--bg-card);border-top:1px solid var(--border-color);align-items:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}.chat-input{border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-main);resize:none;border-radius:24px;outline:none;flex:1;min-height:44px;max-height:120px;padding:.75rem 1.25rem;font-family:inherit;font-size:.95rem;line-height:1.4}.chat-input:focus{border-color:var(--primary-400)}.send-btn{background-color:var(--primary-500);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .2s;display:flex}.send-btn:hover{background-color:var(--primary-600);transform:scale(1.05)}.send-btn:disabled{background-color:var(--border-color);color:var(--text-muted);cursor:not-allowed;transform:none}@media (width<=768px){.messages-container{border:none;border-radius:0;height:100%}.messages-sidebar{z-index:20;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.chat-active .messages-sidebar{transform:translate(-100%)}.messages-main{width:100%}}.books-page{min-height:100vh;padding-bottom:4rem}.books-hero{padding:3rem 0 2rem;position:relative;overflow:hidden}.books-hero .bg-orb{filter:blur(80px);pointer-events:none;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.books-welcome{align-items:center;gap:1.5rem;display:flex}.books-welcome h1{background:linear-gradient(135deg,#fd7333,#ff8d54);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:2rem;font-weight:800}.books-welcome p{color:var(--text-muted);font-size:1rem}.books-prompt-area{margin-top:2rem}.books-prompt-form{align-items:center;gap:12px;display:flex}.books-prompt-input{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex:1;padding:14px 20px;font-size:1rem}.books-prompt-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #fd733326}.books-prompt-input::placeholder{color:var(--text-muted)}.books-generate-btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;background:linear-gradient(135deg,#fd7333,#e65a1b);border:none;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:700;display:flex}.books-generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fd733340}.books-generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.quick-topics{flex-wrap:wrap;gap:10px;margin-top:1.25rem;display:flex}.topic-chip{border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:8px 18px;font-size:.85rem}.topic-chip:hover{border-color:var(--primary-500);color:var(--primary-500);background:#fd73331a;transform:translateY(-2px)}.books-results{margin-top:2.5rem}.books-results-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700;display:flex}.books-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.book-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);padding:1.75rem;position:relative;overflow:hidden}.book-card:before{content:"";opacity:0;height:4px;transition:opacity var(--transition-fast);background:linear-gradient(90deg,#fd7333,#ff8d54,#e65a1b);position:absolute;top:0;left:0;right:0}.book-card:hover{border-color:#fd73334d;transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.book-card:hover:before{opacity:1}.book-card-header{align-items:flex-start;gap:16px;margin-bottom:1rem;display:flex}.book-icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#fd733326,#e65a1b1a);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.6rem;display:flex}.book-title{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.3}.book-author{color:var(--primary-500);margin-top:4px;font-size:.85rem}.book-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.88rem;line-height:1.6}.book-tags{flex-wrap:wrap;gap:8px;display:flex}.book-tag{border-radius:var(--radius-full);background:var(--bg-glass);color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;padding:4px 12px;font-size:.75rem;font-weight:600}.books-loading{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 0;display:flex}.loading-spinner-books{border:4px solid var(--border-subtle);border-top-color:var(--primary-500);border-radius:50%;width:56px;height:56px;animation:.8s linear infinite spin}.books-loading p{color:var(--text-muted);font-size:1rem;animation:1.5s ease-in-out infinite pulse}.books-empty{text-align:center;padding:4rem 0}.books-empty-icon{margin-bottom:1rem;font-size:4rem}.books-empty h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.4rem}.books-empty p{color:var(--text-muted);max-width:400px;margin:0 auto}.books-error{text-align:center;border-radius:var(--radius-lg);background:#f43f5e0f;border:1px solid #f43f5e33;padding:3rem}.books-error p{color:#f43f5e;font-weight:500}@media (width<=768px){.books-prompt-form{flex-direction:column}.books-generate-btn{justify-content:center;width:100%}.books-grid{grid-template-columns:1fr}.books-welcome h1{font-size:1.5rem}}.pq-page{min-height:100vh;padding-bottom:4rem}.pq-hero{border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);padding:2.5rem 0 2rem;position:relative;overflow:hidden}.pq-hero-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.pq-badge{color:#fd7333;letter-spacing:.03em;background:#fd73331a;border:1px solid #fd733340;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.pq-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin:0 0 10px;font-size:clamp(2rem,4vw,2.8rem);font-weight:900}.pq-subtitle{color:var(--text-secondary);max-width:520px;margin:0;font-size:.95rem;line-height:1.6}.pq-hero-stats{flex-shrink:0;gap:1.5rem;display:flex}.pq-stat{text-align:center;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem 1.5rem}.pq-stat-num{font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:900;display:block}.pq-stat-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.pq-body{margin-top:2rem}.pq-section-label{font-family:var(--font-display);color:var(--text-primary);margin-bottom:1.25rem;font-size:1.1rem;font-weight:700}.pq-subjects-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.pq-subject-card{border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.4s ease-out both fadeInUp;display:flex}.pq-subject-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0003}.pq-subject-top{justify-content:space-between;align-items:flex-start;display:flex}.pq-subject-icon{border-radius:var(--radius-md);border:1px solid;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.pq-subject-arrow{opacity:0;font-size:.9rem;transition:all .2s;transform:translate(-6px)}.pq-subject-card:hover .pq-subject-arrow{opacity:1;transform:translate(0)}.pq-subject-name{font-family:var(--font-display);margin:0;font-size:1.05rem;font-weight:800}.pq-subject-desc{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.5}.pq-subject-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;margin-top:.25rem;padding-top:.75rem;display:flex}.pq-topic-count{color:var(--text-muted);font-size:.75rem;font-weight:500}.pq-back-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:6px;margin-bottom:1.5rem;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.pq-back-btn:hover{color:var(--text-primary);border-color:var(--border-accent)}.pq-topics-hero{align-items:center;gap:1.25rem;display:flex}.pq-subject-icon-lg{border-radius:var(--radius-md);border:1px solid;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.pq-topics-title{font-family:var(--font-display);margin:0 0 4px;font-size:1.8rem;font-weight:900}.pq-topics-sub{color:var(--text-muted);margin:0;font-size:.88rem}.pq-topics-grid{flex-direction:column;gap:.75rem;display:flex}.pq-topic-card{border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;transition:all .2s;animation:.4s ease-out both fadeInUp;display:flex}.pq-topic-card:hover{transform:translate(6px)}.pq-topic-left{align-items:center;gap:1rem;display:flex}.pq-topic-num{border-radius:var(--radius-sm);width:40px;height:40px;font-family:var(--font-display);border:1px solid;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.pq-topic-name{color:var(--text-primary);margin:0 0 2px;font-size:.95rem;font-weight:700}.pq-topic-meta{color:var(--text-muted);margin:0;font-size:.75rem}.pq-start-badge{border-radius:var(--radius-full);white-space:nowrap;border:1px solid;padding:6px 16px;font-size:.8rem;font-weight:700;transition:all .2s}.pq-topic-card:hover .pq-start-badge{filter:brightness(1.2)}.pq-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.pq-focus-card{text-align:center;border-radius:24px;width:100%;max-width:500px;padding:2.5rem;animation:.4s cubic-bezier(.4,0,.2,1) slideUp}.pq-focus-icon{color:#fbbf24;background:#f59e0b26;border:2px solid #f59e0b66;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.25rem;font-size:1.75rem;animation:2s infinite lockPulse;display:flex}.pq-focus-title{color:var(--text-primary);margin:0 0 .4rem;font-size:1.5rem;font-weight:800}.pq-focus-sub{color:var(--text-secondary);margin:0 0 .75rem;font-size:.9rem}.pq-focus-text{color:var(--text-muted);margin:0 0 1rem;font-size:.9rem}.pq-focus-rules{text-align:left;flex-direction:column;gap:.5rem;margin:0 0 1.75rem;padding:0;list-style:none;display:flex}.pq-focus-rules li{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:10px;align-items:center;gap:.75rem;padding:.6rem .9rem;font-size:.88rem;display:flex}.pq-rule-icon{flex-shrink:0;font-size:1.1rem}.pq-rule-icon.warn{color:#f59e0b}.pq-rule-icon.info{color:#06b6d4}.pq-rule-icon.ok{color:#10b981}.pq-focus-actions{gap:.75rem;display:flex}.pq-btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;border-radius:12px;flex:1;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .2s}.pq-btn-cancel:hover{color:var(--text-primary)}.pq-btn-start{color:#fff;cursor:pointer;border:none;border-radius:12px;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 20px #0003}.pq-btn-start:hover{filter:brightness(1.1);transform:translateY(-2px)}.pq-violation-card{text-align:center;border-radius:24px;width:100%;max-width:420px;padding:2.5rem;animation:.4s slideUp;border-color:#ef44444d!important}.pq-violation-icon{color:#ef4444;background:#ef444426;border:2px solid #ef444466;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.25rem;font-size:2rem;animation:1s infinite violationPulse;display:flex}.pq-violation-title{color:#fca5a5;margin:0 0 .5rem;font-size:1.4rem;font-weight:800}.pq-violation-text{color:var(--text-muted);margin:0 0 1.25rem;font-size:.9rem}.pq-violation-counter{justify-content:center;align-items:baseline;gap:4px;margin-bottom:.75rem;display:flex}.pq-violation-num{color:#ef4444;font-size:3.5rem;font-weight:900;line-height:1}.pq-violation-of{color:var(--text-muted);font-size:1.5rem;font-weight:600}.pq-violation-warn{color:#fbbf24;margin:0 0 1.5rem;font-size:.9rem;font-weight:600}.pq-btn-dismiss{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;width:100%;padding:.875rem;font-size:.95rem;font-weight:700;transition:all .2s}.pq-btn-dismiss:hover{filter:brightness(1.1)}.pq-violation-bar{color:#fbbf24;z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ef44441f;border-bottom:1px solid #ef444440;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.pq-quiz-layout{grid-template-columns:280px 1fr;align-items:start;gap:0;min-height:calc(100vh - 60px);display:grid}.pq-quiz-sidebar{border-right:1px solid var(--border-subtle);border-radius:0;flex-direction:column;gap:1.25rem;min-height:calc(100vh - 60px);padding:1.5rem;display:flex;position:sticky;top:60px;background:var(--bg-secondary)!important}.pq-quiz-subject-badge{border-radius:var(--radius-sm);border:1px solid;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex}.pq-quiz-topic-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:500}.pq-sidebar-progress{flex-wrap:wrap;gap:8px;display:flex}.pq-q-dot{border:1.5px solid var(--border-subtle);width:36px;height:36px;color:var(--text-muted);background:var(--bg-tertiary);border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.dot-correct{color:#34d399!important;background:#10b98126!important;border-color:#10b98166!important}.dot-wrong{color:#f87171!important;background:#ef444426!important;border-color:#ef444466!important}.dot-active{color:var(--text-primary);border-width:2px;font-weight:800}.dot-pending{opacity:.4}.pq-sidebar-score{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;display:flex}.pq-sidebar-timer{justify-content:center;display:flex}.pq-timer-ring{border:4px solid var(----timer-color,#fd7333);border-color:var(--timer-color);background:var(--bg-card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;transition:border-color .3s;display:flex;position:relative}.pq-sidebar-timer.timer-warn .pq-timer-ring{border-color:#f59e0b;animation:1s infinite timerPulse}.pq-sidebar-timer.timer-danger .pq-timer-ring{border-color:#ef4444;animation:.5s infinite timerPulse}.pq-timer-num{font-family:var(--font-display);color:var(--text-primary);font-size:1.5rem;font-weight:900;line-height:1}.pq-timer-label{color:var(--text-muted);font-size:.65rem;font-weight:500}.pq-quit-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;align-items:center;gap:6px;margin-top:auto;padding:8px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.pq-quit-btn:hover{color:#ef4444;border-color:#ef44444d}.pq-quiz-main{max-width:780px;padding:2rem 2.5rem}.pq-progress-track{background:var(--bg-tertiary);border-radius:3px;width:100%;height:5px;margin-bottom:8px;overflow:hidden}.pq-progress-fill{border-radius:3px;height:100%;transition:width .5s}.pq-progress-label{color:var(--text-muted);justify-content:space-between;margin-bottom:1.5rem;font-size:.78rem;display:flex}.pq-question-card{border-radius:var(--radius-lg);padding:2rem}.pq-q-number{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;font-size:.78rem;font-weight:800}.pq-question-text{color:var(--text-primary);margin:0 0 1.75rem;font-size:1.2rem;font-weight:600;line-height:1.6}.pq-options{flex-direction:column;gap:.65rem;margin-bottom:1rem;display:flex}.pq-option{background:var(--bg-tertiary);border:1.5px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:1rem;padding:.9rem 1.1rem;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pq-option:hover:not(:disabled){border-color:var(--border-accent);background:var(--bg-card-hover);transform:translate(3px)}.pq-opt-letter{background:var(--bg-card);width:30px;min-width:30px;height:30px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;transition:all .2s;display:flex}.pq-opt-text{flex:1}.pq-opt-icon{flex-shrink:0;font-size:1.25rem}.correct-icon{color:#10b981}.wrong-icon{color:#ef4444}.pq-opt-correct{color:#34d399!important;background:#10b98114!important;border-color:#10b98166!important}.pq-opt-wrong{color:#f87171!important;background:#ef444414!important;border-color:#ef444466!important}.pq-opt-dim{opacity:.3;cursor:default}.pq-opt-selected{border-color:var(--primary-400)!important;background:#8b5cf614!important}.pq-feedback{border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:600;animation:.3s fadeInUp;display:flex}.pq-feedback-correct{color:#34d399;background:#10b9811a;border:1px solid #10b98140}.pq-feedback-wrong{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440}.pq-next-btn{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;flex-shrink:0;padding:8px 24px;font-size:.88rem;font-weight:700;transition:all .2s}.pq-next-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.pq-result-wrap{max-width:680px;margin:3rem auto}.pq-result-card{text-align:center;border-radius:24px;padding:2.5rem}.pq-auto-banner{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600;display:flex}.pq-result-trophy{margin-bottom:1rem;font-size:4rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards successPop}.pq-result-title{font-family:var(--font-display);color:var(--text-primary);margin:0 0 .25rem;font-size:1.8rem;font-weight:800}.pq-result-subject{margin:0 0 1.75rem;font-size:.95rem;font-weight:600}.pq-result-ring{background:var(--bg-tertiary);border:5px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;margin:0 auto 1.75rem;display:flex}.pq-result-pct{font-family:var(--font-display);color:var(--text-primary);font-size:2.2rem;font-weight:900}.pq-result-grade{color:var(--text-muted);font-size:.78rem}.pq-result-stats{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.pq-result-stat{color:var(--text-secondary);align-items:center;gap:6px;font-size:.95rem;display:flex}.pq-result-stat svg{font-size:1.2rem}.pq-review{text-align:left;margin-bottom:1.75rem}.pq-review-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem;font-size:.78rem;font-weight:700}.pq-review-row{border-radius:10px;align-items:center;gap:.75rem;margin-bottom:.4rem;padding:.65rem .9rem;font-size:.85rem;display:flex}.pq-rev-correct{background:#10b98112;border:1px solid #10b98126}.pq-rev-wrong{background:#ef444412;border:1px solid #ef444426}.pq-rev-num{color:var(--text-muted);min-width:28px;font-weight:700}.pq-rev-q{color:var(--text-secondary);flex:1}.pq-rev-ans{color:var(--text-muted);white-space:nowrap;font-size:.78rem}.pq-rev-icon{font-size:1.1rem;display:flex}.pq-rev-correct .pq-rev-icon{color:#10b981}.pq-rev-wrong .pq-rev-icon{color:#ef4444}.pq-result-actions{flex-wrap:wrap;gap:.75rem;display:flex}.pq-btn-retry{cursor:pointer;background:0 0;border:2px solid;border-radius:12px;flex:1;padding:.75rem;font-size:.9rem;font-weight:700;transition:all .2s}.pq-btn-retry:hover{filter:brightness(1.2);transform:translateY(-2px)}.pq-btn-topics{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;border-radius:12px;flex:1;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .2s}.pq-btn-topics:hover{border-color:var(--border-accent)}.pq-btn-subjects{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;padding:.75rem;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 6px 16px #fd733340}.pq-btn-subjects:hover{filter:brightness(1.1);transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes lockPulse{0%,to{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 0 14px #f59e0b00}}@keyframes violationPulse{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.05);box-shadow:0 0 0 14px #ef444400}}@media (width<=1024px){.pq-quiz-layout{grid-template-columns:220px 1fr}}@media (width<=768px){.pq-quiz-layout{grid-template-columns:1fr}.pq-quiz-sidebar{min-height:unset;border-right:none;border-bottom:1px solid var(--border-subtle);flex-flow:wrap;gap:1rem;position:static}.pq-quiz-main{padding:1.25rem}.pq-hero-stats{display:none}.pq-subjects-grid{grid-template-columns:1fr}.pq-result-actions,.pq-focus-actions{flex-direction:column}}.gamified-page{min-height:100vh;padding-bottom:4rem}.gamified-hero{padding:3rem 0 2rem;position:relative;overflow:hidden}.gamified-welcome{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.gamified-icon-wrap{color:#a78bfa;background:linear-gradient(135deg,#8b5cf640,#8b5cf60d);border:1px solid #8b5cf666;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.75rem;display:flex;box-shadow:0 8px 20px #8b5cf626}.gamified-heading{background:linear-gradient(90deg,#fff,#d4d4d8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:2rem;font-weight:700}.gamified-subtext{color:#a1a1aa;margin:0;font-size:1rem}.gamified-content{margin-top:1.5rem}.xp-bar-container{border-radius:16px;padding:1.25rem 1.5rem}.xp-bar-info{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.xp-level-badge{color:#fbbf24;align-items:center;gap:.4rem;font-size:1rem;font-weight:700;display:flex}.xp-text{color:#a1a1aa;font-size:.85rem}.xp-progress-bar{background:#ffffff0d;border-radius:4px;width:100%;height:8px;overflow:hidden}.xp-progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.games-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.game-card{cursor:pointer;border-radius:20px;flex-direction:column;gap:1rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.game-card:before{content:"";opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.game-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.game-card:hover:before{opacity:1}.game-card-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;display:flex}.game-card-title{color:#f4f4f5;margin:0;font-size:1.25rem;font-weight:700}.game-card-desc{color:#a1a1aa;margin:0;font-size:.9rem;line-height:1.4}.game-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.game-xp-badge{align-items:center;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.game-play-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s}.game-play-btn:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.game-container{max-width:720px;margin:3rem auto}.game-active{border-radius:24px;padding:2rem 2.5rem}.game-header-section{margin-bottom:2rem}.game-header-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.game-back-btn{color:#d4d4d8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;display:flex}.game-back-btn:hover{color:#fff;background:#ffffff1a}.game-title-badge{border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:flex}.game-counter{color:#a1a1aa;font-size:.9rem;font-weight:600}.game-progress-bar{background:#ffffff0d;border-radius:3px;width:100%;height:6px;overflow:hidden}.game-progress-fill{border-radius:3px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.scramble-category{text-align:center;color:#a1a1aa;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.85rem}.scramble-letters{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.scramble-letter{color:#f4f4f5;background:#8b5cf626;border:2px solid #8b5cf64d;border-radius:10px;justify-content:center;align-items:center;width:44px;height:52px;font-size:1.3rem;font-weight:800;animation:.4s cubic-bezier(.175,.885,.32,1.275) both letterPop;display:flex}@keyframes letterPop{0%{opacity:0;transform:scale(0)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.scramble-hint{text-align:center;color:#fbbf24;margin-bottom:1rem;font-size:.9rem;animation:.3s fadeIn}.scramble-form{flex-direction:column;gap:1rem;display:flex}.scramble-input{color:#f4f4f5;text-transform:uppercase;letter-spacing:.05em;text-align:center;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:14px;outline:none;width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s}.scramble-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf626}.scramble-actions{gap:1rem;display:flex}.hint-btn{color:#fbbf24;cursor:pointer;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:12px;flex:1;padding:.75rem;font-weight:600;transition:all .3s}.hint-btn:hover:not(:disabled){background:#fbbf2433}.hint-btn:disabled{opacity:.5;cursor:not-allowed}.submit-answer-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;flex:2;padding:.75rem;font-size:1rem;font-weight:700;transition:all .3s}.submit-answer-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px)}.submit-answer-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.memory-stats{color:#a1a1aa;justify-content:center;gap:2rem;margin-bottom:1.5rem;font-size:.95rem;display:flex}.memory-stats strong{color:#f4f4f5}.memory-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.memory-card{aspect-ratio:1;perspective:600px;cursor:pointer}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.memory-card.flipped .memory-card-inner,.memory-card.matched .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{backface-visibility:hidden;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;font-weight:700;display:flex;position:absolute}.memory-card-front{color:#10b981;background:linear-gradient(135deg,#10b98133,#10b9810d);border:2px solid #10b98133;font-size:1.5rem}.memory-card-back{color:#34d399;text-align:center;word-break:break-word;background:#10b98126;border:2px solid #10b98166;padding:.5rem;transform:rotateY(180deg)}.memory-card.matched .memory-card-back{background:#10b9814d;border-color:#10b981;box-shadow:0 0 15px #10b9814d}.speed-timer{color:#d4d4d8;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800;transition:color .3s;display:flex}.speed-timer.timer-danger{color:#ef4444;animation:1s infinite timerPulse}.speed-problem{text-align:center;color:#f4f4f5;background:#f59e0b0d;border:1px solid #f59e0b1a;border-radius:20px;margin-bottom:2rem;padding:2rem;font-size:2.5rem;font-weight:800}.speed-form{align-items:center;gap:1rem;display:flex}.speed-input{color:#f4f4f5;text-align:center;appearance:textfield;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:14px;outline:none;flex:1;padding:1rem;font-family:inherit;font-size:1.3rem;font-weight:700;transition:all .3s}.speed-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.speed-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.speed-input:focus{border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b26}.tf-statement{text-align:center;color:#f4f4f5;background:#ef44440d;border:1px solid #ef44441a;border-radius:20px;margin-bottom:2rem;padding:2rem 1rem;font-size:1.4rem;font-weight:600;line-height:1.6}.tf-buttons{gap:1rem;margin-bottom:1.5rem;display:flex}.tf-btn{cursor:pointer;border:2px solid #0000;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;font-size:1.15rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tf-true{color:#34d399;background:#10b9811a;border-color:#10b98133}.tf-true:hover:not(:disabled){background:#10b98133;transform:translateY(-3px);box-shadow:0 8px 20px #10b98133}.tf-false{color:#f87171;background:#ef44441a;border-color:#ef444433}.tf-false:hover:not(:disabled){background:#ef444433;transform:translateY(-3px);box-shadow:0 8px 20px #ef444433}.tf-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.tf-btn.btn-correct{box-shadow:0 0 20px #10b9814d;color:#34d399!important;background:#10b9814d!important;border-color:#10b981!important}.tf-btn.btn-wrong{box-shadow:0 0 20px #ef44444d;color:#f87171!important;background:#ef44444d!important;border-color:#ef4444!important}.feedback-toast{text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-size:.95rem;font-weight:600;line-height:1.5;animation:.3s slideUp;display:flex}.feedback-toast.correct{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.feedback-toast.wrong{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.shake-correct{animation:.5s shakeCorrect}.shake-wrong{animation:.5s shakeWrong}@keyframes shakeCorrect{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes shakeWrong{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.game-results{text-align:center;border-radius:24px;padding:3rem 2.5rem}.game-results-trophy{margin-bottom:1rem;font-size:4rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards successPop}.game-results-title{color:#f4f4f5;margin:0 0 .25rem;font-size:1.8rem;font-weight:700}.game-results-subtitle{margin:0 0 2rem;font-size:1rem;font-weight:600}.game-results-ring{background:#ffffff08;border:5px solid;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 2rem;display:flex}.game-results-pct{color:#f4f4f5;font-size:2.2rem;font-weight:800}.game-results-stats{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1.5rem;display:flex}.game-results-stat{color:#d4d4d8;align-items:center;gap:.4rem;font-size:1rem;display:flex}.game-results-xp{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;padding:1rem;font-size:1.3rem;font-weight:700;display:flex}.game-results-actions{gap:1rem;display:flex}.game-retry-btn,.game-menu-btn{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.game-retry-btn{background:0 0;border:2px solid}.game-retry-btn:hover{filter:brightness(1.2);transform:translateY(-2px)}.game-menu-btn{background:linear-gradient(135deg, var(--primary-500), var(--primary-600));color:#fff;border:none;box-shadow:0 8px 20px #fd73334d}.game-menu-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #fd733366}.balloon-prompt-box{text-align:center;margin-bottom:2rem}.balloon-prompt-box h3{color:#f4f4f5;margin:0 0 .5rem;font-size:1.8rem;font-weight:800}.balloon-prompt-box p{color:#a1a1aa;margin:0;font-size:1rem}.balloon-sky{background:linear-gradient(#0000,#ec48990d);border:1px solid #ec48991a;border-radius:20px;width:100%;height:400px;position:relative;overflow:hidden}.balloon-container{cursor:pointer;z-index:10;flex-direction:column;align-items:center;transition:opacity .3s;animation-name:floatUp;animation-timing-function:linear;animation-iteration-count:infinite;display:flex;position:absolute;bottom:-150px}.balloon-container:hover .balloon-body{filter:brightness(1.1);transform:scale(1.05)}.balloon-body{text-align:center;border-radius:50%/40% 40% 60% 60%;justify-content:center;align-items:center;width:110px;height:130px;padding:10px;transition:transform .2s,filter .2s;display:flex;position:relative;box-shadow:inset -10px -10px 20px #0003,0 10px 15px #0003}.balloon-body:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:8px solid inherit;border-bottom-color:#0000004d;width:0;height:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.balloon-text{color:#fff;text-shadow:1px 1px 3px #00000080;word-break:break-word;z-index:2;font-size:1.1rem;font-weight:700}.balloon-string{background:linear-gradient(#fff6,#0000);width:2px;height:60px;margin-top:2px}@keyframes floatUp{0%{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-300px)rotate(3deg)}to{transform:translateY(-600px)rotate(-2deg)}}.balloon-container.fade-out{opacity:0;pointer-events:none}.balloon-container.popped .balloon-body{animation:.4s forwards burst}.balloon-container.popped .balloon-string{opacity:0}@keyframes burst{0%{transform:scale(1)}40%{opacity:.8;transform:scale(1.4)}to{opacity:0;transform:scale(2)}}.balloon-container.wrong-shake{pointer-events:none;animation:.6s forwards wrongDeflate}@keyframes wrongDeflate{0%,to{opacity:1;transform:translate(0)}20%{transform:translate(-10px)scale(.9)}40%{opacity:.8;transform:translate(10px)scale(.85)}60%{opacity:.6;transform:translate(-10px)scale(.8)}80%{opacity:.4;transform:translate(10px)scale(.75)}to{opacity:0;transform:translateY(100px)scale(.5)}}html[data-theme=light] .balloon-prompt-box h3{color:#18181b}html[data-theme=light] .gamified-heading{background:#18181b;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-theme=light] .gamified-subtext{color:#52525b}html[data-theme=light] .game-card-title{color:#18181b}html[data-theme=light] .game-card-desc{color:#52525b}html[data-theme=light] .game-back-btn{color:#3f3f46;background:#00000008;border-color:#00000014}html[data-theme=light] .game-counter{color:#52525b}html[data-theme=light] .scramble-letter{color:#18181b;background:#8b5cf61a;border-color:#8b5cf640}html[data-theme=light] .scramble-input,html[data-theme=light] .speed-input{color:#18181b;background:#fff;border-color:#e4e4e7}html[data-theme=light] .speed-problem{color:#18181b;background:#f59e0b0d}html[data-theme=light] .tf-statement{color:#18181b;background:#ef444408}html[data-theme=light] .game-results-title,html[data-theme=light] .game-results-pct{color:#18181b}html[data-theme=light] .memory-stats{color:#52525b}html[data-theme=light] .memory-stats strong,html[data-theme=light] .speed-timer{color:#18181b}@media (width<=768px){.games-grid{grid-template-columns:1fr}.game-active{padding:1.5rem}.scramble-letter{width:36px;height:44px;font-size:1.1rem}.memory-grid{grid-template-columns:repeat(3,1fr)}.speed-problem{font-size:1.8rem}.tf-statement{font-size:1.15rem}.game-results-actions{flex-direction:column}.game-header-row{flex-wrap:wrap}}.career-page{min-height:100vh;padding-bottom:4rem}.career-hero{padding:3rem 0 2rem;position:relative;overflow:hidden}.career-welcome{align-items:center;gap:1.5rem;display:flex}.career-icon-wrap{color:#22d3ee;background:linear-gradient(135deg,#06b6d440,#06b6d40d);border:1px solid #06b6d466;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.75rem;display:flex;box-shadow:0 8px 20px #06b6d426}.career-heading{background:linear-gradient(90deg,#fff,#d4d4d8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:2rem;font-weight:700}.career-subtext{color:#a1a1aa;margin:0;font-size:1rem}.career-content{margin-top:1.5rem}.career-tabs{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;gap:.5rem;width:fit-content;margin-bottom:2rem;padding:.35rem;display:flex}.career-tab{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.career-tab:hover{color:#d4d4d8;background:#ffffff0d}.career-tab.active{color:#22d3ee;background:#06b6d426}.tab-count{color:#22d3ee;background:#06b6d433;border-radius:10px;padding:.1rem .5rem;font-size:.8rem}.career-form{border-radius:24px;max-width:750px;padding:2.5rem}.form-section-title{color:#f4f4f5;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.2rem;font-weight:700;display:flex}.form-section-title svg{color:#22d3ee}.form-section-desc{color:#71717a;margin:0 0 1rem;font-size:.9rem}.career-fields-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.career-field-chip{color:#d4d4d8;cursor:pointer;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:12px;align-items:center;gap:.6rem;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.career-field-chip:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.career-field-chip.selected{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.field-chip-icon{font-size:1.1rem}.career-textarea{color:#f4f4f5;resize:vertical;box-sizing:border-box;background:#ffffff08;border:1.5px solid #ffffff14;border-radius:12px;width:100%;padding:1rem;font-family:inherit;font-size:.95rem;transition:border-color .3s}.career-textarea:focus{border-color:#06b6d480;outline:none}.career-textarea::placeholder{color:#52525b}.career-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:2rem;padding:1rem;font-size:1.05rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 25px #06b6d44d}.career-submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 30px #06b6d466}.career-submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.submit-success-banner{color:#34d399;background:#10b9811a;border:1px solid #10b98140;border-radius:14px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-weight:600;animation:.3s slideUp;display:flex}.history-cards{flex-direction:column;gap:1.5rem;max-width:800px;display:flex}.history-card{border-radius:20px;padding:2rem}.history-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.history-card-fields{flex-wrap:wrap;gap:.5rem;display:flex}.field-chip{border:1px solid;border-radius:8px;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;display:flex}.history-status{font-size:.85rem;font-weight:600}.history-status.status-pending{color:#f59e0b}.history-status.status-answered{color:#10b981}.history-goals{color:#fbbf24;background:#f59e0b0f;border:1px solid #f59e0b1f;border-radius:10px;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.history-goals svg{flex-shrink:0;margin-top:.15rem}.history-messages{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.history-msg{border-radius:14px;padding:1rem}.history-msg.student{background:#06b6d40f;border:1px solid #06b6d41f}.history-msg.teacher{background:#8b5cf60f;border:1px solid #8b5cf61f}.history-msg-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.history-msg-sender{color:#d4d4d8;font-size:.85rem;font-weight:700}.history-msg-time{color:#52525b;font-size:.8rem}.history-msg-text{color:#a1a1aa;margin:0;font-size:.95rem;line-height:1.5}.history-card-footer{color:#52525b;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.empty-history{text-align:center;border-radius:20px;max-width:500px;padding:3rem 2rem}.empty-history h3{color:#f4f4f5;margin:1rem 0 .5rem}.empty-history p{color:#71717a;margin:0 0 1.5rem}.btn-start-consultation{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.btn-start-consultation:hover{filter:brightness(1.1);transform:translateY(-2px)}.consultation-layout{grid-template-columns:360px 1fr;gap:1.5rem;min-height:600px;display:grid}.consultation-list-panel{border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.panel-header h3{color:#f4f4f5;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.pending-badge{color:#f59e0b;background:#f59e0b26;border-radius:8px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.consultation-items{flex:1;padding:.5rem;overflow-y:auto}.consultation-item{cursor:pointer;border:1px solid #0000;border-radius:12px;margin-bottom:.5rem;padding:1rem;transition:all .2s}.consultation-item:hover{background:#ffffff0a}.consultation-item.active{background:#06b6d414;border-color:#06b6d433}.consultation-item-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.consultation-student-name{color:#f4f4f5;font-size:.95rem;font-weight:700}.status-dot{font-size:.75rem;font-weight:600}.status-dot.status-pending{color:#f59e0b}.status-dot.status-answered{color:#10b981}.consultation-item-fields{gap:.35rem;margin-bottom:.5rem;display:flex}.mini-field-tag{font-size:1rem}.consultation-item-preview{color:#71717a;margin:0 0 .4rem;font-size:.85rem;line-height:1.4}.consultation-item-time{color:#52525b;font-size:.75rem}.consultation-chat-panel{border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.chat-panel-header{border-bottom:1px solid #ffffff0f;padding:1.25rem 1.5rem}.chat-panel-header h3{color:#f4f4f5;margin:0 0 .75rem}.chat-panel-fields{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.student-goals-box{color:#fbbf24;background:#f59e0b0f;border-radius:8px;align-items:flex-start;gap:.4rem;padding:.6rem .8rem;font-size:.85rem;display:flex}.student-goals-box svg{flex-shrink:0;margin-top:.1rem}.chat-messages{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-msg{display:flex}.chat-msg.student{justify-content:flex-start}.chat-msg.teacher{justify-content:flex-end}.chat-msg-bubble{border-radius:16px;max-width:75%;padding:1rem}.chat-msg.student .chat-msg-bubble{background:#06b6d414;border:1px solid #06b6d426;border-bottom-left-radius:4px}.chat-msg.teacher .chat-msg-bubble{background:#8b5cf614;border:1px solid #8b5cf626;border-bottom-right-radius:4px}.chat-msg-sender{color:#a1a1aa;margin-bottom:.35rem;font-size:.8rem;font-weight:700;display:block}.chat-msg-text{color:#d4d4d8;margin:0;font-size:.95rem;line-height:1.5}.chat-msg-time{color:#52525b;margin-top:.35rem;font-size:.75rem;display:block}.chat-reply-form{border-top:1px solid #ffffff0f;gap:.75rem;padding:1rem 1.5rem;display:flex}.chat-reply-input{color:#f4f4f5;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.chat-reply-input:focus{border-color:#8b5cf680;outline:none}.chat-reply-input::placeholder{color:#52525b}.chat-reply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:all .3s;display:flex}.chat-reply-btn:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-2px)}.chat-reply-btn:disabled{opacity:.4;cursor:not-allowed}.chat-reply-btn svg{transform:rotate(90deg)}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:flex}.empty-state h3{color:#a1a1aa;margin:1rem 0 .5rem}.empty-state p{color:#52525b;margin:0}html[data-theme=light] .career-heading{background:#18181b;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-theme=light] .career-subtext{color:#52525b}html[data-theme=light] .career-tab{color:#71717a}html[data-theme=light] .career-tab.active{background:#06b6d41a}html[data-theme=light] .form-section-title{color:#18181b}html[data-theme=light] .career-field-chip{color:#3f3f46;background:#00000005;border-color:#00000014}html[data-theme=light] .career-textarea{color:#18181b;background:#00000005;border-color:#00000014}html[data-theme=light] .consultation-student-name{color:#18181b}html[data-theme=light] .chat-msg-text{color:#3f3f46}html[data-theme=light] .chat-reply-input{color:#18181b;background:#00000005;border-color:#00000014}@media (width<=900px){.consultation-layout{grid-template-columns:1fr}.career-fields-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.career-fields-grid{grid-template-columns:1fr}.career-form{padding:1.5rem}.career-tabs{width:100%}.career-tab{flex:1;justify-content:center}.history-card-header{flex-direction:column;align-items:flex-start}}.rewards-page{min-height:100vh;padding-bottom:4rem}.rewards-hero{padding:3rem 0 2rem;position:relative;overflow:hidden}.rewards-welcome{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.rewards-icon-wrap{color:#a78bfa;background:linear-gradient(135deg,#a78bfa40,#8b5cf60d);border:1px solid #8b5cf666;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.75rem;display:flex;box-shadow:0 8px 20px #8b5cf626}.rewards-heading{background:linear-gradient(90deg,#fff,#d4d4d8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:2rem;font-weight:700}.rewards-subtext{color:#a1a1aa;margin:0;font-size:1rem}.rewards-content{margin-top:1.5rem}.xp-balance-card{border-radius:20px;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 2rem;display:flex}.xp-balance-left{align-items:center;gap:1rem;display:flex}.xp-balance-icon{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#fd733333);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.xp-balance-label{color:#71717a;font-size:.85rem;font-weight:500;display:block}.xp-balance-value{color:#fbbf24;font-size:1.8rem;font-weight:800;display:block}.xp-balance-right{flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.xp-level-info{color:#a78bfa;align-items:center;gap:.3rem;font-size:.9rem;font-weight:700;display:flex}.xp-mini-bar{background:#ffffff0f;border-radius:3px;width:150px;height:6px;overflow:hidden}.xp-mini-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:3px;height:100%;transition:width .5s}.xp-mini-text{color:#52525b;font-size:.75rem}.rewards-tabs{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;gap:.5rem;width:fit-content;margin-bottom:2rem;padding:.35rem;display:flex}.rewards-tab{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.rewards-tab:hover{color:#d4d4d8;background:#ffffff0d}.rewards-tab.active{color:#a78bfa;background:#8b5cf626}.tab-badge{color:#a78bfa;background:#8b5cf640;border-radius:10px;padding:.1rem .5rem;font-size:.8rem}.category-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.category-btn{color:#71717a;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s}.category-btn:hover{color:#d4d4d8;background:#ffffff0f}.category-btn.active{color:var(--primary-400,#fd7333);background:#fd73331f;border-color:#fd73334d}.goodies-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.goodie-card{border-radius:20px;flex-direction:column;gap:.75rem;padding:1.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.goodie-card:hover{transform:translateY(-6px);box-shadow:0 16px 35px #00000040}.goodie-card.purchased{opacity:.65}.goodie-card.purchased:after{content:"✓ OWNED";color:#fff;background:#10b981;padding:.25rem 2.5rem;font-size:.7rem;font-weight:700;position:absolute;top:14px;right:-32px;transform:rotate(45deg)}.rarity-badge{text-transform:uppercase;letter-spacing:.05em;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;border-radius:8px;padding:.25rem .6rem;font-size:.7rem;font-weight:800;position:absolute;top:.75rem;right:.75rem}.goodie-media{border-radius:14px;width:100%;height:180px;margin-bottom:.75rem;position:relative;overflow:hidden}.goodie-image-wrap{background:#0003;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.goodie-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.goodie-card:hover .goodie-image-wrap img{transform:scale(1.05)}.goodie-icon-wrap{background:#ffffff08;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.goodie-icon{border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;font-size:1.8rem;transition:transform .4s;display:flex}.goodie-card:hover .goodie-icon{transform:scale(1.1)}.goodie-name{color:#f4f4f5;margin:0;font-size:1.15rem;font-weight:700}.goodie-desc{color:#71717a;flex:1;margin:0;font-size:.88rem;line-height:1.4}.goodie-footer{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.goodie-price{align-items:center;gap:.3rem;font-size:1rem;font-weight:700;display:flex}.goodie-owned{color:#10b981;align-items:center;gap:.3rem;font-size:.9rem;font-weight:600;display:flex}.goodie-buy-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.55rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s}.goodie-buy-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.goodie-buy-btn:disabled{color:#52525b;cursor:not-allowed;background:#ffffff0f!important}.owned-items-grid{flex-direction:column;gap:1rem;max-width:700px;display:flex}.owned-item{border-radius:16px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.owned-item-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-size:1.4rem;display:flex}.owned-item-info{flex:1}.owned-item-name{color:#f4f4f5;margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.owned-item-desc{color:#71717a;margin:0 0 .4rem;font-size:.85rem}.owned-item-badge{color:#10b981;align-items:center;gap:.3rem;font-size:.8rem;font-weight:600;display:flex}.empty-rewards{text-align:center;border-radius:20px;max-width:500px;padding:3rem 2rem}.empty-rewards h3{color:#f4f4f5;margin:1rem 0 .5rem}.empty-rewards p{color:#71717a;margin:0 0 1.5rem}.btn-go-store{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.btn-go-store:hover{filter:brightness(1.1);transform:translateY(-2px)}.performance-intro{color:#a1a1aa;max-width:600px;margin:0 0 1.5rem;font-size:1rem}.performance-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.performance-card{border-radius:16px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s;display:flex}.performance-card.earned{border-color:#10b98133!important}.performance-card.locked{opacity:.55}.performance-card-icon{background:#ffffff08;border-radius:14px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;display:flex}.performance-card-info{flex:1}.performance-card-name{color:#f4f4f5;margin:0 0 .2rem;font-size:1rem;font-weight:700}.performance-card-desc{color:#71717a;margin:0;font-size:.85rem}.performance-card-status{flex-shrink:0}.performance-earned{color:#10b981;align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;display:flex}.performance-locked{color:#52525b;font-size:.85rem;font-weight:600}.purchase-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:2rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.purchase-modal{text-align:center;border-radius:24px;width:100%;max-width:420px;padding:2.5rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.purchase-modal-image-wrap{background:#0003;border-radius:16px;width:100%;height:180px;margin-bottom:1.25rem;overflow:hidden}.purchase-modal-image-wrap img{object-fit:cover;width:100%;height:100%}.purchase-modal-icon{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.25rem;font-size:2rem;display:flex}.purchase-modal-title{color:#f4f4f5;margin:0 0 .5rem;font-size:1.4rem;font-weight:700}.purchase-modal-item{color:#a1a1aa;margin:0 0 1.5rem;font-size:1rem}.purchase-modal-cost,.purchase-modal-balance,.purchase-modal-remaining{color:#d4d4d8;justify-content:space-between;padding:.6rem 0;font-size:.95rem;display:flex}.purchase-modal-cost,.purchase-modal-balance{border-bottom:1px solid #ffffff0f}.purchase-modal-xp{align-items:center;gap:.3rem;font-weight:700;display:flex}.purchase-modal-actions{gap:1rem;margin-top:1.5rem;display:flex}.btn-cancel-purchase{color:#a1a1aa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:.875rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-cancel-purchase:hover{color:#f4f4f5;background:#ffffff1a}.btn-confirm-purchase{color:#fff;cursor:pointer;border:none;border-radius:12px;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 25px #0003}.btn-confirm-purchase:hover{filter:brightness(1.1);transform:translateY(-2px)}.purchase-success-banner{color:#34d399;background:#10b9811a;border:1px solid #10b98140;border-radius:14px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-weight:600;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}html[data-theme=light] .rewards-heading{background:#18181b;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}html[data-theme=light] .rewards-subtext{color:#52525b}html[data-theme=light] .goodie-name,html[data-theme=light] .owned-item-name,html[data-theme=light] .performance-card-name{color:#18181b}html[data-theme=light] .goodie-desc,html[data-theme=light] .owned-item-desc,html[data-theme=light] .performance-card-desc{color:#52525b}html[data-theme=light] .purchase-modal-title{color:#18181b}html[data-theme=light] .category-btn{color:#52525b;background:#00000005;border-color:#00000014}@media (width<=768px){.xp-balance-card{flex-direction:column;align-items:flex-start;gap:1rem}.xp-balance-right{align-items:flex-start;width:100%}.xp-mini-bar{width:100%}.goodies-grid,.performance-grid{grid-template-columns:1fr}.rewards-tabs{width:100%}.rewards-tab{flex:1;justify-content:center;padding:.55rem .75rem;font-size:.85rem}.purchase-modal{padding:1.5rem}.purchase-modal-actions{flex-direction:column}.btn-confirm-purchase{flex:1}}