:root{--bg-primary:#f8f4f1;--text-primary:#1a2341;--text-secondary:#5b637b;--accent-orange:#c67c65;--accent-light:#ebb6a8;--accent-purple:#d7d2ff;--white:#fff;--glass-bg:#ffffffa6;--glass-border:#ffffff80;--shadow-sm:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-md:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.app-container{background-color:var(--bg-primary);max-width:480px;min-height:100vh;box-shadow:var(--shadow-md);margin:0 auto;position:relative;overflow:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.onboarding{flex-direction:column;height:100vh;padding:2rem;animation:.5s ease-out fadeIn;display:flex}.onboarding h1{color:var(--accent-orange);margin-top:2rem;margin-bottom:.5rem;font-size:2.25rem;font-weight:700;line-height:1.1}.onboarding h2{color:var(--text-primary);margin-bottom:2.5rem;font-size:2rem;font-weight:700;line-height:1.1}.categories-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.category-card{background-color:var(--accent-light);cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem .5rem;transition:all .2s;display:flex}.category-card.purple{background-color:var(--accent-purple)}.category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.category-icon{font-size:1.75rem}.category-name{text-align:center;color:var(--white);font-size:.75rem;font-weight:600}.category-card.purple .category-name{color:var(--text-primary)}.dashboard{padding:1.5rem 1.5rem 6rem;animation:.5s ease-out slideIn}.header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.greeting{font-size:1.25rem;font-weight:500}.user-name{color:var(--text-primary);font-size:2rem;font-weight:700}.streak{text-align:center}.streak-icon{margin-bottom:.25rem;font-size:1.5rem}.streak-text{font-size:.75rem;font-weight:600}.progress-section{background-color:var(--accent-light);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.progress-header{color:var(--text-primary);justify-content:space-between;margin-bottom:1rem;font-weight:600;display:flex}.progress-bar-container{gap:.25rem;display:flex}.progress-segment{background-color:#fff6;border-radius:4px;flex:1;height:20px}.progress-segment.filled{background-color:var(--text-primary)}.section-title{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:flex}.card{background-color:var(--accent-purple);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:16px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;transition:transform .2s;display:flex}.card:hover{transform:translate(4px)}.card-icon-wrapper{background-color:var(--accent-light);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.card-content h3{margin-bottom:.25rem;font-size:1rem}.card-content p{color:var(--text-secondary);font-size:.85rem}.bottom-nav{z-index:100;background-color:#f8f4f1;border-top-left-radius:24px;border-top-right-radius:24px;justify-content:space-around;width:100%;max-width:480px;padding:.5rem 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 30px #0000000d}.sliding-indicator{z-index:0;pointer-events:none;width:20%;height:100%;padding:.25rem .5rem;transition:transform .4s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.sliding-indicator-glass{background-color:#c67c6526;border-radius:16px;width:100%;height:100%;box-shadow:inset 0 0 10px #c67c650d}.nav-item{color:#1a2341;cursor:pointer;z-index:1;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.5rem 0;transition:transform .2s cubic-bezier(.25,.8,.25,1);display:flex}.nav-item:active{transform:scale(.92)}.nav-icon{justify-content:center;align-items:center;margin-bottom:4px;display:flex}.nav-label{letter-spacing:.2px;font-size:.7rem;font-weight:700}.nav-item.active{color:#c67c65;box-shadow:none;background-color:#0000}.logout-btn{border:1px solid var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;margin-top:8px;padding:4px 8px;font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.revision-card{background-color:var(--white);box-shadow:var(--shadow-md);border:1px solid #0000000d;border-radius:16px;flex-direction:column;gap:1rem;margin-bottom:2.5rem;padding:1.25rem;display:flex}.revision-header{color:var(--text-primary);border-bottom:1px solid #0000000d;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem;font-weight:700}.revision-header span{color:#c67c65}.revision-stats{justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.stat-circle-container{flex-direction:column;align-items:center;gap:.75rem;display:flex}.stat-label{color:var(--text-primary);text-align:center;align-items:center;gap:.25rem;width:60px;font-size:.75rem;font-weight:600;line-height:1.1;display:flex}.stat-label-icon{font-size:1rem}.circle-chart{background:conic-gradient(var(--circle-color) var(--percentage), #e5e5e5 0);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.1rem;font-weight:700;display:flex;position:relative}.circle-inner{background-color:var(--white);width:52px;height:52px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.bento-grid{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.bento-card{background-color:var(--white);cursor:pointer;border:1px solid #0000000d;border-radius:12px;flex-direction:column;padding:.75rem;transition:transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 8px #0000000a}.bento-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000014}.bento-large{color:#fff;background-color:#1a2341;grid-column:span 2;padding:1.25rem;position:relative;overflow:hidden}.bento-large h3{z-index:2;margin-bottom:.25rem;font-size:1.4rem;line-height:1.2;position:relative}.bento-large h3 span{color:#c67c65}.bento-large .date{color:#ffffffb3;z-index:2;background:#ffffff1a;border-radius:6px;align-items:center;gap:.25rem;width:fit-content;margin-top:auto;padding:4px 8px;font-size:.7rem;display:flex;position:relative}.bento-large-icon{opacity:.9;z-index:1;font-size:5rem;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.bento-img-container{background-color:#f0f0f0;border-radius:8px;justify-content:center;align-items:center;height:60px;margin-bottom:.5rem;font-size:2rem;display:flex;overflow:hidden}.bento-card h4{color:var(--text-primary);margin-bottom:.2rem;font-size:.75rem;font-weight:700}.bento-card p{color:var(--text-secondary);font-size:.55rem;line-height:1.2}@media (width>=768px){.app-container{max-width:1440px;margin:0 auto;box-shadow:0 0 40px #00000005}.bottom-nav{border-radius:0 0 24px 24px;justify-content:center;gap:1.5rem;max-width:1440px;padding:.5rem 2rem;top:0;bottom:auto;box-shadow:0 10px 30px #0000000d}.nav-item{flex-direction:row;flex:none;gap:.5rem;padding:.75rem 1.5rem}.nav-icon{margin-bottom:0}.nav-label{font-size:.95rem}.sliding-indicator{width:auto;padding:.5rem;display:none}.nav-item.active{background-color:#c67c6526;border-radius:16px}.home-container,.learn-view,.practice-container,.community-container,.profile-container{padding-top:6rem!important;padding-bottom:2rem!important}.search-container{top:5rem!important}.categories-grid{grid-template-columns:repeat(6,1fr)}}.premium-native-toast{border-radius:16px!important;margin-top:15px!important;padding:12px 20px!important;box-shadow:0 10px 40px #10b98166!important}.premium-native-toast.swal2-show{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards slideDownToast!important}@keyframes slideDownToast{0%{opacity:0;transform:translateY(-100%)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.swal2-timer-progress-bar{background:#fff6!important}.mobile-only-nav,.desktop-only-nav{display:none!important}@media (width<=768px){.mobile-only-nav{display:block!important}.desktop-only-nav{display:none!important}}.splash-container{background-color:#000;flex-direction:column;justify-content:center;align-items:center;height:100vh;animation:.5s ease-out fadeIn;display:flex;position:relative}.splash-logo-container{flex:1;justify-content:center;align-items:center;animation:3s ease-in-out infinite alternate pulseLogo;display:flex}@keyframes pulseLogo{0%{transform:scale(1)}to{transform:scale(1.05)}}.splash-footer{color:#fff;letter-spacing:1px;font-size:.8rem;position:absolute;bottom:2.5rem}.splash-footer span{color:#ffa726;text-transform:uppercase;font-weight:800}.login-container{background-color:var(--bg-primary);flex-direction:column;height:100vh;padding:2rem 1.5rem;animation:.4s ease-out fadeIn;display:flex;position:relative;overflow-y:auto}.login-header{margin-top:3rem;margin-bottom:2rem}.login-header h2{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem;font-weight:800}.login-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.4}.login-card{background:var(--white);box-shadow:var(--shadow-md);border:1px solid var(--glass-border);border-radius:20px;margin-bottom:4rem;padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.form-group input,.form-group select{width:100%;color:var(--text-primary);background:#00000008;border:1px solid #0000000d;border-radius:12px;outline:none;padding:1rem;font-size:1rem;transition:border-color .2s,background .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent-orange);background:#fff;box-shadow:0 0 0 2px #c67c651a}.custom-select{appearance:none;cursor:pointer}.forgot-link{text-align:right;color:var(--accent-orange);cursor:pointer;margin-top:-.5rem;margin-bottom:1.5rem;font-size:.8rem;font-weight:700}.switch-mode{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.85rem}.switch-mode span{color:var(--accent-orange);cursor:pointer;font-weight:700}.primary-btn{background:var(--accent-orange);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:1rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #c67c654d}.primary-btn:active{transform:scale(.98);box-shadow:0 2px 8px #c67c6533}.otp-group{justify-content:space-between;gap:1rem;margin-bottom:1.5rem;display:flex}.otp-group input{aspect-ratio:1;text-align:center;background:#00000005;border:1px solid #0000001a;border-radius:12px;outline:none;width:100%;font-size:1.5rem;font-weight:800;transition:border-color .2s}.otp-group input:focus{border-color:var(--accent-orange);background:#fff;box-shadow:0 0 0 2px #c67c651a}.login-footer{text-align:center;width:100%;color:var(--text-secondary);font-size:.75rem;font-weight:600;position:absolute;bottom:1.5rem;left:0}.learn-view{padding:1.5rem 1.5rem 6rem;animation:.3s ease-out fadeIn}.page-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.breadcrumbs{color:var(--text-secondary);white-space:nowrap;margin-bottom:1.5rem;padding-bottom:5px;font-size:.85rem;font-weight:500;overflow-x:auto}.breadcrumbs span{cursor:pointer;transition:color .2s}.breadcrumbs span:hover{color:var(--accent-orange)}.mt-4{margin-top:1rem}.mb-3{margin-bottom:1rem}.list-group{flex-direction:column;gap:.75rem;animation:.3s ease-out slideIn;display:flex}.list-item{cursor:pointer;color:#1a2341;background-color:#fff;border:none;border-radius:16px;justify-content:space-between;align-items:center;padding:1.5rem 1.25rem;font-size:1.05rem;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #00000008}.list-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.subject-icon-small{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.arrow{color:var(--text-secondary);font-size:1.2rem}.materials-grid{grid-template-columns:repeat(2,1fr);gap:1rem;animation:.3s ease-out slideIn;display:grid}.material-card{text-align:center;box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid #fff6;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:1rem .5rem;transition:transform .2s,box-shadow .2s;display:flex}.material-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.material-icon{margin-bottom:.25rem;font-size:2rem}.material-type{color:var(--text-primary);font-size:.95rem;font-weight:700}.material-name{color:var(--text-secondary);font-size:.75rem;line-height:1.2}.universal-search-container{z-index:20;margin-bottom:1.5rem;position:relative}.universal-search-input{background:var(--white);width:100%;box-shadow:var(--shadow-sm);border:1px solid #0000001a;border-radius:24px;outline:none;padding:1rem 3rem 1rem 1.5rem;font-size:1rem;transition:box-shadow .2s,border-color .2s}.universal-search-input:focus{box-shadow:var(--shadow-md);border-color:var(--accent-orange)}.universal-search-icon{color:var(--text-secondary);font-size:1.2rem;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.search-dropdown{background:var(--white);border:1px solid #0000000d;border-radius:16px;width:100%;animation:.2s ease-out fadeIn;position:absolute;top:calc(100% + .5rem);left:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.search-result-item{cursor:pointer;border-bottom:1px solid #00000008;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#00000005}.search-result-label{color:var(--text-primary);align-items:center;gap:.75rem;font-size:.9rem;font-weight:600;display:flex}.search-result-count{color:#1a2341;background:#d7d2ff80;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:700}.ai-fab{color:#fff;cursor:pointer;z-index:50;background:#1a2341;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;transition:transform .2s;display:flex;position:fixed;bottom:5.5rem;right:1.5rem;box-shadow:0 4px 15px #1a234166}.ai-fab:hover{transform:scale(1.05)}.ai-modal{background:var(--white);z-index:50;border:1px solid #0000000d;border-radius:20px;flex-direction:column;width:calc(100% - 3rem);max-width:350px;animation:.3s ease-out fadeIn;display:flex;position:fixed;bottom:10rem;right:1.5rem;overflow:hidden;box-shadow:0 10px 40px #00000026}.ai-modal-header{color:#fff;background:linear-gradient(135deg,#1a2341,#2d3b66);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-weight:700;display:flex}.ai-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.ai-chat-body{flex-direction:column;gap:1rem;max-height:300px;padding:1rem;display:flex;overflow-y:auto}.ai-msg-user{color:var(--text-primary);background:#0000000d;border-radius:16px 16px 4px;align-self:flex-end;max-width:85%;padding:.75rem 1rem;font-size:.85rem}.ai-msg-bot{color:var(--text-primary);background:#ebb6a84d;border:1px solid #c67c6533;border-radius:16px 16px 16px 4px;align-self:flex-start;max-width:90%;padding:.75rem 1rem;font-size:.85rem}.ai-chat-input-area{border-top:1px solid #0000000d;gap:.5rem;padding:1rem;display:flex}.ai-input{border:1px solid #0000001a;border-radius:20px;outline:none;flex:1;padding:.5rem 1rem;font-size:.85rem}.ai-send{color:#fff;cursor:pointer;background:#c67c65;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.video-player-container{flex-direction:column;animation:.4s ease-out fadeIn;display:flex}.video-player-frame{aspect-ratio:16/9;background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.video-overlay{background:linear-gradient(135deg,#1a234166,#0009);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.play-button-large{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding-left:5px;font-size:1.5rem;transition:transform .2s,background .2s;display:flex}.play-button-large:active{background:#ffffff4d;transform:scale(.9)}.video-controls{background:linear-gradient(#0000,#000c);width:100%;padding:1rem;position:absolute;bottom:0;left:0}.progress-bar{cursor:pointer;background:#ffffff4d;border-radius:2px;width:100%;height:4px;margin-bottom:.75rem;position:relative}.progress-fill{background:var(--accent-orange);border-radius:2px;width:26%;height:100%}.progress-handle{background:var(--accent-orange);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:26%;transform:translate(-50%,-50%);box-shadow:0 0 5px #00000080}.control-row{color:#fff;justify-content:space-between;align-items:center;font-size:1rem;display:flex}.control-left,.control-right{align-items:center;gap:1rem;display:flex}.control-left .time{opacity:.9;font-family:monospace;font-size:.75rem}.video-info{padding:0 .5rem}.video-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem;font-weight:800}.video-meta{color:var(--text-secondary);font-size:.8rem}.playlist-list{flex-direction:column;gap:.75rem;display:flex}.playlist-item{background:var(--white);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:transform .2s,background .2s;display:flex}.playlist-item.active{background:#c67c6514;border-color:#c67c6533}.playlist-item:active{transform:scale(.98)}.playlist-thumb{width:48px;height:28px;color:var(--text-secondary);background:#0000000d;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.playlist-thumb.playing{background:var(--accent-orange);color:#fff}.playlist-details h4{color:var(--text-primary);margin-bottom:.2rem;font-size:.95rem;font-weight:700}.playlist-details p{color:var(--text-secondary);font-size:.75rem}@media (width>=768px){.materials-grid{grid-template-columns:repeat(4,1fr)}}.practice-container{padding:1.5rem 1.5rem 6rem;animation:.3s ease-out fadeIn}.practice-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.8rem;font-weight:800}.practice-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.practice-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.practice-section-title{text-align:center;background:#00000008;border-radius:8px;grid-column:1/-1;margin-top:1rem;padding:.5rem;font-size:.9rem;font-weight:700}.practice-tile{background-color:var(--white);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem .5rem;transition:transform .2s,box-shadow .2s;display:flex}.practice-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.practice-tile-icon{margin-bottom:.25rem;font-size:1.8rem}.practice-tile-name{color:var(--text-primary);font-size:.7rem;font-weight:600;line-height:1.2}.mock-dash-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.mock-dash-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1rem;font-weight:600}.stats-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.stat-box{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.stat-title{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.chart-placeholder{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.chart-title{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:700}.fake-bar-chart{justify-content:space-between;align-items:flex-end;gap:.5rem;height:120px;display:flex}.fake-bar{background-color:var(--accent-light);border-radius:4px 4px 0 0;width:100%;position:relative}.fake-bar.dark{background-color:var(--text-primary)}.quiz-header{background:var(--white);box-shadow:var(--shadow-sm);z-index:10;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.quiz-timer{color:var(--text-primary);background:var(--bg-primary);border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex}.difficulty-tag{color:var(--text-secondary);background:#0000000d;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.quiz-body{padding:1.5rem 1.5rem 8rem}.question-box{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.question-text{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;line-height:1.5}.option{cursor:pointer;border:1px solid #0000001a;border-radius:12px;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s;display:flex}.option:hover{background:#00000005}.option.selected{border-color:var(--accent-orange);background:#c67c651a}.option-circle{border:2px solid #0003;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.option.selected .option-circle{border-color:var(--accent-orange);background:var(--accent-orange)}.option.selected .option-circle:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px}.quiz-bottom-bar{background:var(--white);z-index:100;border-top-left-radius:24px;border-top-right-radius:24px;justify-content:space-between;width:100%;max-width:480px;padding:1rem 1.5rem;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 10px #0000000d}.quiz-action{color:var(--text-secondary);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;display:flex}.quiz-action-icon{font-size:1.25rem}@media (width>=768px){.subject-grid{grid-template-columns:repeat(4,1fr)}.test-bottom-bar{max-width:1440px}}.community-container{background-color:var(--bg-primary);min-height:100vh;padding:1.5rem 1.5rem 6rem;animation:.3s ease-out fadeIn}.community-tabs{scrollbar-width:none;gap:.5rem;padding-bottom:1rem;display:flex;overflow-x:auto}.community-tabs::-webkit-scrollbar{display:none}.community-tab{background:var(--white);color:var(--text-primary);white-space:nowrap;cursor:pointer;border:1px solid #0000001a;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.community-tab.active{color:#fff;background:#1a2341;border-color:#1a2341}.community-post{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);border-radius:16px;margin-bottom:1rem;padding:1.25rem}.post-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.post-author-info{align-items:center;gap:.75rem;display:flex}.post-avatar{background-color:var(--accent-light);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex;overflow:hidden}.post-author-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.post-time{color:var(--text-secondary);font-size:.75rem}.post-content{color:var(--text-primary);margin-bottom:1rem;font-size:.95rem;line-height:1.5}.post-actions{justify-content:space-between;align-items:center;display:flex}.post-votes{gap:.5rem;display:flex}.vote-btn{cursor:pointer;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600;display:flex}.vote-up{color:#c67c65;background-color:#c67c6526}.vote-down{color:#5b637b;background-color:#d7d2ff80}.post-comments{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;display:flex}.teachers-section{background:#d7d2ff66;border-radius:16px;margin-bottom:1rem;padding:1.25rem}.teachers-header{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem;font-weight:800}.teachers-list{gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.teacher-card{flex-direction:column;align-items:center;min-width:70px;display:flex}.teacher-avatar-wrapper{margin-bottom:.5rem;position:relative}.teacher-avatar{background-color:var(--white);border:2px solid var(--white);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex;overflow:hidden}.teacher-follow-btn{color:#fff;border:2px solid var(--white);cursor:pointer;background-color:#c67c65;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;font-weight:800;display:flex;position:absolute;bottom:-4px;right:-4px}.teacher-name{color:var(--text-primary);text-align:center;font-size:.75rem;font-weight:600}.announcements-section{background:#d7d2ff66;border-radius:12px;margin-bottom:1rem;padding:1rem}.announcements-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.announcements-title{color:var(--text-primary);font-size:.9rem;font-weight:800}.announcements-time{color:var(--text-secondary);font-size:.7rem}.announcements-text{color:var(--text-primary);font-size:.85rem;line-height:1.4}.create-post-section{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);border-radius:16px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.create-post-input{background:#00000008;border:none;border-radius:20px;outline:none;flex:1;padding:.75rem 1rem;font-size:.9rem}.create-post-btn{color:#fff;cursor:pointer;background:#c67c65;border:none;border-radius:20px;padding:.6rem 1.25rem;font-weight:700}.profile-container{background-color:var(--bg-primary);min-height:100vh;padding:1.5rem 1.5rem 6rem;animation:.3s ease-out fadeIn}.id-card{color:#fff;background:linear-gradient(135deg,#1a2341,#2d3b66);border-radius:20px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px #1a234133}.id-card:after{content:"";background:#ffffff0d;border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-20%}.id-avatar{z-index:2;background:#fff3;border:3px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;display:flex}.id-details{z-index:2;flex:1}.id-name{margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.id-goal{color:#fffc;background:#0003;border-radius:12px;margin-bottom:.5rem;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-block}.id-joined{color:#fff9;font-size:.75rem}.id-meta-grid{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem;padding-top:.75rem;display:grid}.id-meta-item{flex-direction:column;display:flex}.id-meta-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.id-meta-value{color:#fff;white-space:nowrap;font-size:.72rem;font-weight:600}.analytics-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.4rem;font-weight:800}.ranks-row{scrollbar-width:none;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.ranks-row::-webkit-scrollbar{display:none}.rank-card{background:var(--white);min-width:120px;box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.rank-title{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.rank-value{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:800}.rank-bars{align-items:flex-end;gap:2px;height:15px;display:flex}.rank-bar{background:#0000001a;border-radius:2px 2px 0 0;flex:1}.rank-bar.active{background:#c67c65}.analytics-grid{grid-template-columns:1fr;gap:1rem;display:grid}.heatmap-card{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem}.heatmap-title{color:var(--text-primary);margin-bottom:.25rem;font-size:.9rem;font-weight:800}.heatmap-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:.75rem}.heatmap-grid{grid-template-columns:repeat(8,1fr);gap:2px;display:grid}.heatmap-cell{aspect-ratio:1}.circles-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.circle-stat-card{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1rem;display:flex}.svg-circle-container{width:80px;height:80px;margin-bottom:.75rem;position:relative}.svg-circle-bg{fill:none;stroke:#0000000d;stroke-width:8px}.svg-circle-progress{fill:none;stroke-width:8px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset 1s ease-out;transform:rotate(-90deg)}.circle-stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-stat-title{color:var(--text-secondary);font-size:.8rem;font-weight:600}.logout-btn-full{color:#dc2626;cursor:pointer;background:#ff00000d;border:1px solid #ff00001a;border-radius:12px;width:100%;margin-top:2rem;padding:1rem;font-size:1rem;font-weight:700}@media (width>=768px){.ranks-row{flex-wrap:wrap;justify-content:center}.analytics-grid{grid-template-columns:1fr 1fr}}.teacher-dashboard{z-index:1000;background-color:#f8f4f1;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden}.td-sidebar{z-index:10;background-color:#fff;flex-direction:column;width:250px;display:flex;box-shadow:2px 0 10px #0000000d}.td-sidebar-header{color:#fff;background-color:#1a2341;align-items:center;height:70px;padding:1.5rem;font-size:1.15rem;font-weight:700;display:flex}.td-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem 0;display:flex}.td-nav-item{color:#1a2341;cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.td-nav-item:hover{background-color:#c67c650d}.td-nav-item.active{color:#fff;background-color:#c67c65}.td-main{flex-direction:column;flex:1;display:flex;overflow-y:auto}.td-header{color:#fff;background-color:#c67c65;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.td-header-left{cursor:pointer;align-items:center;gap:1rem;font-size:1.5rem;display:flex}.td-header-right{align-items:center;gap:1.5rem;font-size:1.25rem;display:flex}.td-profile-circle{color:#c67c65;cursor:pointer;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex}.td-content{padding:2.5rem}.td-title{color:#c67c65;letter-spacing:.5px;text-transform:uppercase;margin-bottom:2rem;font-size:1.15rem;font-weight:700}.td-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.td-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;height:180px;padding:2rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #00000008}.td-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000014}.td-card-icon{justify-content:center;align-items:center;display:flex}.td-card-title{color:#1a2341;font-size:1rem;font-weight:700}.td-card.orange{background-color:#faf3f0;border-color:#c67c6526}.td-card.orange .td-card-icon{color:#c67c65}.td-card.purple{background-color:#f4f2ff;border-color:#6c5ce71a}.td-card.purple .td-card-icon{color:#8a78e4}.td-card.dark{color:#fff;background-color:#1a2341;border:none}.td-card.dark .td-card-title,.td-card.dark .td-card-icon{color:#fff}@media (width<=768px){.td-sidebar{display:none}.td-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.td-grid{grid-template-columns:1fr}.td-header{padding:0 1.25rem}.td-content{padding:1.5rem}}