:root{--bg:#0f0f0f;--bg-card:#1a1a1a;--bg-hover:#252525;--accent:#6366f1;--accent-hover:#5558e3;--primary:#6366f1;--success:#10b981;--danger:#ef4444;--error:#ef4444;--warning:#f59e0b;--text:#ffffff;--text-primary:#ffffff;--text-secondary:#a0a0a0;--text-muted:#a0a0a0;--text-dim:#707070;--border:#2a2a2a;--bg-secondary:#1a1a1a}[data-theme=light]{--bg:#f5f5f5;--bg-card:#ffffff;--bg-hover:#e5e5e5;--accent:#6366f1;--accent-hover:#5558e3;--primary:#6366f1;--success:#10b981;--danger:#ef4444;--error:#ef4444;--warning:#f59e0b;--text:#1a1a1a;--text-primary:#1a1a1a;--text-secondary:#666666;--text-muted:#666666;--text-dim:#999999;--border:#e0e0e0;--bg-secondary:#f0f0f0}[data-theme=light] .topic-item.active .topic-name,[data-theme=light] .topic-item:hover,[data-theme=light] .topic-item:hover .topic-name{color:#1a1a1a}[data-theme=light] .topic-item.active .topic-number{background:#4338ca}[data-theme=light] .topic-item.active{border-left-color:#4338ca;background:rgba(67,56,202,.08)}[data-theme=light] .highlight-box strong{color:#4338ca}[data-theme=light] .stat-card-label,[data-theme=light] .stats-topic-attempts{color:#555}[data-theme=light] .category-label{color:#333}[data-theme=light] .card,[data-theme=light] .quiz-option,[data-theme=light] .stat-card{color:#1a1a1a}[data-theme=light] .modal-title,[data-theme=light] .section-title,[data-theme=light] .start-hero h1,[data-theme=light] .topic-header h1,[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3{color:#1a1a1a!important}[data-theme=light] .category-title,[data-theme=light] .sidebar-header,[data-theme=light] .topic-name{color:#1a1a1a}[data-theme=light] .description,[data-theme=light] .start-subtitle,[data-theme=light] p{color:#374151}[data-theme=light] .logo{color:#1a1a1a;-webkit-text-fill-color:#1a1a1a}[data-theme=light] .logo span{color:#7c3aed;-webkit-text-fill-color:#7C3AED}[data-theme=dark] .modal-title,[data-theme=dark] .onboarding-content h2,[data-theme=dark] .premium-box h2,[data-theme=dark] .section-title,[data-theme=dark] .start-hero h1,[data-theme=dark] .topic-header h1,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:0 0!important}[data-theme=dark] .description,[data-theme=dark] .start-subtitle,[data-theme=dark] p{color:rgba(255,255,255,.8)!important}#app-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0f0f0f 0,#1a1a2e 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;transition:opacity .3s ease-out}#app-loader.hidden{opacity:0;pointer-events:none}#app-loader .loader-logo{width:80px;height:80px;margin-bottom:24px;animation:1.5s ease-in-out infinite loader-pulse}#app-loader .loader-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}#app-loader .loader-subtext{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:rgba(255,255,255,.6)}#app-loader .loader-spinner{width:32px;height:32px;margin-top:24px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:.8s linear infinite loader-spin}@keyframes loader-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes loader-spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f5f5f5;--bg-card:#ffffff;--bg-hover:#e5e5e5;--text:#1a1a1a;--text-muted:#666666;--text-dim:#999999;--border:#e0e0e0}#app-loader{background:linear-gradient(135deg,#f5f5f5 0,#e8e8f0 100%)}#app-loader .loader-text{color:#1a1a1a}#app-loader .loader-subtext{color:rgba(0,0,0,.5)}#app-loader .loader-spinner{border-color:rgba(0,0,0,.1);border-top-color:#6366f1}}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.icon{width:1em;height:1em;vertical-align:middle;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.btn .icon,button .icon{margin-right:.4em}.icon-only .icon{margin-right:0}.btn,.card,.confetti-particle,.global-toast,.header-premium-btn,.lernplan-week,.modal,.sidebar,.topic-card{will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.clickable,a,button{transition:transform .2s ease-out,opacity .2s ease-out,box-shadow .2s ease-out}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.header{background:var(--bg-card);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:100;height:60px}.header-content{max-width:100%;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:.75rem;order:-1}.logo{font-size:1.35rem;font-weight:700;color:#fff;-webkit-text-fill-color:#fff;text-decoration:none;display:flex;align-items:center;gap:4px;order:1}.logo:hover{opacity:.85}.logo span{color:#8b5cf6;-webkit-text-fill-color:#8B5CF6}.menu-toggle{order:2}.progress-overview{display:flex;gap:1.5rem}.header-right{display:flex;align-items:center;gap:1.25rem}.progress-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted)}.progress-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.progress-icon.video{background:rgba(99,102,241,.2)}.progress-icon.cards{background:rgba(16,185,129,.2)}.progress-icon.quiz{background:rgba(245,158,11,.2)}.theme-toggle{background:var(--bg);border:1px solid var(--border);border-radius:20px;width:52px;height:28px;cursor:pointer;position:relative;transition:.3s;padding:0;flex-shrink:0;overflow:hidden}.theme-toggle::before{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;transition:.3s;display:flex;align-items:center;justify-content:center;font-size:.65rem}.theme-toggle.light::before,[data-theme=light] .theme-toggle::before{left:27px;content:'';background:linear-gradient(135deg,#f59e0b,#f97316)}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle-icons{position:absolute;width:100%;height:100%;pointer-events:none}.theme-toggle-icons i,.theme-toggle-icons svg{position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s;stroke:white}.theme-toggle-icons .moon-icon,.theme-toggle-icons i:first-child,.theme-toggle-icons svg:first-child{left:6px;opacity:1}.theme-toggle-icons .sun-icon,.theme-toggle-icons i:last-child,.theme-toggle-icons svg:last-child{right:6px;opacity:0}.theme-toggle.light .theme-toggle-icons .moon-icon,.theme-toggle.light .theme-toggle-icons i:first-child,.theme-toggle.light .theme-toggle-icons svg:first-child,[data-theme=light] .theme-toggle-icons .moon-icon,[data-theme=light] .theme-toggle-icons i:first-child,[data-theme=light] .theme-toggle-icons svg:first-child{opacity:0}.theme-toggle.light .theme-toggle-icons .sun-icon,.theme-toggle.light .theme-toggle-icons i:last-child,.theme-toggle.light .theme-toggle-icons svg:last-child,[data-theme=light] .theme-toggle-icons .sun-icon,[data-theme=light] .theme-toggle-icons i:last-child,[data-theme=light] .theme-toggle-icons svg:last-child{opacity:1}.main-container{display:flex;padding-top:60px;min-height:100vh}.sidebar{width:280px;background:var(--bg-card);border-right:1px solid var(--border);position:fixed;top:60px;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;padding:0 0 1rem;transition:width .3s,transform .3s;z-index:100;scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--primary)}.sidebar-header{display:flex;align-items:center;gap:.5rem;padding:1rem .75rem .5rem;margin-bottom:.5rem;position:sticky;top:0;background:var(--bg-card);z-index:10;border-bottom:1px solid var(--border)}.sidebar-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex:1}.sidebar-toggle{width:28px;height:28px;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-muted);transition:.2s;flex-shrink:0}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent);box-shadow:0 2px 8px rgba(99,102,241,.2)}.sidebar.collapsed .sidebar-toggle{display:none}.sidebar.collapsed{width:0;padding:0;overflow:hidden}.sidebar.collapsed~.content-area{margin-left:0}.sidebar-expand{position:fixed;top:70px;left:10px;width:36px;height:36px;background:var(--accent);border:none;border-radius:8px;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1rem;color:#fff;z-index:1000;transition:.2s;box-shadow:0 2px 10px rgba(0,0,0,.3);pointer-events:auto}.sidebar-expand:hover{transform:scale(1.05);background:var(--accent-hover)}.sidebar.collapsed~.sidebar-expand{display:flex}.content-area{transition:margin-left .3s}.sidebar h3{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:1rem 1.25rem .5rem;font-weight:600}.topic-list{list-style:none}.category-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg);cursor:pointer;font-weight:600;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);user-select:none;transition:.2s}.category-header:hover{background:var(--bg-hover);color:var(--text)}.category-header .category-icon{transition:transform .2s}.category-header.collapsed .category-icon{transform:rotate(-90deg)}.category-content{max-height:1000px;overflow:hidden;transition:max-height .3s}.category-content.collapsed{max-height:0}.category-count{background:var(--bg-card);padding:.15rem .5rem;border-radius:10px;font-size:.7rem;margin-left:auto;margin-right:.5rem}.topic-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;cursor:pointer;transition:.2s;border-left:4px solid transparent}.topic-item:hover,.topic-item:hover .topic-name{color:var(--accent)}.topic-item.active{border-left-color:var(--accent);background:rgba(99,102,241,.08)}.topic-item.active .topic-name{color:var(--accent);font-weight:600}.topic-item.locked{opacity:.4;cursor:not-allowed}.topic-number{width:28px;height:28px;border-radius:6px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.topic-item.active .topic-number{background:var(--accent);color:#fff}.topic-name{font-size:.9rem;flex:1}.topic-badge{font-size:.65rem;padding:.15rem .5rem;border-radius:10px;background:var(--accent);color:#fff;font-weight:600}.topic-badge.complete{background:var(--success)}.topic-badge.soon{background:var(--text-muted)}.topic-badge-bw{display:inline-block;font-size:.6rem;padding:.1rem .35rem;margin-left:.4rem;border-radius:4px;background:#f59e0b;color:#fff;font-weight:700;vertical-align:middle;letter-spacing:.02em}.topic-info{flex:1;min-width:0}.topic-progress-bar{height:3px;background:var(--border);border-radius:2px;margin-top:4px;overflow:hidden}.topic-progress-fill{height:100%;border-radius:2px;transition:width .3s}.topic-progress-fill.good{background:var(--success)}.topic-progress-fill.medium{background:var(--warning)}.topic-progress-fill.low{background:var(--danger)}.topic-progress-text{font-size:.65rem;color:var(--text-muted);font-weight:600;white-space:nowrap}.topic-status-icons{display:flex;gap:.2rem;margin-right:.25rem}.status-icon{font-size:.6rem;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:3px;background:var(--bg-tertiary);color:var(--text-muted);opacity:.5}.status-icon.done{background:rgba(16,185,129,.2);color:#10b981;opacity:1}.sort-toggle-btn{background:0 0;border:1px solid var(--border);border-radius:6px;padding:.25rem .5rem;cursor:pointer;font-size:.9rem;color:var(--text-muted);transition:.2s}.sort-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.sort-toggle-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.sort-dropdown-container{position:relative;display:inline-block}.sort-dropdown-btn{background:0 0;border:1px solid var(--border);border-radius:6px;padding:.25rem .5rem;cursor:pointer;font-size:.75rem;color:var(--text-muted);transition:.2s;display:flex;align-items:center;gap:4px}.sort-dropdown-btn:hover{border-color:var(--primary);color:var(--primary)}.sort-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:100;min-width:150px;display:none}.sort-dropdown-menu.show{display:block}.sort-dropdown-item{padding:.5rem .75rem;cursor:pointer;font-size:.8rem;color:var(--text);transition:background .2s;display:flex;align-items:center;gap:8px}.sort-dropdown-item:first-child{border-radius:7px 7px 0 0}.sort-dropdown-item:last-child{border-radius:0 0 7px 7px}.sort-dropdown-item:hover{background:var(--bg-hover)}.sort-dropdown-item.active{background:rgba(99,102,241,.1);color:var(--primary)}.sort-dropdown-item .check{width:16px;color:var(--primary)}.topic-item.sortable{cursor:grab}.topic-item.sortable:active{cursor:grabbing}.topic-item.dragging{opacity:.5;background:var(--bg-hover)}.topic-item.drag-over{border-top:2px solid var(--primary)}.topic-item .drag-handle{display:none;color:var(--text-muted);font-size:.9rem;margin-right:.5rem}.sort-mode .topic-item .drag-handle{display:block}.sort-mode .topic-item{cursor:grab}.content-area{flex:1;margin-left:280px;padding:2rem 3rem}.topic-header{margin-bottom:1.5rem}.topic-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.topic-header p{color:var(--text-muted)}.bw-relevanz-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;background:linear-gradient(135deg,#fef3c7 0,#fde68a 100%);color:#92400e;font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;margin-left:.75rem;transition:.2s;border:1px solid #fcd34d;vertical-align:middle}.bw-relevanz-badge:hover{background:linear-gradient(135deg,#fde68a 0,#fcd34d 100%);transform:translateY(-1px);box-shadow:0 2px 8px rgba(251,191,36,.3)}[data-theme=dark] .bw-relevanz-badge{background:linear-gradient(135deg,#78350f 0,#92400e 100%);color:#fef3c7;border-color:#b45309}[data-theme=dark] .bw-relevanz-badge:hover{background:linear-gradient(135deg,#92400e 0,#b45309 100%)}.ihk2025-hint{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.8rem;margin-top:.5rem;cursor:pointer;transition:color .2s}.ihk2025-hint:hover{color:var(--text)}.ihk2025-hint .icon{opacity:.7}.topic-ihk2025-badge{font-size:.6rem;padding:.1rem .35rem;background:0 0;color:var(--text-muted);border-radius:3px;margin-left:.4rem;border:1px solid var(--border);opacity:.7}.topic-ihk2025-badge:hover{opacity:1}.topic-regional-badge{font-size:.55rem;padding:.1rem .35rem;background:rgba(251,146,60,.15);color:#f97316;border-radius:3px;margin-left:.4rem;border:1px solid rgba(251,146,60,.3);cursor:help}.topic-regional-badge:hover{background:rgba(251,146,60,.25)}.regional-hint{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:#f97316;margin-top:.5rem;cursor:pointer;transition:color .2s}.regional-hint:hover{color:#ea580c}.tab-nav{display:flex;justify-content:flex-start;gap:0;margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:0;flex-wrap:wrap;margin-left:0;padding-left:0}.accordion-nav{display:none}.tab-btn{padding:.75rem 1.25rem;border:none;background:0 0;color:var(--text-muted);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;border-radius:0;transition:.2s;position:relative;margin-bottom:-1px;border-bottom:2px solid transparent}.tab-btn:hover{color:var(--text);background:0 0}.tab-btn.active{color:var(--accent);background:0 0;border-bottom:2px solid var(--accent)}.tab-btn .badge{font-size:.7rem;background:var(--bg-hover);padding:.15rem .5rem;border-radius:10px;margin-left:.5rem}.tab-btn.active .badge{background:var(--accent);color:#fff}.tab-content{display:none;animation:.3s fadeIn;text-align:left}.tab-content.active{display:block}.video-container{background:var(--bg-card);border-radius:12px;overflow:hidden;border:1px solid var(--border);max-width:1200px}.video-wrapper{position:relative;padding-bottom:56.25%;background:#000}.video-wrapper iframe,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-card) 0,var(--bg) 100%);color:var(--text-muted)}.video-placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.video-info{padding:1.25rem}.video-info h3{font-size:1.1rem;margin-bottom:.5rem}.video-info p{color:var(--text-muted);font-size:.9rem}.video-watched-badge{display:inline-flex;align-items:center;gap:.3rem;background:var(--success);color:#fff;padding:.2rem .6rem;border-radius:1rem;font-size:.75rem;font-weight:500;margin-left:.5rem;vertical-align:middle}.video-watched-badge .icon{width:12px;height:12px}.video-mark-btn{margin-top:1rem;display:inline-flex;align-items:center;gap:.4rem}.video-mark-btn .icon{width:16px;height:16px}.summary-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.summary-section h2{font-size:1.1rem;margin-bottom:1rem;color:var(--accent);display:flex;align-items:center;gap:.5rem}.summary-section p{color:var(--text-muted);margin-bottom:1rem;line-height:1.7}.summary-section ol,.summary-section ul{color:var(--text-muted);padding-left:1.5rem;margin-bottom:1rem}.summary-section li{margin-bottom:.5rem}.highlight-box{background:rgba(99,102,241,.1);border-left:3px solid var(--accent);padding:1rem 1.25rem;border-radius:0 8px 8px 0;margin:1rem 0}.highlight-box strong{color:var(--accent)}.formula-box,.schema-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;font-family:Consolas,Monaco,monospace;font-size:.9rem;margin:1rem 0;overflow-x:auto;white-space:pre-line}.schema-row{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid var(--border)}.schema-row:last-child{border-bottom:none}.schema-row span{flex:1;text-align:center}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.comparison-card{background:var(--bg);padding:1rem;border-radius:8px;border:1px solid var(--border)}.comparison-card h4{color:var(--accent);margin-bottom:.75rem;font-size:.95rem}.comparison-card ul{font-size:.85rem;padding-left:1.25rem}.flashcards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem}.flashcard{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;min-height:180px;cursor:pointer;perspective:1000px;transition:transform .2s}.flashcard:hover{transform:scale(1.02)}.flashcard-inner{position:relative;width:100%;height:100%;min-height:180px;transition:transform .45s cubic-bezier(.4, 0, .2, 1);transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{position:absolute;width:100%;height:100%;min-height:180px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:1.5rem;text-align:left;border-radius:12px}.flashcard-front{background:var(--bg-card);z-index:2}.flashcard-back{background:var(--bg-card);transform:rotateY(180deg);z-index:1}.flashcard-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.75rem}.flashcard-text{font-size:1rem;line-height:1.5}.flashcard-hint{font-size:.7rem;color:var(--text-muted);margin-top:1rem}.flashcard.active,.flashcard:focus{outline:3px solid var(--accent);outline-offset:2px}.flashcard.create-card{border:2px dashed var(--border);background:0 0;cursor:pointer}.flashcard.create-card:hover{border-color:var(--primary);background:rgba(99,102,241,.05)}.flashcard.user-card{border:1px solid rgba(99,102,241,.3)}.flashcard.user-card::before{content:'';position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 24px 24px 0;border-color:transparent var(--primary) transparent transparent}.flashcard-stack{display:flex;flex-direction:column;align-items:center;padding:1rem;width:100%;max-width:700px;margin:0 auto}.flashcard-stack-progress{width:100%;display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.flashcard-stack-progress-bar{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.flashcard-stack-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:4px;transition:width .3s}.flashcard-stack-progress-text{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.flashcard-stack-container{position:relative;width:100%;height:320px;perspective:1000px;margin-bottom:1.5rem}.flashcard-stack-card{position:absolute;width:100%;height:100%;cursor:pointer;transition:transform .5s,opacity .3s;transform-style:preserve-3d}.flashcard-stack-card.flipped .flashcard-stack-inner{transform:rotateY(180deg)}.flashcard-stack-card.swipe-left{animation:.4s forwards swipeLeft}.flashcard-stack-card.swipe-right{animation:.4s forwards swipeRight}@keyframes swipeLeft{to{transform:translateX(-150%) rotate(-20deg);opacity:0}}@keyframes swipeRight{to{transform:translateX(150%) rotate(20deg);opacity:0}}.flashcard-stack-inner{position:relative;width:100%;height:100%;transition:transform .5s cubic-bezier(.4, 0, .2, 1);transform-style:preserve-3d}.flashcard-stack-back,.flashcard-stack-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1.5rem;text-align:left;border-radius:16px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 10px 40px rgba(0,0,0,.15);overflow-y:auto;overflow-x:hidden}.flashcard-stack-back{transform:rotateY(180deg);background:linear-gradient(135deg,var(--bg-card),rgba(99,102,241,.05))}.flashcard-stack-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:1rem}.card-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600;margin-left:.5rem;vertical-align:middle;text-transform:uppercase}.card-badge-private{background:rgba(100,116,139,.2);color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.card-badge-pending{background:rgba(234,179,8,.15);color:#eab308;border:1px solid rgba(234,179,8,.3)}.card-badge-rejected{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.card-badge-community{background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.3)}.card-status-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.card-status-modal{background:var(--bg-card);border-radius:16px;padding:2rem;max-width:400px;width:100%;text-align:center;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.3)}.card-status-modal-close{position:absolute;top:1rem;right:1rem;background:0 0;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer}.card-status-icon{font-size:3rem;margin-bottom:.5rem}.card-status-title{font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.card-status-message{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.card-status-details{background:var(--bg-tertiary);border-radius:8px;padding:1rem}.card-status-detail{display:flex;justify-content:space-between;font-size:.85rem;padding:.25rem 0}.card-status-label{color:var(--text-muted)}.card-status-value{color:var(--text);font-weight:500}.flashcard-stack-text{font-size:1.1rem;line-height:1.6;flex:1;display:flex;align-items:center;word-break:break-word;overflow-wrap:break-word;max-width:100%}.flashcard-stack-hint{font-size:.75rem;color:var(--text-muted);margin-top:1rem}.flashcard-stack-buttons{display:flex;gap:1rem;width:100%;margin-bottom:1rem}.flashcard-stack-btn{flex:1;padding:1rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.2s}.flashcard-stack-btn.btn-unknown{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.flashcard-stack-btn.btn-unknown:hover{background:#ef4444;color:#fff}.flashcard-stack-btn.btn-known{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.flashcard-stack-btn.btn-known:hover{background:#22c55e;color:#fff}.flashcard-stack-stats{display:flex;gap:2rem;font-size:.85rem;color:var(--text-muted)}.flashcard-stack-stats span{display:flex;align-items:center;gap:.5rem}.flashcard-stack-complete{text-align:center;padding:2rem}.flashcard-stack-complete-icon{font-size:4rem;margin-bottom:1rem}.flashcard-stack-complete h3{font-size:1.5rem;margin-bottom:.5rem}.flashcard-stack-complete p{color:var(--text-muted);margin-bottom:1.5rem}.flashcard-stack-complete-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.flashcard-stack-complete-stat{text-align:center}.flashcard-stack-complete-stat .number{font-size:2rem;font-weight:700}.flashcard-stack-complete-stat .label{font-size:.8rem;color:var(--text-muted)}.flashcard-stack-complete-stat.known .number{color:#22c55e}.flashcard-stack-complete-stat.unknown .number{color:#ef4444}.flashcard-stack-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.flashcard-stack-shortcut-hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:.5rem}@media (max-width:600px){.flashcard-stack{padding:.75rem}.flashcard-stack-container{height:300px}.flashcard-stack-back,.flashcard-stack-front{padding:1.25rem}.flashcard-stack-text{font-size:.95rem}.flashcard-stack-btn{padding:.75rem;font-size:.875rem}.flashcard-stack-shortcut-hint{display:none}}.daily-quiz-counter{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.15));border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:.5rem 1rem;text-align:center;font-size:.85rem;color:var(--accent);margin-bottom:1rem}.quiz-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.quiz-progress-bar{flex:1;height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#a855f7);border-radius:3px;transition:width .3s}.quiz-progress-text{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.quiz-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.quiz-question{font-size:1.1rem;font-weight:500;margin-bottom:1.25rem;line-height:1.5}.quiz-options{display:flex;flex-direction:column;gap:.6rem}.quiz-option{padding:.9rem 1rem;background:var(--bg);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:.75rem;color:var(--text)}.quiz-option:hover:not(.disabled){border-color:var(--accent);background:rgba(99,102,241,.05)}.quiz-option.selected{border-color:var(--accent);background:rgba(99,102,241,.1)}.quiz-option.correct{border-color:var(--success);background:rgba(16,185,129,.1)}.quiz-option.incorrect{border-color:var(--danger);background:rgba(239,68,68,.1)}.quiz-option.disabled{cursor:default}.option-marker{width:26px;height:26px;border-radius:6px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.quiz-option.correct .option-marker{background:var(--success);color:#fff}.quiz-option.incorrect .option-marker{background:var(--danger);color:#fff}.quiz-option.multiple .option-marker{border-radius:4px}.quiz-option.multiple.selected .option-marker{background:var(--accent);color:#fff}.quiz-option.multiple.selected .option-marker::after{content:'✓'}.quiz-option.missed{border-color:var(--warning);background:rgba(245,158,11,.1)}.quiz-option.missed .option-marker{background:var(--warning);color:#fff}.multiple-hint{font-size:.85rem;color:var(--text-muted);font-style:italic;margin-bottom:.75rem;padding:.5rem .75rem;background:rgba(99,102,241,.05);border-radius:6px;border-left:3px solid var(--accent)}.difficulty-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .6rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:auto;white-space:nowrap}.difficulty-badge.leicht{background-color:rgba(34,197,94,.15);color:#16a34a}.difficulty-badge.mittel{background-color:rgba(245,158,11,.15);color:#d97706}.difficulty-badge.schwer{background-color:rgba(239,68,68,.15);color:#dc2626}.quiz-explanation{text-align:left;background:var(--bg);border-radius:8px;padding:1rem;margin-top:1rem;font-size:.9rem;line-height:1.5;color:var(--text)}.quiz-topic-badge{display:inline-block;padding:.35rem .75rem;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15));border:1px solid rgba(99,102,241,.3);border-radius:20px;font-size:.8rem;font-weight:500;color:var(--primary);margin-bottom:1rem}.topic-stats-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.topic-stats-grid{display:flex;flex-direction:column;gap:.75rem}.topic-stat-item{display:grid;grid-template-columns:1fr auto 100px;align-items:center;gap:1rem;padding:.75rem;background:var(--card-bg);border-radius:8px;border-left:3px solid var(--border)}.topic-stat-item.good{border-left-color:var(--success)}.topic-stat-item.medium{border-left-color:var(--warning)}.topic-stat-item.weak{border-left-color:var(--danger)}.topic-stat-name{font-weight:500;font-size:.9rem}.topic-stat-score{font-size:.85rem;color:var(--text-muted);font-weight:600}.topic-stat-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.topic-stat-fill{height:100%;border-radius:3px;transition:width .3s}.topic-stat-item.good .topic-stat-fill{background:var(--success)}.topic-stat-item.medium .topic-stat-fill{background:var(--warning)}.topic-stat-item.weak .topic-stat-fill{background:var(--danger)}.wrong-answer-topic{font-size:.75rem;color:var(--primary);background:rgba(99,102,241,.1);padding:.2rem .5rem;border-radius:4px;display:inline-block;margin-bottom:.5rem}@media (max-width:600px){.topic-stat-item{grid-template-columns:1fr;gap:.5rem}.topic-stat-bar{width:100%}}.zuordnung-container{display:flex;flex-direction:column;gap:.75rem}.zuordnung-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}.zuordnung-kategorie{padding:.75rem 1rem;background:var(--bg);border:2px solid var(--border);border-radius:8px;font-weight:500}.zuordnung-dropdown{width:100%;padding:.75rem 1rem;border-radius:8px;border:2px solid var(--border);background:var(--bg-card);color:var(--text);font-size:.95rem;cursor:pointer;transition:border-color .2s}.zuordnung-dropdown:hover{border-color:var(--accent)}.zuordnung-dropdown:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.zuordnung-row.correct .zuordnung-kategorie{border-color:var(--success);background:rgba(16,185,129,.1)}.zuordnung-row.incorrect .zuordnung-kategorie{border-color:var(--danger);background:rgba(239,68,68,.1)}.zuordnung-row.correct .zuordnung-dropdown,.zuordnung-row.incorrect .zuordnung-dropdown{pointer-events:none}.zuordnung-submit{margin-top:1rem}.zuordnung-result{margin-top:1rem;font-size:.9rem}.zuordnung-result-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.5rem;border-bottom:1px solid var(--border)}.zuordnung-result-row:first-child{font-weight:600;background:var(--bg)}.zuordnung-result-row.correct{background:rgba(16,185,129,.1)}.zuordnung-result-row.incorrect{background:rgba(239,68,68,.1)}@media (max-width:600px){.zuordnung-row{grid-template-columns:1fr;gap:.5rem}.zuordnung-kategorie{font-size:.9rem;padding:.6rem .75rem}.zuordnung-dropdown{font-size:.9rem}.zuordnung-result-row{grid-template-columns:1fr;gap:.25rem}.difficulty-badge{display:block;margin:.5rem 0 0;width:fit-content}}.quiz-feedback{margin-top:1.25rem;padding:1rem;border-radius:8px;display:none;font-size:.9rem}.quiz-feedback.show{display:block;animation:.3s fadeIn}.quiz-feedback.correct{background:rgba(16,185,129,.1);border:1px solid var(--success)}.quiz-feedback.incorrect{background:rgba(239,68,68,.1);border:1px solid var(--danger)}.quiz-nav{display:flex;justify-content:space-between;margin-top:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border:none;border-radius:8px;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:.2s;min-height:2.5rem}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-hover);color:var(--text)}.btn-secondary:hover{background:var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.quiz-result{text-align:center;padding:2.5rem 1.5rem}.result-score{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-text{font-size:1.1rem;color:var(--text-muted);margin:.75rem 0 1.5rem}.exam-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.exam-section h3{font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.exam-task{margin-bottom:1.25rem}.exam-task p{color:var(--text-muted);margin-bottom:.75rem}.exam-input{width:100%;padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:.9rem;box-sizing:border-box}.exam-input:focus{outline:0;border-color:var(--accent)}.exam-actions{display:flex;gap:.75rem}.exam-tip-btn{background:0 0;border:1px solid var(--border);color:var(--text-muted);padding:.4rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:.2s;margin-top:.5rem}.exam-tip-btn:hover{background:var(--bg);border-color:var(--accent);color:var(--accent)}.exam-tip-btn.active{background:rgba(59,130,246,.1);border-color:var(--accent);color:var(--accent)}.exam-tip-content{display:none;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:.75rem 1rem;margin-top:.75rem;font-size:.85rem;color:var(--text);line-height:1.5}.exam-tip-content.visible{display:block}.exam-tip-content i{color:var(--accent);margin-right:.5rem}.exam-question{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.exam-question:last-child{border-bottom:none}.exam-question label{display:block;color:var(--text);margin-bottom:.75rem;font-weight:500}.exam-question-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.exam-question-header label{margin-bottom:0;flex:1}.exam-sheet{padding:.5rem}.footer{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.85rem;margin-left:280px}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.footer-main{text-align:center}.footer-links{margin-top:.5rem}.footer a{color:var(--accent);text-decoration:none}.footer-contact{display:flex;align-items:center;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border);width:100%;max-width:400px;justify-content:center}.footer-contact-label{color:var(--text-muted)}.footer-email{display:flex;align-items:center;gap:.35rem;color:var(--accent);transition:opacity .2s}.footer-email:hover{opacity:.8}@media (max-width:1200px){.content-area{padding:1.5rem 2rem}.flashcards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:900px){.sidebar{width:200px}.content-area,.footer{margin-left:200px}.content-area{padding:1.5rem}.tab-nav{gap:0}.tab-btn{padding:.6rem 1rem;font-size:.8rem}.flashcards-grid{grid-template-columns:1fr}}@media (max-width:768px){body,html{overflow-x:hidden;max-width:100vw;width:100%}body{font-size:16px}*,::after,::before{max-width:100%;box-sizing:border-box}.video-container{width:100%!important;max-width:100%!important;margin:0 0 1rem}.video-wrapper{width:100%;padding-bottom:56.25%}.video-wrapper iframe,.video-wrapper video{width:100%!important;height:100%!important}.summary-content,.summary-section{width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}img{max-width:100%;height:auto}.code-block,code,pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.sidebar{position:fixed;transform:translateX(-100%);transition:transform .3s;width:100%;max-width:100vw;z-index:200;left:0;top:0;bottom:0;height:100vh}.sidebar.open{transform:translateX(0)}.sidebar.open~.sidebar-backdrop,body.sidebar-open .sidebar-backdrop{display:block}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:199}.sidebar-backdrop.show{display:block}.sidebar.collapsed{transform:translateX(-100%)}.sidebar-toggle{display:none}.sidebar-expand{display:none!important}.sidebar.open .sidebar-header{padding:1rem;gap:1rem;background:var(--bg-card);border-bottom:2px solid var(--border);margin:0 0 .5rem;position:sticky;top:0;z-index:100}.sidebar.open .sidebar-header h3{font-size:1.1rem;order:1;flex:1;margin-right:auto}.sidebar.open .sort-dropdown-container{order:2;margin-left:0;margin-right:.5rem}.sidebar.open .sort-dropdown-menu{right:0;left:auto;z-index:200;min-width:160px}.sidebar.open .sidebar-toggle{display:flex!important;position:static;width:40px;height:40px;min-width:40px;font-size:0;background:var(--bg-hover);border:2px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:10px;order:3}.sidebar.open .sidebar-toggle::after{content:'✕';font-size:1.25rem;color:var(--text);font-weight:700}.sidebar.open .sidebar-toggle:hover{background:rgba(239,68,68,.1);border-color:#ef4444}.sidebar.open .sidebar-toggle:hover::after{color:#ef4444}.sidebar.open .sidebar-toggle:active{transform:scale(.95)}.sidebar .sort-dropdown-btn{padding:.4rem .6rem;font-size:.85rem}.topic-item{min-height:52px;padding:1rem 1.25rem;margin:2px 0}.category-header{min-height:48px;padding:1rem}.content-area,.footer{margin-left:0!important}.content-area{padding:1rem;overflow-x:hidden;width:100%;max-width:100vw}.comparison-grid{grid-template-columns:1fr}.header-countdown,.header-feedback-btn,.header-premium-btn,.progress-overview,.streak-display,.user-badge span:not(.avatar),.xp-badge{display:none!important}.header-content{padding:0 .75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.header-left{display:flex;align-items:center;gap:.5rem;flex-direction:row}.header-left .menu-toggle{order:-1!important}.header-left .logo{order:1!important}.header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.logo{font-size:1rem;white-space:nowrap}.user-badge{padding:0;background:0 0;border:none;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.user-badge .avatar{width:40px;height:40px;font-size:1.1rem}.menu-toggle{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1.5rem;cursor:pointer;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:0}.menu-toggle:hover{background:var(--bg-hover);border-color:var(--accent)}#tabContent,.tab-nav{display:none!important}.standalone-quiz #tabContent{display:block!important}.accordion-nav{display:flex!important;flex-direction:column;gap:0;margin-bottom:1rem}.accordion-item{border:1px solid var(--border);background:var(--bg-card);overflow:hidden}.accordion-item:first-child{border-radius:12px 12px 0 0}.accordion-item:last-child{border-radius:0 0 12px 12px}.accordion-item:not(:last-child){border-bottom:none}.accordion-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;transition:background .2s;min-height:56px}.accordion-header:hover{background:var(--bg-hover)}.accordion-header.active{background:var(--accent);color:#fff}.accordion-arrow{font-size:.7rem;transition:transform .3s;opacity:.7}.accordion-header.active .accordion-arrow{transform:rotate(90deg);opacity:1}.accordion-icon{font-size:1.1rem}.accordion-title{flex:1;font-weight:500;font-size:.95rem}.accordion-badge{font-size:.75rem;background:rgba(255,255,255,.2);padding:.2rem .5rem;border-radius:6px}.accordion-header:not(.active) .accordion-badge{background:var(--bg);color:var(--text-muted)}.accordion-lock{color:var(--warning);font-size:.9rem}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-content.open{max-height:50000px;overflow-y:visible;transition:max-height .5s ease-in}.accordion-content-inner{padding:1.25rem 1rem 1rem}.topic-header h1{font-size:1.4rem}.stats-dashboard{padding:1rem}.stats-overview{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-card-value{font-size:1.5rem}.stats-topic-row{flex-wrap:wrap}.stats-topic-attempts{margin-left:0;margin-top:.25rem;width:100%}.mobile-menu{display:none;position:fixed;top:60px;right:0;width:300px;max-width:90vw;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 0 16px;box-shadow:0 4px 24px rgba(0,0,0,.4);z-index:300;padding:1.25rem}.mobile-menu.show{display:block;animation:.2s slideIn}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:10px;cursor:pointer;transition:background .2s;min-height:52px;font-size:1rem}.mobile-menu-item:hover{background:var(--bg-hover)}.mobile-menu-item .notification-badge{background:#ef4444;color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;margin-left:auto}.mobile-menu-divider{height:1px;background:var(--border);margin:.75rem 0}.mobile-menu-streak{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg);border-radius:10px;margin-bottom:.75rem;min-height:52px;cursor:pointer}.mobile-menu-streak .streak-fire{font-size:1.75rem}.mobile-menu-streak .streak-info{display:flex;flex-direction:column}.mobile-menu-streak .streak-count{font-size:1.5rem;font-weight:700;color:var(--warning)}.mobile-menu-streak .streak-label{font-size:.9rem;color:var(--text-muted)}.mobile-menu-progress{display:flex;justify-content:space-around;padding:.75rem;background:var(--bg);border-radius:10px;margin-bottom:.75rem;cursor:pointer}.mobile-progress-item{display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:var(--text-muted)}.mobile-progress-icon{font-size:1rem}.mobile-menu-user{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg);border-radius:10px;margin-bottom:.75rem;cursor:pointer;min-height:60px}.mobile-menu-user .avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.25rem}.mobile-menu-user .user-info{display:flex;flex-direction:column}.mobile-menu-user .user-name{font-weight:600;font-size:1rem}.mobile-menu-user .user-status{font-size:.85rem;color:var(--text-muted)}.mobile-menu-toggle{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-radius:10px;min-height:52px}.mobile-menu-toggle label{display:flex;align-items:center;gap:.75rem;font-size:1rem}.mobile-menu-toggle .theme-toggle{display:flex!important;width:56px;height:32px}.mobile-menu-toggle .theme-toggle::before{width:24px;height:24px}.mobile-menu-toggle .theme-toggle.light::before,[data-theme=light] .mobile-menu-toggle .theme-toggle::before{left:28px}.btn,button:not(.theme-toggle){min-height:44px;min-width:44px}.flashcards-grid{grid-template-columns:1fr!important;gap:.75rem;width:100%;max-width:100%}.flashcard{min-height:150px;width:100%;max-width:100%;overflow:hidden}.flashcard-inner{width:100%;max-width:100%}.flashcard-back,.flashcard-front{padding:1rem;width:100%;max-width:100%;box-sizing:border-box}.flashcard-text{width:100%;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;font-size:.95rem}.quiz-option{min-height:52px;padding:1rem 1.25rem;font-size:1rem;margin-bottom:.75rem}.video-container{margin-bottom:1.5rem;border-radius:8px}.summary-content{padding:1.25rem;font-size:1rem;line-height:1.7}.summary-content p{margin-bottom:1rem}.summary-content li{margin-bottom:.5rem}.summary-section{padding:.875rem;margin-bottom:1rem;width:100%;max-width:100%;box-sizing:border-box;overflow:visible}.summary-section h2{font-size:1rem;flex-wrap:wrap;word-wrap:break-word}.summary-section li,.summary-section p{font-size:.95rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}.summary-section ol,.summary-section ul{padding-left:1.25rem;margin:0}.tab-content{width:100%!important;max-width:100%!important;overflow-x:hidden;box-sizing:border-box}.tab-content.active{overflow-x:hidden}.summary-section table,.tab-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;font-size:.8rem!important}.summary-section table td,.summary-section table th,.tab-content table td,.tab-content table th{padding:.4rem .5rem!important;white-space:nowrap;min-width:60px}.summary-section table td:first-child,.summary-section table th:first-child,.tab-content table td:first-child,.tab-content table th:first-child{position:sticky;left:0;background:var(--bg-card);z-index:1;white-space:normal;min-width:80px}.highlight-box{padding:.75rem 1rem;font-size:.9rem}.comparison-grid{grid-template-columns:1fr;gap:.75rem}.comparison-card{padding:.75rem}.comparison-card h4{font-size:.9rem}.comparison-card ul{font-size:.85rem}.video-info{padding:1rem}.video-info h3{font-size:1rem}.video-info p{font-size:.85rem}.sql-schema,code,pre{font-size:.8rem!important;overflow-x:auto}}@media (display-mode:standalone){.header{padding-top:env(safe-area-inset-top)}body{padding-bottom:env(safe-area-inset-bottom)}}.show-mobile{display:none}.hide-mobile{display:inline}@media (max-width:768px){.show-mobile{display:inline}.hide-mobile{display:none}}.mobile-back-btn{display:none}@media (max-width:768px){.mobile-back-btn{display:inline-flex;align-items:center;gap:.25rem;background:var(--bg-hover);border:1px solid var(--border);color:var(--text);padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;margin-bottom:1rem;min-height:44px}.mobile-back-btn:active{background:var(--border)}}@media (min-width:769px){.menu-toggle{display:none}.mobile-menu{display:none!important}}@media (min-width:1400px){.header-content{padding:0 3rem}.header-left{gap:1rem}.header-right{gap:1.5rem}.content-area{padding:2rem 4rem}.flashcards-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}}@media (min-width:1800px){.header-content{padding:0 4rem}.header-right{gap:2rem}}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:150;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.overlay.show{opacity:1;visibility:visible}.sidebar-stats-btn{padding:1rem;border-top:1px solid var(--border);margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-group-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:.25rem;margin-top:.75rem}.sidebar-group-label:first-child{margin-top:0}.stats-btn{width:100%;justify-content:center;background:0 0;border:1px solid var(--border);color:var(--text);font-weight:500;padding:.6rem 1rem;transition:.2s;position:relative}.stats-btn:hover{background:var(--bg-hover);border-color:var(--border)}.stats-btn.active{border-color:var(--accent);color:var(--accent);border-left:3px solid var(--accent)}.stats-btn .notification-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:600;padding:2px 5px;border-radius:10px;min-width:16px;text-align:center}.arena-container{padding:2rem;max-width:1200px;margin:0 auto}.arena-header{text-align:center;margin-bottom:2rem}.arena-header h1{font-size:2rem;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.arena-header p{color:var(--text-secondary)}.arena-login-prompt{text-align:center;padding:4rem 3rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;max-width:100%;margin:2rem auto;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.arena-login-prompt p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.arena-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.arena-actions .btn{min-width:180px}.arena-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem}.arena-stat{text-align:center}.arena-stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.arena-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.arena-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width:768px){.arena-content{grid-template-columns:1fr}}.arena-section{margin-top:2rem}.arena-section h3{margin-bottom:1rem;font-size:1.1rem;font-weight:600}.arena-lobby,.arena-rankings{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.arena-lobby h3,.arena-rankings h3{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.arena-lobby-list,.arena-rankings-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.arena-user{display:flex;align-items:center;justify-content:space-between;background:var(--bg-main);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;transition:.2s}.arena-user:hover{border-color:var(--accent)}.arena-user-info{display:flex;align-items:center;gap:.75rem}.arena-user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--accent),var(--accent-dark,#6d28d9));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.arena-user-name{font-weight:600}.arena-user-stats{display:flex;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.arena-user-winrate{color:var(--accent);font-weight:500}.arena-user-status{width:10px;height:10px;background:#22c55e;border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.arena-rank-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--bg-main);border:1px solid var(--border);border-radius:8px}.arena-rank-position{font-size:1.25rem;font-weight:700;width:30px;text-align:center}.arena-rank-position.gold{color:#fbbf24}.arena-rank-position.silver{color:#9ca3af}.arena-rank-position.bronze{color:#d97706}.arena-rank-info{flex:1}.arena-rank-name{font-weight:600}.arena-rank-stats{font-size:.8rem;color:var(--text-secondary)}.arena-rank-points{font-weight:700;color:var(--accent)}.arena-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.arena-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.battle-container{max-width:800px;margin:0 auto;padding:2rem}.battle-header{text-align:center;margin-bottom:2rem}.battle-header h2{font-size:1.5rem;margin-bottom:.5rem}.battle-progress{font-size:.9rem;color:var(--text-secondary)}.battle-scores{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.battle-player{flex:1;text-align:center;background:var(--bg-card);border:1px solid var(--border)}.battle-player.current{border-color:var(--accent);box-shadow:0 0 10px rgba(139,92,246,.2)}.battle-player-name{margin-bottom:.5rem}.battle-player-score{font-size:2rem;font-weight:700;color:var(--accent)}.battle-vs{font-size:1.5rem;font-weight:700;color:var(--text-secondary)}.battle-question-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;margin-bottom:1rem}.battle-options{display:flex;flex-direction:column;gap:.75rem}.battle-option{background:var(--bg-main);border:2px solid var(--border);border-radius:8px;padding:1rem;cursor:pointer;transition:.2s;text-align:left}.battle-option:hover:not(.disabled){border-color:var(--accent)}.battle-option.selected{border-color:var(--accent);background:rgba(139,92,246,.1)}.battle-option.correct{border-color:#22c55e;background:rgba(34,197,94,.1)}.battle-option.wrong{border-color:#ef4444;background:rgba(239,68,68,.1)}.battle-option.disabled{cursor:not-allowed;opacity:.7}.battle-option .option-letter{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:var(--bg-hover);margin-right:.75rem;font-weight:600;font-size:.8rem;flex-shrink:0}.battle-option.correct .option-letter{background:#22c55e;color:#fff}.battle-option.incorrect .option-letter{background:#ef4444;color:#fff}.battle-timer{text-align:center;margin-top:1rem}.battle-timer-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.battle-timer-fill{height:100%;background:var(--accent);transition:width 1s linear}.battle-invite-modal{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;animation:.3s ease-out slideInRight}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.battle-invite-box{background:var(--bg-card);border:1px solid var(--accent);border-radius:12px;padding:1rem 1.25rem;max-width:300px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.battle-invite-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.battle-invite-title{font-size:.85rem;font-weight:600;color:var(--text-muted)}.battle-invite-timer{font-size:.75rem;color:var(--text-muted);background:var(--bg-main);padding:2px 8px;border-radius:10px}.battle-invite-from{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.battle-invite-actions{display:flex;gap:.5rem}.battle-invite-actions .btn{flex:1;padding:.5rem .75rem;font-size:.85rem}.arena-lobby-section{margin-bottom:1.5rem}.arena-lobby-section h4{font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.arena-lobby-online{display:flex;flex-wrap:wrap;gap:.5rem}.arena-invite-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-main);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:.2s;color:var(--text-primary);font-size:.9rem}.arena-invite-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.arena-invite-plus{font-weight:600;font-size:1.1rem}.arena-lobby-pending-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-main);border-radius:8px;margin-bottom:.5rem;font-size:.9rem}.pending-timer{color:var(--text-muted);font-size:.8rem}.arena-lobby-info{text-align:center;color:var(--text-muted);font-size:.85rem;padding:.75rem;background:var(--bg-main);border-radius:8px;margin-bottom:1rem}.arena-empty-small{text-align:center;color:var(--text-muted);font-size:.85rem;padding:1rem}.battle-player-badge{font-size:.7rem;background:var(--accent);color:#fff;padding:2px 6px;border-radius:4px;margin-left:.5rem}.podium-medal{font-size:2rem;margin-bottom:.5rem}.battle-results{text-align:center}.battle-results-icon{font-size:5rem;margin-bottom:1rem}.battle-results-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.battle-results-title.win{color:#22c55e}.battle-results-title.lose{color:#ef4444}.battle-results-title.draw{color:#f59e0b}.battle-results-scores{display:flex;justify-content:center;gap:2rem;margin:2rem 0}.battle-results-player{text-align:center}.result-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;margin:0 auto .5rem;overflow:hidden}.result-score{text-align:center}.battle-results-player-name{font-weight:600;margin-bottom:.5rem}.battle-results-player-score{font-size:3rem;font-weight:700}.battle-results-player-score.winner{color:#22c55e}.battle-results-points{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:1rem 0}.battle-results-points.positive{border-color:#22c55e;color:#22c55e}.battle-results-points.negative{border-color:#ef4444;color:#ef4444}.stats-dashboard{padding:2rem}.stats-header{margin-bottom:2rem;text-align:left}.stats-header h1{font-size:1.8rem;margin-bottom:.5rem}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center}.stat-card-icon{font-size:2rem;margin-bottom:.5rem}.stat-card-value{font-size:2rem;font-weight:700;color:var(--accent)}.stat-card-label{color:var(--text-muted);font-size:.9rem}.stats-topics{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.stats-topics h2{margin-bottom:1rem;font-size:1.2rem}.stats-topic-row{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.stats-topic-row:last-child{border-bottom:none}.stats-topic-name{flex:1;font-weight:500}.stats-topic-score{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600}.stats-topic-score.excellent{background:rgba(16,185,129,.2);color:var(--success)}.stats-topic-score.good{background:rgba(99,102,241,.2);color:var(--accent)}.stats-topic-score.needs-work{background:rgba(245,158,11,.2);color:var(--warning)}.stats-topic-score.not-started{background:var(--bg-hover);color:var(--text-muted)}.stats-topic-attempts{color:var(--text-muted);font-size:.85rem;margin-left:1rem;min-width:80px;text-align:right}.stats-reset-btn{margin-top:1.5rem}.formula-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.formula-section h2{margin-bottom:1rem;font-size:1.2rem;color:var(--accent)}.formula-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.formula-card:last-child{margin-bottom:0}.formula-title{font-weight:600;margin-bottom:.5rem;color:var(--text)}.formula-box{background:var(--bg-card);border:2px solid var(--accent);border-radius:8px;padding:.75rem 1rem;font-family:'Courier New',monospace;font-size:1.1rem;text-align:center;margin-bottom:.5rem}.formula-example{color:var(--text-muted);font-size:.9rem}.formula-example strong{color:var(--success)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti{position:absolute;width:10px;height:10px;opacity:0;animation:3s ease-out forwards confetti-fall}@keyframes confetti-fall{0%{opacity:1;top:-10%;transform:translateX(0) rotate(0)}100%{opacity:0;top:100%;transform:translateX(var(--drift)) rotate(720deg)}}.netzplan-node{display:inline-block;border:2px solid var(--accent);border-radius:8px;font-family:'Courier New',monospace;font-size:.85rem;margin:.5rem 0;overflow:hidden}.auth-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);z-index:2000;align-items:center;justify-content:center;padding:20px}.auth-modal.show{display:flex}.auth-modal-content{background:linear-gradient(145deg,#15151f,#1c1c28);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;max-width:380px;width:100%;position:relative;box-shadow:0 25px 80px rgba(0,0,0,.5);animation:.3s ease-out authModalSlideIn}[data-theme=light] .auth-modal-content{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(0,0,0,.1);box-shadow:0 25px 80px rgba(0,0,0,.15)}@keyframes authModalSlideIn{from{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;margin-bottom:20px}.auth-logo{width:48px;height:48px;margin-bottom:16px}.auth-header h2{font-size:22px;margin:0 0 6px;color:#fff}.auth-header p{color:#94a3b8;margin:0;font-size:14px}[data-theme=light] .auth-header h2{color:#1a1a1a}[data-theme=light] .auth-header p{color:#64748b}[data-theme=light] .auth-field label{color:#374151}[data-theme=light] .auth-field small{color:#6b7280}[data-theme=light] .auth-divider span,[data-theme=light] .auth-switch,[data-theme=light] .auth-terms{color:#64748b}[data-theme=light] .auth-switch a,[data-theme=light] .auth-terms a{color:#6366f1}.auth-field{margin-bottom:14px}.auth-field label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#e2e8f0}.auth-field input{width:100%;padding:11px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;font-size:14px;font-family:inherit;transition:.3s}.auth-field input:focus{outline:0;border-color:#667eea;background:rgba(102,126,234,.08);box-shadow:0 0 0 3px rgba(102,126,234,.15)}.auth-field input::placeholder{color:#64748b}[data-theme=light] .auth-field input{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.15);color:#1a1a1a}[data-theme=light] .auth-field input:focus{border-color:#6366f1;background:rgba(99,102,241,.05);box-shadow:0 0 0 3px rgba(99,102,241,.15)}[data-theme=light] .auth-field input::placeholder{color:#9ca3af}.auth-field input:-webkit-autofill{animation-name:onAutoFillStart}.auth-field input:-moz-autofill{animation-name:onAutoFillStart}.auth-field small{display:block;margin-top:4px;font-size:11px;color:#64748b}.auth-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:16px;display:none}.auth-error.show{display:block}.auth-info{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#4ade80;padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:16px;display:none}.auth-info.show{display:block}.auth-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:15px;position:relative;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:.3s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(102,126,234,.35)}.auth-submit.loading span{opacity:0}.auth-submit .auth-spinner{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;animation:1s linear infinite authSpin}.auth-submit.loading .auth-spinner{display:block}@keyframes authSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.auth-links{text-align:center;margin-top:16px}.auth-links a{color:#94a3b8;font-size:14px;text-decoration:none;transition:color .3s}.auth-links a:hover{color:#667eea}.auth-divider{display:flex;align-items:center;margin:16px 0;color:#475569;font-size:12px}.auth-divider::after,.auth-divider::before{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}.auth-divider span{padding:0 12px}[data-theme=light] .auth-divider::after,[data-theme=light] .auth-divider::before{background:rgba(0,0,0,.1)}.auth-switch{text-align:center;color:#94a3b8;font-size:13px}.auth-switch a{color:#667eea;text-decoration:none;font-weight:500}.auth-switch a:hover{text-decoration:underline}.auth-terms{text-align:center;font-size:11px;color:#64748b;margin-top:12px}.auth-terms a{color:#667eea;text-decoration:none}.auth-terms a:hover{text-decoration:underline}@media (max-width:480px){.auth-modal-content{padding:28px 24px;margin:16px}.auth-header h2{font-size:22px}}.onboarding-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);backdrop-filter:blur(12px);z-index:10000;align-items:center;justify-content:center}.onboarding-modal.show{display:flex}.onboarding-content{background:linear-gradient(145deg,#15151f,#1c1c28);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px 32px;max-width:420px;width:90%;animation:.4s ease-out onboardingSlideIn;position:relative;overflow:hidden}@keyframes onboardingSlideIn{from{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-progress{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.onboarding-progress-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2);transition:.3s}.onboarding-progress-dot.active{background:linear-gradient(135deg,#667eea,#764ba2);width:28px;border-radius:5px}.onboarding-progress-dot.completed{background:#10b981}.onboarding-step{display:none;text-align:center}.onboarding-step.active{display:block;animation:.3s ease-out onboardingFadeIn}@keyframes onboardingFadeIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.onboarding-icon{display:none}.onboarding-icon svg{width:40px;height:40px;stroke:#667eea}.onboarding-step h2{font-size:24px;font-weight:700;color:#fff!important;-webkit-text-fill-color:#ffffff!important;background:0 0!important;margin-bottom:12px}.onboarding-step p{color:rgba(255,255,255,.7);font-size:15px;line-height:1.6;margin-bottom:28px}.onboarding-bundesland-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.onboarding-bundesland-btn{padding:12px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;cursor:pointer;transition:.2s;text-align:left}.onboarding-bundesland-btn:hover{background:rgba(102,126,234,.15);border-color:rgba(102,126,234,.3)}.onboarding-bundesland-btn.selected{background:linear-gradient(135deg,rgba(102,126,234,.3),rgba(118,75,162,.3));border-color:#667eea}.onboarding-feature-list{text-align:left;margin-bottom:24px}.onboarding-feature{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.onboarding-feature:last-child{border-bottom:none}.onboarding-feature-icon{width:32px;height:32px;min-width:32px;background:rgba(16,185,129,.15);border-radius:8px;display:flex;align-items:center;justify-content:center}.onboarding-feature-icon svg{width:16px;height:16px;stroke:#10b981}.onboarding-feature-text{flex:1}.onboarding-feature-text strong{display:block;color:#fff;font-size:14px;margin-bottom:2px}.onboarding-feature-text span{color:rgba(255,255,255,.5);font-size:13px}.onboarding-buttons{display:flex;gap:12px;margin-top:8px}.onboarding-btn{flex:1;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:.2s;border:none}.onboarding-btn-secondary{background:rgba(255,255,255,.1);color:#fff}.onboarding-btn-secondary:hover{background:rgba(255,255,255,.15)}.onboarding-btn-primary{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.onboarding-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.4)}.onboarding-btn-success{background:linear-gradient(135deg,#10b981 0,#059669 100%);color:#fff}.onboarding-btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,185,129,.4)}.onboarding-skip{position:absolute;top:16px;right:16px;background:0 0;border:none;color:rgba(255,255,255,.4);font-size:13px;cursor:pointer;padding:8px 12px}.onboarding-skip:hover{color:rgba(255,255,255,.7)}[data-theme=light] .onboarding-modal{background:rgba(0,0,0,.5)}[data-theme=light] .onboarding-content{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid rgba(0,0,0,.1);box-shadow:0 25px 80px rgba(0,0,0,.15)}[data-theme=light] .onboarding-step h2{color:#1a1a1a!important;-webkit-text-fill-color:#1a1a1a!important}[data-theme=light] .onboarding-step p{color:#64748b}[data-theme=light] .onboarding-progress-dot{background:rgba(0,0,0,.1)}[data-theme=light] .onboarding-bundesland-btn{background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.1);color:#1a1a1a}[data-theme=light] .onboarding-bundesland-btn:hover{background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.3)}[data-theme=light] .onboarding-bundesland-btn.selected{background:rgba(102,126,234,.15);border-color:#667eea}[data-theme=light] .onboarding-feature{border-bottom:1px solid rgba(0,0,0,.05)}[data-theme=light] .onboarding-feature-text strong{color:#1a1a1a}[data-theme=light] .onboarding-feature-text span{color:#64748b}[data-theme=light] .onboarding-btn-secondary{background:rgba(0,0,0,.05);color:#374151}[data-theme=light] .onboarding-btn-secondary:hover{background:rgba(0,0,0,.1)}[data-theme=light] .onboarding-skip{color:rgba(0,0,0,.4)}[data-theme=light] .onboarding-skip:hover{color:rgba(0,0,0,.7)}@media (max-width:480px){.onboarding-content{padding:20px 16px;margin:12px;max-height:90vh;overflow-y:auto;border-radius:16px}.onboarding-progress{margin-bottom:14px}.onboarding-icon{margin-bottom:12px}.onboarding-icon svg{width:32px;height:32px}.onboarding-bundesland-grid{grid-template-columns:1fr;gap:8px;margin-bottom:16px}.onboarding-bundesland-btn{padding:10px 14px;font-size:13px}.onboarding-step h2{font-size:18px;margin-bottom:8px}.onboarding-step p{font-size:13px;margin-bottom:16px;line-height:1.5}.onboarding-feature{padding:10px 0;gap:10px}.onboarding-feature-icon{width:28px;height:28px;min-width:28px}.onboarding-feature-text strong{font-size:13px}.onboarding-feature-text span{font-size:12px}.onboarding-btn{padding:12px 16px;font-size:14px}.onboarding-skip{top:12px;right:12px;font-size:12px}}.user-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:var(--bg);border:1px solid var(--border);border-radius:20px;font-size:.85rem;cursor:pointer;transition:.2s}.user-badge:hover{border-color:var(--accent)}.user-badge .avatar{width:24px;height:24px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;overflow:hidden}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1002;justify-content:center;align-items:center}.modal-overlay.active{display:flex}.modal-overlay .modal{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--border);animation:.3s modal-pop;position:relative}.modal-overlay .modal-close{position:absolute;top:.75rem;right:.75rem;background:0 0;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:.2s}.modal-overlay .modal-close:hover{background:var(--bg-hover);color:var(--text)}.premium-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1001;justify-content:center;align-items:center}.premium-modal.show{display:flex}.premium-box{background:var(--bg-card);border-radius:16px;padding:1.25rem;width:90%;max-width:420px;min-width:300px;max-height:85vh;overflow-y:auto;border:1px solid var(--border);text-align:center;animation:.3s modal-pop;position:relative}.premium-box .modal-close-x{position:absolute;top:1rem;right:1rem;background:0 0;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem;border-radius:4px;transition:color .2s,background .2s}.premium-box .modal-close-x:hover{color:var(--text);background:var(--bg)}.premium-icon{font-size:3rem;margin-bottom:1rem}.premium-box h2{margin-bottom:.25rem;font-size:1.25rem}.premium-box p{color:var(--text-muted);margin-bottom:.75rem;font-size:.9rem}.premium-features{background:var(--bg);border-radius:12px;padding:1rem;margin-bottom:1.5rem;text-align:left}.premium-feature{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem}.premium-feature-icon{color:var(--success)}.premium-price{text-align:center;margin-bottom:1rem}.premium-price-amount{font-size:2rem;font-weight:700;color:var(--text)}.premium-price-period{font-size:1rem;color:var(--text-muted)}.trial-info-box{background:linear-gradient(135deg,rgba(16,185,129,.12) 0,rgba(34,197,94,.12) 100%);border:1px solid rgba(16,185,129,.25);border-radius:10px;padding:.6rem .75rem;margin-top:.75rem;text-align:center}.trial-info-header{display:flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;font-size:.9rem;color:#10b981;margin-bottom:.25rem}.trial-info-header svg{stroke:#10b981;width:16px;height:16px}.trial-info-text{font-size:.75rem;color:var(--text-muted);margin:0;line-height:1.4}.premium-price-info{text-align:center;font-size:.85rem;color:var(--text);font-weight:600;margin:.5rem 0 0}.premium-trust{text-align:center;font-size:.75rem;color:var(--text-muted);margin-top:.5rem;margin-bottom:0}.premium-btn{width:100%;padding:.75rem 1.25rem;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 50%,#a855f7 100%);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(99,102,241,.3);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.premium-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(99,102,241,.5)}.premium-btn:active{transform:translateY(0)}.premium-btn svg{flex-shrink:0}.premium-comparison{width:100%;margin:.75rem 0;border-radius:12px;overflow:hidden;border:1px solid rgba(99,102,241,.3);box-shadow:0 4px 24px rgba(99,102,241,.1)}.premium-comparison-header{display:grid;grid-template-columns:1.5fr 1fr 1fr;background:var(--bg)}.comparison-header-cell{padding:.6rem .5rem;text-align:center;font-weight:600;font-size:.8rem}.comparison-header-cell.premium-col{background:linear-gradient(135deg,rgba(99,102,241,.25) 0,rgba(168,85,247,.25) 100%);position:relative;overflow:hidden;border-left:2px solid rgba(99,102,241,.5);padding:.75rem .5rem}.comparison-header-cell.premium-col::before{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.3) 50%,transparent 100%);animation:2.5s ease-in-out infinite shine}@keyframes shine{0%{transform:translateX(-50%)}100%{transform:translateX(50%)}}.recommended-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b 0,#ef4444 100%);color:#fff;font-size:.6rem;font-weight:800;padding:.2rem .5rem;border-radius:100px;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px;animation:1.5s ease-in-out infinite pulse-badge;box-shadow:0 2px 12px rgba(245,158,11,.4)}@keyframes pulse-badge{0%,100%{transform:scale(1);box-shadow:0 2px 12px rgba(245,158,11,.4)}50%{transform:scale(1.05);box-shadow:0 4px 20px rgba(245,158,11,.6)}}.premium-col-title{display:block;font-size:1rem;font-weight:800;background:linear-gradient(135deg,#6366f1 0,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-col-price{display:block;font-size:.8rem;color:var(--text);font-weight:600;margin-top:.2rem}.premium-col-price small{font-weight:400;color:var(--text-muted);font-size:.75rem}.comparison-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;border-top:1px solid var(--border);transition:.2s}.comparison-row:hover{background:rgba(99,102,241,.08)}.comparison-row:hover .comparison-cell.premium-col{background:linear-gradient(135deg,rgba(99,102,241,.18) 0,rgba(168,85,247,.18) 100%)}.comparison-cell{padding:.5rem .4rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:background .2s}.comparison-cell.feature-name{justify-content:flex-start;color:var(--text);font-weight:500}.comparison-cell.premium-col{background:linear-gradient(135deg,rgba(99,102,241,.1) 0,rgba(168,85,247,.1) 100%);border-left:2px solid rgba(99,102,241,.3)}.comparison-check{color:#10b981;font-weight:700;font-size:.95rem}.comparison-x{color:var(--text-muted);opacity:.4;font-size:.95rem}.comparison-limit{color:#f59e0b;font-size:.7rem;font-weight:600;background:rgba(245,158,11,.1);padding:.15rem .35rem;border-radius:4px}.comparison-unlimited{color:#10b981;font-weight:700;font-size:.7rem;background:rgba(16,185,129,.1);padding:.15rem .35rem;border-radius:4px}.premium-comparison-cta{text-align:center;padding:1.25rem;background:linear-gradient(135deg,rgba(99,102,241,.15) 0,rgba(168,85,247,.15) 100%);border-top:1px solid var(--border)}.premium-comparison-cta .premium-btn{margin:0;padding:.9rem 2rem;font-size:1rem}@media (max-width:480px){.comparison-row,.premium-comparison-header{grid-template-columns:1.2fr 0.9fr 0.9fr}.comparison-cell,.comparison-header-cell{padding:.6rem .4rem;font-size:.75rem}.premium-col-title{font-size:1rem}.premium-col-price{font-size:.8rem}.recommended-badge{font-size:.6rem;padding:.25rem .5rem}}.premium-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;position:relative;cursor:help;font-size:1.1em}.premium-badge:hover::after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:.5rem;background:var(--bg-card);color:var(--accent);border:1px solid var(--accent);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,.2);animation:.2s fadeIn}.premium-close{width:100%;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:.2s}.premium-close:hover{border-color:var(--accent);color:var(--text)}.premium-icon-badge{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;box-shadow:0 4px 15px rgba(99,102,241,.4)}.premium-btn-upgrade{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 50%,#a855f7 100%);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:.3s;margin-bottom:1rem;box-shadow:0 4px 15px rgba(99,102,241,.3)}.premium-btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(99,102,241,.5)}.premium-btn-upgrade:active{transform:translateY(0)}.premium-link-close{width:100%;padding:.5rem;background:0 0;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:color .2s}.premium-link-close:hover{color:var(--text)}.staging-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:2000;justify-content:center;align-items:center}.staging-modal.show{display:flex}.staging-box{background:var(--bg-card);border-radius:16px;padding:2rem;width:90%;max-width:360px;border:1px solid var(--border);text-align:center}.staging-box h2{margin-bottom:.5rem;font-size:1.25rem}.staging-box p{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.staging-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:1rem;margin-bottom:1rem;text-align:center}.staging-input:focus{outline:0;border-color:var(--accent)}.staging-btn{width:100%;padding:.75rem;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:.2s}.staging-btn:hover{background:var(--accent-hover)}.staging-error{color:var(--danger);font-size:.85rem;margin-top:1rem;display:none}.staging-error.show{display:block}.legal-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1001;justify-content:center;align-items:center;padding:1rem}.legal-modal.show{display:flex}.legal-box{background:var(--bg-card);border-radius:16px;padding:2rem;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;border:1px solid var(--border)}.legal-box h2{margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.legal-box h3{margin:1.5rem 0 .75rem;font-size:1.1rem;color:var(--accent)}.legal-box p{color:var(--text-muted);margin-bottom:.75rem;line-height:1.7}.legal-box ul{color:var(--text-muted);margin-left:1.5rem;margin-bottom:1rem}.legal-box li{margin-bottom:.5rem}.legal-box a{color:var(--accent);text-decoration:none}.legal-box a:hover{text-decoration:underline}.legal-close{width:100%;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;cursor:pointer;transition:.2s;margin-top:1.5rem}.legal-close:hover{border-color:var(--accent)}.changelog-box{max-width:600px}.changelog-list{max-height:60vh;overflow-y:auto}.changelog-entry{border-bottom:1px solid var(--border);padding:1rem 0}.changelog-entry:last-child{border-bottom:none}.changelog-date{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.changelog-title{font-weight:600;color:var(--text);margin-bottom:.5rem}.changelog-items{list-style:none;padding:0;margin:0}.changelog-items li{color:var(--text-muted);font-size:.9rem;padding:.25rem 0 .25rem 1.25rem;position:relative}.changelog-items li::before{content:"•";color:var(--primary);position:absolute;left:0}.changelog-tag{display:inline-block;font-size:.7rem;padding:.15rem .5rem;border-radius:4px;margin-right:.5rem;font-weight:500}.changelog-tag.feature{background:rgba(34,197,94,.15);color:#22c55e}.changelog-tag.fix{background:rgba(59,130,246,.15);color:#3b82f6}.changelog-tag.improvement{background:rgba(168,85,247,.15);color:#a855f7}.changelog-link{position:relative}.changelog-badge{position:absolute;top:-8px;right:-8px;background:var(--danger);color:#fff;font-size:.6rem;padding:.1rem .35rem;border-radius:10px;font-weight:600}.leaderboard-container{max-width:800px;margin:0 auto}.leaderboard-header{text-align:center;margin-bottom:2rem}.leaderboard-header h1{font-size:2rem;margin-bottom:.5rem}.leaderboard-personal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.personal-stat{text-align:center}.personal-stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--accent)}.personal-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}@media (max-width:500px){.leaderboard-personal-stats{grid-template-columns:repeat(2,1fr)}}.leaderboard-table{background:var(--bg-card);border-radius:12px;overflow:hidden;border:1px solid var(--border)}.leaderboard-row{display:grid;grid-template-columns:60px 1fr 100px 100px;padding:1rem 1.5rem;border-bottom:1px solid var(--border);align-items:center}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row.header{background:var(--bg-card);font-weight:600;font-size:.85rem;color:var(--text-muted);position:sticky;top:0;z-index:10}.leaderboard-row.current-user{background:rgba(99,102,241,.1)}.leaderboard-rank{font-weight:700;font-size:1.1rem}.leaderboard-rank.gold{color:gold}.leaderboard-rank.silver{color:silver}.leaderboard-rank.bronze{color:#cd7f32}.leaderboard-user{display:flex;align-items:center;gap:.75rem}.leaderboard-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:600;overflow:hidden;flex-shrink:0}.leaderboard-score{font-weight:600;color:var(--success)}.leaderboard-quizzes{color:var(--text-muted);font-size:.9rem}.leaderboard-empty{text-align:center;padding:3rem;color:var(--text-muted)}.login-prompt{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;text-align:center;margin-top:1rem}.login-prompt p{margin-bottom:1rem;color:var(--text-muted)}.success-toast{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 10px 40px rgba(16,185,129,.4);z-index:10000;transform:translateX(120%);transition:transform .3s;max-width:350px}.success-toast.show{transform:translateX(0)}.success-toast-content{display:flex;align-items:center;gap:1rem}.success-icon{font-size:2rem}.success-toast-content p{margin:.25rem 0 0;font-size:.85rem;opacity:.9;color:#fff}.success-toast-content strong{color:#fff}.start-page{max-width:800px;margin:0 auto;padding:1rem}.start-hero{text-align:center;margin-bottom:1.25rem}.start-logo{font-size:2rem;font-weight:800;margin-bottom:.4rem;background:linear-gradient(135deg,var(--accent),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:.5rem 1rem;border:2px solid var(--accent);border-radius:12px;display:inline-block}.start-hero h1{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.start-subtitle{color:var(--text-muted);font-size:1.1rem}.platform-stat,.platform-stats{display:none}.platform-stat:hover{transform:none}.platform-stat-number{font-size:1.25rem;font-weight:700;color:var(--primary);line-height:1.2}.platform-stat-label{font-size:.7rem;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-top:.15rem;font-weight:500}[data-theme=dark] .platform-stat-label{color:#d1d5db}.continue-learning-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;margin:0 auto 1.5rem;max-width:400px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.continue-learning-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(124,58,237,.3);background:var(--primary-hover)}.continue-icon{font-size:1.2rem;color:#fff}.start-features{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.learning-path-widget{background:linear-gradient(135deg,var(--bg-card),rgba(99,102,241,.05));border:1px solid var(--border);border-radius:16px;padding:1.5rem;margin:1.5rem auto;max-width:700px}.learning-path-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.learning-path-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600}.learning-path-stats{font-size:.9rem;color:var(--text-muted)}.learning-path-progress{width:100%;height:10px;background:var(--bg);border-radius:5px;overflow:hidden;margin-bottom:1rem}.learning-path-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#a78bfa);border-radius:5px;transition:width .5s}.learning-path-next{display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-radius:12px;padding:1rem;margin-bottom:1rem}.learning-path-next-info{display:flex;flex-direction:column;gap:.25rem}.learning-path-next-step{font-size:.75rem;color:var(--accent);font-weight:600;text-transform:uppercase}.learning-path-next-name{font-size:1rem;font-weight:600}.learning-path-next-time{font-size:.8rem;color:var(--text-muted)}.learning-path-btn{background:var(--accent);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s;white-space:nowrap}.learning-path-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.learning-path-completed{text-align:center;padding:1rem}.learning-path-completed-icon{font-size:2rem;margin-bottom:.5rem}.learning-path-completed-text{color:var(--success);font-weight:600}.learning-path-link{display:block;text-align:center;color:var(--accent);font-size:.85rem;margin-top:.75rem;cursor:pointer}.learning-path-link:hover{text-decoration:underline}.next-topic-widget{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.05));border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1rem;margin:.75rem .5rem}.next-topic-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.next-topic-name{font-weight:600;font-size:.95rem;color:var(--text);margin-bottom:.25rem}.next-topic-reason{font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.next-topic-reason.weak{color:#f59e0b}.next-topic-btn{width:100%;padding:.6rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.next-topic-btn:hover{background:var(--accent);transform:translateY(-1px)}.next-topic-prereqs{font-size:.75rem;color:var(--warning);margin-top:.5rem;padding:.5rem;background:rgba(245,158,11,.1);border-radius:6px}.daily-goal-widget{background:linear-gradient(135deg,var(--bg-card),rgba(34,197,94,.05));border:1px solid var(--border);border-radius:16px;padding:1.25rem 1.5rem;margin:1.5rem auto;max-width:700px}.daily-goal-widget.goal-reached{border-color:rgba(34,197,94,.5);background:linear-gradient(135deg,var(--bg-card),rgba(34,197,94,.1))}.daily-goal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.daily-goal-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text)}.daily-goal-streak{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;color:#f59e0b}.daily-goal-progress-container{background:var(--bg);border-radius:10px;height:20px;overflow:hidden;margin-bottom:.5rem;position:relative}.daily-goal-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:10px;transition:width .5s}.daily-goal-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text)}.daily-goal-message{text-align:center;font-size:.9rem;color:var(--text-muted)}.daily-goal-message.success{color:var(--success);font-weight:600}.daily-goal-settings-link{display:block;text-align:center;color:var(--text-muted);font-size:.8rem;margin-top:.5rem;cursor:pointer}.daily-goal-settings-link:hover{color:var(--accent)}.daily-goal-celebration{text-align:center;font-size:1.5rem;margin-bottom:.25rem}.daily-question-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin:1.5rem auto;max-width:700px}.daily-question-widget.answered.correct{border-color:var(--success);background:linear-gradient(135deg,rgba(34,197,94,.05),rgba(34,197,94,.02))}.daily-question-widget.answered.incorrect{border-color:var(--danger);background:linear-gradient(135deg,rgba(239,68,68,.05),rgba(239,68,68,.02))}.daily-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.daily-question-badge{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.daily-question-topic-badge{font-size:.75rem;color:var(--text-muted);background:var(--bg-hover);padding:.25rem .6rem;border-radius:10px}.daily-question-status{font-weight:600;font-size:.9rem}.daily-question-widget.correct .daily-question-status{color:var(--success)}.daily-question-widget.incorrect .daily-question-status{color:var(--danger)}.daily-question-topic{font-size:.8rem;color:var(--primary);margin-bottom:.5rem}.daily-question-text{font-size:1rem;line-height:1.5;margin-bottom:1rem}.daily-question-options{display:flex;flex-direction:column;gap:.5rem}.daily-question-option{display:flex;align-items:center;gap:.75rem;padding:.9rem 1rem;background:var(--bg);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:.2s;text-align:left;font-size:.9rem;color:var(--text);-webkit-text-fill-color:var(--text)}.daily-question-option:hover{border-color:var(--accent);background:rgba(99,102,241,.05)}.daily-question-option span{color:var(--text);-webkit-text-fill-color:var(--text)}.daily-question-option .option-letter{width:26px;height:26px;border-radius:6px;background:var(--bg-hover);color:var(--text);-webkit-text-fill-color:var(--text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.daily-question-result{background:var(--bg);padding:1rem;border-radius:10px;margin-bottom:.75rem}.daily-question-result p{margin:0}.daily-question-explanation{color:var(--text-muted);font-size:.85rem;margin-top:.5rem!important}.daily-question-next{text-align:center;color:var(--text-muted);font-size:.8rem;margin:0}@media (max-width:600px){.daily-question-widget{padding:1rem;margin:1rem 0}.daily-question-header{flex-direction:column;gap:.5rem;align-items:flex-start}}.mobile-stats-compact{display:block;text-align:center;color:var(--text-muted);font-size:.95rem;margin-top:1rem}.mobile-stats-compact .stat-sep{margin:0 .5rem;opacity:.5}.mobile-cta-top,.mobile-quick-actions,.secondary-links-mobile{display:none}@media (max-width:768px){.start-features{grid-template-columns:repeat(2,1fr)}.mobile-stats-compact{font-size:.85rem;margin-top:.75rem}.mobile-cta-top{display:block;margin-top:1.25rem}.mobile-cta-top .btn{width:100%;padding:1rem 1.5rem;font-size:1.1rem;font-weight:600}.start-features,.start-info{display:none}.start-actions{display:none!important}.mobile-quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1rem}.mobile-quick-btn{display:flex;align-items:center;justify-content:center;padding:.875rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.95rem;font-weight:600;text-align:center;cursor:pointer;transition:.2s}.mobile-quick-btn:active,.mobile-quick-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.secondary-links-mobile{display:none!important}.start-hero{margin-bottom:0}.start-logo{font-size:2.25rem;margin-bottom:.25rem}.start-hero h1{font-size:1.25rem;margin-bottom:.25rem}.start-subtitle{font-size:.85rem;margin-bottom:0}.continue-learning-btn{display:none}.start-progress{padding:1rem;margin:1.5rem 0 0}.start-hint{font-size:.8rem;margin-top:1rem;text-align:center;padding:0 .5rem}.start-progress{margin-top:1.5rem}}@media (max-width:500px){.start-page{padding:.75rem}.start-logo{font-size:2rem}.start-hero h1{font-size:1.15rem}.mobile-stats-compact{font-size:.8rem}.mobile-cta-top .btn{padding:.9rem 1.25rem;font-size:1rem}.start-progress{padding:.75rem}.start-stats{gap:1.5rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}}.start-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s}.start-feature.clickable{cursor:pointer}.start-feature:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:var(--accent)}.start-feature:active{transform:translateY(-1px)}.feature-icon{width:48px;height:48px;border-radius:12px;margin:0 auto .5rem;display:flex;align-items:center;justify-content:center}.feature-icon.video-icon{background:rgba(99,102,241,.15)}.feature-icon.video-icon::before{content:'';width:0;height:0;border-left:12px solid var(--accent);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}.feature-icon.summary-icon{background:rgba(16,185,129,.15)}.feature-icon.summary-icon::before{content:'';width:20px;height:14px;border:2px solid var(--success);border-radius:2px}.feature-icon.cards-icon{background:rgba(245,158,11,.15)}.feature-icon.cards-icon::before{content:'';width:16px;height:20px;border:2px solid var(--warning);border-radius:3px;box-shadow:4px 4px 0 -2px var(--bg-card),4px 4px 0 0 var(--warning)}.feature-icon.quiz-icon{background:rgba(139,92,246,.15)}.feature-icon.quiz-icon::before{content:'?';font-size:1.5rem;font-weight:700;color:#8b5cf6}.start-feature h3{font-size:.95rem;margin-bottom:.25rem}.start-feature p{font-size:.8rem;color:#4b5563;margin:0}[data-theme=dark] .start-feature p{color:#d1d5db}.start-info{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.start-info h2{font-size:1.2rem;margin-bottom:1rem}.start-info ol{margin:0;padding-left:1.25rem}.start-info li{margin-bottom:.75rem;line-height:1.5}.start-progress{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem;text-align:center}.start-progress h3{margin-bottom:1rem}.start-stats{display:flex;justify-content:center;gap:3rem}.start-stat{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.85rem;color:var(--text-muted)}.weakness-cta{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(239,68,68,.1));border:1px solid rgba(245,158,11,.4);border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.weakness-cta-content{display:flex;align-items:center;gap:1rem}.weakness-cta-icon{font-size:1.5rem}.weakness-cta-text strong{display:block;color:var(--text);margin-bottom:.25rem}.weakness-cta-text p{color:var(--text-muted);font-size:.85rem;margin:0}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s;white-space:nowrap}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}@media (max-width:600px){.weakness-cta{flex-direction:column;text-align:center}.weakness-cta-content{flex-direction:column}.btn-warning{width:100%}}.start-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.btn-large{padding:1rem 2rem;font-size:1.1rem}.start-hint{text-align:center;color:var(--text-muted);font-size:.9rem}.ai-explain-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;margin-top:.5rem;display:inline-block;transition:.2s}.ai-explain-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(99,102,241,.4)}.ai-explain-btn:disabled{opacity:.6;cursor:wait}.ai-explanation{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(99,102,241,.1));border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:1rem;margin-top:1rem;font-size:.9rem;line-height:1.6}.ai-explanation-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#8b5cf6;margin-bottom:.5rem}.question-voting{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.question-voting-label{font-size:.8rem;color:var(--text-muted)}.vote-btn{background:0 0;border:1px solid var(--border);border-radius:6px;padding:.35rem .6rem;cursor:pointer;font-size:1rem;transition:.2s;display:flex;align-items:center;gap:.3rem}.vote-btn:hover{background:var(--bg)}.vote-btn.upvote.voted,.vote-btn.upvote:hover{border-color:var(--success);background:rgba(16,185,129,.1)}.vote-btn.downvote.voted,.vote-btn.downvote:hover{border-color:var(--danger);background:rgba(239,68,68,.1)}.vote-btn .vote-count{font-size:.75rem;color:var(--text-muted)}.vote-btn.report-btn.reported,.vote-btn.report-btn:hover{border-color:var(--warning);background:rgba(245,158,11,.1)}.vote-btn.report-btn.reported{opacity:.6;cursor:not-allowed}.card-voting{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border);justify-content:center}.card-voting .question-voting-label{display:none}.faq-item{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem;overflow:hidden;cursor:pointer;transition:.2s}.faq-item.open,.faq-item:hover{border-color:var(--primary)}.faq-question{padding:.75rem 1rem;font-weight:500;display:flex;justify-content:space-between;align-items:center}.faq-question::after{content:'+';font-size:1.25rem;color:var(--text-muted);transition:transform .2s}.faq-item.open .faq-question::after{content:'-'}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;padding:0 1rem;font-size:.9rem;color:var(--text-muted);line-height:1.6}.faq-item.open .faq-answer{max-height:200px;padding:0 1rem 1rem}.faq-item.hidden{display:none}.grade-dashboard{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;max-width:800px;margin:0 auto}.grade-display{text-align:center;padding:2rem;background:var(--bg);border-radius:12px;margin-bottom:1.5rem}.grade-number{font-size:4rem;font-weight:700;background:linear-gradient(135deg,var(--primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grade-label{font-size:1.2rem;color:var(--text-muted);margin-top:.5rem}.grade-warning{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.grade-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.grade-stat{background:var(--bg);padding:1rem;border-radius:8px;text-align:center}.grade-stat-value{font-size:1.5rem;font-weight:600;color:var(--primary)}.grade-stat-label{font-size:.8rem;color:var(--text-muted)}.weak-topics{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:1rem}.weak-topics h4{color:#ef4444;margin-bottom:.5rem}.weak-topic-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border)}.weak-topic-item:last-child{border-bottom:none}.relevance-badge{font-size:.65rem;padding:2px 6px;border-radius:4px;margin-left:.5rem}.relevance-high{background:rgba(239,68,68,.2);color:#ef4444}.relevance-medium{background:rgba(245,158,11,.2);color:#f59e0b}.relevance-low{background:rgba(16,185,129,.2);color:#10b981}.wrong-answers-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.wrong-answer-card{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:1rem;margin-bottom:1rem}.wrong-answer-card h4{color:var(--danger);margin-bottom:.5rem}.correct-answer{color:var(--success);font-weight:500}.exam-simulation{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:2000;display:none;flex-direction:column}.exam-simulation.active{display:flex}.exam-header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.exam-title{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem;width:243px;flex-shrink:0}.exam-timer{font-size:1.5rem;font-weight:600;padding:.5rem 1rem .5rem 0;background:0 0;display:flex;align-items:center;gap:.5rem}.exam-timer.warning{color:var(--warning);animation:1s infinite pulse}.exam-timer.danger{color:var(--danger);animation:.5s infinite pulse}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.exam-progress-info{display:flex;gap:1.5rem;align-items:center}.exam-progress-text{color:var(--text-muted)}.exam-progress-text strong{color:var(--text)}.exam-body{flex:1;display:flex;overflow:hidden}.exam-sidebar{width:250px;background:var(--bg-card);border-right:1px solid var(--border);padding:1rem;overflow-y:auto;display:flex;flex-direction:column}.exam-sidebar h3{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.exam-question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1rem}.exam-question-btn{width:100%;aspect-ratio:1;border:2px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-weight:600;cursor:pointer;transition:.2s;font-size:.85rem}.exam-question-btn:hover{border-color:var(--accent)}.exam-question-btn.current{border-color:var(--accent);background:var(--accent);color:#fff}.exam-question-btn.answered{background:rgba(16,185,129,.2);border-color:var(--success)}.exam-question-btn.marked{background:rgba(245,158,11,.2);border-color:var(--warning)}.exam-question-btn.answered.marked{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(245,158,11,.2))}.exam-legend{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border);font-size:.8rem}.exam-legend-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.exam-legend-box{width:20px;height:20px;border-radius:4px;border:2px solid var(--border)}.exam-legend-box.answered{background:rgba(16,185,129,.2);border-color:var(--success)}.exam-legend-box.marked{background:rgba(245,158,11,.2);border-color:var(--warning)}.exam-legend-box.current{background:var(--accent);border-color:var(--accent)}.exam-main{flex:1;padding:2rem;overflow-y:auto;display:flex;flex-direction:column}.exam-question-container{max-width:800px;margin:0 auto;width:100%}.exam-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.exam-question-number{font-size:.9rem;color:var(--text-muted)}.exam-question-topic{font-size:.8rem;color:var(--accent);background:rgba(99,102,241,.1);padding:.25rem .75rem;border-radius:20px}.exam-question-text{font-size:1.2rem;font-weight:500;margin-bottom:2rem;line-height:1.6}.exam-options{display:flex;flex-direction:column;gap:.75rem}.exam-option{padding:1rem 1.25rem;border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:1rem}.exam-option:hover{border-color:var(--accent);background:rgba(99,102,241,.05)}.exam-option.selected{border-color:var(--accent);background:rgba(99,102,241,.1)}.exam-option-letter{width:32px;height:32px;border-radius:50%;background:var(--bg);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.exam-option.selected .exam-option-letter{background:var(--accent);border-color:var(--accent);color:#fff}.exam-actions{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.exam-nav-buttons{display:flex;gap:.75rem}.exam-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:.2s;border:none;font-size:.95rem}.exam-btn-primary{background:var(--accent);color:#fff}.exam-btn-primary:hover{background:var(--accent-hover)}.exam-btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.exam-btn-secondary:hover{background:var(--bg-hover)}.exam-btn-mark{background:rgba(245,158,11,.1);color:var(--warning);border:1px solid var(--warning)}.exam-btn-mark.marked{background:var(--warning);color:#fff}.exam-btn-submit{background:var(--success);color:#fff}.exam-btn-submit:hover{background:#0ea572}.exam-results{max-width:900px;margin:0 auto;padding:2rem}.exam-results-header{text-align:center;margin-bottom:2rem}.exam-results-grade{font-size:5rem;font-weight:700;margin:1rem 0}.exam-results-grade.grade-1{color:var(--success)}.exam-results-grade.grade-2{color:#22c55e}.exam-results-grade.grade-3{color:var(--warning)}.exam-results-grade.grade-4{color:#f97316}.exam-results-grade.grade-5{color:var(--danger)}.exam-results-grade.grade-6{color:#991b1b}.exam-results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:2rem 0}.exam-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center}.exam-stat-value{font-size:2rem;font-weight:700}.exam-stat-label{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.exam-results-details{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-top:2rem}.exam-results-question{padding:1rem 0;border-bottom:1px solid var(--border)}.exam-results-question:last-child{border-bottom:none}.exam-results-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.exam-results-correct{color:var(--success)}.exam-results-wrong{color:var(--danger)}.exam-results-question-text{font-weight:500;margin-bottom:.5rem}.exam-results-answer{font-size:.9rem;color:var(--text-muted)}@media (max-width:768px){.exam-sidebar{display:none}.exam-header{padding:.75rem 1rem}.exam-title{font-size:1rem;width:auto}.exam-timer{font-size:1.1rem;padding:.4rem .75rem}.exam-main{padding:1rem}.exam-question-text{font-size:1rem}.exam-option{padding:.75rem 1rem}.exam-actions{flex-direction:column;gap:1rem}.exam-nav-buttons{width:100%;justify-content:space-between}}.exam-start-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:2001;display:none;align-items:center;justify-content:center;padding:1rem}.exam-start-modal.active{display:flex}.exam-start-content{background:var(--bg-card);border-radius:20px;padding:2.5rem;max-width:500px;width:100%;text-align:center}.exam-start-icon{font-size:4rem;margin-bottom:1rem}.exam-start-content h2{font-size:1.75rem;margin-bottom:1rem}.exam-start-info{background:var(--bg);border-radius:12px;padding:1.5rem;margin:1.5rem 0;text-align:left}.exam-start-info-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.exam-start-info-item span:first-child{font-size:1.25rem}.exam-start-buttons{display:flex;gap:1rem;margin-top:1.5rem}.exam-start-buttons button{flex:1}.weakness-dashboard{max-width:1000px}.weakness-section{background:var(--bg-card);border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid var(--border)}.weakness-topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.weakness-topic-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1rem;cursor:pointer;transition:.2s}.weakness-topic-card:hover{border-color:var(--accent);transform:translateY(-2px)}.weakness-topic-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.weakness-topic-number{background:var(--accent);color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px}.weakness-topic-rate{font-size:.85rem;font-weight:600}.weakness-topic-name{font-weight:600;margin-bottom:.5rem}.weakness-topic-stats{font-size:.85rem;color:var(--text-muted)}.weakness-questions-list{display:flex;flex-direction:column;gap:.75rem}.weakness-question-item{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem}.weakness-question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.weakness-question-topic{font-size:.75rem;color:var(--accent);font-weight:500}.weakness-question-stats{font-size:.75rem;color:var(--danger);font-weight:500}.weakness-question-text{font-size:.9rem;color:var(--text-muted)}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.header-countdown{display:flex;align-items:center;gap:.25rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.25rem .5rem;width:fit-content;cursor:pointer;transition:.2s}.header-countdown:hover{border-color:var(--accent);background:var(--bg-hover)}.header-countdown.urgent{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.08)}.header-countdown.urgent .header-countdown-days{color:#ef4444}.header-countdown-days{font-weight:700;font-size:.9rem;color:var(--accent);min-width:2rem;text-align:center}.header-countdown-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em}@media (max-width:768px){.header-countdown{display:none}}.xp-badge{display:none;align-items:center;gap:.35rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.3rem .6rem;cursor:pointer;transition:.2s}.xp-badge:hover{border-color:var(--accent);background:var(--bg-hover)}.xp-level-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.7rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.xp-level-badge.level-1{background:linear-gradient(135deg,#94a3b8,#64748b)}.xp-level-badge.level-2{background:linear-gradient(135deg,#22c55e,#16a34a)}.xp-level-badge.level-3{background:linear-gradient(135deg,#3b82f6,#2563eb)}.xp-level-badge.level-4{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.xp-level-badge.level-5{background:linear-gradient(135deg,#f59e0b,#d97706)}.xp-level-badge.level-6{background:linear-gradient(135deg,#ef4444,#dc2626)}.xp-level-badge.level-7{background:linear-gradient(135deg,#ec4899,#db2777)}.xp-level-badge.level-8{background:linear-gradient(135deg,#14b8a6,#0d9488)}.xp-level-badge.level-9{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 8px rgba(251,191,36,.5)}.xp-level-badge.level-10{background:linear-gradient(135deg,#fcd34d,#f59e0b);box-shadow:0 0 12px rgba(252,211,77,.6)}.xp-value{font-size:.8rem;font-weight:600;color:var(--text)}.xp-popup{position:fixed;top:80px;right:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.75rem 1.25rem;border-radius:12px;font-weight:700;z-index:10000;opacity:0;transform:translateY(-20px) scale(.9);transition:.3s;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 24px rgba(99,102,241,.4)}.xp-popup.show{opacity:1;transform:translateY(0) scale(1)}.xp-popup.hide{opacity:0;transform:translateY(-20px) scale(.9)}.xp-popup .xp-amount{font-size:1.25rem}.xp-popup .xp-reason{font-size:.75rem;opacity:.85;font-weight:500}@media (max-width:768px){.xp-badge{display:none}.xp-popup{top:70px;right:10px;padding:.5rem 1rem}}.achievement-notification{position:fixed;top:80px;left:50%;transform:translateX(-50%) translateY(-20px);background:#1a1a2e;border:2px solid var(--accent);border-radius:16px;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;z-index:10001;opacity:0;transition:.4s;box-shadow:0 8px 32px rgba(99,102,241,.3);max-width:350px}[data-theme=light] .achievement-notification{background:#fff;box-shadow:0 8px 32px rgba(99,102,241,.2),0 4px 12px rgba(0,0,0,.1)}.achievement-notification.show{opacity:1;transform:translateX(-50%) translateY(0)}.achievement-notification.hide{opacity:0;transform:translateX(-50%) translateY(-20px)}.achievement-notification.rare{border-color:#fbbf24;box-shadow:0 8px 32px rgba(251,191,36,.4),0 0 20px rgba(251,191,36,.2)}.achievement-notification .achievement-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:0 0}.achievement-notification.rare .achievement-icon{animation:2.5s ease-in-out infinite rare-glow}.achievement-notification .achievement-icon .badge-svg{width:56px;height:56px}.achievement-notification .achievement-icon .icon{width:24px;height:24px;color:#fff}.achievement-notification .achievement-info{flex:1}.achievement-notification .achievement-title{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:500;font-family:'SF Mono','Fira Code',monospace}.achievement-notification.rare .achievement-title{color:#fbbf24}.achievement-notification .achievement-name{font-size:1.1rem;font-weight:700;color:var(--text);margin:.15rem 0;font-family:'SF Mono','Fira Code',monospace;letter-spacing:.05em}.achievement-notification .achievement-desc{font-size:.8rem;color:var(--text-muted)}@media (max-width:768px){.achievement-notification{top:70px;left:10px;right:10px;transform:translateY(-20px);max-width:none}.achievement-notification.show{transform:translateY(0)}.achievement-notification.hide{transform:translateY(-20px)}}.streak-display{display:flex;align-items:center;gap:.35rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.3rem .6rem;cursor:pointer;transition:.2s}.streak-display:hover{border-color:var(--accent);background:var(--bg-hover)}.streak-display.active{border-color:rgba(245,158,11,.4);background:rgba(245,158,11,.08)}.streak-fire{font-size:.9rem}.streak-display:not(.active) .streak-fire{opacity:.4;filter:grayscale(1)}.streak-count{font-weight:600;font-size:.85rem;color:var(--text)}.streak-display.active .streak-count{color:#f59e0b}.streak-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.streak-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1001;align-items:center;justify-content:center;padding:1rem}.streak-modal.show{display:flex}.streak-modal-content{background:var(--bg-card);border-radius:20px;padding:1.75rem;max-width:450px;min-width:420px;width:100%;text-align:center;border:1px solid var(--border);animation:.3s modal-pop}@media (max-width:480px){.streak-modal-content{min-width:unset;max-width:95%;padding:1.5rem}}@keyframes modal-pop{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.streak-modal-fire{font-size:3.5rem;margin-bottom:.5rem}.streak-modal-count{font-size:4.5rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.25rem}.streak-modal-label{font-size:1.1rem;color:var(--text-muted);margin-bottom:1.25rem}.streak-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0}.streak-stat{background:var(--bg);border-radius:12px;padding:1rem}.streak-stat-value{font-size:1.4rem;font-weight:700;color:var(--accent)}.streak-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;margin-top:.25rem}.streak-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:1rem 0}.streak-day{aspect-ratio:1;min-width:36px;min-height:36px;border-radius:6px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-dim)}.streak-day.active{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-weight:600}.streak-day.today{border:2px solid var(--accent)}.streak-message{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(239,68,68,.1));border-radius:12px;padding:1rem;margin-top:1rem;font-size:.95rem;color:var(--text)}.streak-close{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.75rem 2rem;color:var(--text);font-size:1rem;cursor:pointer;margin-top:1.25rem;transition:.2s}.streak-close:hover{border-color:var(--accent)}.exam-info-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1001;align-items:center;justify-content:center;padding:1rem}.exam-info-modal.show{display:flex}.exam-info-content{background:var(--bg-card);border-radius:16px;padding:1.5rem;max-width:320px;width:100%;text-align:center;border:1px solid var(--border);animation:.3s modal-pop;position:relative;transition:max-width .3s}.exam-info-content.has-lernplan{max-width:500px;max-height:85vh;overflow-y:auto}.exam-info-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border:none;background:var(--bg);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.25rem;line-height:1;transition:.2s}.exam-info-close:hover{background:var(--danger);color:#fff}.exam-info-countdown{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.25rem}.exam-info-label{font-size:.95rem;color:var(--text-muted);margin-bottom:1.25rem}.exam-info-details{background:var(--bg);border-radius:10px;padding:.75rem;margin-bottom:1rem}.exam-info-row{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.85rem}.exam-info-row:not(:last-child){border-bottom:1px solid var(--border)}.exam-info-key{color:var(--text-muted)}.exam-info-value{font-weight:600;color:var(--text)}.exam-info-tip{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-bottom:1rem;padding:.5rem;background:rgba(99,102,241,.08);border-radius:8px}.exam-info-actions{display:flex;justify-content:center;gap:.5rem}.exam-info-actions .btn{flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:.5rem;line-height:1;min-height:44px}.exam-info-actions .btn i,.exam-info-actions .btn svg{width:16px;height:16px;flex-shrink:0}.exam-info-actions .btn-primary{background:var(--accent);color:#fff}.exam-info-actions .btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.exam-info-actions .btn-secondary{background:0 0;border:1px solid var(--border);color:var(--text)}.exam-info-actions .btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.exam-info-lernplan{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.btn-lernplan{width:100%;padding:.75rem 1rem;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.2s;line-height:1;min-height:44px;box-sizing:border-box}.btn-lernplan i,.btn-lernplan svg{width:16px;height:16px;flex-shrink:0}.btn-lernplan:hover{background:var(--accent-hover);transform:translateY(-1px)}.lernplan-icon{font-size:1.1rem}.lernplan-buttons{display:flex;justify-content:center;gap:.5rem}.lernplan-buttons .btn-lernplan{flex:1}.btn-lernplan-delete{padding:.75rem 1rem;background:0 0;border:1px solid var(--danger,#ef4444);border-radius:10px;color:var(--danger,#ef4444);font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:.2s;line-height:1;min-height:44px;box-sizing:border-box}.btn-lernplan-delete .icon,.btn-lernplan-delete i,.btn-lernplan-delete svg{margin:0!important;flex-shrink:0;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.btn-lernplan-delete span{line-height:1;display:inline-flex;align-items:center}.btn-lernplan-delete:hover{background:var(--danger,#ef4444);color:#fff}.exam-lernplan-container{margin-top:1rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--border);text-align:left}.exam-lernplan-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.exam-lernplan-title{font-size:.85rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.4rem}.exam-lernplan-progress{font-size:.75rem;color:var(--accent);font-weight:600}.exam-lernplan-weeks{max-height:300px;overflow-y:auto;padding-right:.25rem}.exam-lernplan-week{background:var(--bg);border-radius:8px;padding:.5rem .75rem;margin-bottom:.5rem}.exam-lernplan-week-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);margin-bottom:.4rem}.exam-lernplan-week-num{font-weight:600;color:var(--text)}.exam-lernplan-week.current{border-left:3px solid var(--accent)}.exam-lernplan-topics{display:flex;flex-wrap:wrap;gap:.25rem}.exam-lernplan-topic{font-size:.7rem;padding:.2rem .5rem;background:var(--bg-card);border-radius:4px;color:var(--text);cursor:pointer;transition:.15s}.exam-lernplan-topic:hover{background:var(--accent);color:#fff}.exam-lernplan-topic.completed{text-decoration:line-through;opacity:.5}.exam-lernplan-actions{display:flex;gap:.5rem;margin-top:.75rem}.exam-lernplan-actions .btn{flex:1;font-size:.8rem;padding:.5rem}.lernplan-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1002;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.lernplan-modal.show{display:flex}.lernplan-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.95),rgba(139,92,246,.95));z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.lernplan-loading-overlay.show{opacity:1;visibility:visible}.lernplan-loading-spinner{width:80px;height:80px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:1s linear infinite spinLoader}@keyframes spinLoader{to{transform:rotate(360deg)}}.lernplan-loading-text{color:#fff;font-size:1.5rem;font-weight:600;text-align:center;animation:1.5s ease-in-out infinite pulseText}.lernplan-loading-subtext{color:rgba(255,255,255,.8);font-size:1rem;margin-top:-1rem}@keyframes pulseText{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.lernplan-loading-dots::after{content:'';animation:1.5s infinite loadingDots}@keyframes loadingDots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}.lernplan-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;line-height:1.4}.lernplan-warning.info{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#3b82f6}.lernplan-warning.warning{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#f59e0b}.lernplan-warning.critical{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.lernplan-warning-icon{font-size:1.25rem;flex-shrink:0}.lernplan-warning-text{flex:1}.lernplan-topic.rescheduled{border-left:3px solid #f59e0b;background:rgba(245,158,11,.05)}.lernplan-topic.rescheduled::after{content:'Nachgeholt';font-size:.65rem;background:#f59e0b;color:#fff;padding:1px 6px;border-radius:4px;margin-left:auto}.lernplan-content{background:var(--bg-card);border-radius:12px;max-width:500px;width:100%;margin:1rem auto;border:1px solid var(--border);animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards explodeIn;transform:scale(0)}@keyframes explodeIn{0%{transform:scale(0) rotate(-5deg);opacity:0}50%{transform:scale(1.05) rotate(2deg)}100%{transform:scale(1) rotate(0);opacity:1}}@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(99,102,241,.4),0 0 40px rgba(139,92,246,.2),0 0 60px rgba(99,102,241,.1)}50%{box-shadow:0 0 30px rgba(99,102,241,.6),0 0 60px rgba(139,92,246,.4),0 0 100px rgba(99,102,241,.2)}}.fullscreen-confetti{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1003;overflow:hidden}.confetti-particle{position:absolute;animation:4s ease-out forwards confettiRain}.confetti-particle.from-top{top:-30px;animation-name:confettiRainDown}.confetti-particle.from-left{left:-30px;top:50%;animation-name:confettiRainRight}.confetti-particle.from-right{right:-30px;top:50%;animation-name:confettiRainLeft}.confetti-particle.from-bottom{bottom:-30px;animation-name:confettiRainUp}@keyframes confettiRainDown{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}100%{transform:translateY(100vh) rotate(1080deg) scale(.3);opacity:0}}@keyframes confettiRainRight{0%{transform:translateX(0) translateY(0) rotate(0) scale(1);opacity:1}100%{transform:translateX(100vw) translateY(20vh) rotate(720deg) scale(.3);opacity:0}}@keyframes confettiRainLeft{0%{transform:translateX(0) translateY(0) rotate(0) scale(1);opacity:1}100%{transform:translateX(-100vw) translateY(20vh) rotate(-720deg) scale(.3);opacity:0}}@keyframes confettiRainUp{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}50%{opacity:1}100%{transform:translateY(-80vh) rotate(540deg) scale(.3);opacity:0}}.lernplan-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.lernplan-header h2{font-size:1rem;color:var(--text);margin:0;display:flex;align-items:center;gap:.4rem}.lernplan-header-icon{display:inline-block;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards flyInCalendar}@keyframes flyInCalendar{0%{opacity:0;transform:translateY(-50px) rotate(-20deg)}50%{transform:translateY(5px) rotate(10deg)}70%{transform:translateY(-3px) rotate(-5deg)}100%{opacity:1;transform:translateY(0) rotate(0)}}.lernplan-confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;animation:3s ease-out forwards confettiFall}@keyframes confettiFall{0%{opacity:1;transform:translateY(-20px) rotate(0)}100%{opacity:0;transform:translateY(100px) rotate(720deg)}}.lernplan-close{background:0 0;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.lernplan-close:hover{color:var(--text)}.lernplan-meta{padding:.5rem 1rem;background:var(--bg);font-size:.75rem;color:var(--text-muted);display:flex;gap:.75rem;flex-wrap:wrap}.lernplan-meta span{display:flex;align-items:center;gap:.3rem}.lernplan-progress-bar{height:6px;background:var(--border);margin:0}.lernplan-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);width:0%;transition:width .5s}.lernplan-progress-text{padding:.5rem 1.5rem;font-size:.8rem;color:var(--text-muted);text-align:center;background:var(--bg)}.lernplan-weeks{max-height:45vh;overflow-y:auto;padding:.75rem 1rem}.lernplan-week{margin-bottom:.75rem;opacity:0;transform:translateY(50px) scale(.8);animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards flyInWeek}.lernplan-week:first-child{animation-delay:.3s}.lernplan-week:nth-child(2){animation-delay:.6s}.lernplan-week:nth-child(3){animation-delay:.9s}.lernplan-week:nth-child(4){animation-delay:1.2s}.lernplan-week:nth-child(5){animation-delay:1.5s}.lernplan-week:nth-child(6){animation-delay:1.8s}.lernplan-week:nth-child(7){animation-delay:2.1s}.lernplan-week:nth-child(8){animation-delay:2.4s}.lernplan-week:nth-child(9){animation-delay:2.7s}.lernplan-week:nth-child(10){animation-delay:3s}.lernplan-week:nth-child(n+11){animation-delay:3.3s}@keyframes flyInWeek{0%{opacity:0;transform:translateY(50px) scale(.8)}60%{transform:translateY(-10px) scale(1.02)}100%{opacity:1;transform:translateY(0) scale(1)}}.lernplan-week:last-child{margin-bottom:0}.lernplan-week-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--text)}.lernplan-week-header.milestone{color:#f59e0b}.lernplan-week-date{font-weight:400;color:var(--text-muted);font-size:.8rem}.lernplan-topics{padding-left:1.5rem;border-left:2px solid var(--border);margin-left:.5rem}.lernplan-topic{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.85rem;color:var(--text);cursor:pointer;transition:color .2s}.lernplan-topic:hover{color:var(--accent)}.lernplan-topic.completed{color:var(--text-muted);text-decoration:line-through}.lernplan-topic-checkbox{width:16px;height:16px;border:2px solid var(--border);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.2s}.lernplan-topic-checkbox.checked{background:#10b981;border-color:#10b981}.lernplan-topic-checkbox.checked::after{content:'\2713';color:#fff;font-size:.7rem;font-weight:700}.lernplan-milestone{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:.75rem;margin-left:1.5rem}.lernplan-milestone-title{font-weight:600;color:#f59e0b;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.lernplan-milestone-desc{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.lernplan-milestone-btn{margin-top:.75rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:.2s}.lernplan-milestone-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.lernplan-resources-compact{padding:.5rem 1rem;border-top:1px solid var(--border)}.resources-accordion{font-size:.8rem}.resources-summary{display:flex;align-items:center;gap:.4rem;cursor:pointer;color:var(--text-muted);padding:.25rem 0;list-style:none}.resources-summary::-webkit-details-marker{display:none}.resources-summary:hover{color:var(--text)}.resources-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;padding:.5rem 0 .25rem 1.25rem}.resources-links a{color:var(--accent);text-decoration:none;font-size:.75rem}.resources-links a:hover{text-decoration:underline}.resource-link{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);font-size:.85rem;transition:.2s}.resource-link:hover{border-color:var(--accent);color:var(--accent)}.resource-link svg{flex-shrink:0;color:var(--accent)}.exam-sim-tip{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:rgba(245,158,11,.1);border-radius:8px;font-size:.85rem;color:var(--text)}.exam-sim-tip svg{flex-shrink:0;color:#f59e0b;margin-top:2px}.exam-sim-tip strong{color:var(--accent)}.lernplan-actions{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.lernplan-actions .btn{flex:1;min-width:120px}.lernplan-empty{text-align:center;padding:2rem;color:var(--text-muted)}.lernplan-phase{font-size:.75rem;padding:.15rem .5rem;background:rgba(99,102,241,.1);color:var(--accent);border-radius:4px;margin-left:auto}.lernplan-phase.vertiefung{background:rgba(245,158,11,.1);color:#f59e0b}.lernplan-phase.pruefung{background:rgba(239,68,68,.1);color:#ef4444}@media (max-width:600px){.lernplan-content{margin:1rem auto;border-radius:12px}.lernplan-weeks{max-height:45vh;padding:1rem}.lernplan-meta{padding:.75rem 1rem;font-size:.8rem}}.feedback-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1001;align-items:center;justify-content:center;padding:1rem}.feedback-modal.show{display:flex}.feedback-modal-content{background:var(--bg-card);border-radius:16px;padding:1.5rem;max-width:400px;width:100%;border:1px solid var(--border);animation:.3s modal-pop}.feedback-modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.feedback-modal-icon{font-size:1.5rem}.feedback-modal-title{font-size:1.25rem;font-weight:600}.feedback-form{display:flex;flex-direction:column;gap:1rem}.feedback-form-group{display:flex;flex-direction:column;gap:.35rem}.feedback-form-group label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.feedback-form-group input,.feedback-form-group textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem;color:var(--text);font-family:inherit;font-size:.9rem;transition:border-color .2s}.feedback-form-group input:focus,.feedback-form-group textarea:focus{outline:0;border-color:var(--accent)}.feedback-form-group textarea{min-height:100px;resize:vertical}.feedback-form-actions{display:flex;gap:.75rem;margin-top:.5rem}.feedback-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:.2s;border:1px solid var(--border)}.feedback-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.feedback-btn-primary:hover{background:var(--accent-hover)}.feedback-btn-primary:disabled{opacity:.6;cursor:not-allowed}.feedback-btn-secondary{background:var(--bg);color:var(--text)}.feedback-btn-secondary:hover{border-color:var(--accent)}.feedback-success{text-align:center;padding:1rem 0}.feedback-success-icon{font-size:3rem;margin-bottom:.75rem}.feedback-success-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.feedback-success-text{color:var(--text-muted);font-size:.9rem}.contact-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1001;align-items:center;justify-content:center;padding:1rem}.contact-modal.show{display:flex}.contact-modal-content{background:var(--bg-card);border-radius:16px;padding:1.5rem;max-width:400px;width:100%;border:1px solid var(--border);animation:.3s modal-pop}.contact-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.contact-modal-title{font-size:1.1rem;font-weight:600}.contact-close{background:0 0;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.contact-close:hover{color:var(--text)}.contact-form-group{margin-bottom:1rem}.contact-form-group label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.35rem}.contact-form-group input,.contact-form-group select,.contact-form-group textarea{width:100%;padding:.6rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;font-family:inherit}.contact-form-group input:focus,.contact-form-group select:focus,.contact-form-group textarea:focus{outline:0;border-color:var(--accent)}.contact-form-group textarea{resize:vertical;min-height:80px}.contact-form-actions{display:flex;gap:.5rem;margin-top:1.25rem}.contact-form-actions .btn{flex:1}.contact-success{text-align:center;padding:1rem 0}.contact-success-icon{font-size:3rem;margin-bottom:.75rem}.contact-success-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.contact-success-text{color:var(--text-muted);font-size:.9rem}.header-feedback-btn{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.35rem .75rem;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:.4rem;color:var(--text-muted);transition:.2s}.header-feedback-btn:hover{border-color:var(--accent);color:var(--text)}.header-premium-btn{background:linear-gradient(135deg,#6366f1 0,#8b5cf6 50%,#a855f7 100%);border:none;border-radius:12px;padding:.5rem 1rem;cursor:pointer;font-size:.85rem;display:none;align-items:center;gap:.5rem;color:#fff;font-weight:600;transition:.3s;box-shadow:0 4px 15px rgba(99,102,241,.4);animation:2s ease-in-out infinite premiumPulse}@keyframes premiumPulse{0%,100%{box-shadow:0 4px 15px rgba(99,102,241,.4)}50%{box-shadow:0 4px 25px rgba(139,92,246,.6)}}.header-premium-btn.show{display:flex}.header-premium-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 25px rgba(99,102,241,.5);animation:none}.header-premium-btn .premium-star{width:16px;height:16px;flex-shrink:0}@media (max-width:768px){.header-feedback-btn span,.header-premium-btn>span{display:none}.header-premium-btn{padding:.4rem .5rem}.header-premium-btn .premium-star{width:18px;height:18px}}.feedback-screenshot-section{margin-top:.5rem}.feedback-screenshot-btn{width:100%;padding:.75rem;background:var(--bg);border:2px dashed var(--border);border-radius:8px;color:var(--text-muted);font-family:inherit;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.2s}.feedback-screenshot-btn:hover{border-color:var(--accent);color:var(--text);background:var(--bg-hover)}.feedback-screenshot-btn.capturing{pointer-events:none;opacity:.7}.screenshot-icon{font-size:1.1rem}.feedback-screenshot-preview{position:relative;margin-top:.75rem;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.feedback-screenshot-preview img{width:100%;height:auto;display:block;max-height:200px;object-fit:cover;object-position:top}.screenshot-remove-btn{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border-radius:50%;background:rgba(239,68,68,.9);border:none;color:#fff;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.screenshot-remove-btn:hover{background:#ef4444;transform:scale(1.1)}.screenshot-loading{display:flex;align-items:center;gap:.5rem}.screenshot-loading::after{content:'';width:16px;height:16px;border:2px solid var(--text-muted);border-top-color:transparent;border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.leaderboard-popup{position:fixed;bottom:1rem;right:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;max-width:260px;box-shadow:0 4px 16px rgba(0,0,0,.2);z-index:999;display:none;animation:.3s slideInUp;font-size:.85rem}.leaderboard-popup.show{display:block}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.leaderboard-popup-close{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border:none;background:var(--bg);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-muted);transition:.2s}.leaderboard-popup-close:hover{background:var(--bg-hover);color:var(--text)}.leaderboard-popup-content{display:flex;align-items:flex-start;gap:.75rem}.leaderboard-popup-icon{font-size:1.75rem;flex-shrink:0}.leaderboard-popup-text h4{margin:0 0 .25rem;font-size:.95rem;font-weight:600}.leaderboard-popup-text p{margin:0 0 .75rem;font-size:.8rem;color:var(--text-muted);line-height:1.4}.leaderboard-popup-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s}.leaderboard-popup-btn:hover{background:var(--accent-hover)}@media (max-width:480px){.leaderboard-popup{left:1rem;right:1rem;max-width:none;bottom:1rem}.summary-section{padding:.75rem;margin-bottom:.75rem;border-radius:8px}.summary-section h2{font-size:.95rem;gap:.35rem}.summary-section li,.summary-section p{font-size:.9rem}.summary-section table,.tab-content table{font-size:.75rem!important}.summary-section table td,.summary-section table th,.tab-content table td,.tab-content table th{padding:.3rem .4rem!important;min-width:50px}.highlight-box{padding:.6rem .75rem;font-size:.85rem}.video-info{padding:.75rem}.video-info h3{font-size:.95rem}.content-area{padding:1rem .75rem}.topic-header h1{font-size:1.2rem}}.study-groups-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);z-index:1001;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.study-groups-modal.show{display:flex}.study-groups-content{background:var(--bg-card);border-radius:16px;padding:1.5rem;max-width:650px;width:100%;border:1px solid var(--border);animation:.3s modal-pop;max-height:85vh;overflow-y:auto}.study-groups-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.study-groups-header .icon{color:var(--accent)}.study-groups-title{flex:1;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.study-groups-close{background:0 0;border:none;font-size:1.75rem;color:var(--text-secondary);cursor:pointer;line-height:1;padding:0;transition:color .2s}.study-groups-close:hover{color:var(--text-primary)}.study-groups-tabs{display:flex;gap:8px;margin-bottom:1.5rem;background:rgba(255,255,255,.05);padding:6px;border-radius:14px;border:1px solid var(--border)}.sg-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 16px;background:0 0;border:none;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:10px;transition:.25s;text-align:center;white-space:nowrap}.sg-tab:hover:not(.active){background:rgba(255,255,255,.08);color:var(--text)}.sg-tab.active{background:linear-gradient(135deg,#a855f7 0,#7c3aed 100%);color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(168,85,247,.35);text-shadow:0 1px 2px rgba(0,0,0,.2)}.sg-tab .icon{flex-shrink:0;width:16px;height:16px}.sg-tab-content{display:none}.sg-tab-content.active{display:block}.sg-search{margin-bottom:1rem}.sg-search input{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem}.sg-search input:focus{outline:0;border-color:var(--accent)}.sg-groups-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.sg-empty,.sg-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.sg-empty .icon,.sg-loading .icon{margin-bottom:.75rem;color:var(--accent)}.sg-empty p{margin-bottom:1.5rem}.sg-empty .btn{padding:.6rem 1.25rem;font-size:.9rem}.sg-spin{animation:1s linear infinite spin}.sg-group-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);cursor:pointer;transition:.2s}.sg-group-card:hover{border-color:var(--accent);transform:translateY(-2px)}.sg-group-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sg-group-icon .icon{color:#fff}.sg-group-info{flex:1;min-width:0}.sg-group-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-group-meta{font-size:.85rem;color:var(--text-secondary);display:flex;gap:.75rem;flex-wrap:wrap}.sg-group-meta span{display:flex;align-items:center;gap:.3rem}.sg-group-join{padding:.6rem 1.25rem;background:linear-gradient(135deg,#a855f7 0,#7c3aed 100%);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:.25s;flex-shrink:0;box-shadow:0 3px 8px rgba(168,85,247,.3);text-shadow:0 1px 2px rgba(0,0,0,.2)}.sg-group-join:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(168,85,247,.4)}.sg-group-join:active{transform:translateY(0)}.sg-group-join.joined{background:linear-gradient(135deg,#10b981 0,#059669 100%);box-shadow:0 3px 8px rgba(16,185,129,.3)}.sg-create-form{display:flex;flex-direction:column;gap:1.5rem}.sg-form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.sg-form-group label .required{color:var(--error)}.sg-form-group input,.sg-form-group select,.sg-form-group textarea{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem}.sg-form-group input:focus,.sg-form-group select:focus,.sg-form-group textarea:focus{outline:0;border-color:var(--accent)}.sg-form-group textarea{min-height:70px;resize:vertical}.sg-topic-chips{display:flex;flex-wrap:wrap;gap:.5rem}.sg-topic-chip{padding:.4rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:.2s}.sg-topic-chip:hover{border-color:var(--accent)}.sg-topic-chip.selected{background:var(--accent);color:#fff;border-color:var(--accent)}#sgCreateBtn{background:linear-gradient(135deg,#a855f7 0,#7c3aed 100%);box-shadow:0 4px 12px rgba(168,85,247,.3);transition:.25s}#sgCreateBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(168,85,247,.4)}#sgCreateBtn:disabled{background:linear-gradient(135deg,#a855f7 0,#7c3aed 100%);opacity:.8;color:#fff;cursor:wait;text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:.7s linear infinite btn-spin;margin-right:8px;vertical-align:middle}@keyframes btn-spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:1s linear infinite spin}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.sg-visibility-options{display:flex;background:rgba(255,255,255,.05);border-radius:8px;padding:4px;gap:4px}.sg-radio{flex:1;cursor:pointer}.sg-radio input[type=radio]{display:none}.sg-radio span{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .75rem;border-radius:6px;color:var(--text-secondary);transition:.2s;font-size:.85rem}.sg-radio span:hover{background:rgba(255,255,255,.05)}.sg-radio input:checked+span{background:var(--accent);color:#fff}.sg-form-actions{margin-top:1rem}.sg-form-actions .btn{width:100%;padding:.75rem 1.5rem;font-size:1rem}.sg-group-detail{animation:.3s fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sg-back-btn{display:flex;align-items:center;gap:.4rem;background:0 0;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:0;margin-bottom:1rem}.sg-back-btn:hover{color:var(--accent)}.sg-detail-header{margin-bottom:1rem}.sg-detail-header h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.sg-detail-header p{color:var(--text-secondary);font-size:.9rem}.sg-detail-stats{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:12px}.sg-stat{flex:1;text-align:center}.sg-stat-value{display:block;font-size:1.4rem;font-weight:700;color:var(--accent)}.sg-stat-label{font-size:.75rem;color:var(--text-secondary)}.sg-invite-section{padding:.75rem 1rem;background:var(--bg-secondary);border-radius:10px;margin-bottom:1.5rem;border:1px dashed var(--border)}.sg-invite-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.sg-invite-row+.sg-invite-row{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.sg-invite-label{font-size:.8rem;color:var(--text-muted);min-width:35px}.sg-invite-code-box{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end}.sg-invite-code-box code{font-family:'SF Mono','Fira Code',monospace;font-size:1rem;font-weight:700;letter-spacing:.1em;color:var(--accent);background:var(--bg-card);padding:.3rem .6rem;border-radius:6px}.sg-invite-link{font-size:.7rem!important;letter-spacing:0!important;font-weight:500!important;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-copy-btn{display:flex;align-items:center;justify-content:center;padding:.4rem .75rem;min-width:fit-content;height:32px;background:var(--accent);color:#fff;font-size:.8rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:.2s;flex-shrink:0;white-space:nowrap}.sg-copy-btn .icon{color:#fff}.sg-copy-btn:hover{background:var(--accent-hover);transform:scale(1.05)}.sg-join-code-section{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-radius:10px;margin-bottom:1rem}.sg-join-code-section input{flex:1;padding:.6rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text);font-family:'SF Mono','Fira Code',monospace;font-size:1rem;letter-spacing:.1em;text-transform:uppercase}.sg-join-code-section input::placeholder{text-transform:none;letter-spacing:normal}.sg-join-code-section button{padding:.65rem 1.25rem;background:linear-gradient(135deg,#a855f7 0,#7c3aed 100%);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:.25s;box-shadow:0 2px 8px rgba(168,85,247,.3);flex-shrink:0;white-space:nowrap}.sg-join-code-section button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(168,85,247,.4)}.sg-join-code-section button:active{transform:translateY(0)}.sg-battle-section,.sg-detail-chat,.sg-detail-members{background:var(--bg-card);position:relative;z-index:1}.sg-detail-chat h4,.sg-detail-members h4{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;background:var(--bg-card)}.sg-members-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;max-height:300px;overflow-y:auto}.sg-member{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--bg-secondary);border-radius:10px;font-size:.85rem;transition:background .2s}.sg-member:hover{background:var(--bg-hover)}.sg-member-avatar{width:36px;height:36px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#fff;position:relative;flex-shrink:0}.sg-member-avatar.online::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;background:#10b981;border:2px solid var(--bg-secondary);border-radius:50%}.sg-member-info{flex:1;min-width:0}.sg-member-name{color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:.4rem}.sg-member-name .admin-badge{font-size:.65rem;padding:.1rem .35rem;background:var(--warning);color:#000;border-radius:4px;font-weight:700}.sg-member-stats{display:flex;flex-wrap:wrap;gap:.5rem .75rem;font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.sg-member-stats span{display:flex;align-items:center;gap:.25rem}.sg-member-stats .icon{width:12px;height:12px}.sg-member-last-active{font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.sg-member-last-active.online{color:#22c55e}.sg-member-xp{font-weight:700;color:var(--accent);font-size:.8rem;min-width:55px;text-align:right}.sg-member.owner .sg-member-avatar{background:linear-gradient(135deg,#eab308,#f59e0b)}.sg-member-rank{font-size:.75rem;font-weight:700;color:var(--text-muted);width:20px;text-align:center}.sg-member-rank.gold{color:#eab308}.sg-member-rank.silver{color:#94a3b8}.sg-member-rank.bronze{color:#cd7f32}.sg-member-kick{background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:6px;font-size:.7rem;transition:.2s;margin-left:8px}.sg-member-kick:hover{background:rgba(239,68,68,.1);color:#ef4444}.sg-member-actions{display:flex;align-items:center;gap:4px}.sg-chat-messages{height:180px;overflow-y:auto;background:var(--bg-secondary);border-radius:12px;padding:.75rem;margin-bottom:.75rem;display:flex;flex-direction:column;gap:.5rem}.sg-chat-msg{display:flex;gap:.5rem}.sg-chat-msg-avatar{width:28px;height:28px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden}.sg-chat-msg-avatar img{width:100%;height:100%;object-fit:cover}.sg-chat-msg-content{flex:1}.sg-chat-msg-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.15rem}.sg-chat-msg-name{font-weight:600;font-size:.85rem;color:var(--text-primary)}.sg-chat-msg-time{font-size:.7rem;color:var(--text-secondary)}.sg-chat-msg-text{font-size:.9rem;color:var(--text-secondary)}.sg-chat-msg-report{opacity:0;transition:opacity .2s;background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:2px 6px;font-size:.7rem;border-radius:4px;margin-left:auto}.sg-chat-msg:hover .sg-chat-msg-report{opacity:1}.sg-chat-msg-report:hover{background:rgba(239,68,68,.1);color:var(--danger)}.report-reason-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:.9rem;transition:.2s}.report-reason-option:hover{border-color:var(--accent);background:var(--bg-secondary)}.report-reason-option input[type=radio]{accent-color:var(--danger)}.sg-chat-empty{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;color:var(--text-muted);font-size:.9rem}.sg-chat-input{display:flex;gap:.5rem}.sg-chat-input input{flex:1;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem}.sg-chat-input input:focus{outline:0;border-color:var(--accent)}.sg-chat-send{padding:.75rem;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.sg-chat-send:hover{background:var(--accent-dark)}.sg-battle-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.sg-battle-section h4{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.sg-battle-status{background:var(--bg-secondary);border-radius:12px;padding:1rem}.sg-battle-start-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.85rem;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:.2s}.sg-battle-start-btn:hover{transform:scale(1.02);box-shadow:0 4px 15px rgba(239,68,68,.3)}.sg-battle-active{display:flex;flex-direction:column;gap:.75rem}.sg-battle-info{display:flex;justify-content:space-between;align-items:center}.sg-battle-info-left{display:flex;align-items:center;gap:.75rem}.sg-battle-pulse{width:10px;height:10px;background:#10b981;border-radius:50%;animation:1.5s ease-in-out infinite battlePulse}@keyframes battlePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.sg-battle-info-text strong{color:var(--text-primary);font-size:.95rem}.sg-battle-info-text span{display:block;font-size:.8rem;color:var(--text-muted)}.sg-battle-join-btn{padding:.6rem 1.25rem;background:var(--accent);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:.2s}.sg-battle-join-btn:hover{background:var(--accent-hover)}.battle-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999;justify-content:center;align-items:center;padding:1rem}.battle-modal.active{display:flex}.battle-content{background:var(--bg-card);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:.3s battleSlideIn}@keyframes battleSlideIn{from{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.battle-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(239,68,68,.1))}.battle-header-info{display:flex;align-items:center;gap:.75rem}.battle-header-info .icon-lg{color:#f59e0b}.battle-header-info h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.battle-subtitle{font-size:.85rem;color:var(--text-secondary)}.battle-close{width:36px;height:36px;background:var(--bg-secondary);border:none;border-radius:50%;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.battle-close:hover{background:var(--danger);color:#fff}.battle-lobby{padding:1.25rem}.battle-players{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.battle-player{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-secondary);border-radius:10px;flex:1;min-width:120px}.battle-player-avatar{width:32px;height:32px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.85rem}.battle-player.host .battle-player-avatar{background:linear-gradient(135deg,#f59e0b,#ef4444)}.battle-player-name{font-weight:500;color:var(--text-primary);font-size:.9rem}.battle-player.host .battle-player-name::after{content:' (Host)';color:#f59e0b;font-size:.75rem}.battle-settings{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.battle-setting label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.35rem}.battle-setting select{width:100%;padding:.6rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer}.battle-lobby-actions{display:flex;gap:.75rem}.battle-lobby-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.battle-countdown{padding:4rem 2rem;text-align:center}.battle-countdown-number{font-size:6rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:1s ease-in-out infinite countdownPulse}@keyframes countdownPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.battle-countdown-text{font-size:1.1rem;color:var(--text-secondary);margin-top:1rem}.battle-question{padding:1.25rem}.battle-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.battle-question-num{font-size:.85rem;color:var(--text-secondary);font-weight:500}.battle-timer{display:flex;align-items:center;gap:.35rem;padding:.5rem .85rem;background:var(--bg-secondary);border-radius:20px;font-weight:700;color:var(--text-primary)}.battle-timer.warning{background:rgba(245,158,11,.2);color:#f59e0b}.battle-timer.danger{color:#ef4444;animation:.5s ease-in-out infinite timerBlink}@keyframes timerBlink{50%{opacity:.6}}.battle-question-text{font-size:1.1rem;font-weight:500;color:var(--text-primary);line-height:1.5;margin-bottom:1.25rem;min-height:60px}.battle-answers{display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.25rem}.battle-answer{padding:.9rem 1rem;background:var(--bg-secondary);border:2px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.95rem;text-align:left;cursor:pointer;transition:.2s}.battle-answer:hover:not(.selected):not(.correct):not(.incorrect){border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.battle-answer.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.15)}.battle-answer.correct{border-color:#10b981;background:rgba(16,185,129,.15)}.battle-answer.incorrect{border-color:#ef4444;background:rgba(239,68,68,.15)}.battle-answer.disabled{pointer-events:none;opacity:.7}.battle-live-scores{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:10px}.battle-live-score{display:flex;align-items:center;gap:.4rem;padding:.35rem .65rem;background:var(--bg-card);border-radius:6px;font-size:.8rem}.battle-live-score-avatar{width:20px;height:20px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:#fff}.battle-live-score-points{font-weight:700;color:var(--accent)}.battle-results{padding:1.5rem}.battle-podium{display:flex;justify-content:center;align-items:flex-end;gap:.5rem;margin-bottom:2rem;padding-top:2rem}.podium-place{display:flex;flex-direction:column;align-items:center;text-align:center}.podium-avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;margin-bottom:.5rem;border:3px solid transparent}.podium-place.first .podium-avatar{width:60px;height:60px;font-size:1.4rem;background:linear-gradient(135deg,#eab308,#f59e0b);border-color:#eab308;box-shadow:0 4px 20px rgba(234,179,8,.4)}.podium-place.second .podium-avatar{background:linear-gradient(135deg,#94a3b8,#cbd5e1);border-color:#94a3b8}.podium-place.third .podium-avatar{background:linear-gradient(135deg,#cd7f32,#b8860b);border-color:#cd7f32}.podium-name{font-weight:600;color:var(--text-primary);font-size:.85rem;margin-bottom:.25rem}.podium-score{font-weight:700;font-size:1rem}.podium-place.first .podium-score{color:#eab308}.podium-place.second .podium-score{color:#94a3b8}.podium-place.third .podium-score{color:#cd7f32}.podium-base{width:80px;border-radius:8px 8px 0 0;margin-top:.5rem}.podium-place.first .podium-base{height:80px;background:linear-gradient(180deg,#eab308,#ca8a04)}.podium-place.second .podium-base{height:60px;background:linear-gradient(180deg,#94a3b8,#64748b)}.podium-place.third .podium-base{height:45px;background:linear-gradient(180deg,#cd7f32,sienna)}.podium-rank{color:#fff;font-weight:800;font-size:1.5rem;display:flex;align-items:center;justify-content:center;height:100%}.battle-final-scores{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.battle-final-score{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:var(--bg-secondary);border-radius:10px}.battle-final-rank{font-weight:700;color:var(--text-muted);width:25px}.battle-final-avatar{width:32px;height:32px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:.85rem}.battle-final-name{flex:1;font-weight:500;color:var(--text-primary)}.battle-final-points{font-weight:700;color:var(--accent)}.battle-results-actions{display:flex;justify-content:center}.sg-detail-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}@media (max-width:600px){.battle-content{max-height:95vh}.battle-settings{grid-template-columns:1fr}.podium-base{width:60px}.study-groups-content{padding:1rem;max-height:90vh}.study-groups-tabs{flex-wrap:wrap}.sg-tab{font-size:.8rem;padding:.5rem}.sg-visibility-options{flex-direction:column;gap:.75rem}.sg-detail-stats{flex-wrap:wrap}.sg-stat{min-width:calc(50% - .5rem)}}.submit-question-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);z-index:1001;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.submit-question-modal.show{display:flex}.submit-question-content{background:var(--bg-card);border-radius:16px;padding:1.5rem;max-width:550px;width:100%;border:1px solid var(--border);animation:.3s modal-pop;max-height:90vh;overflow-y:auto}.submit-question-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.submit-question-header .icon{color:var(--accent)}.submit-question-title{flex:1;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.submit-question-close{background:0 0;border:none;font-size:1.75rem;color:var(--text-secondary);cursor:pointer;line-height:1;padding:0;transition:color .2s}.submit-question-close:hover{color:var(--text-primary)}.submit-question-form{display:flex;flex-direction:column;gap:1rem}.submit-question-group label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:.4rem}.submit-question-group label .required{color:var(--error)}.submit-question-group input,.submit-question-group select,.submit-question-group textarea{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.submit-question-group input:focus,.submit-question-group select:focus,.submit-question-group textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.submit-question-group textarea{min-height:80px;resize:vertical}.submit-question-group .char-count{display:block;font-size:.75rem;color:var(--text-secondary);text-align:right;margin-top:.25rem}.submit-question-difficulty{display:flex;gap:1.25rem}.submit-question-difficulty label{display:flex;align-items:center;gap:.4rem;font-weight:400;cursor:pointer}.submit-question-difficulty input[type=radio]{width:auto;margin:0}.submit-question-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.submit-question-success{text-align:center;padding:2rem 1rem}.submit-question-success-icon{margin-bottom:1rem}.submit-question-success-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.submit-question-success-text{color:var(--text-secondary);font-size:.95rem}@media (max-width:600px){.submit-question-content{padding:1rem;max-height:85vh}.submit-question-difficulty{flex-direction:column;gap:.75rem}.submit-question-actions{flex-direction:column}.submit-question-actions .btn{width:100%}}.profile-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1001;align-items:center;justify-content:center;padding:1rem}.profile-modal.show{display:flex}.profile-modal-content{background:var(--bg-card);border-radius:16px;padding:1.5rem;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid var(--border);animation:.3s modal-pop;position:relative}.profile-modal-content .modal-close-x{position:absolute;top:.75rem;right:.75rem;background:var(--bg);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);width:32px;height:32px;padding:0;border-radius:8px;transition:.2s;z-index:10;display:flex;align-items:center;justify-content:center}.profile-modal-content .modal-close-x:hover{color:var(--text);background:var(--bg)}.profile-tabs{display:flex;gap:.5rem;margin-top:0;margin-bottom:1rem;border-bottom:1px solid var(--border);padding-bottom:.75rem}.profile-tab{flex:1;padding:.5rem 1rem;border:none;background:var(--bg);color:var(--text-muted);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:.2s}.profile-tab:hover{background:var(--bg-hover)}.profile-tab.active{background:var(--accent);color:#fff}.profile-tab-content{display:none}.profile-tab-content.active{display:block}.profile-stats-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.75rem;background:var(--bg);border-radius:8px;margin:1rem 0}.profile-stat-item{text-align:center}.profile-stat-value{display:block;font-size:1rem;font-weight:600;color:var(--text)}.profile-stat-label{display:block;font-size:.65rem;color:var(--text-muted);margin-top:.15rem}.profile-settings-group{margin-bottom:1.25rem}.profile-settings-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.profile-setting-row{margin-bottom:.75rem}.profile-setting-row label{display:block;font-size:.85rem;color:var(--text);margin-bottom:.35rem}.profile-theme-buttons{display:flex;gap:.5rem}.profile-theme-btn{flex:1;padding:.5rem;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:.2s}.profile-theme-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.profile-theme-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.profile-sound-btn{padding:.5rem 1rem;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:.2s}.profile-sound-btn:hover{background:var(--bg-hover);border-color:var(--accent)}.profile-settings-hint{font-size:.75rem;color:var(--text-muted);margin:-.5rem 0 .75rem;line-height:1.4}.profile-email-row{display:flex;gap:.5rem;align-items:center}.profile-email-input{flex:1;padding:.6rem .75rem;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;font-size:.85rem;font-family:inherit;transition:.2s}.profile-email-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px rgba(99,102,241,.15)}.profile-email-input::placeholder{color:var(--text-muted)}.profile-email-save-btn{padding:.6rem;border:1px solid var(--border);background:var(--accent);color:#fff;border-radius:8px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}.profile-email-save-btn:hover{background:var(--accent-hover)}.profile-email-save-btn:disabled{opacity:.5;cursor:not-allowed}.profile-email-status{margin-top:.5rem;font-size:.75rem;display:none}.profile-email-status.success{display:block;color:var(--success)}.profile-email-status.error{display:block;color:var(--danger)}.profile-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.profile-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;position:relative;cursor:pointer;overflow:hidden;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-edit{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;font-size:.55rem;padding:.15rem;text-align:center;opacity:0;transition:opacity .2s}.profile-avatar:hover .profile-avatar-edit{opacity:1}.profile-avatar-input{display:none}.avatar-error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:.75rem 1rem;border-radius:8px;margin:.75rem 0;font-size:.85rem;display:flex;align-items:center;gap:.5rem;animation:.4s shake}.avatar-error-icon{font-size:1rem}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.global-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100px);padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;z-index:9999;box-shadow:0 10px 40px rgba(0,0,0,.3);transition:transform .3s cubic-bezier(.34, 1.56, .64, 1),opacity .3s;opacity:0;max-width:90vw;background:#1f2937;color:#fff}.global-toast.show{transform:translateX(-50%) translateY(0);opacity:1}.global-toast.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.global-toast.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.global-toast.toast-info{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.toast-icon{font-size:1.25rem}.toast-message{flex:1}.push-notification-toast{position:fixed;top:1rem;right:1rem;z-index:10001;max-width:400px;width:calc(100% - 2rem);background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.3);transform:translateX(120%);opacity:0;transition:.3s}.push-notification-toast.show{transform:translateX(0);opacity:1}.push-notification-content{display:flex;align-items:flex-start;gap:.75rem;padding:1rem}.push-notification-icon{width:40px;height:40px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.push-notification-icon .icon{width:20px;height:20px;color:#fff}.push-notification-text{flex:1;min-width:0}.push-notification-title{font-weight:600;font-size:.95rem;color:var(--text);margin-bottom:.25rem}.push-notification-body{font-size:.85rem;color:var(--text-muted);line-height:1.4}.push-notification-close{background:0 0;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.push-notification-close:hover{color:var(--text)}@media (max-width:600px){.push-notification-toast{top:auto;bottom:1rem;left:1rem;right:1rem;width:auto;max-width:none}}.notification-permission-icon{margin-bottom:1rem}.notification-permission-features{text-align:left;margin:1.5rem 0}.notification-feature{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text);font-size:.95rem}.notification-feature-icon{width:24px;height:24px;background:rgba(16,185,129,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981;flex-shrink:0}.btn-notification-enable{width:100%;padding:.875rem 1.5rem;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.2s;margin-bottom:.75rem}.btn-notification-enable:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-notification-enable svg{flex-shrink:0}.notification-settings-group{margin-top:.5rem}.notification-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.notification-toggle-row:last-child{border-bottom:none}.notification-toggle-info{flex:1}.notification-toggle-label{font-size:.9rem;color:var(--text);font-weight:500}.notification-toggle-desc{font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.notification-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.notification-toggle input{opacity:0;width:0;height:0}.notification-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);transition:.3s;border-radius:24px}.notification-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.notification-toggle input:checked+.notification-toggle-slider{background-color:var(--accent)}.notification-toggle input:checked+.notification-toggle-slider:before{transform:translateX(20px)}.notification-time-select{padding:.5rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:.85rem}#offlineIndicator{position:fixed;bottom:1rem;left:1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;display:none;align-items:center;gap:.5rem;z-index:9999;box-shadow:0 4px 15px rgba(0,0,0,.3);animation:2s infinite pulse}#offlineIndicator.show{display:flex}#offlineIndicator svg{width:16px;height:16px}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.offline-download-btn{width:100%;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:.2s}.offline-download-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.offline-download-btn.downloaded{background:rgba(16,185,129,.15);border-color:#10b981;color:#10b981;cursor:default}.offline-download-btn:disabled{opacity:.7}.offline-download-btn svg{width:16px;height:16px;flex-shrink:0}.offline-info-text{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;text-align:center}.profile-info{flex:1;min-width:0}.profile-info h3{font-size:1.1rem;margin:0 0 .25rem}.profile-info p{font-size:.75rem;color:var(--text-muted);margin:.15rem 0 0}.profile-stats-inline{font-size:.8rem;color:var(--text-muted);text-align:center;padding:.5rem 0;margin-bottom:.75rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.profile-stats-inline span{font-weight:600;color:var(--accent)}.profile-xp-section{background:rgba(99,102,241,.08);border-radius:12px;padding:.75rem 1rem;margin:.75rem 0}.profile-xp-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.profile-xp-level-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.75rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.profile-xp-level-name{font-weight:600;color:var(--text);flex:1}.profile-xp-value{font-size:.85rem;font-weight:700;color:var(--accent)}.profile-xp-bar{height:8px;background:rgba(99,102,241,.2);border-radius:4px;overflow:hidden}.profile-xp-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s}.profile-xp-next{font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:.35rem}.profile-badges-section{margin:.75rem 0;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:12px}.profile-badges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.profile-badges-title{font-weight:600;font-size:.85rem;color:var(--text)}.profile-badges-count{font-size:.75rem;color:var(--text-muted)}.profile-badges-grid{display:flex;flex-wrap:wrap;gap:.5rem}.profile-badges-link{display:block;width:100%;flex-basis:100%;text-align:center;color:var(--accent);font-size:.8rem;margin-top:.75rem;text-decoration:none}.profile-badges-link:hover{text-decoration:underline}@media (max-width:480px){.profile-modal{padding:.5rem}.profile-modal-content{padding:1rem;max-height:85vh;border-radius:12px}.profile-tabs{margin-bottom:.75rem;padding-bottom:.5rem}.profile-tab{padding:.4rem .75rem;font-size:.85rem}.profile-header{gap:.5rem;margin-bottom:.5rem}.profile-avatar{width:40px;height:40px;font-size:1rem}.profile-info h3{font-size:1rem}.profile-info p{font-size:.75rem}.profile-xp-section{padding:.5rem .75rem;margin:.5rem 0}.profile-xp-level-badge{width:20px;height:20px;font-size:.65rem}.profile-xp-level-name{font-size:.85rem}.profile-xp-value{font-size:.75rem}.profile-xp-bar{height:6px}.profile-xp-next{font-size:.65rem}.profile-badges-section{padding:.5rem;margin:.5rem 0}.profile-badges-title{font-size:.8rem}.profile-badges-grid{gap:.35rem}.profile-stats-compact{padding:.5rem;margin:.5rem 0;gap:.25rem}.profile-stat-value{font-size:.9rem}.profile-stat-label{font-size:.6rem}.profile-settings-group{margin-bottom:1rem}.profile-settings-label{font-size:.7rem;margin-bottom:.5rem}.profile-setting-row{margin-bottom:.5rem}.profile-setting-row label{font-size:.8rem}.profile-theme-btn{padding:.4rem;font-size:.75rem}.profile-sound-btn{padding:.4rem .75rem;font-size:.8rem}.profile-btn-admin,.profile-btn-danger,.profile-btn-lernplan,.profile-btn-premium,.profile-btn-secondary{padding:.5rem!important;font-size:.85rem!important}.profile-delete-section{margin-top:.75rem}.profile-btn-delete{padding:.4rem!important;font-size:.8rem!important}}.achievements-page-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.achievements-page-content{background:var(--bg-card);border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;padding:1.5rem}.achievements-page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative}.achievements-page-header h2{margin:0;font-size:1.25rem;color:var(--text)}.achievements-count{font-size:.85rem;color:var(--text-muted)}.achievements-page-close{position:absolute;right:0;top:50%;transform:translateY(-50%);background:0 0;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer}.achievements-page-grid{display:flex;flex-direction:column;gap:.75rem}.achievement-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;background:var(--bg);border:1px solid var(--border);position:relative}.achievement-card.locked{opacity:.5}.achievement-card.unlocked{border-color:var(--accent);cursor:pointer;transition:transform .2s,box-shadow .2s}.achievement-card.rare.unlocked{border-color:#f59e0b;box-shadow:0 0 12px rgba(245,158,11,.3)}.achievement-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.achievement-icon svg{width:40px;height:40px}.achievement-info{flex:1}.achievement-name{font-weight:600;font-size:.95rem;color:var(--text);font-family:monospace}.achievement-desc{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.achievement-unlocked-badge{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.7rem;color:var(--success);font-weight:600}.achievement-card.unlocked:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.achievement-detail-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:10001;display:flex;align-items:center;justify-content:center;padding:1rem;animation:.2s fadeIn}.achievement-detail-box{background:var(--bg-card);border-radius:20px;max-width:360px;width:100%;padding:2rem;text-align:center;position:relative;animation:.3s slideUp}.achievement-detail-close{position:absolute;right:1rem;top:1rem;background:0 0;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer}.achievement-detail-icon{width:100px;height:100px;margin:0 auto 1.5rem}.achievement-detail-icon svg{width:100%;height:100%}.achievement-detail-name{font-size:1.5rem;font-weight:700;font-family:monospace;color:var(--accent);margin-bottom:.5rem}.achievement-detail-desc{font-size:1rem;color:var(--text);margin-bottom:1.5rem}.achievement-detail-meta{background:var(--bg);border-radius:12px;padding:1rem;margin-bottom:1rem}.achievement-detail-meta-row{display:flex;justify-content:space-between;font-size:.85rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.achievement-detail-meta-row:last-child{border-bottom:none}.achievement-detail-meta-label{color:var(--text-muted)}.achievement-detail-meta-value{color:var(--text);font-weight:500}.achievement-detail-rare{display:inline-block;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#000;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;margin-top:.5rem}.profile-badge-item{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;transition:.2s;cursor:pointer;position:relative}.profile-badge-item .icon{width:18px;height:18px;color:var(--text-muted)}.profile-badge-item.unlocked{background:0 0}.profile-badge-item.unlocked .icon{color:#fff}.profile-badge-item.unlocked.rare .badge-svg{animation:2.5s ease-in-out infinite rare-glow}@keyframes rare-glow{0%,100%{filter:drop-shadow(0 0 4px rgba(255, 215, 0, .4))}50%{filter:drop-shadow(0 0 12px rgba(255, 215, 0, .8))}}.profile-badge-item .badge-svg{width:40px;height:40px}.profile-badge-item.unlocked .badge-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.profile-badge-item:not(.unlocked) .badge-svg{filter:grayscale(1) opacity(.4)}.profile-badge-item:hover{transform:scale(1.15)}.profile-badge-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.9);background:linear-gradient(135deg,var(--bg-card),var(--bg-secondary));border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;white-space:normal;min-width:160px;max-width:220px;text-align:center;z-index:100;opacity:0;pointer-events:none;transition:.25s cubic-bezier(.4, 0, .2, 1);box-shadow:0 8px 24px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.05)}.profile-badge-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:var(--bg-card)}.profile-badge-item:hover .profile-badge-tooltip{opacity:1;transform:translateX(-50%) scale(1)}.profile-badge-tooltip-name{font-weight:700;font-size:.9rem;color:var(--primary);word-wrap:break-word;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.25rem}.profile-badge-tooltip-desc{font-size:.8rem;color:var(--text);word-wrap:break-word;line-height:1.4}.profile-badge-tooltip-date{font-size:.7rem;color:var(--text-muted);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:.25rem}.profile-badge-tooltip-date::before{content:'✓';color:var(--success);font-size:.65rem}.profile-learning-time{text-align:center;font-size:.8rem;color:var(--text-muted);padding:.25rem 0 .5rem}.profile-learning-time span{font-weight:600;color:var(--success)}.profile-name-row{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.profile-name-row h3{margin:0;font-size:1rem;white-space:nowrap;flex-shrink:1;max-width:fit-content}.profile-name-edit-btn{background:0 0;border:none;padding:.2rem;cursor:pointer;color:var(--text-muted);opacity:.6;transition:opacity .2s,color .2s;display:flex;align-items:center}.profile-name-edit-btn:hover{opacity:1;color:var(--accent)}.profile-name-edit-row{display:flex;align-items:center;gap:.4rem;margin-top:.3rem}.profile-name-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.3rem .5rem;font-size:.85rem;color:var(--text);width:140px}.profile-name-input:focus{outline:0;border-color:var(--accent)}.profile-name-cancel-btn,.profile-name-save-btn{background:0 0;border:1px solid var(--border);border-radius:6px;padding:.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.profile-name-save-btn{color:var(--success);border-color:var(--success)}.profile-name-save-btn:hover{background:var(--success);color:#fff}.profile-name-cancel-btn{color:var(--text-muted)}.profile-name-cancel-btn:hover{color:var(--danger);border-color:var(--danger)}.profile-badge{display:inline-block;padding:.1rem .4rem;border-radius:8px;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;flex-shrink:0}.profile-badge.premium{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.15));border:1px solid rgba(16,185,129,.4);color:#10b981}.profile-badge.free{background:var(--bg);border:1px solid var(--border);color:var(--text-muted)}.profile-badge:empty{display:none}.profile-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.profile-actions-row{display:flex;gap:.5rem;width:100%;justify-content:center}.profile-actions-row button{flex:1}.profile-actions button{padding:.6rem .75rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:.4rem}.profile-btn-admin,.profile-btn-danger,.profile-btn-delete,.profile-btn-lernplan,.profile-btn-premium,.profile-btn-secondary{padding:.6rem 1rem;border-radius:8px;font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.profile-btn-secondary{background:var(--bg);border:1px solid var(--border);color:var(--text)}.profile-btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent)}.profile-btn-danger{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.profile-btn-danger:hover{background:rgba(239,68,68,.2);border-color:#ef4444}.profile-btn-premium{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15));border:1px solid rgba(99,102,241,.4);color:var(--accent);display:none;width:100%}.profile-btn-premium:hover{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(139,92,246,.25));border-color:var(--accent)}.profile-btn-premium.show{display:flex}.profile-actions-row:has(.profile-btn-premium:not(.show)){display:none}[data-indasys=true] #headerPremiumBtn,[data-indasys=true] .affiliate-banner,[data-indasys=true] .daily-limit-banner,[data-indasys=true] .footer-links a[onclick*=AGB],[data-indasys=true] .footer-links a[onclick*=Changelog],[data-indasys=true] .footer-links a[onclick*=Datenschutz],[data-indasys=true] .footer-links a[onclick*=Impressum],[data-indasys=true] .footer-links a[onclick*=Widerruf],[data-indasys=true] .premium-modal,[data-indasys=true] .premium-upsell,[data-indasys=true] .profile-btn-premium,[data-indasys=true] .profile-premium-badge,[data-indasys=true] .quiz-limit-warning,[data-indasys=true] .upgrade-prompt,[data-indasys=true] [onclick*=showPremiumModal]{display:none!important}[data-indasys=true] .footer-links{justify-content:center}[data-indasys=true]{--accent:#22c55e;--accent-hover:#16a34a;--accent-light:rgba(34, 197, 94, 0.1)}.profile-delete-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.profile-btn-delete{width:100%;background:0 0;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.8rem}.profile-btn-delete:hover{background:rgba(239,68,68,.1);border-color:#ef4444}.delete-account-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);z-index:1001;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.delete-account-modal.show{display:flex}.delete-account-box{background:var(--bg-card);border-radius:16px;padding:2rem;max-width:450px;width:90%;border:1px solid var(--border);box-shadow:0 25px 50px rgba(0,0,0,.5)}.delete-account-box h2{color:#ef4444;margin-bottom:1rem;font-size:1.3rem}.delete-warning{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.delete-warning p{color:var(--text);margin-bottom:.75rem;font-size:.9rem}.delete-warning ul{margin:0;padding-left:1.25rem}.delete-warning li{color:var(--text-muted);font-size:.85rem;margin-bottom:.25rem}.delete-confirm-input{margin-bottom:1.5rem}.delete-confirm-input label{display:block;color:var(--text);font-size:.9rem;margin-bottom:.5rem}.delete-confirm-input input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-size:1rem;box-sizing:border-box}.delete-confirm-input input:focus{outline:0;border-color:#ef4444}.delete-actions{display:flex;gap:.75rem}.delete-actions button{flex:1;padding:.75rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:.2s}.delete-actions .btn-secondary{background:var(--bg);border:1px solid var(--border);color:var(--text)}.delete-actions .btn-secondary:hover{border-color:var(--accent)}.delete-actions .btn-danger{background:#ef4444;border:1px solid #ef4444;color:#fff}.delete-actions .btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.delete-actions .btn-danger:disabled{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.3);cursor:not-allowed}.profile-btn-admin{width:100%;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);border:none;color:#fff;font-weight:600}.profile-btn-admin:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.3)}.admin-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center;padding:1rem}.admin-modal.show{display:flex}.admin-modal-content{background:var(--bg-card);border-radius:16px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border:1px solid var(--border)}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-secondary);border-radius:16px 16px 0 0}.admin-modal-header h2{margin:0;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.admin-modal-close{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:.25rem .5rem;line-height:1;border-radius:8px;transition:.2s}.admin-modal-close:hover{background:var(--danger);color:#fff}.admin-panel{background:var(--bg-card);border-radius:16px;width:100%;max-width:800px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.4)}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.admin-header h2{margin:0;font-size:1.25rem}.admin-close{background:0 0;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:.25rem;line-height:1}.admin-close:hover{color:var(--text)}.admin-stats{display:flex;gap:1.5rem;padding:1rem 1.5rem;background:var(--bg);border-bottom:1px solid var(--border);font-size:.9rem}.admin-stat{display:flex;flex-direction:column;gap:.25rem}.admin-stat-value{font-size:1.25rem;font-weight:700;color:var(--accent)}.admin-stat-label{font-size:.75rem;color:var(--text-muted)}.admin-search{margin-bottom:1.5rem}.admin-search input{width:100%;max-width:400px;padding:.85rem 1.25rem .85rem 2.75rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);color:var(--text);font-size:.9rem;transition:.2s}.admin-search input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.15);background:var(--bg-card)}.admin-search input::placeholder{color:var(--text-muted)}.admin-search-wrapper{position:relative;display:inline-block;width:100%;max-width:400px}.admin-search-wrapper::before{content:'';position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-size:contain;opacity:.6;pointer-events:none;z-index:1}.admin-search-input{width:100%;padding:.85rem 1.25rem .85rem 2.75rem;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary);color:var(--text);font-size:.9rem;transition:.2s}.admin-search-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.15);background:var(--bg-card)}.admin-search-input::placeholder{color:var(--text-muted)}.admin-users{flex:1;overflow-y:auto;padding:1rem 1.5rem}.admin-user-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:.75rem}.admin-user-card.banned{border-color:#ef4444;background:rgba(239,68,68,.1)}.admin-user-info{flex:1}.admin-user-name{font-weight:600;display:flex;align-items:center;gap:.5rem}.admin-user-badge{font-size:.7rem;padding:.15rem .4rem;border-radius:4px;font-weight:600}.admin-user-badge.premium{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.admin-user-badge.banned{background:#ef4444;color:#fff}.admin-user-meta{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.admin-user-actions{display:flex;gap:.5rem}.admin-btn{padding:.4rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text);transition:.2s}.admin-btn:hover{border-color:var(--accent)}.admin-btn.danger{border-color:#ef4444;color:#ef4444}.admin-btn.danger:hover{background:#ef4444;color:#fff}.admin-btn.success{border-color:#10b981;color:#10b981}.admin-btn.success:hover{background:#10b981;color:#fff}.admin-btn.warning{border-color:#f59e0b;color:#f59e0b}.admin-btn.warning:hover{background:#f59e0b;color:#fff}.admin-loading{text-align:center;padding:2rem;color:var(--text-muted)}.admin-dashboard{max-width:1400px;margin:0 auto;padding:2rem}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.admin-dashboard-header h1{font-size:1.5rem;color:var(--text);margin:0;display:flex;align-items:center;gap:.75rem}.admin-dashboard-header h1::before{content:'';display:inline-block;width:4px;height:24px;background:linear-gradient(180deg,var(--primary),var(--accent));border-radius:2px}.admin-time-filter{display:flex;gap:.5rem;flex-wrap:wrap;background:var(--bg-secondary);padding:4px;border-radius:10px}.admin-time-filter button{padding:.5rem 1rem;border:none;background:0 0;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:.2s;font-size:.85rem;font-weight:500}.admin-time-filter button:hover{color:var(--text);background:var(--bg-hover)}.admin-time-filter button.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.3)}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:var(--bg-secondary);border-radius:12px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch}.admin-tabs::-webkit-scrollbar{height:6px}.admin-tabs::-webkit-scrollbar-track{background:0 0}.admin-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.admin-tab{padding:.65rem 1rem;background:0 0;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:500;border-radius:8px;transition:.2s;white-space:nowrap;flex-shrink:0}.admin-tab:hover{color:var(--text);background:var(--bg-hover)}.admin-tab.active{color:#fff;background:var(--primary);box-shadow:0 2px 8px rgba(99,102,241,.25)}.admin-tab-content{display:none;animation:.3s adminFadeIn}@keyframes adminFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-tab-content.active{display:block}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.admin-kpi-card{background:var(--bg-card);border-radius:16px;padding:1.25rem;border:1px solid var(--border);transition:.3s;position:relative;overflow:hidden}.admin-kpi-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity .3s}.admin-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:var(--primary)}.admin-kpi-card:hover::before{opacity:1}.admin-kpi-card.highlight{background:linear-gradient(135deg,rgba(99,102,241,.15) 0,rgba(139,92,246,.1) 100%);border-color:rgba(99,102,241,.3)}.admin-kpi-card.highlight::before{opacity:1}.admin-kpi-card.warning{background:linear-gradient(135deg,rgba(251,191,36,.15) 0,rgba(245,158,11,.1) 100%);border-color:rgba(251,191,36,.4)}.admin-kpi-card.danger{background:linear-gradient(135deg,rgba(239,68,68,.15) 0,rgba(220,38,38,.1) 100%);border-color:rgba(239,68,68,.4)}.admin-kpi-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.admin-kpi-value{font-size:2rem;font-weight:700;color:var(--text);line-height:1.1}.admin-kpi-change{font-size:.8rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.admin-kpi-change.positive{color:#10b981}.admin-kpi-change.negative{color:#ef4444}.admin-kpi-card.clickable{cursor:pointer;transition:.2s}.admin-kpi-card.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:var(--accent)}.admin-kpi-card.clickable::after{content:'→';position:absolute;top:1rem;right:1rem;opacity:0;color:var(--accent);font-size:1.2rem;transition:opacity .2s}.admin-kpi-card.clickable:hover::after{opacity:1}.admin-funnel-container{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--border);margin-bottom:1.5rem}.admin-funnel{display:flex;flex-direction:column;gap:.75rem}.admin-funnel-step{display:flex;align-items:center;gap:1rem}.admin-funnel-bar{height:32px;width:var(--width,100%);background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:6px;min-width:40px;transition:width .5s}.admin-funnel-step.highlight .admin-funnel-bar{background:linear-gradient(90deg,#10b981,#059669)}.admin-funnel-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary);white-space:nowrap}.admin-funnel-label strong{color:var(--text);font-size:1.1rem}.admin-funnel-percent{background:var(--bg-hover);padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.admin-chart-container{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--border);margin-bottom:1.5rem;transition:.3s}.admin-chart-container:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.admin-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.admin-chart-title{font-size:.95rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.5rem}.admin-chart-wrapper{position:relative;height:280px}.admin-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem;margin-bottom:1.5rem}@media (max-width:900px){.admin-grid-2{grid-template-columns:1fr}}.admin-table-container{background:var(--bg-card);border-radius:16px;border:1px solid var(--border);overflow:hidden;transition:.3s}.admin-table-container:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.admin-table-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary)}.admin-table-title{font-weight:600;color:var(--text);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.admin-table{width:100%;border-collapse:collapse;table-layout:fixed}.admin-table td,.admin-table th{padding:1rem 1.25rem;text-align:left}.admin-table thead{border-bottom:1px solid var(--border)}.admin-table th{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;background:var(--bg-secondary);letter-spacing:.5px}.admin-table tbody tr{border-bottom:1px solid var(--border)}.admin-table td{font-size:.9rem;color:var(--text)}.admin-table tbody tr:last-child{border-bottom:none}.admin-table tr{transition:background .2s}.admin-table tr:hover td{background:var(--bg-hover)}.admin-badge{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.admin-badge.premium{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(251,191,36,.2));color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.admin-badge.free{background:rgba(107,114,128,.15);color:#9ca3af;border:1px solid rgba(107,114,128,.2)}.admin-badge.active{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.admin-badge.churned{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-skeleton{background:linear-gradient(90deg,var(--bg) 25%,var(--border) 50%,var(--bg) 75%);background-size:200% 100%;animation:1.5s infinite admin-skeleton-loading;border-radius:8px}@keyframes admin-skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.admin-empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.admin-empty-state-icon{font-size:3rem;margin-bottom:1rem}.admin-action-btn{padding:.5rem .9rem;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text);border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.admin-action-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(99,102,241,.1);transform:translateY(-1px)}.admin-action-btn.danger{color:var(--text-muted)}.admin-action-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:rgba(239,68,68,.1)}.admin-action-btn.warning{color:var(--text-muted)}.admin-action-btn.warning:hover{border-color:#f59e0b;color:#f59e0b;background:rgba(245,158,11,.1)}.admin-action-btn.success:hover{border-color:#10b981;color:#10b981;background:rgba(16,185,129,.1)}.admin-action-btn.active{color:#f59e0b;border-color:rgba(245,158,11,.5);background:rgba(245,158,11,.15)}.admin-action-btn.small{padding:.35rem .6rem;font-size:.75rem}.admin-action-btn.secondary{background:0 0}.admin-actions-cell{display:flex;gap:.35rem;align-items:center;justify-content:flex-end}.admin-action-btn svg{display:block;width:14px;height:14px}.admin-action-slot{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.admin-action-slot .admin-action-btn{width:32px;height:32px;padding:0;border-radius:8px}.profile-exam-section{margin-bottom:.6rem}.profile-exam-label{display:block;font-size:.7rem;color:var(--text-muted);margin-bottom:.3rem}.profile-exam-input,.profile-exam-select{width:100%;padding:.5rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem;cursor:pointer;box-sizing:border-box}.profile-exam-input:focus,.profile-exam-select:focus{outline:0;border-color:var(--accent)}.profile-exam-input{margin-top:.3rem}.profile-lernplan-section{margin-top:1rem}.profile-btn-lernplan{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;font-weight:600;font-size:.9rem;border-radius:10px;min-height:44px;box-shadow:0 4px 15px rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;gap:.5rem}.profile-btn-lernplan:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(99,102,241,.4)}.profile-btn-lernplan:active{transform:translateY(0)}.premium-badge-small{display:inline-block;background:linear-gradient(135deg,var(--accent) 0,#9f7aea 100%);color:#fff;font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}.profile-btn-lernplan .icon{width:16px;height:16px;flex-shrink:0}.profile-settings-divider{height:1px;background:var(--border);margin:.75rem 0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.exam-countdown{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.5rem;margin:0 auto 1.5rem;max-width:400px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border:1px solid rgba(99,102,241,.3);border-radius:12px}.exam-countdown-today{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));border-color:rgba(16,185,129,.3)}.exam-countdown-urgent{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.1));border-color:rgba(239,68,68,.3)}.exam-countdown-urgent .countdown-days{color:#ef4444}.countdown-icon{font-size:1.5rem}.countdown-text{display:flex;align-items:baseline;gap:.5rem}.countdown-days{font-size:1.75rem;font-weight:700;color:var(--accent)}.countdown-label{font-size:.9rem;color:var(--text-muted)}.smart-reminder{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:1rem auto;max-width:500px;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.smart-reminder:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.smart-reminder-progress{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.15));border:1px solid rgba(16,185,129,.4)}.smart-reminder-warning{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(217,119,6,.15));border:1px solid rgba(245,158,11,.4)}.smart-reminder-urgent{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,38,.15));border:1px solid rgba(239,68,68,.4);animation:2s infinite pulse-urgent}@keyframes pulse-urgent{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}}.reminder-icon{font-size:1.5rem;flex-shrink:0}.reminder-content{flex:1}.reminder-content strong{display:block;font-size:.95rem;color:var(--text)}.reminder-content p{margin:.25rem 0 0;font-size:.8rem;color:var(--text-muted)}.reminder-arrow{font-size:1.25rem;color:var(--text-muted)}.ihk-resources-list{margin:1.5rem 0}.ihk-resource-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg);border-radius:10px;text-decoration:none;color:var(--text);margin-bottom:.5rem;transition:transform .2s,background .2s}.ihk-resource-item:hover{transform:translateX(4px);background:var(--bg-card)}.resource-icon{font-size:1.5rem}.resource-info{flex:1;text-align:left}.resource-info strong{display:block;font-size:.95rem}.resource-info span{font-size:.8rem;color:var(--text-muted)}.resource-arrow{font-size:1.25rem;color:var(--text-muted)}.ihk-tip{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border:1px solid rgba(99,102,241,.3);border-radius:10px;padding:.75rem 1rem;font-size:.85rem;text-align:left;margin-top:1rem}@media (max-width:600px){.smart-reminder{margin:.75rem 0}.exam-countdown{margin:0 0 1rem;padding:.6rem 1rem}.countdown-days{font-size:1.5rem}}.payment-status-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1002;align-items:center;justify-content:center;padding:1rem}.payment-status-modal.show{display:flex}.payment-status-content{background:var(--bg-card);border-radius:16px;padding:2rem;max-width:400px;width:100%;text-align:center;border:1px solid var(--border);animation:.3s modal-pop;position:relative}.payment-status-icon{font-size:4rem;margin-bottom:1rem;animation:.5s payment-icon-bounce}@keyframes payment-icon-bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.payment-status-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.payment-status-title.success{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-status-title.canceled{color:var(--warning)}.payment-status-message{font-size:1rem;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.5}.payment-status-close{background:var(--accent);border:none;border-radius:8px;padding:.75rem 2rem;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:.2s}.payment-status-close:hover{background:var(--accent-hover);transform:translateY(-2px)}.payment-status-timer{position:absolute;bottom:0;left:0;height:4px;background:var(--accent);border-radius:0 0 16px 16px;animation:5s linear forwards timer-shrink}@keyframes timer-shrink{from{width:100%}to{width:0%}}.tutor-marketplace{max-width:1000px;margin:0 auto;padding:2rem 1rem}.tutor-header{text-align:center;margin-bottom:2rem}.tutor-header h1{font-size:2rem;color:var(--text);margin-bottom:.5rem}.tutor-header p{color:var(--text-muted)}.tutor-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.tutor-filter-chips{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.tutor-chip{padding:.5rem 1rem;background:var(--card-bg);border:1px solid var(--border);border-radius:20px;cursor:pointer;transition:.2s;font-size:.9rem;color:var(--text)}.tutor-chip.active,.tutor-chip:hover{background:var(--primary);border-color:var(--primary);color:#fff}.tutor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.tutor-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.tutor-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.tutor-card h3{color:var(--text);margin-bottom:.5rem;font-size:1.2rem}.tutor-card .tutor-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem;line-height:1.5}.tutor-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tutor-tag{background:rgba(99,102,241,.2);color:var(--primary);padding:.25rem .75rem;border-radius:12px;font-size:.8rem}.tutor-price{font-size:1.1rem;color:var(--accent);font-weight:600;margin-bottom:1rem}.tutor-card .btn{width:100%}.tutor-empty{text-align:center;padding:3rem;color:var(--text-muted)}.tutor-empty h3{color:var(--text);margin-bottom:.5rem}.tutor-form-group{margin-bottom:1.5rem}.tutor-form-group label{display:block;color:var(--text);margin-bottom:.5rem;font-weight:500}.tutor-form-group input,.tutor-form-group select,.tutor-form-group textarea{width:100%;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem}.tutor-form-group input:focus,.tutor-form-group select:focus,.tutor-form-group textarea:focus{outline:0;border-color:var(--primary)}.tutor-form-group textarea{min-height:100px;resize:vertical}.tutor-checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.tutor-checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.tutor-checkbox-group input[type=checkbox]{width:auto;accent-color:var(--primary)}.tutor-detail-modal .modal-content{max-width:500px}.tutor-detail h2{color:var(--text);margin-bottom:.5rem}.tutor-detail .tutor-full-desc{color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.tutor-contact-info{background:var(--bg);padding:1rem;border-radius:12px;margin-bottom:1rem}.tutor-contact-info p{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--text)}.tutor-contact-info p:last-child{margin-bottom:0}.tutor-disclaimer{font-size:.85rem;color:var(--text-muted);text-align:center;padding:1rem;background:rgba(239,68,68,.1);border-radius:8px;margin-top:1rem}.tutor-rating{display:flex;align-items:center;gap:.25rem;margin:.5rem 0}.tutor-rating .stars{display:flex;gap:2px}.tutor-rating .star{color:#fbbf24;font-size:.9rem}.tutor-rating .star.empty{color:var(--border)}.tutor-rating .rating-count{color:var(--text-muted);font-size:.8rem;margin-left:.25rem}.tutor-verified{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;margin-left:.5rem}.tutor-verified svg{width:12px;height:12px}.tutor-specializations{display:flex;flex-wrap:wrap;gap:.25rem;margin:.5rem 0}.tutor-spec-tag{background:var(--accent);color:#fff;font-size:.7rem;padding:.15rem .4rem;border-radius:4px;font-weight:500}.tutor-availability{margin:.75rem 0}.tutor-availability-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem}.tutor-availability-grid{display:flex;flex-wrap:wrap;gap:.25rem}.tutor-day-slot{font-size:.7rem;padding:.2rem .4rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text-muted)}.tutor-day-slot.available{background:rgba(16,185,129,.1);border-color:#10b981;color:#10b981}.availability-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-top:.5rem}.availability-day{text-align:center;padding:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:.2s}.availability-day:hover{border-color:var(--accent)}.availability-day.selected{background:var(--accent);border-color:var(--accent);color:#fff}.availability-day .day-name{font-size:.7rem;font-weight:600;text-transform:uppercase}.availability-day .day-times{font-size:.6rem;margin-top:.25rem;color:var(--text-muted)}.availability-day.selected .day-times{color:rgba(255,255,255,.8)}.time-slot-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.time-slot{padding:.4rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:.8rem;cursor:pointer;transition:.2s}.time-slot:hover{border-color:var(--accent)}.time-slot.selected{background:var(--accent);border-color:var(--accent);color:#fff}.tutor-reviews{margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1rem}.tutor-reviews h4{color:var(--text);font-size:1rem;margin-bottom:1rem}.tutor-review-card{background:var(--bg);border-radius:8px;padding:1rem;margin-bottom:.75rem}.tutor-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tutor-review-author{font-weight:600;color:var(--text);font-size:.9rem}.tutor-review-date{font-size:.75rem;color:var(--text-muted)}.tutor-review-text{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.tutor-review-empty{text-align:center;padding:1rem;color:var(--text-muted);font-size:.9rem}.review-form{background:var(--bg);border-radius:8px;padding:1rem;margin-top:1rem}.review-form h5{color:var(--text);font-size:.9rem;margin-bottom:.75rem}.star-rating-input{display:flex;gap:.25rem;margin-bottom:.75rem}.star-rating-input .star-btn{background:0 0;border:none;cursor:pointer;font-size:1.5rem;color:var(--border);transition:color .2s;padding:0}.star-rating-input .star-btn.active,.star-rating-input .star-btn:hover{color:#fbbf24}@media (max-width:768px){.tutor-marketplace{padding:1rem}.tutor-grid{grid-template-columns:1fr}}