.navigation-lock-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navigation-lock-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:40px;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);position:relative}.navigation-lock-modal .close-btn{position:absolute;top:15px;right:15px;width:36px;height:36px;border:none;border-radius:50%;background:#ffffff1a;color:#aaa;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.navigation-lock-modal .close-btn:hover{background:#ff6b6b33;color:#ff6b6b}.navigation-lock-modal .lock-icon{font-size:64px;margin-bottom:20px;animation:pulse 2s infinite}.navigation-lock-modal h2{color:orange;font-size:28px;margin:0 0 15px}.navigation-lock-modal .lock-message{color:#fff;font-size:16px;margin:0 0 5px}.navigation-lock-modal .lock-instruction{color:#aaa;font-size:14px;margin:0 0 25px}.navigation-lock-modal .pin-display{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.navigation-lock-modal .pin-dot{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:24px;color:#ffffff4d;transition:all .2s}.navigation-lock-modal .pin-dot.filled{border-color:#4ecdc4;color:#4ecdc4}.navigation-lock-modal .pin-keypad{display:flex;flex-direction:column;gap:10px;margin-top:20px}.navigation-lock-modal .keypad-row{display:flex;justify-content:center;gap:10px}.navigation-lock-modal .keypad-btn{width:70px;height:55px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#fff;font-size:24px;font-weight:600;cursor:pointer;transition:all .15s}.navigation-lock-modal .keypad-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.05)}.navigation-lock-modal .keypad-btn:active{transform:scale(.95);background:#4ecdc433}.navigation-lock-modal .keypad-btn.delete{background:#ff6b6b1a;border-color:#ff6b6b4d;font-size:20px}.navigation-lock-modal .keypad-btn.delete:hover{background:#ff6b6b33;border-color:#ff6b6b80}.navigation-lock-modal .keypad-btn.ok{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-color:#4ecdc4;font-size:16px;font-weight:700}.navigation-lock-modal .keypad-btn.ok:hover{box-shadow:0 5px 20px #4ecdc466}.navigation-lock-modal .unlock-error{color:#ff6b6b;font-size:14px;margin:10px 0 0;animation:shake .3s ease}.navigation-lock-modal .cancel-btn{margin-top:25px;padding:14px 28px;background:transparent;border:2px solid rgba(255,255,255,.2);border-radius:50px;color:#aaa;font-size:14px;cursor:pointer;transition:all .2s;width:100%}.navigation-lock-modal .cancel-btn:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg: #0b1020;--panel: #0f1835;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .7);--border: rgba(255, 255, 255, .12);--accent: #7c5cff}.layout{min-height:100vh;display:grid;grid-template-columns:200px 1fr;grid-template-rows:auto 1fr;background:radial-gradient(1200px 800px at 20% 0%,#18245a 0%,var(--bg) 55%);color:var(--text)}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;padding:12px 20px;border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--panel),transparent 50%)}.topbar-spacer{flex:1}.auth-loading{color:#ffffff80;font-size:.9rem}.sidenav{border-right:1px solid var(--border);background:color-mix(in oklab,var(--panel),transparent 30%);padding:16px 10px;overflow:hidden}.brand{display:grid;gap:6px;align-items:start;justify-content:flex-start;margin-bottom:16px}.brandMeta{font-size:12px;color:#ffffffa6;padding-left:2px}.brandLogo{display:block;width:100%;max-width:200px;height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.nav{display:grid;gap:8px}.navItem{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-decoration:none;position:relative}.navIcon{width:20px;text-align:center;font-size:14px;opacity:.85}.navItem:hover{background:#ffffff0f;border-color:#ffffff14}.navItem.active{background:#7c5cff26;border-color:#7c5cff59}.navItem.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;border-radius:999px;background:#7c5cffe6}.content{padding:24px;overflow-x:hidden}h1{margin:0 0 10px;font-size:30px}h2{margin:18px 0 10px;font-size:16px;color:#ffffffd9}.sectionTitle{letter-spacing:.2px}p{margin:0;color:var(--muted);line-height:1.5}.tiles{margin-top:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.tile{display:grid;gap:6px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;text-decoration:none;color:inherit}.tileBody{display:grid;grid-template-columns:1fr 56px;align-items:center;gap:12px}.tileArt{width:56px;height:56px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000024;object-fit:cover;justify-self:end}.tile:hover{background:#ffffff17;border-color:#ffffff2e}.tileTitle{font-weight:700}.tileMeta{font-size:13px;color:#ffffffb8}.tilePlaceholder{color:#ffffffb3;border-style:dashed}.bigNote{padding:18px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;font-size:28px;font-weight:800;line-height:1.15}.panel{border:1px solid rgba(255,255,255,.12);background:#ffffff0f;border-radius:16px;padding:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(124,92,255,.35);background:#7c5cff2e;color:var(--text);text-decoration:none;font-size:13px;font-weight:600}.btn:hover{border-color:#7c5cff8c;background:#7c5cff3d}.btnSecondary{border-color:#ffffff29;background:#ffffff14}.btnSecondary:hover{border-color:#ffffff3d;background:#ffffff1f}.btnYoutube{background:red;border-color:red;color:#fff}.btnYoutube:hover{background:#c00;border-color:#c00}.leadsheets{display:grid;gap:14px}.leadsheetsHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.leadsheetsActions{display:flex;gap:10px;align-items:center}.leadsheetsSearch{width:min(320px,70vw);padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0000002e;color:var(--text);outline:none}.leadsheetsSearch::placeholder{color:#ffffff8c}.leadsheetsGrid{display:grid;grid-template-columns:360px 1fr;gap:14px;align-items:start}.leadsheetsList{padding:10px}.leadsheetsListMeta{padding:8px 10px;font-size:12px;color:#ffffffa6}.leadsheetsListItems{display:grid;gap:8px;max-height:calc(100vh - 260px);overflow:auto;padding:2px}.leadsheetItem{text-align:left;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);padding:12px;cursor:pointer}.leadsheetItem:hover{background:#ffffff17;border-color:#ffffff2e}.leadsheetItem.active{border-color:#7c5cff73;background:#7c5cff1f}.leadsheetTitle{font-weight:750}.leadsheetMeta{margin-top:4px;font-size:12px;color:#ffffffa6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leadsheetsViewer{padding:10px}.leadsheetsViewerTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 8px 10px}.leadsheetsViewerTitle{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leadsheetsViewerButtons{display:flex;gap:8px;flex-wrap:wrap}.leadsheetsFrame{width:100%;height:calc(100vh - 290px);border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0000002e}.leadsheetsEmpty{padding:16px;color:#ffffffb3}@media(max-width:800px){.layout{grid-template-columns:1fr}.sidenav{border-right:none;border-bottom:1px solid var(--border)}.nav{grid-auto-flow:column;grid-auto-columns:1fr}.navItem{grid-template-columns:1fr;justify-items:center;text-align:center}.navItem.active:before{display:none}.leadsheetsHeader{flex-direction:column}.leadsheetsGrid{grid-template-columns:1fr}.leadsheetsListItems{max-height:42vh}.leadsheetsFrame{height:60vh}}.auth-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{background:#1a1a2e;border-radius:16px;padding:2rem;width:100%;max-width:400px;position:relative;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background:#ffffff1a;color:#fff}.auth-form h2{margin:0 0 1.5rem;color:#fff;font-size:1.5rem;text-align:center}.form-description{color:#aaa;font-size:.9rem;text-align:center;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#ccc;font-size:.9rem}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;transition:border-color .2s,background .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#646cff;background:#ffffff1a}.error-message{background:#ff3b3033;border:1px solid rgba(255,59,48,.3);color:#ff6b6b;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.success-message{background:#34c75933;border:1px solid rgba(52,199,89,.3);color:#4ade80;padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.success-message p{margin:.5rem 0}.submit-btn{width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#646cff,#535bf2);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #646cff66}.switch-form{text-align:center;margin-top:1.5rem;color:#888;font-size:.9rem}.link-btn{background:none;border:none;color:#646cff;cursor:pointer;font-size:.9rem;text-decoration:underline}.link-btn:hover{color:#535bf2}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:.375rem .75rem .375rem .375rem;cursor:pointer;transition:all .2s;color:#fff}.user-menu-trigger:hover{background:#ffffff26;border-color:#ffffff4d}.user-avatar{width:28px;height:28px;background:linear-gradient(135deg,#646cff,#535bf2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.user-name{font-size:.9rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:200px;box-shadow:0 10px 40px #0006;overflow:hidden;z-index:100}.user-menu-header{padding:1rem;background:#ffffff0d}.user-email{color:#fff;font-size:.9rem;margin-bottom:.25rem;word-break:break-all}.user-role{color:#888;font-size:.8rem}.user-menu-divider{height:1px;background:#ffffff1a}.menu-item{display:block;width:100%;padding:.75rem 1rem;background:none;border:none;color:#ccc;font-size:.9rem;text-align:left;cursor:pointer;transition:background .2s}.menu-item:hover{background:#ffffff1a;color:#fff}.auth-btn{background:linear-gradient(135deg,#646cff,#535bf2);border:none;border-radius:8px;padding:.5rem 1rem;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.auth-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #646cff4d}.reset-password-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.reset-password-container{background:#1a1a2e;border-radius:16px;padding:2rem;width:100%;max-width:400px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.lsm-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.lsm-modal{background:var(--surface, #1a1a2e);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.lsm-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.lsm-header h2{margin:0;font-size:1.25rem;font-weight:600}.lsm-close{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7;transition:opacity .2s;padding:.25rem}.lsm-close:hover{opacity:1}.lsm-close:disabled{cursor:not-allowed;opacity:.3}.lsm-body{padding:1.5rem;overflow-y:auto;flex:1}.lsm-hint{margin:0 0 1rem;font-size:.9rem;opacity:.8;line-height:1.5}.lsm-textarea{width:100%;min-height:300px;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:inherit;font-family:Fira Code,Monaco,monospace;font-size:.85rem;line-height:1.5;resize:vertical}.lsm-textarea:focus{outline:none;border-color:var(--accent, #6c63ff)}.lsm-textarea::placeholder{opacity:.4}.lsm-textarea:disabled{opacity:.5;cursor:not-allowed}.lsm-error{margin-top:1rem;padding:.75rem 1rem;background:#ff4d4d26;border:1px solid rgba(255,77,77,.3);border-radius:8px;color:#ff6b6b;font-size:.9rem}.lsm-footer{display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.lsm-btn{padding:.6rem 1.25rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.lsm-btn:disabled{opacity:.5;cursor:not-allowed}.lsm-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:inherit}.lsm-btn-secondary:hover:not(:disabled){background:#ffffff1a}.lsm-btn-primary{background:var(--accent, #6c63ff);border:none;color:#fff}.lsm-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.lsm-success{padding:3rem 1.5rem;text-align:center}.lsm-success-icon{font-size:3rem;margin-bottom:1rem}.lsm-success p{margin:0;font-size:1.1rem;font-weight:500}.lsm-success-sub{margin-top:.5rem!important;opacity:.7;font-size:.9rem!important;font-weight:400!important}.user-management{padding:1rem 0}.um-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.um-header h2{margin:0}.um-stats{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.um-stat{background:var(--card-bg);padding:1rem 1.5rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;min-width:80px}.um-stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-color)}.um-stat-label{font-size:.8rem;color:var(--text-muted)}.user-section{margin-bottom:2rem;background:var(--card-bg);border-radius:12px;padding:1.5rem}.user-section h3{margin:0 0 1rem;font-size:1.1rem}.section-hint{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.warning-section{border:2px solid #f59e0b;background:#f59e0b1a}.klasse-group{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.klasse-group:first-of-type{margin-top:0;padding-top:0;border-top:none}.klasse-group h4{margin:0 0 .75rem;color:var(--accent-color);font-size:1rem}.users-table{width:100%;border-collapse:collapse}.users-table.compact{font-size:.9rem}.users-table th,.users-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.users-table th{font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.users-table tbody tr:hover{background:#0000000d}.users-table tbody tr:last-child td{border-bottom:none}.user-email-cell{display:flex;align-items:center;gap:.5rem}.school-badge{background:#22c55e;color:#fff;padding:.1rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600}.date-cell{color:var(--text-muted);font-size:.85rem}.role-select{padding:.3rem .5rem;border-radius:6px;border:1px solid var(--border-color);background:#1a1a2e;color:#fff;font-size:.85rem;cursor:pointer}.role-select option{background:#1a1a2e;color:#fff}.klasse-btn{padding:.3rem .75rem;border-radius:6px;border:1px dashed var(--border-color);background:transparent;color:var(--text-color);cursor:pointer;font-size:.85rem;transition:all .2s}.klasse-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.klasse-edit{display:flex;gap:.5rem;align-items:center}.klasse-edit select{padding:.3rem .5rem;border-radius:6px;border:1px solid var(--accent-color);background:#1a1a2e;color:#fff;font-size:.85rem}.klasse-edit select option{background:#1a1a2e;color:#fff}.cancel-btn{padding:.2rem .5rem;border-radius:4px;border:none;background:#ef444433;color:#ef4444;cursor:pointer;font-size:.9rem}.cancel-btn:hover{background:#ef44444d}@media(max-width:768px){.um-stats{justify-content:center}.users-table th,.users-table td{padding:.5rem;font-size:.8rem}.user-email-cell{flex-direction:column;align-items:flex-start;gap:.25rem}}.assignment-evaluator{padding:0}.evaluator-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.evaluator-header h2{margin:0;flex:1}.back-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background:transparent;color:var(--text-color);border-radius:8px;cursor:pointer;font-size:.9rem;transition:background .2s}.back-btn:hover{background:var(--card-bg)}.export-btn{padding:.5rem 1rem;border:none;background:#3b82f6;color:#fff;border-radius:8px;cursor:pointer;font-size:.9rem;transition:opacity .2s}.export-btn:hover:not(:disabled){opacity:.9}.export-btn:disabled{opacity:.5;cursor:not-allowed}.assignments-list{display:flex;flex-direction:column;gap:1rem}.assignment-card{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);transition:border-color .2s}.assignment-card:hover{border-color:var(--accent-color)}.assignment-info h3{margin:0 0 .5rem;font-size:1.1rem}.assignment-description{color:var(--text-muted);font-size:.9rem;margin:0 0 .75rem;max-width:600px}.assignment-meta{display:flex;gap:1rem;flex-wrap:wrap}.meta-item{font-size:.85rem;color:var(--text-muted)}.meta-item.pending{color:#f59e0b}.meta-item.in-progress{color:#f59e0b;font-weight:500}.evaluate-btn{padding:.75rem 1.5rem;border:none;background:var(--accent-color);color:#fff;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:opacity .2s;white-space:nowrap}.evaluate-btn:hover:not(:disabled){opacity:.9}.evaluate-btn:disabled{opacity:.5;cursor:not-allowed}.competencies-info{margin-bottom:1.5rem;padding:1rem;background:var(--card-bg);border-radius:8px}.competencies-info strong{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-muted)}.competency-tags{display:flex;gap:.5rem;flex-wrap:wrap}.competency-tag{padding:.25rem .75rem;background:#8b5cf633;color:#a78bfa;border-radius:20px;font-size:.8rem;font-family:monospace}.responses-table-container{overflow-x:auto}.responses-table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:12px;overflow:hidden}.responses-table th,.responses-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.responses-table th{background:#0000001a;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.responses-table tbody tr{cursor:pointer;transition:background .2s}.responses-table tbody tr:hover{background:#0000001a}.responses-table tbody tr.evaluated{opacity:.85}.user-cell{display:flex;align-items:center;gap:.5rem}.klasse-badge{padding:.15rem .5rem;background:var(--accent-color);color:#fff;border-radius:10px;font-size:.7rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem}.status-badge.evaluated{background:#22c55e33;color:#22c55e}.status-badge.pending{background:#f59e0b33;color:#f59e0b}.tab-switch-badge{padding:.25rem .6rem;border-radius:20px;font-size:.8rem;font-weight:500}.tab-switch-badge.ok{background:#22c55e26;color:#22c55e}.tab-switch-badge.warning{background:#ef444426;color:#ef4444}.grade-badge{display:inline-block;padding:.25rem .5rem;color:#fff;border-radius:6px;font-weight:600;font-size:.9rem}.score-badge{padding:.25rem .6rem;border-radius:20px;font-size:.8rem;font-weight:500}.score-badge.good{background:#22c55e26;color:#22c55e}.score-badge.partial{background:#f59e0b26;color:#f59e0b}.score-badge.low{background:#ef444426;color:#ef4444}.score-breakdown{display:flex;flex-direction:column;gap:6px}.chapter-scores{display:flex;gap:4px;flex-wrap:wrap}.chapter-score{padding:2px 6px;border-radius:8px;font-size:.7rem;font-weight:500}.chapter-score.good{background:#22c55e26;color:#22c55e}.chapter-score.ok{background:#f59e0b26;color:#f59e0b}.chapter-score.low{background:#ef444426;color:#ef4444}.action-btn{padding:.4rem .75rem;border:1px solid var(--border-color);background:transparent;color:var(--text-color);border-radius:6px;cursor:pointer;font-size:.8rem;transition:background .2s}.action-btn:hover{background:var(--border-color)}.modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.evaluation-modal{background:#1a1a2e;border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:0 25px 50px -12px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.2rem}.close-btn{width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);font-size:1.2rem;cursor:pointer;border-radius:6px;transition:background .2s}.close-btn:hover{background:var(--card-bg)}.modal-content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column}.tab-switch-alert{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:10px;margin-bottom:16px}.tab-switch-alert span:first-child{font-size:1.2rem}.tab-switch-alert strong{color:#ef4444}.tab-alert-hint{width:100%;color:var(--text-muted);font-size:.85rem;margin-top:4px;gap:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color)}.answers-section h4,.evaluation-form h4{margin:0 0 1rem;font-size:1rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.answer-item{padding:1rem;background:var(--card-bg);border-radius:8px;margin-bottom:.75rem}.answer-item:last-child{margin-bottom:0}.question-row{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.q-number{color:var(--accent-color);font-weight:600;min-width:1.5rem}.question-text{flex:1;color:var(--text-muted);font-size:.9rem}.auto-score{padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.auto-score.correct{background:#22c55e33;color:#22c55e}.auto-score.partial{background:#f59e0b33;color:#f59e0b}.auto-score.wrong{background:#ef444433;color:#ef4444}.answer-value{padding-left:2rem;font-size:1rem;line-height:1.5}.answer-value .no-answer{color:var(--text-muted);font-style:italic}.question-competencies{display:flex;gap:.25rem;padding-left:2rem;margin-top:.5rem}.comp-tag-small{padding:.1rem .4rem;background:#8b5cf626;color:#a78bfa;border-radius:8px;font-size:.7rem;font-family:monospace}.evaluation-form{padding:1rem;background:#8b5cf60d;border-radius:12px;border:1px solid rgba(139,92,246,.2)}.form-section{margin-bottom:1rem}.form-section:last-child{margin-bottom:0}.form-section>label{display:block;margin-bottom:.5rem;font-size:.85rem;color:var(--text-muted);font-weight:500}.competency-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.5rem;background:var(--card-bg);border-radius:6px}.comp-label{flex:1;font-family:monospace;font-size:.9rem}.comp-select{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border-color);background:#1a1a2e;color:#fff;font-size:.85rem;cursor:pointer;min-width:180px}.comp-select option{background:#1a1a2e;color:#fff}.comp-select.nicht-erreicht{border-color:#6b7280}.comp-select.teilweise{border-color:#f59e0b}.comp-select.erreicht{border-color:#22c55e}.grade-input,.label-input{width:100%;max-width:200px;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-color);background:#1a1a2e;color:#fff;font-size:.95rem}.label-input{max-width:100%}.grade-input:focus,.label-input:focus{outline:none;border-color:var(--accent-color)}.cancel-btn{padding:.75rem 1.5rem;border:1px solid var(--border-color);background:transparent;color:var(--text-color);border-radius:8px;cursor:pointer;font-size:.95rem;transition:background .2s}.cancel-btn:hover{background:var(--card-bg)}.save-btn{padding:.75rem 1.5rem;border:none;background:#22c55e;color:#fff;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:opacity .2s}.save-btn:hover:not(:disabled){opacity:.9}.save-btn:disabled{opacity:.6;cursor:not-allowed}.in-progress-section{margin-bottom:2rem}.section-title{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.in-progress-title{color:#f59e0b}.progress-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.progress-card{background:var(--card-bg);border-radius:12px;padding:1rem 1.25rem;border:2px solid rgba(245,158,11,.3);transition:border-color .2s}.progress-card:hover{border-color:#f59e0b80}.progress-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.progress-user{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.progress-name{font-weight:600;font-size:1rem}.progress-status-badge{padding:.25rem .6rem;background:#f59e0b33;color:#f59e0b;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.progress-bar-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.progress-bar-bg{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:4px;transition:width .3s ease}.progress-percent{font-size:.85rem;font-weight:600;color:#f59e0b;min-width:2.5rem;text-align:right}.progress-chapter-scores{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem}.chapter-score-mini{padding:2px 6px;border-radius:6px;font-size:.7rem;font-weight:500}.chapter-score-mini.good{background:#22c55e26;color:#22c55e}.chapter-score-mini.ok{background:#f59e0b26;color:#f59e0b}.chapter-score-mini.low{background:#ef444426;color:#ef4444}.progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.progress-score{font-weight:500}.progress-time{font-size:.75rem}.submitted-section-title{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#22c55e}@media(max-width:768px){.assignment-card{flex-direction:column;align-items:flex-start;gap:1rem}.evaluate-btn{width:100%}.evaluator-header{flex-direction:column;align-items:flex-start}.evaluator-header h2{order:-1;width:100%}.modal-content{padding:1rem}.competency-row{flex-direction:column;align-items:flex-start;gap:.5rem}.comp-select{width:100%}.responses-table th,.responses-table td{padding:.75rem .5rem;font-size:.85rem}.user-cell{flex-direction:column;align-items:flex-start;gap:.25rem}}.assignment-manager{padding:20px}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.manager-header h2{margin:0;color:#fff}.refresh-btn{padding:8px 16px;background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);border-radius:8px;color:#4ecdc4;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:#4ecdc433}.assignments-table-container{overflow-x:auto;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.assignments-table{width:100%;border-collapse:collapse}.assignments-table th,.assignments-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.assignments-table th{background:#ffffff0d;color:#aaa;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.assignments-table tr:hover{background:#ffffff05}.assignments-table tr.inactive{opacity:.5}.title-cell{max-width:300px}.title-content{display:flex;flex-direction:column;gap:4px}.title-content strong{color:#fff}.title-content .description{font-size:12px;color:#888}.type-badge{display:inline-block;padding:4px 10px;background:#ffffff0d;border-radius:12px;font-size:13px;color:#ccc}.toggle-btn{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.toggle-btn.active{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.toggle-btn.inactive{background:#ef44441a;color:#ef4444;border-color:#ef444433}.toggle-btn.anticheat.enabled{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b4d}.toggle-btn.anticheat.disabled{background:#6b72801a;color:#9ca3af;border-color:#6b728033}.toggle-btn:hover:not(:disabled){transform:scale(1.05)}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.legend{margin-top:30px;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.legend h4{margin:0 0 12px;color:#fff;font-size:14px}.legend p{margin:8px 0;font-size:13px;color:#aaa}.error-message{padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin-bottom:20px}.empty-state,.loading{text-align:center;padding:40px;color:#888}.admin-page{padding:2rem;max-width:1200px;margin:0 auto}.admin-page h1{margin-bottom:.5rem}.admin-page .subtitle{color:var(--text-muted);margin-bottom:1.5rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color);padding-bottom:0}.admin-tab{padding:.75rem 1.5rem;border:none;background:transparent;color:var(--text-muted);font-size:1rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.admin-tab:hover{color:var(--text-color)}.admin-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.tab-content{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.filters{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem;padding:1rem;background:var(--card-bg);border-radius:12px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.85rem;color:var(--text-muted)}.filter-group select{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-color);background:#1a1a2e;color:#fff;font-size:.9rem;cursor:pointer}.filter-group select option{background:#1a1a2e;color:#fff}.refresh-btn{padding:.5rem 1rem;border-radius:8px;border:none;background:var(--accent-color);color:#fff;cursor:pointer;font-size:.9rem;transition:opacity .2s}.refresh-btn:hover{opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);padding:1.5rem;border-radius:12px;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--accent-color)}.stat-label{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.results-table-container{overflow-x:auto;margin-bottom:2rem}.results-table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:12px;overflow:hidden}.results-table th,.results-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.results-table th{background:#0000001a;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.results-table tbody tr:hover{background:#0000000d}.user-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-badge{display:inline-block;padding:.25rem .75rem;background:var(--accent-color);color:#fff;border-radius:20px;font-size:.8rem}.score{font-weight:700}.score.good{color:#22c55e}.score.bad{color:#ef4444}.results-table details{cursor:pointer}.results-table details summary{color:var(--accent-color);font-size:.85rem}.results-table details pre{margin-top:.5rem;padding:.5rem;background:#0000001a;border-radius:4px;font-size:.75rem;max-width:300px;overflow-x:auto}.users-summary{margin-top:2rem}.users-summary h3{margin-bottom:1rem}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.user-card{background:var(--card-bg);padding:1rem;border-radius:8px}.user-email{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-count{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.empty-state{text-align:center;padding:3rem;background:var(--card-bg);border-radius:12px}.empty-state .hint{color:var(--text-muted);font-size:.9rem}.error-message{color:#ef4444;padding:1rem;background:#ef44441a;border-radius:8px;margin-bottom:1rem}.loading{text-align:center;padding:2rem;color:var(--text-muted)}@media(max-width:768px){.admin-page{padding:1rem}.filters{flex-direction:column}.results-table th,.results-table td{padding:.75rem .5rem;font-size:.85rem}}.skills-check-admin{padding:0}.world-stats{margin:1.5rem 0;padding:1rem;background:var(--card-bg);border-radius:8px}.world-stats h3{margin:0 0 1rem;font-size:1rem;color:var(--text-muted)}.world-bars{display:flex;flex-direction:column;gap:.5rem}.world-bar-row{display:flex;align-items:center;gap:1rem}.world-label{width:180px;font-size:.9rem}.world-bar-container{flex:1;height:20px;background:var(--border-color);border-radius:4px;overflow:hidden}.world-bar{height:100%;border-radius:4px;transition:width .3s ease}.world-score{width:50px;text-align:right;font-weight:600}.details-btn{padding:.25rem .5rem;border:1px solid var(--border-color);background:transparent;border-radius:4px;cursor:pointer;font-size:.85rem}.details-btn:hover{background:var(--border-color)}.details-panel{margin-top:.5rem;padding:.75rem;background:var(--bg-secondary);border-radius:6px;font-size:.85rem}.details-panel p{margin:.25rem 0}.details-panel ul{margin:.5rem 0;padding-left:1.5rem}.details-panel .warning{color:#e74c3c}.score.good{color:#27ae60;font-weight:600}.score.bad{color:#e74c3c}.surveys-admin{padding:0}.survey-responses{display:flex;flex-direction:column;gap:1.5rem}.survey-response-card{background:var(--card-bg);border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.response-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#0000001a;border-bottom:1px solid var(--border-color)}.response-user{display:flex;align-items:center;gap:.75rem}.response-user strong{font-size:1rem}.klasse-badge{padding:.2rem .6rem;background:var(--accent-color);color:#fff;border-radius:12px;font-size:.75rem}.response-meta{display:flex;align-items:center;gap:1rem;color:var(--text-muted);font-size:.85rem}.survey-title{padding:.2rem .6rem;background:#ffffff1a;border-radius:8px}.response-answers{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.answer-item{padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.answer-item:last-child{padding-bottom:0;border-bottom:none}.answer-question{display:flex;gap:.5rem;font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.q-number{color:var(--accent-color);font-weight:600}.answer-text{font-size:1rem;line-height:1.5;padding-left:1.25rem}.answer-text .no-answer{color:var(--text-muted);font-style:italic}@media(max-width:768px){.response-header{flex-direction:column;align-items:flex-start;gap:.5rem}.response-meta{flex-wrap:wrap;gap:.5rem}}.auftraege-page{padding:24px;max-width:1000px}.auftraege-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.auftraege-page h1{color:var(--text);margin-bottom:8px}.page-subtitle{color:var(--text-muted);margin:0}.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.filter-btn{padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.category-section{margin-bottom:40px}.category-title{display:flex;align-items:center;gap:12px;font-size:1.3rem;color:var(--text);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.category-icon{font-size:1.4rem}.auftraege-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.auftrag-card{display:flex;flex-direction:column;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-decoration:none;transition:all .2s ease;position:relative}.auftrag-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.auftrag-card.completed{border-color:#2ecc714d;background:#2ecc7108}.auftrag-card.in-progress{border-color:#9b59b64d;background:#9b59b608}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.type-badge{font-size:1.5rem}.completed-badge,.progress-badge,.anticheat-badge{font-size:1.2rem}.anticheat-badge{opacity:.6}.card-title{color:var(--text);font-size:1.15rem;margin-bottom:8px;line-height:1.3}.card-description{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin-bottom:16px;flex:1}.card-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.meta-item{color:var(--text-muted);font-size:.8rem;background:#ffffff0d;padding:4px 10px;border-radius:12px}.completion-info{font-size:.8rem;color:#2ecc71;margin-bottom:12px}.progress-info{font-size:.8rem;color:#9b59b6;margin-bottom:12px}.card-action{color:var(--accent);font-size:.95rem;font-weight:500;margin-top:auto}.auftrag-card:hover .card-action{text-decoration:underline}.login-required h1{font-size:1.8rem;margin-bottom:16px}@media(max-width:600px){.auftraege-page{padding:16px}.auftraege-grid{grid-template-columns:1fr}.category-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px;margin-bottom:24px}.filter-btn{white-space:nowrap}}.anti-cheat-lock-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lock-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:40px;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.lock-icon{font-size:64px;margin-bottom:20px;animation:pulse 2s infinite}.lock-modal h2{color:#ff6b6b;font-size:28px;margin:0 0 15px}.lock-message{color:#fff;font-size:16px;margin:0 0 5px}.lock-instruction{color:#aaa;font-size:14px;margin:0 0 25px}.pin-display{display:flex;justify-content:center;gap:10px;margin-bottom:15px}.pin-dot{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:24px;color:#ffffff4d;transition:all .2s}.pin-dot.filled{border-color:#4ecdc4;color:#4ecdc4}.pin-keypad{display:flex;flex-direction:column;gap:10px;margin-top:20px}.keypad-btn{width:70px;height:55px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;color:#fff;font-size:24px;font-weight:600;cursor:pointer;transition:all .15s}.keypad-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:scale(1.05)}.keypad-btn:active{transform:scale(.95);background:#4ecdc433}.keypad-btn.delete{background:#ff6b6b1a;border-color:#ff6b6b4d;font-size:20px}.keypad-btn.delete:hover{background:#ff6b6b33;border-color:#ff6b6b80}.keypad-btn.ok{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-color:#4ecdc4;font-size:16px;font-weight:700}.keypad-btn.ok:hover{box-shadow:0 5px 20px #4ecdc466}.unlock-error{color:#ff6b6b;font-size:14px;margin:10px 0 0;animation:shake .3s ease}.lock-counter{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#ff6b6b;font-size:14px;font-weight:500}.paste-warning-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;padding:14px 28px;border-radius:50px;font-size:14px;font-weight:600;box-shadow:0 10px 40px #ff6b6b66;z-index:10001;animation:slideUp .3s ease,fadeOut .3s ease 1.7s forwards}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%) translateY(-10px)}}.survey-page{padding:24px;min-height:100vh}.survey-container{max-width:700px;margin:0 auto}.error-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.login-required{text-align:center;padding:80px 20px;max-width:400px;margin:0 auto}.login-required h1{font-size:1.8rem;margin-bottom:16px;color:var(--text)}.login-required p{color:var(--text-muted);margin-bottom:12px}.login-required .hint{font-size:.9rem;opacity:.7;margin-bottom:32px}.login-required .back-btn{padding:12px 24px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;cursor:pointer;transition:all .2s ease}.login-required .back-btn:hover{border-color:var(--accent);color:var(--accent)}.survey-header{margin-bottom:32px}.back-link{display:inline-block;color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:16px;transition:color .2s}.back-link:hover{color:var(--accent)}.header-content h1{color:var(--text);font-size:1.8rem;margin-bottom:8px}.type-label{display:inline-block;font-size:.85rem;color:var(--accent);margin-bottom:8px}.category-label{display:inline-block;background:#ffffff0d;padding:4px 12px;border-radius:12px;font-size:.85rem;color:var(--text-muted);margin-left:8px}.description{color:var(--text-muted);font-size:1rem;line-height:1.6;margin-top:12px}.success-message,.login-warning,.existing-notice,.error-message{display:flex;gap:16px;align-items:flex-start;padding:16px 20px;border-radius:12px;margin-bottom:24px}.success-message{background:#2ecc711a;border:1px solid rgba(46,204,113,.2)}.success-message strong{color:#2ecc71;display:block;margin-bottom:4px}.success-message p{color:var(--text-muted);font-size:.9rem;margin:0}.success-icon{font-size:1.5rem}.login-warning{background:#f1c40f1a;border:1px solid rgba(241,196,15,.2)}.login-warning span{font-size:1.3rem}.login-warning p{color:#f1c40f;margin:0;font-size:.95rem}.existing-notice{background:#3498db1a;border:1px solid rgba(52,152,219,.2)}.existing-notice span{font-size:1.3rem}.existing-notice p{color:var(--text-muted);margin:0;font-size:.9rem}.existing-notice .retry-link{display:inline-block;margin-top:12px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:500;transition:transform .2s,opacity .2s}.existing-notice .retry-link:hover{transform:translateY(-2px);opacity:.9}.error-message{background:#e74c3c1a;border:1px solid rgba(231,76,60,.2)}.error-message span{font-size:1.2rem}.error-message p{color:#e74c3c;margin:0;font-size:.95rem}.questions-form{display:flex;flex-direction:column;gap:24px}.question-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color .2s}.question-card:focus-within{border-color:var(--accent)}.question-label{display:flex;align-items:flex-start;gap:12px;color:var(--text);font-size:1.05rem;line-height:1.5;margin-bottom:16px}.question-number{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:var(--accent);color:#fff;border-radius:50%;font-size:.85rem;font-weight:600}.answer-input,.answer-textarea{width:100%;padding:14px 16px;font-size:1rem;color:var(--text);background:var(--background);border:1px solid var(--border);border-radius:10px;transition:border-color .2s,box-shadow .2s;font-family:inherit}.answer-input:focus,.answer-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3498db1a}.answer-input::placeholder,.answer-textarea::placeholder{color:var(--text-muted);opacity:.6}.answer-textarea{resize:vertical;min-height:100px}.answer-input:disabled,.answer-textarea:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;padding-top:16px}.submit-btn{padding:14px 32px;font-size:1rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.anticheat-info-banner{display:flex;gap:12px;align-items:center;padding:14px 18px;background:#3498db1a;border:1px solid rgba(52,152,219,.25);border-radius:12px;margin-bottom:20px}.anticheat-info-banner span{font-size:1.2rem}.anticheat-info-banner p{color:var(--text-muted);margin:0;font-size:.9rem}.tab-switch-warning{display:flex;gap:12px;align-items:center;padding:12px 18px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.25);border-radius:12px;margin-bottom:20px}.tab-switch-warning span{font-size:1.1rem}.tab-switch-warning p{color:#e74c3c;margin:0;font-size:.9rem;font-weight:500}.tab-switch-note{color:#e74c3ccc!important;font-size:.85rem!important;margin-top:4px!important}.autosave-indicator{padding:8px 16px;margin-bottom:16px;font-size:.85rem;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.autosave-indicator .saving{color:var(--accent)}.autosave-indicator .saved{color:#2ecc71}.autosave-indicator .not-saved{color:var(--text-muted);opacity:.7}.existing-notice.in-progress{background:#9b59b61a;border-color:#9b59b640}.existing-notice.in-progress span{color:#9b59b6}@media(max-width:600px){.survey-page{padding:16px}.header-content h1{font-size:1.5rem}.question-card{padding:20px 16px}.question-label{font-size:1rem}.form-actions{justify-content:stretch}.submit-btn{width:100%}}.auftrag-container{min-height:100vh;padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.auftrag-login-prompt,.auftrag-already-done{max-width:500px;margin:100px auto;text-align:center;padding:60px 40px;background:#ffffff0d;border-radius:24px;border:1px solid rgba(255,255,255,.1)}.login-icon,.done-icon{font-size:64px;margin-bottom:20px}.auftrag-login-prompt h1,.auftrag-already-done h1{color:#fff;margin-bottom:16px}.auftrag-login-prompt p,.auftrag-already-done p{color:#ffffffb3;font-size:1.1rem}.auftrag-intro{max-width:600px;margin:40px auto;text-align:center}.intro-header h1{font-size:2.5rem;color:#fff;margin-bottom:8px;text-shadow:0 4px 20px rgba(0,0,0,.3)}.intro-subtitle{color:#ffffffb3;font-size:1.2rem;margin-bottom:40px}.intro-worlds{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.intro-world{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff0d;border-radius:12px;border-left:4px solid;text-align:left}.intro-world .world-icon{font-size:2rem}.intro-world strong{color:#fff;display:block}.intro-world small{color:#fff9;font-size:.85rem}.intro-info{display:flex;justify-content:center;gap:24px;margin-bottom:32px;flex-wrap:wrap}.info-item{display:flex;align-items:center;gap:8px;color:#fffc}.info-icon{font-size:1.3rem}.start-button{padding:18px 48px;font-size:1.3rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #667eea66}.start-button:hover{transform:translateY(-3px);box-shadow:0 12px 40px #667eea80}.game-header{display:flex;justify-content:space-between;align-items:center;max-width:700px;margin:0 auto 16px;padding:12px 20px;background:#ffffff0d;border-radius:12px}.header-world{font-size:1.1rem;font-weight:600}.header-score{display:flex;align-items:center;gap:12px;color:#fff;font-weight:600;font-size:1.1rem}.combo-badge{background:linear-gradient(135deg,#f39c12,#e74c3c);padding:4px 12px;border-radius:20px;font-size:.9rem;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.progress-container{max-width:700px;margin:0 auto 24px;display:flex;align-items:center;gap:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.progress-text{color:#fff9;font-size:.9rem;min-width:50px;text-align:right}.question-card{max-width:700px;margin:0 auto;padding:32px;background:#ffffff14;border-radius:20px;border:2px solid transparent;transition:all .3s ease}.question-card.correct{border-color:#2ecc71;box-shadow:0 0 30px #2ecc7133}.question-card.incorrect{border-color:#e74c3c;box-shadow:0 0 30px #e74c3c33}.question-number{color:#ffffff80;font-size:.9rem;margin-bottom:12px}.question-text{color:#fff;font-size:1.4rem;font-weight:500;line-height:1.5;margin-bottom:28px}.tf-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tf-btn{padding:20px;font-size:1.2rem;font-weight:600;border:2px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .2s ease}.tf-btn.true{background:#2ecc711a;color:#2ecc71}.tf-btn.true:hover:not(:disabled){background:#2ecc7133;border-color:#2ecc71}.tf-btn.false{background:#e74c3c1a;color:#e74c3c}.tf-btn.false:hover:not(:disabled){background:#e74c3c33;border-color:#e74c3c}.mc-btn{padding:16px 20px;font-size:1.05rem;text-align:left;color:#fff;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;transition:all .2s ease}.mc-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translate(4px)}.correct-answer{background:#2ecc7133!important;border-color:#2ecc71!important}.wrong-answer{background:#e74c3c33!important;border-color:#e74c3c!important}.tf-btn:disabled,.mc-btn:disabled{cursor:default}.feedback-box{margin-top:24px;padding:20px;border-radius:12px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feedback-box.correct{background:#2ecc7126;border:1px solid rgba(46,204,113,.3)}.feedback-header{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:8px}.combo-bonus{font-size:.9rem;color:#f39c12}.feedback-explanation{color:#fffc;line-height:1.5;margin-bottom:16px}.next-btn{padding:12px 32px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.next-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.world-complete{max-width:500px;margin:60px auto;padding:48px;text-align:center;background:#ffffff0d;border-radius:24px;border:3px solid}.complete-icon{font-size:4rem;margin-bottom:16px}.world-complete h2{color:#fff;font-size:1.8rem;margin-bottom:24px}.world-score-display{margin:32px 0}.score-circle{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;border:6px solid;background:#ffffff0d}.world-stats{color:#ffffffb3;margin-bottom:32px}.world-stats div{margin:8px 0}.world-stats strong{color:#fff}.next-world-preview{margin-bottom:24px}.next-world-preview p{color:#fff9;margin-bottom:8px}.next-world-info{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff1a;border-radius:8px;color:#fff;font-weight:600}.continue-button{padding:16px 40px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease}.continue-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #667eea66}.results-screen{max-width:700px;margin:40px auto;padding:40px;background:#ffffff0d;border-radius:24px}.results-screen h1{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:32px}.final-score{text-align:center;margin-bottom:40px}.score-label{color:#fff9;font-size:1rem;margin-bottom:8px}.score-big{font-size:3.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.results-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.result-world{display:grid;grid-template-columns:40px 1fr 60px;align-items:center;gap:12px;padding:16px;background:#ffffff0d;border-radius:12px}.rw-icon{font-size:1.5rem}.rw-name{color:#fff;font-weight:500}.rw-score{color:#fff;font-weight:700;text-align:right}.rw-bar{grid-column:1 / -1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.rw-fill{height:100%;border-radius:3px;transition:width .5s ease}.result-world.great .rw-score{color:#2ecc71}.result-world.good .rw-score{color:#3498db}.result-world.ok .rw-score{color:#f39c12}.result-world.needs-work .rw-score{color:#e74c3c}.overall-rating{text-align:center;margin-bottom:32px;padding:24px;background:#ffffff0d;border-radius:16px}.overall-rating h3{color:#fff;margin-bottom:16px}.rating-circle{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);margin-bottom:16px}.achievements-section{margin-bottom:32px}.achievements-section h3{color:#fff;margin-bottom:16px}.achievements-list{display:flex;flex-wrap:wrap;gap:12px}.achievement{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f39c1233,#e67e2233);border:1px solid rgba(243,156,18,.3);border-radius:8px}.ach-icon{font-size:1.3rem}.ach-name{color:#fff;font-weight:500}.weak-areas{margin-bottom:32px}.weak-areas h3{color:#fff;margin-bottom:12px}.weak-areas ul{list-style:none;padding:0}.weak-areas li{color:#fffc;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.weak-areas li:last-child{border-bottom:none}.submit-button{display:block;width:100%;padding:18px;font-size:1.2rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2ecc7166}.submitted-section{display:flex;flex-direction:column;gap:16px}.submitted-message{text-align:center;padding:20px;background:#2ecc7133;border:1px solid rgba(46,204,113,.3);border-radius:12px;color:#2ecc71;font-size:1.2rem;font-weight:600}.restart-button{padding:14px;font-size:1rem;font-weight:600;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.locked-badge{margin-left:12px;padding:4px 10px;background:#ffffff1a;border-radius:12px;font-size:.8rem;color:#fff9}.auftrag-loading{text-align:center;padding:100px;color:#ffffffb3}.loading-spinner{font-size:3rem;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timer{padding:8px 16px;background:#ffffff1a;border-radius:8px;color:#fff;font-weight:600;font-size:1.1rem;min-width:80px;text-align:center}.timer-warning{background:#f1c40f4d;color:#f1c40f;animation:pulse-warning .5s ease-in-out infinite alternate}.timer-critical{background:#e74c3c4d;color:#e74c3c;animation:pulse-critical .3s ease-in-out infinite alternate}@keyframes pulse-warning{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes pulse-critical{0%{transform:scale(1);opacity:1}to{transform:scale(1.1);opacity:.8}}.tab-warning-overlay{position:fixed;inset:0;background:#e74c3cf2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-warning-content{text-align:center;color:#fff;font-size:2rem;font-weight:700;padding:40px}.tab-warning-content small{font-size:1rem;font-weight:400;opacity:.9}.tab-warning-small{color:#e74c3c;font-size:.9rem;margin-top:8px}.tab-count-result{margin-top:12px;padding:8px 16px;background:#e74c3c33;border-radius:8px;color:#e74c3c;font-size:.95rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.intro-warning{margin:24px 0;padding:16px 24px;background:#f1c40f26;border:1px solid rgba(241,196,15,.3);border-radius:12px;color:#f1c40f;text-align:center;font-size:.95rem}@media(max-width:600px){.auftrag-container{padding:12px}.question-card{padding:20px}.question-text{font-size:1.2rem}.tf-options{grid-template-columns:1fr}.intro-header h1{font-size:2rem}.results-screen{padding:24px}.score-big{font-size:2.5rem}}.musik-check-container{min-height:100vh;padding:20px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.musik-login-prompt{max-width:500px;margin:100px auto;text-align:center;padding:60px 40px;background:#ffffff0d;border-radius:24px;border:1px solid rgba(255,255,255,.1)}.musik-login-prompt .login-icon{font-size:64px;margin-bottom:20px}.musik-login-prompt h1{color:#fff;margin-bottom:16px}.musik-login-prompt p{color:#ffffffb3;font-size:1.1rem}.musik-intro{max-width:600px;margin:40px auto;text-align:center}.intro-header h1{font-size:2.5rem;color:#fff;margin-bottom:8px}.intro-subtitle{color:#ffffffb3;font-size:1.2rem;margin-bottom:32px}.intro-chapters{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.intro-chapter{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#ffffff0d;border-radius:12px;border-left:4px solid}.chapter-icon{font-size:1.5rem}.chapter-title{color:#fff;font-size:1.1rem;font-weight:500}.intro-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.info-item{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff0d;border-radius:10px;color:#fffc;font-size:.9rem}.info-icon{font-size:1.2rem}.intro-warning{margin:24px 0;padding:16px 24px;background:#f1c40f26;border:1px solid rgba(241,196,15,.3);border-radius:12px;color:#f1c40f;font-size:.95rem}.start-button{padding:16px 48px;font-size:1.2rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s}.start-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.learning-screen{max-width:800px;margin:0 auto}.learning-header{text-align:center;padding:24px;background:#ffffff0d;border-radius:16px;border-left:4px solid;margin-bottom:24px}.chapter-number{display:block;color:#fff9;font-size:.9rem;margin-bottom:8px}.learning-header h2{color:#fff;font-size:1.8rem;margin:0}.learning-content-wrapper{background:#ffffff08;border-radius:16px;padding:32px;margin-bottom:24px;max-height:60vh;overflow-y:auto}.learn-content h3{color:#fff;font-size:1.4rem;margin-bottom:24px;text-align:center}.learn-content h4{color:#fff;font-size:1.1rem;margin:0 0 12px}.epoch,.instrument-family,.genre,.tech-section,.legend-section{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:16px}.epoch p,.instrument-family p,.genre p,.tech-section p{color:#ffffffd9;margin:8px 0;line-height:1.6}.legend{background:#ffffff08;padding:12px 16px;border-radius:8px;margin-bottom:8px;color:#ffffffd9;line-height:1.5}.key-facts{background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:20px;margin-top:24px}.key-facts h4{color:#667eea;margin-bottom:12px}.key-facts ul{margin:0;padding-left:20px}.key-facts li{color:#ffffffd9;margin-bottom:8px;line-height:1.5}.learning-footer{text-align:center}.footer-warning{color:#f1c40f;margin-bottom:16px}.quiz-start-button{padding:16px 48px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:12px;cursor:pointer;transition:transform .2s}.quiz-start-button:hover{transform:translateY(-2px)}.chapter-complete{max-width:500px;margin:60px auto;text-align:center;padding:48px;background:#ffffff0d;border-radius:24px;border-left:4px solid}.complete-icon{font-size:64px;margin-bottom:16px}.chapter-complete h2{color:#fff;margin-bottom:24px}.chapter-score-display{margin-bottom:24px}.score-circle{width:120px;height:120px;border-radius:50%;border:4px solid;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:#ffffff0d}.score-value{font-size:2rem;font-weight:700;color:#fff}.chapter-score-display p{color:#ffffffb3}.chapter-stats{color:#fffc;margin-bottom:24px}.chapter-stats div{margin:8px 0}.tab-warning-small{color:#e74c3c;font-size:.9rem}.next-chapter-preview{margin-bottom:24px;padding:16px;background:#ffffff0d;border-radius:12px}.next-chapter-preview p{color:#fff9;margin-bottom:8px}.next-chapter-info{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-size:1.2rem;font-weight:500}.continue-button{padding:14px 36px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:transform .2s}.continue-button:hover{transform:translateY(-2px)}.results-screen{max-width:600px;margin:40px auto;text-align:center;padding:40px;background:#ffffff0d;border-radius:24px}.results-screen h1{color:#fff;font-size:2.5rem;margin-bottom:32px}.final-score{margin-bottom:32px}.score-label{color:#fff9;font-size:.9rem;margin-bottom:8px}.score-big{font-size:2.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tab-count-result{margin-top:12px;padding:8px 16px;background:#e74c3c33;border-radius:8px;color:#e74c3c;font-size:.95rem;display:inline-block}.results-grid{margin-bottom:32px}.result-chapter{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 16px;background:#ffffff08;border-radius:10px;margin-bottom:8px}.rc-icon{font-size:1.3rem}.rc-name{color:#ffffffe6;text-align:left}.rc-score{color:#fff;font-weight:600;min-width:50px;text-align:right}.rc-bar{grid-column:1 / -1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.rc-fill{height:100%;border-radius:3px;transition:width .5s ease}.overall-rating{margin-bottom:32px}.overall-rating h3{color:#ffffffb3;margin-bottom:16px}.rating-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.rating-circle span{font-size:1.8rem;font-weight:700;color:#fff}.rating-text{color:#fffc;font-size:1.1rem}.action-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.submit-button{padding:16px 48px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:12px;cursor:pointer;transition:transform .2s}.submit-button:hover{transform:translateY(-2px)}.submitted-section{margin-top:24px}.submitted-message{color:#2ecc71;font-size:1.2rem;margin-bottom:16px}.restart-button{padding:12px 32px;font-size:1rem;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer;transition:background .2s}.restart-button:hover{background:#fff3}.game-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff0d;border-radius:12px;margin-bottom:16px}.header-chapter{font-size:1.1rem;font-weight:600}.header-right{display:flex;align-items:center;gap:16px}.header-score{color:#fff;font-weight:600;display:flex;align-items:center;gap:8px}.combo-badge{padding:4px 8px;background:linear-gradient(135deg,#f39c12,#e74c3c);border-radius:20px;font-size:.8rem;animation:pulse .5s ease}.timer{padding:8px 16px;background:#ffffff1a;border-radius:8px;color:#fff;font-weight:600}.timer-warning{background:#f1c40f33;color:#f1c40f}.timer-critical{background:#e74c3c33;color:#e74c3c;animation:pulse .5s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.progress-container{display:flex;align-items:center;gap:12px;margin-bottom:24px}.progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.progress-text{color:#fff9;font-size:.9rem;min-width:60px;text-align:right}.question-card{max-width:700px;margin:0 auto;padding:32px;background:#ffffff0d;border-radius:20px;border:2px solid transparent;transition:border-color .3s}.question-card.correct{border-color:#27ae60}.question-card.incorrect{border-color:#e74c3c}.question-number{color:#ffffff80;font-size:.9rem;margin-bottom:16px}.question-text{color:#fff;font-size:1.3rem;line-height:1.5;margin-bottom:24px}.mc-options{display:flex;flex-direction:column;gap:12px}.mc-btn{padding:16px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;text-align:left;cursor:pointer;transition:all .2s}.mc-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.mc-btn:disabled{cursor:default}.mc-btn.correct-answer{background:#27ae6033;border-color:#27ae60}.mc-btn.wrong-answer{background:#e74c3c33;border-color:#e74c3c}.feedback-box{margin-top:24px;padding:20px;border-radius:12px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback-box.correct{background:#27ae6026;border:1px solid rgba(39,174,96,.3)}.feedback-box.incorrect{background:#e74c3c26;border:1px solid rgba(231,76,60,.3)}.feedback-header{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:12px}.combo-bonus{padding:4px 10px;background:linear-gradient(135deg,#f39c12,#e74c3c);border-radius:20px;font-size:.85rem}.feedback-explanation{color:#fffc;line-height:1.6;margin-bottom:16px}.next-btn{padding:12px 32px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;cursor:pointer;transition:transform .2s}.next-btn:hover{transform:translateY(-2px)}.anti-cheat-lock-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lock-modal{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:24px;padding:40px;text-align:center;max-width:360px;width:90%;border:2px solid #e74c3c;box-shadow:0 0 60px #e74c3c4d}.lock-icon{font-size:64px;margin-bottom:16px;animation:pulse 2s infinite}.lock-modal h2{color:#e74c3c;font-size:2rem;margin-bottom:12px}.lock-message{color:#fff;font-size:1.1rem;margin-bottom:8px}.lock-instruction{color:#fff9;font-size:.95rem;margin-bottom:24px}.pin-display{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.pin-dot{width:20px;height:20px;font-size:20px;color:#ffffff4d}.pin-dot.filled{color:#3498db}.unlock-error{color:#e74c3c;font-size:.9rem;margin-bottom:12px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pin-keypad{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.keypad-row{display:flex;justify-content:center;gap:10px}.keypad-btn{width:60px;height:50px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;font-size:1.3rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s}.keypad-btn:hover{background:#ffffff26;border-color:#fff6}.keypad-btn:active{transform:scale(.95)}.keypad-btn.delete{background:#e74c3c33;border-color:#e74c3c66}.keypad-btn.ok{background:#2ecc7133;border-color:#2ecc7166}.lock-counter{color:#ffffff80;font-size:.85rem}@media(max-width:600px){.musik-check-container{padding:12px}.intro-header h1{font-size:2rem}.intro-info{grid-template-columns:1fr}.learning-content-wrapper,.question-card{padding:20px}.question-text{font-size:1.1rem}.results-screen{padding:24px}.score-big{font-size:2rem}.game-header{flex-direction:column;gap:12px;text-align:center}}.forum-page{padding:24px;max-width:900px}.forum-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.forum-header h1{color:var(--text);margin-bottom:8px}.forum-description{color:var(--text-muted);margin:0}.forum-actions{display:flex;gap:12px;flex-wrap:wrap}.create-btn{padding:10px 20px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.create-btn:hover{filter:brightness(1.1)}.settings-btn{padding:10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.95rem;cursor:pointer;transition:all .2s ease}.settings-btn:hover{border-color:var(--accent);color:var(--text)}.admin-settings{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}.admin-settings h3{margin:0 0 16px;color:var(--text)}.setting-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.setting-row label{color:var(--text-muted);font-size:.9rem}.setting-row input{flex:1;min-width:200px;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.9rem}.setting-row button{padding:8px 16px;background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer}.setting-row.ai-toggle{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.toggle-btn{padding:8px 20px;font-weight:600;border-radius:8px;transition:all .2s ease}.toggle-btn.on{background:#22c55e;box-shadow:0 0 12px #22c55e66}.toggle-btn.off{background:#6b7280}.toggle-hint{color:var(--text-muted);font-size:.85rem;font-style:italic}.refresh-controls{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;flex-wrap:wrap}.refresh-threads-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-threads-btn:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.02)}.refresh-threads-btn:disabled{opacity:.7;cursor:not-allowed}.refresh-threads-btn.refreshing{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.last-refresh{font-size:.85rem;color:var(--text-muted)}.auto-refresh-toggle{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted);cursor:pointer;margin-left:auto}.auto-refresh-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.auto-refresh-toggle:hover{color:var(--text)}.search-threads{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search-input{flex:1;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.95rem;transition:all .2s ease}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7b61ff26}.search-results-count{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.thread-list{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.thread-card{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease}.thread-card:hover{border-color:var(--accent);transform:translate(4px)}.thread-card.pinned{border-color:#ffc10780;background:#ffc10708}.thread-card.closed{opacity:.7}.thread-badges{display:flex;gap:8px;margin-bottom:8px}.badge{font-size:.75rem;padding:3px 8px;border-radius:4px;background:#ffffff1a}.badge.pinned{background:#ffc10733;color:#ffc107}.badge.closed{background:#ef444433;color:#ef4444}.thread-title{color:var(--text);font-size:1.1rem;margin:0 0 12px;line-height:1.4}.thread-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.85rem;color:var(--text-muted)}.thread-meta .author{color:var(--accent)}.thread-header{border-bottom:1px solid var(--border);padding-bottom:20px}.thread-author{color:var(--text-muted);font-size:.9rem;margin:8px 0 0}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-actions button{padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s ease}.admin-actions button:hover{border-color:var(--accent);color:var(--text)}.admin-actions button.danger:hover{border-color:#ef4444;color:#ef4444}.posts-list{display:flex;flex-direction:column;gap:16px;margin:24px 0}.post-card{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.post-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px;font-size:.85rem}.post-author{color:var(--accent);font-weight:500}.post-date{color:var(--text-muted)}.post-edited{color:var(--text-muted);font-style:italic;font-size:.8rem}.post-number{margin-left:auto;color:var(--text-muted);opacity:.5}.post-content{color:var(--text);line-height:1.7;white-space:pre-wrap;word-break:break-word}.post-admin-actions{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.post-admin-actions button{padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .2s ease}.post-admin-actions button:hover{border-color:var(--accent);color:var(--text)}.post-admin-actions button.danger:hover{border-color:#ef4444;color:#ef4444}.edit-form{display:flex;flex-direction:column;gap:12px}.edit-form textarea{width:100%;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem;line-height:1.6;resize:vertical;font-family:inherit}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.edit-actions button{padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.edit-actions button:first-child{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.edit-actions button:last-child{background:var(--accent);border:none;color:#fff}.reply-form{display:flex;flex-direction:column;gap:12px;margin:24px 0;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.reply-form textarea{width:100%;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem;line-height:1.6;resize:vertical;font-family:inherit}.reply-form textarea:focus{outline:none;border-color:var(--accent)}.reply-form button{align-self:flex-end;padding:10px 24px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.reply-form button:hover:not(:disabled){filter:brightness(1.1)}.reply-form button:disabled{opacity:.6;cursor:not-allowed}.thread-closed-notice{padding:20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;text-align:center;margin:24px 0}.create-form{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:32px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent)}.form-group textarea{resize:vertical;line-height:1.6}.form-actions{display:flex;gap:12px;justify-content:flex-end}.cancel-btn{padding:10px 20px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.95rem;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{border-color:var(--text-muted);color:var(--text)}.submit-btn{padding:10px 24px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-btn:hover:not(:disabled){filter:brightness(1.1)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state .hint{font-size:.9rem;opacity:.7}.login-required,.access-denied,.error-state{text-align:center;padding:80px 20px;max-width:400px;margin:0 auto}.login-required h1,.access-denied h1,.error-state h1{font-size:1.8rem;margin-bottom:16px}.login-required p,.access-denied p,.error-state p{color:var(--text-muted);margin-bottom:12px}.hint{font-size:.9rem;opacity:.7}.back-btn{padding:12px 24px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem;cursor:pointer;transition:all .2s ease;margin-top:16px}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.dashboard-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.refresh-btn{padding:10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.95rem;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.stat-card.warning{border-color:#ef444480;background:#ef44440d}.stat-card.warning .stat-value{color:#ef4444}.stat-value{font-size:2rem;font-weight:700;color:var(--accent);line-height:1.2}.stat-label{font-size:.85rem;color:var(--text-muted);margin-top:4px}.dashboard-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.tab{padding:10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s ease}.tab:hover{border-color:var(--accent);color:var(--text)}.tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.dashboard-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}.dashboard-section h2{font-size:1.1rem;color:var(--text);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.empty-message{text-align:center;padding:30px;color:var(--text-muted);font-size:1.1rem}.student-list{display:flex;flex-direction:column;gap:8px}.student-list.compact{max-height:300px;overflow-y:auto}.student-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg);border-radius:8px;gap:12px;flex-wrap:wrap}.student-card.inactive{background:#ef444414;border-left:3px solid #ef4444}.student-info{display:flex;align-items:center;gap:12px}.student-name{font-weight:500;color:var(--text)}.student-class{font-size:.85rem;color:var(--accent);background:#7b61ff1a;padding:2px 8px;border-radius:4px}.student-stats{display:flex;align-items:center;gap:16px;font-size:.85rem;color:var(--text-muted)}.post-count{background:#ffffff0d;padding:4px 10px;border-radius:12px}.post-count.zero{background:#ef444426;color:#ef4444}.last-active{opacity:.7}.never-posted{color:#ef4444;font-weight:500}.posts-feed{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.feed-post{padding:16px;background:var(--bg);border-radius:8px;border-left:3px solid transparent}.feed-post.flagged{border-left-color:#f59e0b;background:#f59e0b0d}.feed-post-header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:8px;font-size:.85rem}.feed-author{color:var(--accent);font-weight:500}.feed-thread{color:var(--text-muted);font-style:italic}.feed-date{color:var(--text-muted);opacity:.7;margin-left:auto}.feed-flags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.flag{font-size:.75rem;padding:4px 10px;border-radius:12px;font-weight:500}.flag.too_short{background:#3b82f626;color:#3b82f6}.flag.german_detected{background:#f59e0b26;color:#f59e0b}.flag.inappropriate{background:#ef444426;color:#ef4444}.feed-content{color:var(--text);line-height:1.6;white-space:pre-wrap;word-break:break-word;margin-bottom:12px;padding:12px;background:#ffffff05;border-radius:6px}.feed-actions{display:flex;gap:8px}.feed-actions button{padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:all .2s ease}.feed-actions button:hover{border-color:var(--accent);color:var(--text)}.feed-actions button.danger:hover{border-color:#ef4444;color:#ef4444}.word-counter{font-size:.85rem;color:var(--text-muted);font-weight:400;margin-left:8px;background:#7b61ff1a;padding:2px 8px;border-radius:4px}.form-group label{display:flex;align-items:center;margin-bottom:8px;color:var(--text);font-weight:500}.reply-input-wrapper{position:relative}.reply-input-wrapper .word-counter{position:absolute;bottom:10px;right:10px;background:var(--surface);border:1px solid var(--border)}.post-actions-row{display:flex;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border);align-items:center;flex-wrap:wrap}.like-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s ease}.like-btn:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.like-btn.liked{border-color:#ef4444;color:#ef4444;background:#ef444426}.like-btn:disabled{opacity:.6;cursor:not-allowed}.reply-quote-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s ease}.reply-quote-btn:hover{border-color:var(--accent);color:var(--accent);background:#7b61ff1a}.admin-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s ease}.admin-btn:hover{border-color:var(--accent);color:var(--text)}.admin-btn.danger:hover{border-color:#ef4444;color:#ef4444}.posts-of-the-week{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid rgba(255,193,7,.3);border-radius:16px;padding:24px;margin-bottom:32px}.posts-of-the-week h2{color:var(--text);font-size:1.3rem;margin:0 0 20px;display:flex;align-items:center;gap:10px}.potw-list{display:flex;flex-direction:column;gap:12px}.potw-card{display:flex;gap:16px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease}.potw-card:hover{border-color:var(--accent);transform:translate(4px)}.potw-rank{font-size:1.5rem;font-weight:700;color:#ffc107;min-width:40px;display:flex;align-items:center;justify-content:center}.potw-card:first-child .potw-rank{font-size:2rem}.potw-content{flex:1;min-width:0}.potw-author{font-weight:500;color:var(--accent);margin-bottom:6px}.potw-snippet{color:var(--text);font-size:.95rem;line-height:1.5;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.potw-meta{display:flex;gap:16px;font-size:.85rem;color:var(--text-muted)}.potw-likes{color:#ef4444;font-weight:500}.quote-preview{background:#7b61ff14;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:12px 16px;margin-bottom:12px}.quote-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;color:var(--accent);font-weight:500}.clear-quote{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0 4px;line-height:1;transition:color .2s ease}.clear-quote:hover{color:#ef4444}.quote-content{margin:0;padding:10px 12px;background:var(--surface);border-radius:6px;font-size:.9rem;color:var(--text-muted);font-style:italic;line-height:1.5}.post-quote{margin:0 0 12px;padding:12px 16px;background:#7b61ff14;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;font-size:.9rem;color:var(--text-muted);font-style:italic;white-space:pre-wrap}.word-count{background:#ffffff0d;padding:4px 10px;border-radius:12px}.word-count.zero{background:#ef444426;color:#ef4444}.stats-btn{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.stats-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.student-dashboard-view .student-stats{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.student-dashboard-view .student-stats{grid-template-columns:repeat(2,1fr)}}.feedback-section{background:linear-gradient(135deg,#7b61ff14,#6366f114);border-color:#7b61ff4d}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.feedback-header h2{margin:0;padding:0;border:none}.lang-toggle{display:flex;gap:4px;background:var(--surface);border-radius:8px;padding:4px;border:1px solid var(--border)}.lang-toggle button{padding:6px 14px;background:transparent;border:none;border-radius:6px;color:var(--text-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.lang-toggle button:hover{color:var(--text)}.lang-toggle button.active{background:var(--accent);color:#fff}.feedback-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.feedback-box.latest{border-color:var(--accent);background:linear-gradient(135deg,#7b61ff0d,#6366f10d)}.feedback-box.empty{text-align:center;padding:40px 20px;background:var(--bg)}.feedback-box.empty p{margin:0 0 8px;color:var(--text-muted)}.feedback-box.empty .hint{font-size:1.1rem;color:var(--accent);font-weight:500}.feedback-box.older{background:var(--bg);margin-bottom:12px}.feedback-box.older:last-child{margin-bottom:0}.feedback-date{font-size:.85rem;color:var(--accent);font-weight:500;margin-bottom:12px}.feedback-content{color:var(--text);line-height:1.7;white-space:pre-wrap}.feedback-history{margin-top:16px}.history-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.history-toggle:hover{border-color:var(--accent);color:var(--text)}.history-list{margin-top:16px}.own-posts-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.own-post-card{padding:16px;background:var(--bg);border-radius:10px;transition:all .2s ease}.own-post-card:hover{background:#7b61ff0d}.own-post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px}.own-post-thread{color:var(--accent);font-weight:500;font-size:.95rem}.own-post-date{font-size:.85rem;color:var(--text-muted)}.own-post-content{color:var(--text);line-height:1.6;font-size:.95rem;margin-bottom:12px;white-space:pre-wrap;word-break:break-word}.own-post-meta{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border)}.own-post-meta .word-count{font-size:.8rem;color:var(--text-muted);background:#7b61ff1a;padding:4px 10px;border-radius:12px}.own-post-meta button{padding:6px 14px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s ease}.own-post-meta button:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:600px){.forum-page{padding:16px}.forum-header{flex-direction:column}.forum-actions{width:100%}.forum-actions button{flex:1}.refresh-controls{gap:10px;padding:10px 12px}.refresh-threads-btn{flex:1;justify-content:center}.auto-refresh-toggle{margin-left:0}.thread-meta{flex-direction:column;gap:6px}.admin-actions{width:100%;justify-content:stretch}.admin-actions button{flex:1;text-align:center}.post-header{flex-direction:column;align-items:flex-start;gap:4px}.post-number{margin-left:0}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}.student-card{flex-direction:column;align-items:flex-start}.student-stats{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:8px}.feed-post-header{flex-direction:column;align-items:flex-start}.feed-date{margin-left:0}}.services-page{max-width:100%;padding:0 20px}.services-hero{text-align:center;padding:40px 20px 50px;background:linear-gradient(135deg,rgba(124,92,255,.15) 0%,transparent 60%);border-radius:24px;margin-bottom:40px}.hero-content h1{font-size:2.5rem;margin-bottom:12px;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:#ffffffb3;margin-bottom:24px}.hero-usp{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}.usp-item{display:flex;align-items:center;gap:8px;color:#ffffffd9;font-size:.95rem}.usp-icon{color:#4ade80;font-weight:700}.service-nav{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px}.service-tabs{display:flex;justify-content:center;gap:12px}.portfolio-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fffc;text-decoration:none;font-size:.9rem;transition:all .2s}.portfolio-link:hover{background:#7c5cff26;border-color:#7c5cff66;color:#fff}.service-tab{display:flex;align-items:center;gap:10px;padding:14px 32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffb3;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.service-tab:hover{background:#ffffff14;border-color:#ffffff40}.service-tab.active{background:linear-gradient(135deg,#7c5cff33,#7c5cff1a);border-color:#7c5cff80;color:#fff}.tab-icon{font-size:1.2rem}.section-title{font-size:1.8rem;text-align:center;margin-bottom:8px}.section-subtitle{text-align:center;color:#fff9;margin-bottom:32px}.services-packages{margin-bottom:50px}.packages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto}@media(max-width:900px){.packages-grid{grid-template-columns:1fr;max-width:400px}}.package-card{background:#0f183599;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px 20px;position:relative;transition:transform .2s,border-color .2s}.package-card:hover{transform:translateY(-4px);border-color:#7c5cff66}.package-card.featured{border-color:#7c5cff80;background:linear-gradient(135deg,#7c5cff1a,#0f1835cc)}.featured-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#7c5cff,#5c3fff);color:#fff;padding:5px 16px;border-radius:16px;font-size:.8rem;font-weight:600}.package-header{text-align:center;margin-bottom:20px}.package-header h3{font-size:1.3rem;margin-bottom:10px}.package-price .price{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.package-features{list-style:none;padding:0;margin:0 0 20px}.package-features li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffffd9;font-size:.9rem}.package-features li:last-child{border-bottom:none}.package-delivery{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:16px;color:#fff9;font-size:.85rem}.package-cta{display:block;width:100%;text-align:center;padding:12px 20px;background:#7c5cff26;border:1px solid rgba(124,92,255,.4);color:#fff;border-radius:10px;font-weight:500;font-size:.95rem;cursor:pointer;transition:background .2s,border-color .2s}.package-cta:hover{background:#7c5cff40;border-color:#7c5cff99}.package-card.featured .package-cta{background:linear-gradient(135deg,#7c5cff,#5c3fff);border:none}.package-card.featured .package-cta:hover{box-shadow:0 4px 20px #7c5cff66}.services-maintenance{margin-bottom:40px;padding:24px;background:#0f183566;border-radius:16px;max-width:700px;margin-left:auto;margin-right:auto}.maintenance-header{text-align:center;margin-bottom:20px}.maintenance-header h2{font-size:1.3rem;margin-bottom:4px}.maintenance-header p{color:#fff9;font-size:.9rem;margin:0}.maintenance-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:500px){.maintenance-grid{grid-template-columns:1fr}}.maintenance-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;text-align:center}.maintenance-card h3{font-size:1.1rem;margin-bottom:8px}.maintenance-price{font-size:1.5rem;font-weight:700;margin-bottom:12px}.maintenance-price span{font-size:.85rem;font-weight:400;color:#fff9}.maintenance-card ul{list-style:none;padding:0;margin:0;text-align:left;font-size:.85rem}.maintenance-card li{padding:4px 0;color:#ffffffbf}.services-info{margin-bottom:50px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:0 auto}@media(max-width:700px){.info-grid{grid-template-columns:1fr}}.info-card{background:#0f183580;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px}.info-card h3{font-size:1.2rem;margin-bottom:16px;text-align:center}.process-mini{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.process-step-mini{display:flex;align-items:center;gap:6px;background:#7c5cff1a;padding:6px 12px;border-radius:20px;font-size:.85rem;color:#ffffffd9}.process-step-mini span{background:linear-gradient(135deg,#7c5cff,#5c3fff);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.trust-card p{color:#ffffffbf;font-size:.9rem;text-align:center;margin-bottom:16px;line-height:1.5}.trust-badges-mini{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.trust-badges-mini span{background:#ffffff0d;padding:6px 12px;border-radius:8px;font-size:.8rem;color:#fffc}.services-contact{margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.contact-form{background:#0f183580;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:500px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group:not(.form-row .form-group){margin-bottom:16px}.form-group label{font-size:.85rem;color:#fffc}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px 14px;color:#fff;font-size:.95rem;font-family:inherit;transition:border-color .2s,background .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#7c5cff80;background:#ffffff14}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff59}.form-group select{cursor:pointer}.form-group select option,.form-group select optgroup{background:#1a1f35;color:#fff}.form-group textarea{resize:vertical;min-height:100px}.submit-btn{width:100%;padding:14px 28px;background:linear-gradient(135deg,#7c5cff,#5c3fff);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #7c5cff66}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-success{text-align:center;padding:48px 32px;background:#0f183580;border:1px solid rgba(74,222,128,.3);border-radius:16px}.success-icon{font-size:3rem;margin-bottom:16px}.contact-success h3{font-size:1.3rem;margin-bottom:8px}.contact-success p{color:#ffffffb3}.services-footer{text-align:center;padding:32px 20px 20px;border-top:1px solid rgba(255,255,255,.1)}.payment-methods{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.payment-label{color:#ffffff80;font-size:.85rem}.payment-method{color:#ffffffb3;font-size:.9rem}.legal-links{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.legal-links a{color:#ffffff80;text-decoration:none;font-size:.85rem;transition:color .2s}.legal-links a:hover{color:#fffc}.legal-links .separator{color:#ffffff40}.copyright{color:#ffffff59;font-size:.8rem;margin:0}@media(max-width:768px){.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-usp{gap:12px}.service-tab{padding:12px 20px;font-size:.9rem}.section-title{font-size:1.5rem}.contact-form{padding:20px}}.legal-page{max-width:800px;margin:0 auto;padding:20px}.legal-page h1{font-size:2.2rem;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.legal-section{margin-bottom:40px}.legal-section h2{font-size:1.3rem;color:#fffffff2;margin-bottom:16px;margin-top:0}.legal-block{margin-bottom:24px}.legal-block h3{font-size:1.1rem;color:#ffffffe6;margin-bottom:10px;margin-top:0}.legal-page p{color:#fffc;line-height:1.7;margin-bottom:12px}.legal-page ul{color:#fffc;line-height:1.7;margin:12px 0;padding-left:24px}.legal-page li{margin-bottom:6px}.legal-page a{color:#7c5cff;text-decoration:none;transition:color .2s}.legal-page a:hover{color:#9d85ff;text-decoration:underline}.legal-page strong{color:#fffffff2}.legal-footer{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.legal-footer p{color:#ffffff80;font-size:.9rem}@media(max-width:768px){.legal-page{padding:16px}.legal-page h1{font-size:1.8rem}.legal-section h2{font-size:1.2rem}}.portfolio-page{padding:0 20px 40px}.portfolio-header{text-align:center;margin-bottom:32px}.back-link{display:inline-block;margin-bottom:16px;color:#fff9;text-decoration:none;font-size:.9rem;transition:color .2s}.back-link:hover{color:#7c5cff}.portfolio-header h1{font-size:2.2rem;margin-bottom:8px}.portfolio-subtitle{color:#fff9;font-size:1.1rem}.category-filter{display:flex;justify-content:center;gap:12px;margin-bottom:32px;flex-wrap:wrap}.filter-btn{padding:10px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:24px;color:#ffffffb3;font-size:.95rem;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#ffffff1a;border-color:#ffffff40}.filter-btn.active{background:linear-gradient(135deg,#7c5cff33,#7c5cff1a);border-color:#7c5cff80;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:48px}.project-card{background:#0f183599;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.project-card:hover{transform:translateY(-4px);border-color:#7c5cff66;box-shadow:0 8px 32px #0000004d}.project-thumbnail{position:relative;aspect-ratio:16/10;overflow:hidden}.project-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.project-card:hover .project-thumbnail img{transform:scale(1.05)}.project-overlay{position:absolute;inset:0;background:#7c5cffcc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.project-card:hover .project-overlay{opacity:1}.view-btn{padding:10px 20px;background:#fff;color:#7c5cff;border-radius:8px;font-weight:600;font-size:.9rem}.project-info{padding:16px}.project-category-badge{font-size:.75rem;color:#fff9;margin-bottom:6px}.project-info h3{font-size:1.2rem;margin-bottom:4px}.project-info .project-subtitle{color:#fff9;font-size:.9rem;margin-bottom:12px}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:4px 10px;background:#ffffff14;border-radius:12px;font-size:.75rem;color:#ffffffb3}.project-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.project-modal{background:linear-gradient(135deg,#0f1835,#0b1020);border:1px solid rgba(255,255,255,.15);border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:10}.modal-close:hover{background:#fff3}.modal-header{padding:24px 24px 16px}.modal-category-badge{font-size:.85rem;color:#fff9;margin-bottom:8px}.modal-header h2{font-size:1.8rem;margin-bottom:4px}.modal-subtitle{color:#fff9;font-size:1rem}.modal-image{width:100%;aspect-ratio:16/9;overflow:hidden}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-content{padding:24px}.modal-section{margin-bottom:20px}.modal-section h4{font-size:1rem;margin-bottom:10px;color:#ffffffe6}.modal-section p{color:#ffffffbf;line-height:1.6}.feature-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.feature-list li{color:#fffc;font-size:.9rem}.modal-actions{display:flex;gap:12px;padding:0 24px 24px;flex-wrap:wrap}.demo-btn,.request-btn{flex:1;min-width:200px;padding:14px 24px;border-radius:10px;font-weight:600;font-size:.95rem;text-decoration:none;text-align:center;transition:all .2s}.demo-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.demo-btn:hover{background:#ffffff26;border-color:#ffffff4d}.request-btn{background:linear-gradient(135deg,#7c5cff,#5c3fff);color:#fff;border:none}.request-btn:hover{box-shadow:0 4px 20px #7c5cff66;transform:translateY(-1px)}.portfolio-cta{text-align:center;padding:48px 24px;background:linear-gradient(135deg,rgba(124,92,255,.1) 0%,transparent 100%);border-radius:20px;border:1px solid rgba(124,92,255,.2)}.portfolio-cta h2{font-size:1.6rem;margin-bottom:8px}.portfolio-cta p{color:#ffffffb3;margin-bottom:24px}.cta-btn{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#7c5cff,#5c3fff);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:1rem;transition:all .2s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7c5cff66}@media(max-width:600px){.portfolio-header h1{font-size:1.8rem}.projects-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.demo-btn,.request-btn{min-width:auto}}