.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)}.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{--text: #213547;--text-muted: #5a6a7a;--bg: #ffffff;--bg-secondary: #f5f7fa;--border: #d1d5db;--accent: #7c5cff;--accent-hover: #6a4bef;--panel: #ffffff;color-scheme:light;color:var(--text);background:var(--bg);padding:2rem;max-width:1200px;margin:0 auto}.admin-page *{color-scheme:light;color:#213547!important}.admin-page .details-btn,.admin-page .delete-group-btn,.admin-page .lock-btn,.admin-page .save-evaluation-btn,.admin-page .add-feedback-btn,.admin-page .clear-feedback-btn,.admin-page .create-assignment-btn,.admin-page .save-btn,.admin-page .primary-btn,.admin-page button[class*=btn]:not(.details-btn):not(.step-eval-btn):not(.adj-btn):not(.comp-btn):not(.loop-btn):not(.preview-btn){color:#fff!important}.admin-page button:disabled{color:#9ca3af!important}.admin-page input,.admin-page select,.admin-page textarea{background:#fff;color:#333}.admin-page input::placeholder,.admin-page textarea::placeholder{color:#999}.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:#7c5cff;border-bottom-color:#7c5cff}.tab-content{animation:fadeIn .2s ease}.error-message{background:#fee;border:1px solid #fcc;color:#c55;padding:1rem;border-radius:.5rem;margin:1rem 0}.loading{text-align:center;padding:2rem;color:var(--text-muted)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state .hint{margin-top:.5rem;font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);padding:1.5rem;border-radius:.75rem;border:1px solid var(--border-color);text-align:center}.stat-value{font-size:2rem;font-weight:700;color:#7c5cff;margin-bottom:.25rem}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.filters{display:flex;gap:1rem;align-items:end;margin-bottom:1.5rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.filter-group select{padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:#fff;font-size:.875rem}.refresh-btn{padding:.5rem 1rem;background:#7c5cff;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.refresh-btn:hover{background:#6a4bef}.results-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:.5rem}.results-table{width:100%;border-collapse:collapse;background:#fff}.results-table th,.results-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.results-table th{background:#f8f9fa;font-weight:600;color:var(--text-color);position:sticky;top:0}.results-table tr:hover{background:#f8f9fa}.result-details{padding:8px 0}.detail-grid{display:flex;flex-direction:column;gap:6px}.detail-row{display:flex;gap:12px;align-items:baseline;font-size:.875rem}.detail-label{font-weight:600;color:#555;min-width:100px;flex-shrink:0}.status-badge{padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status-badge.passed{background:#dcfce7;color:#166534}.status-badge.failed{background:#fee2e2;color:#991b1b}.status-badge.neutral{background:#f3f4f6;color:#374151}.user-cell{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.app-badge{background:#7c5cff;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.score{font-weight:600}.score.good{color:#28a745}.score.bad{color:#dc3545}.users-summary{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem}.user-card{background:var(--card-bg);padding:1rem;border-radius:.5rem;border:1px solid var(--border-color)}.user-email{font-weight:500;margin-bottom:.25rem}.user-count{color:var(--text-muted);font-size:.875rem}.skills-check-admin h3{margin:2rem 0 1rem}.world-stats{margin:2rem 0}.world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.world-stat{background:var(--card-bg);padding:1rem;border-radius:.5rem;border:1px solid var(--border-color);text-align:center}.world-name{font-weight:600;margin-bottom:.5rem}.world-score{font-size:1.5rem;color:#7c5cff;font-weight:700}.submissions-section h4{margin:2rem 0 1rem;color:var(--text-color)}.submissions-grid{display:grid;gap:1rem}.submission-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}.submission-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.submission-user{font-weight:600}.submission-class{color:var(--text-muted);font-size:.875rem}.submission-score{font-size:1.25rem;font-weight:700;color:#7c5cff}.submission-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-top:1rem;font-size:.875rem}.submission-stat{text-align:center;padding:.5rem;background:#f8f9fa;border-radius:.25rem}.submission-stat-label{display:block;color:var(--text-muted);font-size:.75rem;margin-bottom:.25rem}.submission-stat-value{font-weight:600}.achievement-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.achievement-tag{background:#28a745;color:#fff;padding:.125rem .375rem;border-radius:.125rem;font-size:.75rem;font-weight:500}.survey-responses h4{margin:2rem 0 1rem}.survey-response{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.response-meta{color:var(--text-muted);font-size:.875rem}.response-answers{display:grid;gap:.75rem}.answer-item{display:flex;flex-direction:column;gap:.25rem}.answer-question{font-weight:500;color:var(--text-color)}.answer-response{color:var(--text-muted);font-style:italic;padding-left:1rem}.assignment-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.assignment-form h3{margin:0 0 1.5rem;color:var(--text-color)}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-weight:500;color:var(--text-color);font-size:.875rem}.code-input-group{display:flex;gap:.5rem}.assignment-code-input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.auto-code-btn{padding:.75rem;background:#7c5cff;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:1rem;transition:all .2s}.auto-code-btn:hover:not(:disabled){background:#6a4bef}.auto-code-btn:disabled{background:#ccc;cursor:not-allowed}.class-select,.title-input,.description-input{padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem}.description-input{resize:vertical;font-family:inherit}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.create-assignment-btn{background:#7c5cff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s}.create-assignment-btn:hover{background:#6a4bef}.primary-btn{background:#7c5cff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s}.primary-btn:hover:not(:disabled){background:#6a4bef}.primary-btn:disabled{background:#ccc;cursor:not-allowed}.secondary-btn{background:#f8f9fa;color:var(--text-color);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s}.secondary-btn:hover{background:#e9ecef}.assignments-overview{margin-bottom:2rem}.assignments-overview h3{margin-bottom:1rem;color:var(--text-color)}.assignments-list{display:grid;gap:1rem}.assignment-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;display:flex;justify-content:space-between;align-items:start}.assignment-info h4{margin:0 0 .5rem;color:var(--text-color);font-size:1.125rem}.assignment-details{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.assignment-code{background:#7c5cff;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.assignment-class,.assignment-groups{background:#f8f9fa;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;color:var(--text-muted);font-weight:500}.assignment-description{color:var(--text-muted);font-size:.875rem;margin:.5rem 0;line-height:1.4}.assignment-meta{color:var(--text-muted);font-size:.75rem}.assignment-status{display:flex;align-items:center}.status-active{color:#28a745;font-weight:500;font-size:.875rem}.status-inactive{color:#6c757d;font-weight:500;font-size:.875rem}.class-projects-section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.class-projects-section h2{color:var(--text-color);margin-bottom:1rem}.class-projects-grid{display:grid;gap:1rem}.class-project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;display:flex;justify-content:space-between;align-items:start;transition:all .2s}.class-project-card:hover{border-color:#7c5cff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.project-info h3{margin:0 0 .5rem;color:var(--text-color);font-size:1.125rem}.project-details{color:var(--text-muted);font-size:.875rem;margin-bottom:.5rem}.project-description{color:var(--text-muted);font-size:.875rem;margin:.5rem 0;line-height:1.4}.project-date{color:var(--text-muted);font-size:.75rem}.project-open-btn{background:#7c5cff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s;white-space:nowrap}.project-open-btn:hover:not(:disabled){background:#6a4bef}.no-class-projects{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.code-entry-section h2{color:var(--text-color);margin-bottom:1rem}.songwriting-admin .admin-section-header{margin-bottom:2rem}.songwriting-admin .admin-section-header h2{margin:0 0 .5rem}.songwriting-admin .admin-section-header p{color:var(--text-muted);margin:0}.create-assignment-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.groups-overview h3{margin-bottom:1.5rem;color:var(--text-color)}.group-overview-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-bottom:1rem}.group-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.group-title h4{margin:0 0 .25rem;color:var(--text-color)}.group-meta{color:var(--text-muted);font-size:.875rem}.group-actions{display:flex;gap:.5rem}.lock-btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;background:#fff;cursor:pointer;font-size:.875rem;transition:all .2s}.lock-btn.locked{background:#dc3545;color:#fff;border-color:#dc3545}.lock-btn.unlocked{background:#28a745;color:#fff;border-color:#28a745}.details-btn{padding:.5rem 1rem;background:#7c5cff;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.details-btn:hover{background:#6a4bef}.delete-group-btn{padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:all .2s}.delete-group-btn:hover{background:#dc2626}.group-progress-summary{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.progress-bar{flex:1;height:8px;background:#f8f9fa;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#7c5cff;transition:width .3s ease}.progress-text{font-size:.875rem;color:var(--text-muted);font-weight:500;white-space:nowrap}.group-members-summary{color:var(--text-muted);font-size:.875rem}.member-tag{background:#f8f9fa;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;margin-left:.5rem;color:var(--text-color)}.group-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.contribution-summary h4{margin:0 0 1rem;color:var(--text-color)}.contribution-stats{display:grid;gap:.5rem}.contribution-stat{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8f9fa;border-radius:.375rem}.contributor-name{font-weight:500;color:var(--text-color)}.contribution-details{color:var(--text-muted);font-size:.875rem}.no-contributions{color:var(--text-muted);font-style:italic;text-align:center;padding:1rem}@media(max-width:768px){.admin-page{padding:1rem}.admin-tabs{flex-wrap:wrap}.stats-grid{grid-template-columns:1fr}.filters{flex-direction:column;align-items:stretch}.form-row{grid-template-columns:1fr}.assignment-card{flex-direction:column;gap:1rem}.assignment-details{flex-direction:column;gap:.5rem}.class-project-card,.group-header{flex-direction:column;gap:1rem}.group-actions{align-self:stretch}.group-progress-summary{flex-direction:column;align-items:stretch;gap:.5rem}.progress-text{text-align:center}.contribution-stat{flex-direction:column;align-items:flex-start;gap:.25rem}}.evaluation-criteria-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.criterion-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:16px}.criterion-input label{font-weight:600;color:#495057;font-size:14px}.grade-input{display:flex;align-items:center;gap:8px}.grade-number-input{width:80px;padding:8px 12px;border:2px solid #e9ecef;border-radius:4px;font-size:16px;text-align:center}.grade-number-input:focus{outline:none;border-color:#007bff}.grade-scale{color:#6c757d;font-weight:600}.evaluation-comment-form{margin-bottom:20px}.evaluation-comment-form label{display:block;margin-bottom:8px;font-weight:600;color:#495057}.evaluation-comment-textarea{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:4px;font-family:inherit;font-size:14px;resize:vertical}.evaluation-comment-textarea:focus{outline:none;border-color:#007bff}.save-evaluation-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:600;font-size:16px}.save-evaluation-btn:hover{background:#218838}.save-evaluation-btn:disabled{background:#6c757d;cursor:not-allowed}.step-evaluation-section{margin-top:2rem;padding:1.5rem;border:2px solid #7c5cff;border-radius:.75rem;background:linear-gradient(135deg,#f8f9ff,#fff)}.step-evaluation-section h4{margin:0 0 1.5rem;color:#7c5cff;display:flex;align-items:center;gap:.5rem;font-size:1.25rem}.no-evaluations{text-align:center;padding:2rem;color:var(--text-muted);background:#f8f9fa;border-radius:.5rem;border:1px solid var(--border-color)}.evaluation-summary{margin-bottom:2rem}.evaluation-summary h5{margin:0 0 1rem;color:var(--text-color)}.summary-table-container{overflow-x:auto;border-radius:.5rem;box-shadow:0 2px 8px #0000001a}.evaluation-summary-table{width:100%;border-collapse:collapse;background:#fff;margin-bottom:1.5rem}.evaluation-summary-table th,.evaluation-summary-table td{padding:.75rem;text-align:center;border:1px solid #dee2e6;font-size:.875rem}.evaluation-summary-table th{background:#f8f9fa;font-weight:600;color:var(--text-color)}.evaluation-summary-table th:first-child,.evaluation-summary-table td:first-child{text-align:left;min-width:150px}.evaluation-summary-table tr.good{background:#d4edda}.evaluation-summary-table tr.medium{background:#fff3cd}.evaluation-summary-table tr.bad{background:#f8d7da}.member-cell{display:flex;flex-direction:column;gap:.25rem}.member-cell strong{font-size:.875rem}.member-cell small{color:var(--text-muted);font-size:.75rem}.step-points{font-weight:600}.total-points{background:#e9ecef;font-weight:700}.grade-cell{background:#7c5cff;color:#fff;font-weight:700}.competency-overview{margin-top:2rem}.competency-overview h5{margin:0 0 1rem;color:var(--text-color)}.member-competencies{margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:.5rem;border:1px solid #dee2e6}.member-competencies h6{margin:0 0 .75rem;color:#7c5cff;font-weight:600}.competency-list{display:grid;gap:.5rem}.competency-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#f8f9fa;border-radius:.375rem}.competency-code{font-weight:600;color:var(--text-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;min-width:80px}.competency-steps{color:var(--text-muted);font-size:.75rem;margin-left:auto}.step-evaluation-controls{margin-bottom:2rem}.step-evaluation-controls h5{margin:0 0 1rem;color:var(--text-color)}.step-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.step-eval-btn{padding:.75rem;border:2px solid var(--border-color);background:#fff;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;text-align:center;transition:all .2s;position:relative}.step-eval-btn:hover{border-color:#7c5cff;background:#f8f9ff}.step-eval-btn.active{background:#7c5cff;color:#fff;border-color:#7c5cff}.step-eval-btn.has-evaluations{border-color:#28a745;background:#f8fff8}.step-eval-btn.has-evaluations.active{background:#7c5cff;border-color:#7c5cff}.eval-indicator{position:absolute;top:-5px;right:-5px;background:#28a745;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center}.individual-step-evaluation{background:#fff;border:2px solid #7c5cff;border-radius:.75rem;padding:1.5rem;margin-top:1.5rem}.step-eval-header{margin-bottom:2rem}.step-eval-header h5{margin:0 0 1rem;color:#7c5cff;font-size:1.125rem}.step-eval-info{display:grid;grid-template-columns:2fr 1fr 120px;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:.5rem}.step-criteria,.step-competencies,.step-max-points{font-size:.875rem}.step-criteria strong,.step-competencies strong,.step-max-points strong{display:block;margin-bottom:.25rem;color:var(--text-color)}.step-criteria p,.step-competencies p,.step-max-points p{margin:0;color:var(--text-muted);line-height:1.4}.group-evaluation{margin-bottom:2rem;padding:1rem;background:#e3f2fd;border-radius:.5rem;border:1px solid #bbdefb}.group-evaluation h6{margin:0 0 1rem;color:#1976d2;font-weight:600}.group-points-input{display:flex;align-items:center;gap:.75rem}.group-points-input label{font-weight:500;color:var(--text-color)}.group-points-number{width:80px;padding:.5rem;border:2px solid #90caf9;border-radius:.375rem;text-align:center;font-size:1rem;font-weight:600}.group-points-number:focus{outline:none;border-color:#1976d2}.individual-evaluations h6{margin:0 0 1rem;color:var(--text-color);font-weight:600}.student-evaluation-cards{display:grid;gap:1rem}.student-eval-card{background:#fff;border:2px solid #e9ecef;border-radius:.5rem;padding:1.25rem;transition:all .2s}.student-eval-card:hover{border-color:#7c5cff;box-shadow:0 2px 8px #0000001a}.student-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.student-icon{font-size:1.25rem}.student-header strong{color:var(--text-color);font-size:1rem}.student-role{color:var(--text-muted);font-size:.875rem}.adjustment-controls,.competency-controls{margin-bottom:1rem}.adjustment-controls label,.competency-controls label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color);font-size:.875rem}.adjustment-buttons,.competency-buttons{display:flex;gap:.25rem}.adj-btn,.comp-btn{padding:.5rem .75rem;border:2px solid #e9ecef;background:#fff;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.adj-btn:hover,.comp-btn:hover{border-color:#7c5cff;background:#f8f9ff}.adj-btn.active,.comp-btn.active{background:#7c5cff;color:#fff;border-color:#7c5cff}.comp-btn{font-size:.75rem;padding:.5rem}.comment-input{margin-bottom:1rem}.comment-input label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color);font-size:.875rem}.comment-textarea{width:100%;padding:.5rem;border:2px solid #e9ecef;border-radius:.375rem;font-family:inherit;font-size:.875rem;resize:vertical}.comment-textarea:focus{outline:none;border-color:#7c5cff}.points-display{font-weight:500;color:var(--text-color);font-size:.875rem;padding:.75rem;background:#f8f9fa;border-radius:.375rem;text-align:center}.points-display strong{color:#7c5cff;font-weight:700}.save-evaluations{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.save-step-btn{background:#28a745;color:#fff;border:none;padding:1rem 2rem;border-radius:.5rem;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s;box-shadow:0 2px 4px #0000001a}.save-step-btn:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.student-evaluation-display{background:linear-gradient(135deg,#e8f5e8,#f8fff8);border:2px solid #28a745;border-radius:.75rem;padding:1.5rem;margin:2rem 0}.student-evaluation-display h3{margin:0 0 1rem;color:#28a745;display:flex;align-items:center;gap:.5rem}.evaluation-table-container{overflow-x:auto;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.student-evaluation-table{width:100%;border-collapse:collapse;background:#fff}.student-evaluation-table th,.student-evaluation-table td{padding:.75rem;text-align:left;border:1px solid #dee2e6;font-size:.875rem}.student-evaluation-table th{background:#f8f9fa;font-weight:600;color:var(--text-color)}.student-evaluation-table td:nth-child(2),.student-evaluation-table td:nth-child(3),.student-evaluation-table td:nth-child(4){text-align:center}.student-evaluation-table .total-row{background:#e8f5e8;font-weight:600;border-top:2px solid #28a745}.bonus-positive{color:#28a745;font-weight:600}.bonus-negative{color:#dc3545;font-weight:600}.competency-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.competency-badge.erreicht{background:#d4edda;color:#155724}.competency-badge.teilweise_erreicht{background:#fff3cd;color:#856404}.competency-badge.nicht_erreicht{background:#f8d7da;color:#721c24}.teacher-comments{margin-bottom:1.5rem}.teacher-comments h4{margin:0 0 .75rem;color:var(--text-color)}.comments-list{display:grid;gap:.75rem}.comment-item{padding:.75rem;background:#fff;border-radius:.375rem;border-left:4px solid #7c5cff}.comment-item strong{color:var(--text-color);display:block;margin-bottom:.25rem}.comment-item p{margin:0;color:var(--text-muted);font-style:italic}.competency-summary h4{margin:0 0 .75rem;color:var(--text-color)}.competency-grid{display:grid;gap:.75rem}.competency-summary-item{padding:.75rem;background:#fff;border-radius:.375rem;border:1px solid #dee2e6}.competency-header{display:flex;justify-content:between;align-items:center;gap:.5rem;margin-bottom:.25rem}.competency-header strong{color:var(--text-color);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.competency-status{font-weight:500;font-size:.875rem}.competency-status.erreicht{color:#155724}.competency-status.teilweise_erreicht{color:#856404}.competency-status.nicht_erreicht{color:#721c24}.no-evaluations{text-align:center;padding:2rem;color:var(--text-muted);background:#f8f9fa;border-radius:.5rem;border:1px solid #dee2e6}@media(max-width:768px){.evaluation-criteria,.evaluation-criteria-form{grid-template-columns:1fr!important}.criterion{flex-direction:column;align-items:flex-start;gap:4px}.grade-input{justify-content:flex-start}.step-eval-info{grid-template-columns:1fr;gap:1rem}.group-points-input{flex-direction:column;align-items:flex-start;gap:.5rem}.adjustment-buttons,.competency-buttons{flex-wrap:wrap}.evaluation-summary-table{font-size:.75rem}.evaluation-summary-table th,.evaluation-summary-table td{padding:.5rem .25rem}.competency-item{flex-direction:column;align-items:flex-start;gap:.25rem}.competency-steps{margin-left:0}.step-buttons{grid-template-columns:repeat(2,1fr)}}.admin-page .clear-feedback-btn{background:#ef4444;color:#fff!important;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.admin-page .add-feedback-btn{background:#7c5cff;color:#fff!important;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.admin-page .add-feedback-btn:disabled{background:#d1d5db;color:#9ca3af!important}.admin-page .last-edited-info{background:#f5f7fa;color:#5a6a7a!important;padding:6px 12px;border-radius:4px;font-size:13px}.admin-page .step-evaluation-section,.admin-page .step-evaluation-section *,.admin-page .evaluation-summary,.admin-page .no-evaluations,.admin-page .individual-step-evaluation,.admin-page .individual-step-evaluation *{color:#213547}.admin-page .evaluation-summary-table th,.admin-page .evaluation-summary-table td{color:#213547!important}.admin-page .step-eval-btn{color:#213547!important;background:#fff!important;background-color:#fff!important}.admin-page .step-eval-btn.active{color:#fff!important;background:#7c5cff!important;background-color:#7c5cff!important}.admin-page .step-eval-btn.has-evaluations{color:#213547!important;background:#f8fff8!important;background-color:#f8fff8!important}.admin-page .step-eval-btn.has-evaluations.active{color:#fff!important;background:#7c5cff!important;background-color:#7c5cff!important}.admin-page .student-eval-card{color:#213547;background:#fff!important}.admin-page .step-evaluation-section button,.admin-page .individual-step-evaluation button{background-color:#fff!important;color:#213547!important}.admin-page .step-evaluation-section button.active,.admin-page .individual-step-evaluation button.active{background-color:#7c5cff!important;color:#fff!important}.admin-page .save-step-btn{background-color:#28a745!important;color:#fff!important}.admin-page .student-header strong,.admin-page .student-role,.admin-page .adjustment-controls label,.admin-page .competency-controls label,.admin-page .comment-input label,.admin-page .points-display,.admin-page .points-display strong{color:#213547!important}.admin-page .adj-btn,.admin-page .comp-btn{color:#213547!important;background:#fff!important;background-color:#fff!important}.admin-page .adj-btn.active,.admin-page .comp-btn.active{color:#fff!important;background:#7c5cff!important;background-color:#7c5cff!important}.admin-page .step-eval-info,.admin-page .step-eval-info *{color:#213547}.admin-page .step-eval-header h5{color:#7c5cff!important}.admin-page .group-evaluation,.admin-page .group-evaluation *{color:#213547}.admin-page .group-evaluation h6{color:#1976d2!important}.admin-page .group-points-number,.admin-page .comment-textarea{color:#213547;background:#fff}.admin-page .competency-code,.admin-page .competency-status,.admin-page .competency-steps{color:#213547!important}.admin-page .member-competencies h6{color:#7c5cff!important}.admin-page textarea{background:#fff;color:#213547!important;border:1px solid #d1d5db}.admin-page .individual-submission .submission-content span{display:block;margin-bottom:4px}.admin-page .individual-submission{margin-bottom:12px;padding:8px 12px;background:#f9fafb;border-radius:6px;border-left:3px solid #7c5cff}.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}}.evt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#ffffff8c}.evt-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.12);border-top-color:#60a5fa;border-radius:50%;animation:evt-spin .8s linear infinite}@keyframes evt-spin{to{transform:rotate(360deg)}}.evt-error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px;text-align:center;padding:24px}.evt-layout{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.evt-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.evt-back{font-size:13px;color:#ffffff8c;text-decoration:none;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:background .15s}.evt-back:hover{background:#ffffff14;color:#fff}.evt-header-info{display:flex;align-items:center;gap:8px}.evt-type-badge{font-size:12px;padding:4px 10px;border-radius:999px;background:#60a5fa26;border:1px solid rgba(96,165,250,.35);color:#93c5fd}.evt-ac-bar{font-size:12px;padding:8px 14px;border-radius:10px;background:#fbbf241f;border:1px solid rgba(251,191,36,.3);color:#fcd34d;margin-bottom:8px}.evt-autosave{font-size:11px;color:#fff6;margin-bottom:12px;text-align:right}.evt-stepper{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.evt-step{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffff80}.evt-step-dot{width:8px;height:8px;border-radius:50%;background:#fff3}.evt-step.active{background:#60a5fa24;border-color:#60a5fa59;color:#93c5fd}.evt-step.active .evt-step-dot{background:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.evt-step.done{background:#34d3991f;border-color:#34d3994d;color:#6ee7b7}.evt-step.done .evt-step-dot{background:#34d399;box-shadow:0 0 0 3px #34d39933}.evt-main{display:grid;grid-template-columns:1fr 260px;gap:16px;align-items:start}@media(max-width:800px){.evt-main{grid-template-columns:1fr}.evt-kpi{display:grid;grid-template-columns:1fr 1fr;gap:8px;order:-1}}@media(max-width:500px){.evt-kpi{grid-template-columns:1fr}}.evt-kpi{display:flex;flex-direction:column;gap:10px;position:sticky;top:20px}.evt-kpi-card{padding:12px 14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.evt-kpi-label{font-size:11px;color:#ffffff80;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.evt-kpi-val{font-size:22px;font-weight:700;line-height:1.2}.evt-kpi-small{font-size:14px}.evt-kpi-hint{font-size:11px;color:#fff6;margin-top:2px}.evt-kpi-anticheat{background:#fbbf2414;border-color:#fbbf2440}.evt-step-body{display:flex;flex-direction:column;gap:14px}.evt-section-header{margin-bottom:4px}.evt-section-header h2{margin:0 0 4px;font-size:16px}.evt-section-header p{margin:0;font-size:13px;color:#ffffff8c}.evt-intro{padding:24px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.evt-intro h1{margin:0 0 10px;font-size:22px}.evt-intro-desc{margin:0 0 14px;color:#ffffffb3;font-size:14px;line-height:1.5}.evt-intro-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.evt-intro-meta span{font-size:12px;padding:5px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffb3}.evt-anticheat-banner{font-size:12px;padding:10px 14px;border-radius:10px;background:#fbbf241a;border:1px solid rgba(251,191,36,.28);color:#fcd34d;margin-bottom:16px}.evt-intro-actions{display:flex;gap:10px;flex-wrap:wrap}.evt-qcard{padding:16px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px}.evt-qhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.evt-qnum{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border-radius:50%;background:#60a5fa2e;border:1px solid rgba(96,165,250,.35);color:#93c5fd;font-size:12px;font-weight:700;flex-shrink:0}.evt-qmeta{font-size:11px;color:#fff6;white-space:nowrap}.evt-qprompt{margin:0;font-size:14px;line-height:1.5}.evt-input,.evt-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#0a0e1a80;color:#fff;font:inherit;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.evt-input:focus,.evt-textarea:focus{border-color:#60a5fa8c;box-shadow:0 0 0 3px #60a5fa24}.evt-input.evt-error{border-color:#fb71858c;box-shadow:0 0 0 3px #fb71851f}.evt-input::placeholder,.evt-textarea::placeholder{color:#ffffff4d}.evt-textarea{resize:vertical;min-height:100px}.evt-hint{font-size:11px;color:#fff6;display:block;margin-top:4px}.evt-oneword{display:flex;flex-direction:column}.evt-options{display:flex;flex-direction:column;gap:8px}.evt-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0a0e1a4d;cursor:pointer;transition:background .12s,border-color .12s;font-size:14px}.evt-opt:hover{border-color:#ffffff38;background:#0a0e1a73}.evt-opt.selected{border-color:#60a5fa80;background:#60a5fa1a;color:#93c5fd}.evt-opt input{accent-color:#60a5fa;flex-shrink:0}.evt-listen{display:flex;flex-direction:column;gap:12px}.evt-listen-controls{display:flex;gap:8px;flex-wrap:wrap}.evt-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:500px){.evt-checkbox-grid{grid-template-columns:1fr}}.evt-btn{padding:9px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;font:inherit;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}.evt-btn:hover{background:#ffffff1a;border-color:#ffffff38}.evt-btn:active{transform:translateY(1px)}.evt-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.evt-btn-primary{border-color:#60a5fa66;background:#60a5fa29;color:#93c5fd}.evt-btn-primary:hover{border-color:#60a5fa99;background:#60a5fa38}.evt-btn-play{border-color:#60a5fa66;background:#60a5fa24;color:#93c5fd}.evt-btn-success{border-color:#34d39966;background:#34d39924;color:#6ee7b7;font-weight:600}.evt-btn-success:hover{border-color:#34d39999;background:#34d39938}.evt-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.evt-submit-summary{padding:14px 16px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px}.evt-summary-row{display:flex;justify-content:space-between;font-size:14px}.evt-checklist{padding:14px 16px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.evt-checklist h3{margin:0 0 12px;font-size:14px}.evt-check-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;margin:4px 0;font-size:12px;border:1px solid rgba(255,255,255,.08);background:#0a0e1a40}.evt-check-row.blank{border-color:#fbbf2433}.evt-check-row.answered{border-color:#34d39933}.evt-check-num{width:24px;height:24px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;color:#ffffffb3}.evt-check-label{flex:1;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evt-check-status{font-size:14px;flex-shrink:0}.evt-success{padding:16px 18px;border-radius:12px;background:#34d3991f;border:1px solid rgba(52,211,153,.3);color:#6ee7b7;font-size:14px;line-height:1.6}.evt-error-msg{padding:10px 14px;border-radius:10px;background:#fb71851a;border:1px solid rgba(251,113,133,.3);color:#fca5a5;font-size:13px}.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}.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}}.diy-builder-banner{max-width:900px;margin:0 auto 2rem;padding:0 1.5rem}.diy-content{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid rgba(129,140,248,.2);border-radius:16px;padding:1.5rem 2rem}.diy-text{flex:1}.diy-badge{display:inline-block;background:#818cf833;color:#a5b4fc;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:4px 10px;border-radius:999px;margin-bottom:.5rem}.diy-text h3{color:#e0e7ff;font-size:1.1rem;font-weight:700;margin:0 0 .3rem}.diy-text p{color:#a5b4fc;font-size:.9rem;margin:0;opacity:.9}.diy-cta{flex-shrink:0;display:inline-flex;align-items:center;background:#6366f1;color:#fff;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;border-radius:12px;text-decoration:none;transition:all .2s;white-space:nowrap}.diy-cta:hover{background:#818cf8;transform:translateY(-1px);box-shadow:0 4px 20px #6366f14d}@media(max-width:640px){.diy-content{flex-direction:column;text-align:center;padding:1.25rem 1.5rem}.diy-cta{width:100%;justify-content:center}}.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}}.songwriting-entry,.songwriting-groups,.songwriting-wizard{--text: #213547;--text-muted: #5a6a7a;--bg: #ffffff;--bg-secondary: #f5f7fa;--border: #d1d5db;--accent: #7c5cff;--accent-hover: #6a4bef;--accent-alpha: rgba(124, 92, 255, .2);--panel: #ffffff;color-scheme:light;color:var(--text);background:var(--bg);padding:16px;max-width:900px;margin:0 auto}.songwriting-entry,.songwriting-entry *,.songwriting-groups,.songwriting-groups *,.songwriting-wizard,.songwriting-wizard *{color:#213547!important;color-scheme:light}.songwriting-wizard .primary-btn,.songwriting-wizard .submit-btn,.songwriting-wizard .adopt-btn,.songwriting-wizard .copy-btn,.songwriting-wizard .full-song-btn,.songwriting-wizard .dnd-palette-block,.songwriting-wizard .dnd-remove-btn,.songwriting-wizard .chord-btn,.songwriting-wizard .chord-btn.minor,.songwriting-wizard .chord-slot.filled,.songwriting-wizard .chord-slot.filled .remove-x,.songwriting-wizard .instrument-btn.active,.songwriting-wizard .pattern-btn.active,.songwriting-wizard .play-btn,.songwriting-wizard .stop-btn,.songwriting-wizard .option-card input[type=radio]:checked+span,.songwriting-wizard .create-group-btn,.songwriting-wizard .auto-code-btn,.songwriting-wizard .create-assignment-btn,.songwriting-entry .primary-btn,.songwriting-groups .primary-btn,.songwriting-groups .create-group-btn{color:#fff!important}.songwriting-wizard .help-text,.songwriting-wizard .text-muted,.songwriting-wizard .accordion-arrow,.songwriting-wizard .recording-chords,.songwriting-wizard .dnd-item-number{color:#6b7280!important}.songwriting-entry input,.songwriting-entry select,.songwriting-entry textarea,.songwriting-groups input,.songwriting-groups select,.songwriting-groups textarea,.songwriting-wizard input,.songwriting-wizard select,.songwriting-wizard textarea{background:#fff;color:#213547;border-color:#d1d5db}.songwriting-entry input::placeholder,.songwriting-groups input::placeholder,.songwriting-wizard input::placeholder,.songwriting-entry textarea::placeholder,.songwriting-groups textarea::placeholder,.songwriting-wizard textarea::placeholder{color:#9ca3af}@media(min-width:768px){.songwriting-entry,.songwriting-groups,.songwriting-wizard{padding:24px}}.back-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:16px;transition:all .2s ease}.back-btn:hover{background:var(--bg-secondary);border-color:var(--accent)}.error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-top:16px;font-size:14px;border:1px solid #fcc}.primary-btn{background:var(--accent);color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.primary-btn:hover{background:var(--accent-hover)}.primary-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.cancel-btn{background:#f0f0f0;border:1px solid #ccc;color:#333;padding:12px 20px;border-radius:6px;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#e0e0e0}.entry-header{text-align:center;margin-bottom:32px}.entry-header h1{color:var(--text);margin-bottom:8px;font-size:2rem}.entry-header p{color:var(--text-muted);font-size:1.1rem}.entry-form{max-width:500px;margin:0 auto;background:var(--bg-secondary);padding:24px;border-radius:12px;border:1px solid var(--border)}.entry-form h2{margin-bottom:8px;color:var(--text)}.entry-form p{color:var(--text-muted);margin-bottom:20px}.input-group{display:flex;gap:8px;flex-direction:column}@media(min-width:480px){.input-group{flex-direction:row}}.code-input{flex:1;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:16px;text-transform:uppercase}.code-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha)}.groups-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;flex-direction:column}@media(min-width:640px){.groups-header{flex-direction:row}}.groups-header h1{color:var(--text);margin:0}.groups-header p{color:var(--text-muted);margin:0}.groups-grid{display:grid;gap:16px;margin-bottom:24px}@media(min-width:640px){.groups-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.group-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s ease}.group-card.locked{opacity:.7;border-color:var(--text-muted)}.group-card:hover:not(.locked){border-color:var(--accent);box-shadow:0 2px 8px var(--shadow)}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.group-header h3{color:var(--text);margin:0}.group-number{background:var(--accent);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.lock-icon{color:var(--text-muted)}.group-members{margin-bottom:16px}.group-members ul{list-style:none;padding:0;margin:8px 0 0}.group-members li{color:var(--text-muted);padding:4px 0;font-size:14px}.no-members{color:var(--text-muted);font-style:italic;font-size:14px;margin:8px 0 0}.group-validation{padding:8px 12px;border-radius:6px;margin:12px 0;font-size:14px;font-weight:600;text-align:center}.group-validation.valid{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.group-validation.invalid{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.member-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin:4px 0;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:14px}.member-role{color:var(--text-muted);font-style:italic}.role-select-inline{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;max-width:140px}.role-select-inline:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha)}.role-select-inline:disabled{opacity:.6;cursor:not-allowed}.member-slot-empty{display:block;padding:8px 12px;color:var(--text-muted);font-style:italic;font-size:14px;text-align:center;border:2px dashed var(--border);border-radius:6px;margin:4px 0}.join-btn{width:100%;background:var(--accent);color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.join-btn:hover{background:var(--accent-hover)}.create-group-section{margin-top:32px;padding:24px;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border)}.create-group-btn{display:block;width:100%;background:none;border:2px dashed var(--accent);color:var(--accent);padding:16px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .2s ease}.create-group-btn:hover{background:var(--accent-alpha)}.create-group-form h2{color:var(--text);margin-bottom:16px}.group-name-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:16px;margin-bottom:16px}.group-name-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha)}.form-actions{display:flex;gap:12px;flex-direction:column}@media(min-width:480px){.form-actions{flex-direction:row}}.join-form{margin-top:24px;background:var(--bg-secondary);padding:24px;border-radius:12px;border:1px solid var(--border)}.join-form h2{color:var(--text);margin-bottom:20px}.form-field{margin-bottom:16px}.form-field label{display:block;color:var(--text);font-weight:600;margin-bottom:6px}.name-input,.role-select,.custom-role-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:16px}.name-input:focus,.role-select:focus,.custom-role-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha)}.custom-role-input{margin-top:8px}.wizard-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}@media(min-width:768px){.wizard-header{justify-content:space-between;flex-wrap:nowrap}}.group-info h1{color:var(--text);margin:0;font-size:1.5rem}.group-info p{color:var(--text-muted);margin:4px 0 0}.auto-save-indicator{margin-left:auto}.save-status{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.save-status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.save-status.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.progress-section{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-direction:column}@media(min-width:480px){.progress-section{flex-direction:row}}.progress-bar{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden;min-width:200px}.progress-fill{height:100%;background:var(--accent);transition:width .3s ease}.progress-text{color:var(--text);font-weight:600;font-size:14px;white-space:nowrap}.steps-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}@media(min-width:640px){.steps-overview{grid-template-columns:repeat(4,1fr)}}@media(min-width:900px){.steps-overview{grid-template-columns:repeat(8,1fr)}}.group-members-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:24px}.group-members-section h3{color:var(--text);margin:0 0 12px;font-size:1rem}.step-indicator{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.step-indicator:hover{border-color:var(--accent)}.step-indicator.current{border-color:var(--accent);background:var(--accent-alpha)}.step-indicator.completed{border-color:#28a745;background:#d4edda}.step-indicator.in-progress{border-color:#ffc107;background:#fff3cd}.step-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--text-muted);color:#fff;border-radius:50%;font-size:12px;font-weight:600;margin-bottom:6px}.step-indicator.current .step-number{background:var(--accent)}.step-indicator.completed .step-number{background:#28a745}.step-indicator.in-progress .step-number{background:#ffc107}.step-title{font-size:11px;color:var(--text);text-align:center;line-height:1.2;font-weight:600}.check{position:absolute;top:-6px;right:-6px;background:#28a745;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px}.step-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:32px;min-height:400px}.step-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}@media(min-width:768px){.step-navigation{flex-wrap:nowrap}}.nav-btn{background:none;border:1px solid var(--border);color:var(--text);padding:12px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.nav-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.step-actions{display:flex;gap:12px;order:-1;width:100%}@media(min-width:768px){.step-actions{order:0;width:auto}}.save-btn{background:none;border:1px solid var(--border);color:var(--text);padding:12px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.save-btn:hover{background:var(--bg-secondary);border-color:var(--accent)}.submit-btn{background:#28a745;color:#fff;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#218838}.submit-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.teacher-feedback{background:#e7f3ff;border:1px solid #b3d7ff;border-radius:8px;padding:16px;margin-top:24px}.teacher-feedback h3{color:#0056b3;margin:0 0 8px;font-size:1rem}.teacher-feedback p{color:#004085;margin:0;line-height:1.5}.step-form h2{color:var(--text);margin:0 0 8px;font-size:1.5rem}.step-form>p{color:var(--text-muted);margin:0 0 24px;font-size:1rem}.form-section{margin-bottom:32px}.form-section h3{color:var(--text);margin:0 0 12px;font-size:1.2rem}.form-section h4{color:var(--text);margin:16px 0 8px;font-size:1rem}.help-text{color:var(--text-muted);margin:0 0 12px;font-size:14px}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:16px}@media(min-width:640px){.options-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.option-card{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease;background:var(--bg);text-align:center}.option-card:hover{border-color:var(--accent);background:var(--accent-alpha)}.option-card input[type=radio]{display:none}.option-card input[type=radio]:checked+span{font-weight:600;color:var(--accent)}.option-card:has(input[type=radio]:checked){border-color:var(--accent);background:var(--accent-alpha)}.text-input,.description-textarea,.lyrics-textarea,.rhymes-textarea,.member-textarea,.rehearsal-textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:16px;font-family:inherit;resize:vertical}.text-input:focus,.description-textarea:focus,.lyrics-textarea:focus,.rhymes-textarea:focus,.member-textarea:focus,.rehearsal-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha)}.description-textarea{min-height:80px}.lyrics-textarea{min-height:120px;font-family:monospace;line-height:1.6}.rhymes-textarea{min-height:60px}.member-textarea{min-height:50px}.rehearsal-textarea{min-height:80px}.explanation-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px}@media(min-width:768px){.explanation-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.explanation-cards{grid-template-columns:repeat(3,1fr)}}.explanation-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px}.explanation-card h4{color:var(--accent);margin:0 0 8px;font-size:1rem}.explanation-card p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.4}.structure-builder{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.structure-parts{display:flex;flex-direction:column;gap:8px}.structure-part{display:flex;gap:8px;align-items:center}.structure-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text);font-size:14px}.structure-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha)}.remove-part-btn{background:#dc3545;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.remove-part-btn:hover{background:#c82333}.add-part-btn{background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px}.add-part-btn:hover{background:var(--accent-hover)}.templates{display:flex;flex-direction:column;gap:8px}.template-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:12px;border-radius:6px;cursor:pointer;text-align:left;font-size:14px;line-height:1.4;transition:all .2s ease}.template-btn:hover{border-color:var(--accent);background:var(--accent-alpha)}.tips-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.tip{background:var(--bg);border:1px solid var(--border);border-left:4px solid var(--accent);padding:12px 16px;border-radius:6px;font-size:14px;line-height:1.5}.example-box{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:24px;font-style:italic;color:var(--text-muted);text-align:center;line-height:1.6}.chord-suggestions{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.chord-progression{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px;font-family:monospace;font-size:16px;color:var(--text)}.tempo-options{display:flex;gap:12px;flex-wrap:wrap}.members-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.member-card{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px}.member-info{color:var(--text);margin-bottom:8px;font-size:16px}.member-tasks label{display:block;color:var(--text-muted);font-size:14px;margin-bottom:6px}.checklist{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.checklist-item{display:flex;align-items:center;gap:12px;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease}.checklist-item:hover{background:var(--accent-alpha);border-color:var(--accent)}.checklist-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.rehearsal-entry{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.rehearsal-entry h4{color:var(--text);margin:0 0 12px}.date-input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text);font-size:14px;margin-bottom:8px}.date-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha)}.recording-notes{margin-top:16px}.recording-notes label{display:block;color:var(--text);font-weight:600;margin-bottom:6px}.rating-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.rating-row label{color:var(--text);font-weight:600}.star-rating{display:flex;gap:4px}.star{background:none;border:none;font-size:20px;cursor:pointer;opacity:.3;transition:opacity .2s ease}.star:hover,.star.filled{opacity:1}.admin-info{background:var(--accent-alpha);border:1px solid var(--accent);border-radius:6px;padding:8px 12px;font-size:14px;color:var(--text);margin-top:12px}.student-info{display:flex;align-items:center;gap:8px;padding:8px 0}.klasse-badge{background:var(--accent);color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.member-badge{background:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600}.admin-controls{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:24px}.admin-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text);font-size:14px}.admin-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.preview-banner{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px;text-align:center}.last-edited-info{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted);padding:8px 12px;border-radius:6px;font-size:13px;margin-bottom:16px;text-align:center}input[disabled],textarea[disabled],select[disabled],button[disabled]:not(.step-indicator):not(.nav-btn){opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.option-card:has(input[disabled]){opacity:.6;cursor:not-allowed}.option-card:has(input[disabled]):hover{border-color:var(--border);background:var(--bg)}.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)}}.chord-player{background:var(--bg);border:2px solid var(--accent);border-radius:12px;padding:24px;margin-bottom:32px}.chord-player h3{color:var(--accent);margin:0 0 24px;font-size:1.3rem;text-align:center}.chord-palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px;margin-bottom:20px}@media(min-width:640px){.chord-palette{grid-template-columns:repeat(6,1fr)}}.chord-btn{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border:none;padding:12px 8px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;min-height:44px}.chord-btn.minor{background:linear-gradient(135deg,#8e44ad,#732d91)}.chord-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.chord-btn:active:not(:disabled){transform:translateY(0)}.chord-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;transform:none}.progression-slots h5{color:var(--text);margin:0 0 12px;font-size:1.1rem}.chord-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:20px}@media(min-width:640px){.chord-slots{grid-template-columns:repeat(8,1fr)}}.chord-slot{position:relative;background:#f5f7fa;border:2px dashed #9ca3af;padding:16px 8px;border-radius:8px;text-align:center;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:60px;display:flex;align-items:center;justify-content:center;color:#6b7280!important}.chord-slot.filled{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:2px solid #27ae60;border-style:solid}.chord-slot.empty:hover{border-color:#7c5cff;background:#7c5cff1a}.chord-slot.playing{background:linear-gradient(135deg,#f39c12,#e67e22);animation:pulse-glow .8s ease-in-out infinite alternate;border-color:#f39c12}.chord-slot .remove-x{position:absolute;top:-8px;right:-8px;background:#e74c3c;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}@keyframes pulse-glow{0%{box-shadow:0 0 5px #f39c12b3}to{box-shadow:0 0 20px #f39c12}}.preset-progressions h5{color:var(--text);margin:0 0 12px;font-size:1.1rem}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.preset-btn:hover:not(:disabled){background:var(--accent-alpha);border-color:var(--accent)}.preset-btn:disabled{opacity:.6;cursor:not-allowed}.instrument-selector h5{color:var(--text);margin:0 0 12px;font-size:1.1rem}.instrument-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:20px}.instrument-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);padding:12px 8px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease;text-align:center}.instrument-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-alpha)}.instrument-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.instrument-btn:disabled{opacity:.6;cursor:not-allowed}.pattern-selector{margin-bottom:20px}.pattern-selector label{color:var(--text);margin:0 0 12px;font-size:1.1rem;display:block;font-weight:500}.pattern-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px}.pattern-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);padding:8px 6px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease;text-align:center;line-height:1.2}.pattern-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-alpha)}.pattern-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.pattern-btn:disabled{opacity:.6;cursor:not-allowed}.playback-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px}.play-btn,.stop-btn{background:var(--accent);color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease}.play-btn:hover:not(:disabled),.stop-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.play-btn:disabled,.stop-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;transform:none}.loop-toggle{display:flex;align-items:center;gap:8px;color:var(--text);cursor:pointer;font-size:14px}.loop-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.tempo-control{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px}.tempo-control label{display:block;color:var(--text);font-weight:600;margin-bottom:8px}.tempo-slider{width:100%;height:6px;border-radius:3px;background:var(--border);outline:none;-webkit-appearance:none}.tempo-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer}.tempo-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.recording-controls{margin-bottom:20px}.record-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:16px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease}.record-btn:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 4px 12px #e74c3c4d}.record-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;transform:none}.recording-active{display:flex;align-items:center;gap:16px}.stop-record-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;padding:16px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px}.stop-record-btn.pulsing{animation:recording-pulse 2s ease-in-out infinite}@keyframes recording-pulse{0%,to{box-shadow:0 0 #e74c3cb3}50%{box-shadow:0 0 0 10px #e74c3c00}}.recording-timer{color:#e74c3c;font-weight:600;font-size:18px;font-family:monospace}.recordings-list{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px}.recordings-list h5{color:var(--text);margin:0 0 16px;font-size:1.1rem}.recording-item{display:flex;justify-content:space-between;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:12px;margin-bottom:8px;transition:all .2s ease}.recording-item:hover{border-color:var(--accent);box-shadow:0 2px 4px #0000001a}.recording-info{flex:1;min-width:0}.recording-name{color:var(--text);font-weight:600;font-size:14px;margin-bottom:4px;word-break:break-all}.recording-meta{color:var(--text-muted);font-size:12px}.recording-controls{display:flex;gap:8px;flex-shrink:0}.recording-play-btn,.play-with-loop-btn,.delete-recording-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text);width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s ease}.recording-play-btn:hover{background:var(--accent-alpha);border-color:var(--accent)}.play-with-loop-btn:hover{background:#fff3cd;border-color:#ffc107;color:#856404}.delete-recording-btn:hover{background:#f8d7da;border-color:#dc3545;color:#721c24}.max-recordings-notice{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:12px;border-radius:6px;font-size:14px;text-align:center;margin-top:12px}@media(max-width:480px){.step-indicator .step-title{font-size:10px}.step-number{width:20px;height:20px;font-size:10px}.steps-overview{grid-template-columns:repeat(2,1fr);gap:6px}.step-indicator{padding:8px 4px}.preview-banner{padding:8px 12px;font-size:13px}.student-info{flex-direction:column;align-items:flex-start;gap:4px}.admin-toggle{font-size:13px}.chord-player{padding:16px}.chord-palette{grid-template-columns:repeat(3,1fr)}.chord-slots{grid-template-columns:repeat(2,1fr)}.chord-slot{min-height:50px;padding:12px 4px;font-size:14px}.playback-controls{flex-direction:column;align-items:stretch}.playback-controls>*{flex:1;text-align:center}.recording-item{flex-direction:column;gap:12px;align-items:flex-start}.recording-controls{align-self:stretch;justify-content:space-around}.instrument-buttons{grid-template-columns:1fr}.pattern-buttons{grid-template-columns:repeat(2,1fr);gap:8px}.pattern-btn{padding:10px 8px;font-size:11px}}.no-structure-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:16px;border-radius:8px;margin:16px 0;text-align:center}.song-structure-display{margin:20px 0}.structure-flow{background:var(--bg-secondary);padding:16px;border-radius:8px;font-family:monospace;font-size:16px;text-align:center;border:2px dashed var(--border);margin:12px 0}.section-divider{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:32px 0}.chord-assignment-section{margin:24px 0}.section-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px;border-bottom:2px solid var(--border)}.section-tab{padding:12px 20px;background:none;border:none;cursor:pointer;font-size:16px;font-weight:500;color:var(--text-secondary);border-bottom:3px solid transparent;transition:all .2s ease;text-transform:capitalize}.section-tab:hover{background:var(--bg-secondary);color:var(--text)}.section-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--bg-secondary)}.section-tab-content{background:var(--bg-secondary);padding:24px;border-radius:8px;margin-top:-2px}.section-chord-player{max-width:none}.section-chord-player h4{color:var(--accent);margin-bottom:16px}.section-chord-player .chord-builder{background:#fff;padding:20px;border-radius:8px;margin-bottom:16px}.section-chord-player .playback-section{background:#fff;padding:20px;border-radius:8px}.recording-section{margin:24px 0}.recordings-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.recordings-table-header{display:grid;grid-template-columns:2fr 2fr 3fr 1fr;gap:16px;background:var(--accent);color:#fff;padding:16px;font-weight:700;font-size:14px}.recordings-table-row{display:grid;grid-template-columns:2fr 2fr 3fr 1fr;gap:16px;padding:16px;border-bottom:1px solid var(--border);align-items:center}.recordings-table-row:last-child{border-bottom:none}.recordings-table-row:nth-child(2n){background:#f8f9fa}.col-section strong{color:var(--accent)}.col-chords{font-family:monospace;font-size:14px;color:var(--text-secondary)}.col-status{text-align:center;font-size:18px}.section-recorder .section-info{margin-bottom:12px}.section-recorder .section-chords{font-size:12px;color:var(--text-secondary)}.section-recorder .recording-controls{margin:8px 0}.section-recorder .record-btn{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.section-recorder .record-btn:hover:not(:disabled){background:#c82333}.section-recorder .record-btn:disabled{background:#ccc;cursor:not-allowed}.section-recorder .recording-active{display:flex;align-items:center;gap:8px}.section-recorder .stop-record-btn{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.section-recorder .recording-timer{font-family:monospace;color:#dc3545;font-weight:700}.section-recorder .recordings-list{margin-top:8px}.section-recorder .recording-item.compact{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;padding:8px 12px;border-radius:4px;margin:4px 0;font-size:12px}.section-recorder .recording-info{display:flex;gap:8px;align-items:center}.section-recorder .recording-name{font-weight:500}.section-recorder .recording-meta{color:var(--text-secondary);font-size:11px}.section-recorder .recording-controls{display:flex;gap:4px}.section-recorder .recording-play-btn.small,.section-recorder .delete-recording-btn.small{background:none;border:1px solid var(--border);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px}.section-recorder .recording-play-btn.small:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.section-recorder .delete-recording-btn.small:hover{background:#dc3545;color:#fff;border-color:#dc3545}.section-recorder .no-recordings{text-align:center;color:var(--text-secondary);font-style:italic;padding:8px;font-size:12px}.full-song-section{margin:24px 0}.full-song-controls{text-align:center;margin:16px 0}.full-song-btn{background:var(--accent);color:#fff;border:none;padding:16px 32px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .2s ease}.full-song-btn:hover:not(:disabled){background:var(--accent-dark, #2c5aa0);transform:translateY(-1px)}.full-song-btn:disabled{background:#ccc;cursor:not-allowed}.full-song-btn.playing{background:#dc3545}.song-progress{background:var(--bg-secondary);padding:16px;border-radius:8px;margin-top:16px;text-align:center}.progress-info{color:var(--text-secondary);font-style:italic}@media(max-width:768px){.section-tabs{justify-content:center}.section-tab{padding:8px 12px;font-size:14px}.recordings-table-header,.recordings-table-row{grid-template-columns:1fr;gap:8px;text-align:left}.recordings-table-header>div,.recordings-table-row>div{padding:4px 0}.recordings-table-header>div:before,.recordings-table-row>div:before{content:attr(data-label) ": ";font-weight:700;display:inline-block;width:80px}.recordings-table-header{display:none}.recordings-table-row{margin-bottom:16px;border:1px solid var(--border);border-radius:8px}}.offline-banner{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px;text-align:center;font-weight:600}.conflict-banner{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.reload-btn{background:var(--accent);color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;white-space:nowrap}.reload-btn:hover{background:var(--accent-hover)}.step-indicator.locked{opacity:.6;cursor:not-allowed;background:var(--bg-disabled, #f5f5f5);border-color:var(--border-disabled, #ddd)}.step-indicator.locked:hover{border-color:var(--border-disabled, #ddd)}.step-indicator.locked .step-number{background:var(--text-disabled, #aaa);font-size:14px}.step-indicator.locked .step-title{color:var(--text-disabled, #aaa)}.reopen-btn{background:#17a2b8;color:#fff;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease}.reopen-btn:hover{background:#138496}.step-indicator .feedback-badge{position:absolute;top:-8px;right:-8px;background:#17a2b8;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1}.step-indicator{position:relative}.step-indicator.has-feedback{border:2px solid #17a2b8}.teacher-feedback-box{background:#e7f4fd;border-left:4px solid #17a2b8;border-radius:8px;padding:16px;margin-bottom:24px;color:#0c5460;box-shadow:0 2px 4px #0000000d}.teacher-feedback-box strong{color:#0c5460}@media(max-width:768px){.step-indicator .feedback-badge{width:18px;height:18px;font-size:11px;top:-6px;right:-6px}.teacher-feedback-box{padding:12px;margin-bottom:16px}}.export-btn,.export-btn-header{background:#28a745;color:#fff;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease;font-size:14px;display:inline-flex;align-items:center;gap:8px}.export-btn:hover,.export-btn-header:hover{background:#218838}.export-btn:disabled{background:#6c757d;cursor:not-allowed}.export-btn-header{padding:8px 12px;font-size:13px}.header-actions{display:flex;align-items:center;gap:12px}.export-section{margin-top:24px;padding-top:24px;border-top:2px solid var(--border)}@media print{.song-export-pdf{font-family:Arial,sans-serif;line-height:1.6;color:#333;padding:20px}.export-header h1{font-size:24px;margin-bottom:10px;color:#333}.export-meta{margin-bottom:20px;font-size:14px}.export-section{margin-bottom:20px;page-break-inside:avoid}.export-section h2{font-size:18px;margin-bottom:10px;border-bottom:2px solid #333;padding-bottom:5px}.export-section h3{font-size:16px;margin-bottom:8px;margin-top:15px}.lyrics-content{margin-bottom:10px;padding:8px;background:#f9f9f9;border-radius:4px;border-left:4px solid #007bff}.chord-section{margin-bottom:10px;padding:8px;background:#f9f9f9;border-radius:4px}.member-info{margin-bottom:5px}.ratings-grid p{margin:5px 0}.reflection-item{margin-bottom:15px}.feedback-item{margin-bottom:10px;padding:8px;background:#e7f4fd;border-left:4px solid #17a2b8}}@media(max-width:768px){.header-actions{flex-direction:column;gap:8px;align-items:flex-end}.export-btn-header{padding:6px 10px;font-size:12px}}.teacher-evaluation-display{background:#f8f9fa;border:2px solid #17a2b8;border-radius:8px;padding:20px;margin-top:24px}.teacher-evaluation-display h3{color:#0c5460;margin-bottom:8px}.teacher-ratings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}.teacher-rating-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:6px;border-left:4px solid #17a2b8}.teacher-rating-item.overall-rating{border-left-color:#28a745;background:#f8fff8}.rating-label{font-weight:600;color:#495057}.teacher-grade{font-weight:700;color:#17a2b8;font-size:1.1em}.teacher-grade.overall{color:#28a745;font-size:1.2em}.teacher-comment{margin:20px 0;padding:16px;background:#fff;border-radius:6px;border-left:4px solid #17a2b8}.teacher-comment h4{margin:0 0 8px;color:#0c5460}.teacher-comment p{margin:0;color:#495057;line-height:1.5}.evaluation-comparison{margin-top:20px;padding:16px;background:#fff;border-radius:6px;border:2px dashed #17a2b8}.evaluation-comparison h4{margin:0 0 12px;color:#0c5460}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.comparison-item{padding:8px;background:#f8f9fa;border-radius:4px}.comparison-label{font-weight:600;color:#495057;display:block;margin-bottom:4px}.comparison-values{display:flex;justify-content:space-between;align-items:center;gap:12px}.student-value{color:#ffc107;font-weight:600;font-size:.9em}.teacher-value{color:#17a2b8;font-weight:600;font-size:.9em}.class-projects-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.class-projects-section h2{color:var(--text);margin-bottom:16px;font-size:1.25rem}.class-projects-grid{display:grid;gap:16px}.class-project-card{background:var(--bg-card, var(--bg-secondary));border:1px solid var(--border);border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:start;transition:all .2s ease}.class-project-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.project-info h3{margin:0 0 8px;color:var(--text);font-size:1.125rem}.project-details{color:var(--text-secondary);font-size:.875rem;margin-bottom:8px}.project-description{color:var(--text-secondary);font-size:.875rem;margin:8px 0;line-height:1.4}.project-date{color:var(--text-secondary);font-size:.75rem}.project-open-btn{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap;font-size:14px}.project-open-btn:hover:not(:disabled){background:var(--accent-hover, #1e40af)}.project-open-btn:disabled{background:#ccc;cursor:not-allowed}.no-class-projects{text-align:center;padding:40px 16px;color:var(--text-secondary)}.no-class-projects p{font-size:1rem;margin:0}.code-entry-section{margin-bottom:24px}.code-entry-section h2{color:var(--text);margin-bottom:8px;font-size:1.125rem}.code-entry-section p{color:var(--text-secondary);margin-bottom:16px;line-height:1.5}@media(max-width:768px){.teacher-ratings-grid,.comparison-grid{grid-template-columns:1fr}.comparison-values,.teacher-rating-item{flex-direction:column;align-items:flex-start;gap:4px}.class-project-card{flex-direction:column;gap:16px;align-items:stretch}.project-open-btn{align-self:stretch;text-align:center}}.phase-toggle{margin:24px 0;padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.phase-tabs{display:flex;gap:4px;background:var(--bg);border-radius:6px;padding:4px;margin-bottom:12px}.phase-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:none;padding:12px 16px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:var(--text-muted)}.phase-tab.active{background:var(--accent);color:#fff}.phase-tab:not(.active):hover{background:var(--bg-secondary);color:var(--text)}.phase-icon{font-size:16px}.phase-label{font-weight:600}.submission-check{font-size:12px;margin-left:4px}.submission-counter{text-align:center;font-size:14px;color:var(--text-muted);font-weight:500}.individual-phase{background:#f8f9ff;border:2px solid #6366f1;border-radius:12px;padding:24px;margin:20px 0}.individual-phase .phase-header{text-align:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px dashed #6366f1}.individual-phase .phase-header h3{color:#6366f1;margin:0 0 8px;font-size:1.5rem}.individual-phase .phase-header p{color:#4338ca;margin:0;font-size:1rem}.individual-phase .form-section h4{color:#6366f1;margin:16px 0 12px}.group-phase{background:#f0fdf4;border:2px solid #22c55e;border-radius:12px;padding:24px;margin:20px 0}.group-decision-section{margin-top:32px;padding-top:24px;border-top:2px dashed #22c55e}.group-decision-section h3{color:#22c55e;text-align:center;margin:0 0 16px;font-size:1.5rem}.group-decision-section>p{text-align:center;color:#15803d;margin-bottom:24px}.group-decision-section .form-section h4{color:#22c55e;margin:16px 0 12px}.individual-submissions{margin-bottom:32px;color:#213547}.individual-submissions h3{color:#22c55e;text-align:center;margin:0 0 20px;font-size:1.25rem}.individual-submissions-empty{text-align:center;padding:32px;color:var(--text-muted);font-style:italic}.submissions-grid{display:grid;gap:16px;margin-bottom:24px}@media(min-width:768px){.submissions-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.submissions-grid{grid-template-columns:repeat(3,1fr)}}.submission-card{background:#fff;border:2px solid var(--border);border-radius:12px;padding:16px;transition:all .2s ease;color:#213547}.submission-card.empty{border-style:dashed;background:#f9f9f9}.submission-card:not(.empty):hover{border-color:#22c55e;box-shadow:0 4px 12px #22c55e1a;transform:translateY(-2px)}.submission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.member-info{display:flex;align-items:center;gap:8px}.member-icon{font-size:16px}.member-name{font-weight:600;color:var(--text)}.adopt-btn{background:#22c55e;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.adopt-btn:hover{background:#16a34a;transform:translateY(-1px)}.submission-content{min-height:60px}.submission-content-display .submission-field{margin-bottom:12px}.submission-content-display .submission-field strong{display:block;margin-bottom:4px;color:var(--text);font-size:14px}.submission-content-display .lyrics-preview,.submission-content-display .rhymes-preview,.submission-content-display .reflection-text,.submission-content-display .description-text{background:#f8f9fa;padding:8px 12px;border-radius:6px;border-left:3px solid #22c55e;font-size:14px;line-height:1.4;white-space:pre-wrap}.submission-content-display .chord-sections-display .section-display{margin-bottom:8px;padding:8px;background:#f8f9fa;border-radius:6px}.submission-content-display .chord-sections-display .chord-list{font-family:monospace;color:var(--text-muted);font-size:14px;margin-top:4px}.submission-content-display .no-submission,.submission-content-display .no-chords{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:var(--text-muted);font-style:italic;text-align:center}.empty-icon{font-size:24px;margin-bottom:8px}.empty-text{font-size:14px}.missing-submission-warning{background:#fef3c7;border:2px solid #f59e0b;color:#92400e;padding:12px 16px;border-radius:8px;margin:16px 0;text-align:center;font-weight:600;font-size:14px}.individual-ratings-display{background:#fff;border:2px solid var(--border);border-radius:8px;padding:20px;margin:16px 0}.member-rating-section{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:6px;border-left:4px solid #22c55e}.member-rating-section:last-child{margin-bottom:0}.member-rating-section h5{margin:0 0 12px;color:var(--text);font-size:1rem;font-weight:600}.member-rating-section .rating-row{background:#fff;margin:8px 0;border-radius:4px}@media(max-width:480px){.phase-toggle{padding:12px}.phase-tab{padding:10px 8px;font-size:13px}.phase-label{display:none}.phase-icon{font-size:18px}.individual-phase,.group-phase{padding:16px}.submissions-grid{grid-template-columns:1fr}.submission-header{flex-direction:column;gap:8px;align-items:flex-start}.adopt-btn{align-self:stretch;text-align:center}}.dnd-palette{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;padding:16px;background:#f5f7fa;border-radius:10px}.dnd-palette-block{padding:10px 20px;border-radius:20px;color:#fff;font-weight:600;font-size:14px;cursor:grab;-webkit-user-select:none;user-select:none;transition:all .15s ease;border:none}.dnd-palette-block:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.dnd-palette-block:active{cursor:grabbing;transform:scale(.95)}.dnd-dropzone{min-height:100px;padding:12px;border:2px dashed #d1d5db;border-radius:10px;background:#fafafa;transition:all .2s ease}.dnd-dropzone.drag-active{border-color:#7c5cff;background:#7c5cff0d}.dnd-dropzone.empty{display:flex;align-items:center;justify-content:center}.dnd-dropzone-placeholder{color:#9ca3af;font-size:16px;text-align:center;padding:20px}.dnd-structure-list{display:flex;flex-direction:column;gap:6px}.dnd-structure-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:grab;transition:all .15s ease;-webkit-user-select:none;user-select:none;color:#213547}.dnd-structure-item:hover{border-color:#7c5cff;box-shadow:0 2px 8px #00000014}.dnd-structure-item:active,.dnd-structure-item.dragging{opacity:.4;cursor:grabbing}.dnd-structure-item.drop-indicator{border-color:#7c5cff;border-top:3px solid #7c5cff;background:#7c5cff0f}.dnd-item-color{width:14px;height:14px;border-radius:50%;flex-shrink:0}.dnd-item-number{color:#9ca3af;font-size:13px;min-width:22px}.dnd-item-name{flex:1;font-weight:600;font-size:15px}.dnd-item-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.dnd-move-btn{background:#f0f0f0;border:1px solid #d1d5db;color:#666;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s}.dnd-move-btn:hover:not(:disabled){background:#e0e0e0;color:#333}.dnd-move-btn:disabled{opacity:.3;cursor:default}.dnd-remove-btn{background:#fee2e2;border:1px solid #fca5a5;color:#ef4444;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .15s}.dnd-remove-btn:hover{background:#fca5a5;color:#fff}.template-btn{padding:12px 16px;background:var(--bg);border:2px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;text-align:left;line-height:1.4}.template-btn:hover{background:var(--accent-alpha);border-color:var(--accent)}.template-btn:active{transform:translateY(1px)}@media(max-width:768px){.palette{padding:12px;gap:6px}.palette-block{padding:6px 12px;font-size:13px;min-height:32px}.structure-item{padding:10px 12px}.structure-item-name{font-size:14px}.structure-item-remove{width:20px;height:20px;font-size:14px}.template-btn{padding:10px 12px;font-size:13px}.dropzone-placeholder{font-size:14px;height:50px}}@media(max-width:480px){.palette{padding:8px;gap:4px}.palette-block{padding:4px 8px;font-size:12px;min-height:28px}.structure-dropzone{padding:12px}.structure-item{padding:8px 12px}.structure-item-name{font-size:13px}}.palette-block[draggable=true]:active,.structure-item[draggable=true]:active{opacity:.7;transform:rotate(2deg)}.palette-block:focus,.template-btn:focus,.structure-item-remove:focus{outline:2px solid var(--accent);outline-offset:2px}.dnd-drop-gap{height:8px;position:relative;transition:height .15s ease}.dnd-drop-gap.active{height:20px}.dnd-drop-gap-line{position:absolute;left:8px;right:8px;top:50%;height:3px;border-radius:2px;background:transparent;transition:background .15s ease}.dnd-drop-gap.active .dnd-drop-gap-line{background:#7c5cff;box-shadow:0 0 8px #7c5cff66}.copy-btn{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.copy-btn:hover{background:#2563eb}.copy-btn.copied{background:#22c55e}.section-accordion-controls{display:flex;gap:8px;margin-bottom:12px}.secondary-btn.small{padding:6px 12px;font-size:13px}.section-accordion{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.accordion-item{border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:border-color .2s}.accordion-item.expanded{border-color:#7c5cff}.accordion-header{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;background:#fafafa;border:none;cursor:pointer;font-size:15px;color:#213547;text-align:left;transition:background .15s}.accordion-header:hover{background:#f0f0f0}.accordion-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.accordion-title{flex:1;font-weight:600}.accordion-status{font-size:14px}.accordion-arrow{font-size:12px;color:#9ca3af}.accordion-content{padding:16px;border-top:1px solid #e5e7eb;background:#fff}.structure-flow{font-size:15px;line-height:2;color:#213547}.structure-arrow{color:#9ca3af}.structure-block-inline{font-weight:600}.recordings-list{display:flex;flex-direction:column;gap:12px}.recording-item{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fafafa}.recording-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#213547}.recording-chords{color:#9ca3af;font-size:13px;margin-left:auto}.sections-form{display:flex;flex-direction:column;gap:20px}.section-field{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#fff}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.section-color{width:14px;height:14px;border-radius:50%;flex-shrink:0}.section-header h4{margin:0;color:#213547;font-size:16px;font-weight:600}.copy-from-btn{margin-left:auto;padding:4px 8px;font-size:12px;color:#7c5cff;background:#7c5cff1a;border:1px solid #7c5cff;border-radius:4px;cursor:pointer;transition:all .15s}.copy-from-btn:hover{background:#7c5cff33}.copy-from-btn:disabled{opacity:.5;cursor:not-allowed}.section-tip{margin-bottom:12px;padding:8px;background:#f8fafc;border-radius:4px;font-size:13px;color:#64748b}.section-tip strong{color:#475569}.completed-in-step3{opacity:.7}.completed-indicator{font-size:12px;color:#10b981;margin-left:4px}.structure-note{margin-top:8px;font-size:12px;color:#9ca3af;text-align:center}.sections-display{display:flex;flex-direction:column;gap:12px}.no-sections{color:#9ca3af;font-style:italic;text-align:center;padding:16px}.section-lyrics-display{margin-bottom:12px}.lyrics-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px}.lyrics-box h5{font-size:13px;font-weight:600;margin:0 0 8px}.lyrics-text{font-size:14px;line-height:1.6;color:#475569;white-space:pre-wrap;font-family:Georgia,serif}.backing-track-btn{padding:4px 8px;font-size:12px;color:#7c5cff;background:#7c5cff1a;border:1px solid #7c5cff;border-radius:4px;cursor:pointer;transition:all .15s;margin-left:8px}.backing-track-btn:hover:not(:disabled){background:#7c5cff33}.backing-track-btn.playing{background:#7c5cff;color:#fff}.backing-track-btn:disabled{opacity:.5;cursor:not-allowed;color:#9ca3af;border-color:#d1d5db;background:#f3f4f6}@media(max-width:640px){.section-header{flex-wrap:wrap;gap:8px}.copy-from-btn{order:3;margin-left:0;width:100%}.recording-item-header{flex-wrap:wrap;gap:6px}.recording-chords{order:3;margin-left:0;width:100%;font-size:12px}.backing-track-btn{order:4;margin-left:0;width:100%;text-align:center}}.preview-section{margin:12px 0;padding:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px}.preview-controls{display:flex;align-items:center;gap:8px}.preview-btn{background:var(--panel);color:var(--text)!important;border:1px solid var(--border);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.preview-btn:hover:not(:disabled){background:#7c5cff1a;border-color:var(--accent)}.preview-btn.playing{background:var(--accent);color:#fff!important;border-color:var(--accent)}.preview-btn:disabled{opacity:.5;cursor:not-allowed;color:#9ca3af!important;border-color:#d1d5db;background:#f3f4f6}.loop-selector{margin:12px 0;display:flex;align-items:center;gap:12px}.loop-selector label{font-weight:500;color:var(--text)!important;min-width:50px}.loop-buttons{display:flex;gap:4px}.loop-btn{background:var(--panel);color:var(--text)!important;border:1px solid var(--border);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:40px}.loop-btn:hover:not(:disabled){background:#7c5cff1a;border-color:var(--accent)}.loop-btn.active{background:var(--accent);color:#fff!important;border-color:var(--accent)}.loop-btn:disabled{opacity:.5;cursor:not-allowed;color:#9ca3af!important;border-color:#d1d5db;background:#f3f4f6}.countdown-display{display:flex;align-items:center;gap:12px;padding:16px;background:#ef44441a;border:2px solid #ef4444;border-radius:8px;font-size:18px;font-weight:600;color:var(--text)!important}.countdown-icon{font-size:24px}.countdown-number{font-size:24px;color:#ef4444!important;min-width:60px}.recording-active{display:flex;flex-direction:column;gap:12px;padding:16px;background:#ef44441a;border:2px solid #ef4444;border-radius:8px}.recording-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recording-indicator{font-weight:600;color:#ef4444!important}.loop-progress{font-weight:500;color:var(--text)!important}.recording-timer{font-weight:600;color:var(--text)!important;font-family:monospace}.loop-dots{display:flex;align-items:center;gap:8px;justify-content:center}.loop-dot{font-size:20px;color:var(--text)!important;transition:all .2s ease}.loop-dot.filled{color:#ef4444!important;transform:scale(1.1)}.stop-record-btn{background:#ef4444;color:#fff!important;border:1px solid #ef4444;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:center}.stop-record-btn:hover{background:#dc2626;border-color:#dc2626}@media(max-width:640px){.preview-controls{flex-direction:column;align-items:stretch}.preview-btn{text-align:center}.loop-selector{flex-direction:column;align-items:stretch;gap:8px}.loop-buttons{justify-content:center}.recording-status{flex-direction:column;align-items:center;text-align:center;gap:6px}.countdown-display{justify-content:center;text-align:center}.loop-dots{margin:8px 0}}.submission-field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.copy-btn.small{padding:2px 8px;font-size:14px;min-width:auto}.completed-step-banner{display:flex;align-items:flex-start;gap:12px;background:#fff3cd;border:2px solid #ffc107;border-radius:12px;padding:14px 18px;margin-bottom:16px;animation:bannerSlideIn .3s ease-out}.completed-step-banner-icon{font-size:1.5em;flex-shrink:0}.completed-step-banner-text{display:flex;flex-direction:column;gap:4px}.completed-step-banner-text strong{color:#856404;font-size:1em}.completed-step-banner-text span{color:#856404;font-size:.9em;opacity:.85}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.leader-only-hint{font-size:.85em;color:#856404;background:#fff3cd;padding:6px 12px;border-radius:6px;white-space:nowrap}