@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";: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}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;min-height:100dvh}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}}@media(max-width:768px){:root{font-size:14px}body{padding:0;overflow-x:hidden;width:100%}h1{font-size:2em}}:root{--bg-dark: #0f172a;--bg-panel: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-success: #10b981;--accent-error: #ef4444;--accent-gold: #ffd700;--glass: rgba(30, 41, 59, .7)}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app-container{display:flex;height:100vh;height:100dvh;overflow:hidden;position:relative}.sidebar{width:300px;background:var(--bg-panel);border-right:1px solid rgba(255,255,255,.1);padding:20px;overflow-y:auto;display:flex;flex-direction:column;height:100%;transition:transform .3s ease;z-index:100}.main-content{flex:1;padding:40px;overflow-y:auto;position:relative;width:100%;min-width:0;scroll-behavior:smooth}.mobile-menu-btn{display:none;position:fixed;top:15px;left:15px;z-index:200;background:var(--bg-panel);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;color:var(--text-primary);cursor:pointer;box-shadow:0 4px 6px #0000004d}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.app-container{flex-direction:column}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;left:0;bottom:0;width:80%;max-width:300px;transform:translate(-100%);box-shadow:4px 0 15px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.main-content{padding:85px 15px 40px;width:100%;max-width:100vw;overflow-x:hidden}.sidebar-header h1{font-size:1.3rem;margin-top:20px}.dashboard-container{padding:10px!important}.dashboard-layout{grid-template-columns:1fr!important;gap:20px!important}.stats-grid{grid-template-columns:1fr!important}.guru-hero{padding:15px!important;flex-direction:column!important;align-items:stretch!important;text-align:center!important}.guru-hero h2{font-size:1.5rem!important}.welcome-banner{flex-direction:column-reverse!important;align-items:center!important;text-align:center!important;gap:10px!important;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.welcome-banner>div:first-child{width:200px!important}.welcome-banner>div:last-child{display:flex;flex-direction:row;gap:10px;width:100%;justify-content:center}.welcome-banner button{flex:1;max-width:150px}.round-block{flex-direction:column!important;padding:20px!important;gap:20px!important}.round-nodes-container{max-width:100%!important;gap:15px!important}.campaign-node-item{width:100%!important;max-width:300px}.quiz-container{padding:0}.quiz-container h1{margin-top:20px;font-size:1.5rem}.question-card{padding:15px;border-radius:12px}.options-grid{gap:8px}.option-btn{padding:10px 12px;font-size:.9rem}.controls{flex-direction:column-reverse;gap:10px}.btn-primary{width:100%;padding:12px;font-size:1rem}.dictionary-layout{flex-direction:column!important}.sidebar-region{flex:none!important;width:100%!important;border-right:none!important;border-bottom:1px solid var(--border-color);margin-bottom:20px}.quiz-player-layout{display:flex;flex-direction:column}.quiz-left-col>div:first-child{margin-top:10px;font-weight:600}iframe{max-width:100%;height:200px!important}.worksheet-report>div:nth-child(2){grid-template-columns:1fr!important}.expert-quote{background:#ffd7001a!important;border-left:4px solid var(--accent-gold)!important}.exam-player-container{flex-direction:column!important}.exam-sidebar{width:100%!important;border-right:none!important;border-bottom:1px solid #333!important;max-height:250px;flex:none!important}.exam-audio-bar{flex-direction:column!important;align-items:stretch!important;padding:15px!important;gap:15px}.exam-audio-controls{min-width:0!important;width:100%!important}.exam-question-header{flex-direction:column!important;align-items:flex-start!important;gap:5px}.exam-question-header h2{font-size:1.5rem!important}.exam-asset-item{flex-direction:column!important;align-items:stretch!important;gap:15px}.exam-asset-info{flex-direction:column!important;align-items:flex-start!important}.exam-asset-audio{width:100%!important}.exam-results-grid{grid-template-columns:1fr!important}}@keyframes pulse-attention{0%{transform:scale(1);box-shadow:0 0 #10b981b3}50%{transform:scale(1.05);box-shadow:0 0 20px 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.pulse-button{animation:pulse-attention 2s infinite;background-color:var(--accent-success)!important;color:#fff!important;border:none!important;font-weight:800!important}.pulse-button:hover{animation:none;transform:scale(1.05)}.nav-section{margin-bottom:1.5rem}.nav-section h2{font-size:.8rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:.5rem}.nav-item{display:block;width:100%;text-align:left;background:transparent;border:none;color:var(--text-primary);padding:10px;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.9rem}.nav-item:hover{background:#ffffff0d}.nav-item.active{background:linear-gradient(90deg,rgba(59,130,246,.2),transparent);border-left:3px solid var(--accent-blue);color:var(--accent-blue)}.quiz-container{max-width:800px;margin:0 auto}.question-card{background:var(--bg-panel);border-radius:16px;padding:30px;margin-bottom:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.05)}.question-header{display:flex;justify-content:space-between;margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem}.question-text{font-size:1.25rem;font-weight:600;margin-bottom:2rem;line-height:1.5}.options-grid{display:grid;gap:12px}.option-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:15px 20px;border-radius:10px;text-align:left;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:1rem}.option-btn:hover{background:#ffffff14;border-color:var(--accent-purple)}.option-btn.selected{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.option-btn.correct{background:var(--accent-success);border-color:var(--accent-success)}.option-btn.incorrect{background:var(--accent-error);border-color:var(--accent-error)}.feedback-panel{margin-top:20px;padding:20px;border-radius:10px;background:#10b9811a;border:1px solid var(--accent-success);color:var(--accent-success)}.feedback-panel.error{background:#ef44441a;border-color:var(--accent-error);color:var(--accent-error)}.controls{display:flex;justify-content:flex-end;margin-top:20px}.btn-primary{background:var(--accent-blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .1s}.btn-primary:active{transform:scale(.98)}.results-screen{text-align:center;padding:50px}.score-circle{width:150px;height:150px;border-radius:50%;border:4px solid var(--accent-purple);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;margin:0 auto 20px;background:#8b5cf61a}@media(min-width:900px){.quiz-player-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:start}}.quiz-right-col{background:var(--bg-panel);border-radius:16px;border:1px solid rgba(255,255,255,.05);padding:30px;min-height:200px;transition:all .3s ease;opacity:.6;filter:grayscale(1)}.quiz-right-col.visible{opacity:1;filter:none;border-color:var(--accent-purple);box-shadow:0 0 20px #8b5cf61a}.explanation-placeholder{display:flex;height:100%;min-height:150px;align-items:center;justify-content:center;color:var(--text-secondary);font-style:italic;text-align:center}.explanation-content img{width:100%;height:auto;max-width:100%;border-radius:8px;margin-bottom:15px;border:1px solid rgba(255,255,255,.15);cursor:zoom-in;transition:transform .2s ease,opacity .2s ease;display:block}.explanation-content img:hover{opacity:.95;transform:scale(1.01)}.expert-image{width:100%;position:relative;cursor:zoom-in;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.15);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.expert-image img{width:100%;height:auto;display:block}.expert-image:hover{transform:translateY(-2px);border-color:#8b5cf680!important;box-shadow:0 8px 24px #0006}.expert-image-expand-hint{position:absolute;bottom:8px;right:8px;background:#0f172ad9;color:#fff;padding:4px 9px;border-radius:6px;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:5px;pointer-events:none;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.85;transition:opacity .2s ease,background .2s ease}.expert-image:hover .expert-image-expand-hint{opacity:1;background:#8b5cf6e6;border-color:#ffffff4d}.image-lightbox-overlay{animation:fadeIn .2s ease-out}@media(max-width:680px){.zoom-instructions-text{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.explanation-content strong{color:var(--accent-blue)}.explanation-content blockquote{border-left:4px solid var(--accent-purple);margin:20px 0;font-style:italic;color:var(--text-secondary);background:#8b5cf61a;padding:15px;border-radius:0 8px 8px 0}.dictionary-selector h1{font-size:2rem;background:linear-gradient(to right,var(--accent-success),var(--accent-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.level-card:hover,.volume-card:hover{transform:translateY(-5px);border-color:var(--accent-blue)!important}.level-card.basic{border-top:4px solid #a3e635!important}.level-card.intermediate{border-top:4px solid #facc15!important}.level-card.advanced{border-top:4px solid #fb923c!important}.level-card.master{border-top:4px solid #ef4444!important}.timeline-quiz-container{background:#0f172a66;padding:20px;border-radius:12px;display:flex;flex-direction:column;gap:20px}.timeline-bank{background:#1e293b99;border-radius:8px;padding:16px;border:2px dashed rgba(255,255,255,.1);min-height:100px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.timeline-bank.is-over{border-color:#3b82f6cc;background:#3b82f61a}.timeline-decades{display:flex;flex-direction:column;gap:15px}.decade-box{background:#1e293b80;border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:12px;display:flex;align-items:stretch;gap:15px;min-height:120px;transition:all .2s ease}.decade-box.is-over{border-color:#3b82f6cc;background:#3b82f61a}.decade-label{font-size:1.2rem;font-weight:700;color:#3b82f6;width:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.1);padding-right:15px}.decade-items{flex:1;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;min-width:0}.timeline-item{padding:8px;background:#3b82f633;border:1px solid rgba(59,130,246,.5);border-radius:6px;font-weight:500;font-size:.95rem;cursor:grab;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;transition:opacity .2s;width:140px;min-height:180px;position:relative;text-align:center;box-sizing:border-box}.timeline-item-img{max-width:90px;max-height:90px;min-height:90px;object-fit:contain;border-radius:4px;pointer-events:none;background-color:#ffffff0d}.timeline-item-text{font-size:.85rem;font-weight:500;line-height:1.2;margin-top:4px;word-break:break-word;width:100%}.timeline-item-icon{position:absolute;top:-8px;right:-8px;background:var(--bg-primary, #0f172a);border-radius:50%;display:flex;padding:2px}.timeline-item:active{cursor:grabbing}.timeline-item.dragging{visibility:hidden;border-color:transparent;background:transparent}.timeline-item.correct{background:#22c55e33;border-color:#22c55e}.timeline-item.incorrect{background:#ef444433;border-color:#ef4444}.drag-overlay-item{padding:8px;background:#3b82f64d;border:1px solid rgba(59,130,246,.8);border-radius:6px;cursor:grabbing;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;width:140px;min-height:180px;box-sizing:border-box}.timeline-controls{display:flex;gap:15px;margin-top:10px}.fx-panel-container{background:linear-gradient(160deg,#1e293b,#0f172a);border-radius:1.5rem;padding:1.5rem;border-top:6px solid #475569;box-shadow:0 20px 25px -5px #00000080;margin-bottom:2rem;position:relative;overflow:hidden}@media(min-width:768px){.fx-panel-container{padding:2.5rem}}.fx-panel-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:#94a3b8;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.1em}.fx-flow-container{display:flex;flex-direction:column}.fx-draggable-box{display:flex;align-items:center;padding:1rem 1.5rem;border-radius:.75rem;background-color:#1e293bb3;border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:500;cursor:grab;transition:all .2s;box-shadow:inset 0 2px 4px #ffffff0d,0 4px 6px -1px #0003}.fx-draggable-box:active{cursor:grabbing}.fx-draggable-box:hover:not(.disabled){background-color:#334155e6;transform:translateY(-2px);border-color:#fff3}.fx-draggable-box.disabled{cursor:default}.fx-draggable-box.dragging{opacity:.5;transform:scale(.98)}.fx-draggable-box.correct{background-color:#22c55e1a;border-color:#22c55e}.fx-draggable-box.incorrect{border-color:#ef4444}.fx-grip-icon{margin-right:.75rem;color:#64748b;opacity:.5}.fx-arrow-connector{display:flex;justify-content:center;align-items:center;height:1.5rem;color:#64748b;opacity:.5}.fx-knob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:1rem .5rem;justify-items:center}.fx-knob-container{display:flex;flex-direction:column;align-items:center;position:relative}.fx-knob-wrapper{position:relative;width:3.5rem;height:3.5rem;margin-bottom:.25rem;transition:transform .2s}@media(min-width:768px){.fx-knob-wrapper{width:4rem;height:4rem}}.fx-knob-container:hover .fx-knob-wrapper{transform:scale(1.05)}.fx-knob-shadow{position:absolute;inset:0;border-radius:50%;background-color:#0f172a;border:2px solid #334155;box-shadow:0 10px 15px -3px #00000080}.fx-ghost-knob{position:absolute;inset:6px;border-radius:50%;border:2px dashed rgba(255,255,255,.3);pointer-events:none;z-index:0}.fx-ghost-marker{position:absolute;top:2px;left:50%;width:3px;height:16px;transform:translate(-50%);border-radius:9999px;background-color:#ffffff80}.fx-knob-cap{position:absolute;inset:6px;border-radius:50%;border:2px solid;cursor:pointer;transition:transform 75ms ease-out;box-shadow:inset 0 2px 4px #ffffff1a,0 4px 6px -1px #0000004d;z-index:10;background:linear-gradient(135deg,#334155,#1e293b)}.fx-knob-cap.neutral{border-color:#475569}.fx-knob-cap.neutral:hover{border-color:#60a5fa}.fx-knob-cap.correct{border-color:#22c55e}.fx-knob-cap.incorrect{border-color:#ef4444}.fx-knob-marker{position:absolute;top:4px;left:50%;width:4px;height:14px;transform:translate(-50%);border-radius:9999px}.fx-knob-marker.neutral{background-color:#cbd5e1}.fx-knob-marker.correct{background-color:#22c55e;box-shadow:0 0 8px #22c55e}.fx-knob-marker.incorrect{background-color:#ef4444;box-shadow:0 0 8px #ef4444}.fx-knob-label-box{text-align:center}.fx-knob-label{display:block;font-size:10px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.fx-knob-value{font-size:10px;font-family:monospace;font-weight:700;color:#38bdf8;background-color:#0f172a80;padding:1px 4px;border-radius:4px;border:1px solid rgba(56,189,248,.3);display:inline-block}.fx-knob-target-label{display:block;color:#ef4444;font-size:10px;margin-top:4px;font-weight:700}.fx-correct-order-box{margin-top:1rem;font-size:.875rem;color:#fca5a5;background-color:#7f1d1d33;border:1px solid rgba(239,68,68,.5);padding:.75rem;border-radius:.5rem}.fx-question-text{font-size:1.25rem;font-weight:500;line-height:1.6;color:#e2e8f0}.fx-hint-toggle-btn{background:transparent;border:1px solid rgba(245,158,11,.4);color:#f59e0b;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.fx-hint-toggle-btn:hover{background:#f59e0b1a;border-color:#f59e0bcc}.synth-intro-container{text-align:center;padding:2rem}.synth-intro-icon{font-size:4rem;margin-bottom:1rem;color:#60a5fa;display:flex;justify-content:center}.synth-intro-title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.synth-intro-subtitle{font-size:1.25rem;color:#94a3b8;margin-bottom:2rem}.synth-mission-box{background-color:#1e293b;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem;text-align:left;border:1px solid #334155;box-shadow:0 20px 25px -5px #0000001a}@media(min-width:768px){.synth-mission-box{padding:2rem}}.synth-mission-header{font-size:1.5rem;font-weight:700;color:#60a5fa;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.synth-mission-steps{display:flex;flex-direction:column;gap:1.5rem;color:#cbd5e1}.synth-mission-step{display:flex;align-items:flex-start;gap:1rem;background-color:#33415533;padding:1rem;border-radius:.5rem;border:1px solid rgba(51,65,85,.5)}.synth-step-icon{padding:.75rem;border-radius:.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synth-step-icon.listen{background-color:#3b82f633;color:#60a5fa}.synth-step-icon.patch{background-color:#a855f733;color:#c084fc}.synth-step-content h3{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 .25rem}.synth-step-content p{line-height:1.625;margin:0}.synth-enter-btn{width:100%;font-size:1.125rem;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.synth-back-btn{color:#64748b;margin-top:1.5rem;background:none;border:none;font-weight:500;cursor:pointer}.synth-back-btn:hover{color:#cbd5e1}.synth-panel-container{background:linear-gradient(160deg,#1e293b,#020617);border-radius:2rem;padding:1.5rem;border-top:8px solid #334155;box-shadow:0 20px 50px #00000080;position:relative;overflow:hidden;margin-bottom:2rem}@media(min-width:768px){.synth-panel-container{padding:2.5rem}}.synth-bg-icon{position:absolute;top:0;right:0;padding:2rem;opacity:.05;pointer-events:none;color:#fff}.synth-top-section{display:flex;flex-direction:column;gap:2rem;margin-bottom:2.5rem;position:relative;z-index:10}@media(min-width:1024px){.synth-top-section{flex-direction:row}}.synth-visualizer{flex-grow:1;background-color:#020617;border-radius:1rem;border:4px solid #1e293b;position:relative;overflow:hidden;height:10rem;box-shadow:inset 0 0 40px #000}@media(min-width:1024px){.synth-visualizer{height:12rem}}.synth-vis-bg{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(30,58,138,.2),transparent)}.synth-vis-scanlines{position:absolute;inset:0;background:linear-gradient(transparent 50%,#00000040 50%);background-size:100% 4px;pointer-events:none;z-index:20}.synth-vis-canvas{width:100%;height:100%;position:relative;z-index:10}.synth-vis-legend{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;align-items:flex-end;pointer-events:none;z-index:20}.synth-legend-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;background:#00000080;padding:.375rem .75rem;border-radius:9999px;border:1px solid #1e293b}@keyframes pulse-led{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.8}}.synth-led{width:10px;height:10px;border-radius:50%;background-color:#334155}.synth-led.target.active{background-color:#3b82f6;box-shadow:0 0 10px #3b82f6;animation:pulse-led 1s infinite}.synth-led.user.active{background-color:#a85cf6;box-shadow:0 0 10px #a85cf6;animation:pulse-led 1s infinite}.synth-legend-text{font-size:11px;font-weight:900;font-family:monospace;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em}.synth-transport{display:flex;justify-content:center;gap:1rem;min-width:200px}@media(min-width:1024px){.synth-transport{flex-direction:column}}.synth-btn{flex:1;padding:1rem 1.5rem;border-radius:.75rem;font-weight:900;font-size:.875rem;letter-spacing:.1em;transition:all .2s;box-shadow:0 10px 15px -3px #0000004d;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer}.synth-btn:disabled{cursor:not-allowed}.synth-btn-target{background-color:#2563eb;color:#fff;border:1px solid #2563eb;border-bottom:4px solid #1e40af}.synth-btn-target:hover:not(:disabled){background-color:#3b82f6;transform:translateY(-2px)}.synth-btn-target.active{background-color:#172554;color:#60a5fa;border:1px solid #1e40af;transform:scale(.95)}.synth-btn-user{background-color:#9333ea;color:#fff;border:1px solid #9333ea;border-bottom:4px solid #6b21a8}.synth-btn-user:hover:not(:disabled){background-color:#a855f7;transform:translateY(-2px)}.synth-btn-user.active{background-color:#3b0764;color:#c084fc;border:1px solid #6b21a8;transform:scale(.95)}.synth-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;position:relative;z-index:10}.synth-module{background-color:#1e293bcc;border-radius:1rem;padding:1.5rem;border:1px solid #475569;box-shadow:0 20px 25px -5px #0000004d;position:relative;overflow:hidden;transition:all .2s}.synth-module:hover .synth-module-glare{opacity:1}.synth-module-glare{position:absolute;top:0;left:0;width:100%;height:4px;opacity:.2;transition:opacity .3s}.synth-module-glare.osc{background:linear-gradient(90deg,transparent,rgba(34,197,94,.5),transparent)}.synth-module-glare.flt{background:linear-gradient(90deg,transparent,rgba(234,179,8,.5),transparent)}.synth-module-glare.env{background:linear-gradient(90deg,transparent,rgba(236,72,153,.5),transparent)}.synth-module-header{font-size:.75rem;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.synth-module-led{width:12px;height:12px;border-radius:50%}.synth-module-led.osc{background-color:#22c55e;box-shadow:0 0 10px #22c55e}.synth-module-led.flt{background-color:#eab308;box-shadow:0 0 10px #eab308}.synth-module-led.env{background-color:#ec4899;box-shadow:0 0 10px #ec4899}.synth-wave-container{display:flex;flex-direction:column}.synth-wave-label{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;text-align:center;margin-bottom:.75rem;display:block}.synth-wave-buttons{display:flex;background-color:#0f172a;border-radius:.75rem;padding:.375rem;border:1px solid #334155;box-shadow:inset 0 2px 4px #00000080;gap:2px}.synth-wave-btn{flex:1;padding:.75rem 0;border-radius:.5rem;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;transition:all .2s;background:transparent;color:#64748b;border:1px solid transparent;cursor:pointer}.synth-wave-btn:hover:not(.active){color:#e2e8f0;background-color:#1e293b80}.synth-wave-btn.active{background-color:#334155;color:#4ade80;box-shadow:0 4px 6px -1px #0000001a;border-color:#475569;transform:scale(1.02)}.synth-knobs-grid{display:grid;gap:1.5rem .5rem}.synth-knobs-grid.flt,.synth-knobs-grid.env{grid-template-columns:repeat(2,1fr)}.synth-knob-container{display:flex;flex-direction:column;align-items:center;position:relative}.synth-knob-wrapper{position:relative;width:5rem;height:5rem;margin-bottom:.75rem;transition:transform .2s}@media(min-width:768px){.synth-knob-wrapper{width:6rem;height:6rem}}.synth-knob-container:hover .synth-knob-wrapper{transform:scale(1.05)}.synth-knob-shadow{position:absolute;inset:0;border-radius:50%;background-color:#0f172a;border:2px solid #334155;box-shadow:0 10px 15px -3px #00000080}.synth-ghost-knob{position:absolute;inset:6px;border-radius:50%;border:2px dashed rgba(255,255,255,.3);pointer-events:none;z-index:0}.synth-ghost-marker{position:absolute;top:2px;left:50%;width:3px;height:16px;transform:translate(-50%);border-radius:9999px;background-color:#ffffff80}.synth-knob-cap{position:absolute;inset:6px;border-radius:50%;border:3px solid;cursor:pointer;transition:transform 75ms ease-out;box-shadow:0 10px 15px -3px #0000004d;z-index:10}.synth-knob-cap.neutral{border-color:#475569;background-color:#1e293b}.synth-knob-cap.neutral:hover{border-color:#3b82f6}.synth-knob-cap.correct{border-color:#22c55e;background-color:#1e293b}.synth-knob-cap.incorrect{border-color:#ef4444;background-color:#1e293b}.synth-knob-marker{position:absolute;top:4px;left:50%;width:4px;height:14px;transform:translate(-50%);border-radius:9999px}@media(min-width:768px){.synth-knob-marker{width:6px;height:16px}}.synth-knob-marker.neutral{background-color:#cbd5e1}.synth-knob-marker.correct{background-color:#22c55e;box-shadow:0 0 8px #22c55e}.synth-knob-marker.incorrect{background-color:#ef4444;box-shadow:0 0 8px #ef4444}.synth-knob-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ns-resize;z-index:10}.synth-knob-label-box{text-align:center}.synth-knob-label{display:block;font-size:11px;font-weight:900;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px}.synth-knob-value{font-size:12px;font-family:monospace;font-weight:700;color:#60a5fa;background-color:#1e3a8a33;padding:2px 8px;border-radius:4px;border:1px solid rgba(30,58,138,.5);display:inline-block}.synth-check-btn{width:100%;padding:1rem;font-size:1.125rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 10px 15px -3px #0000001a;margin-top:1rem}.synth-feedback-box{padding:1rem;border-radius:.75rem;border:1px solid;margin-top:1rem}.synth-feedback-box.correct{background-color:#14532d33;border-color:#22c55e}.synth-feedback-box.incorrect{background-color:#7f1d1d33;border-color:#ef4444}.synth-feedback-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.synth-feedback-header.correct{color:#4ade80}.synth-feedback-header.incorrect{color:#f87171}.synth-feedback-icon{font-size:1.5rem}.synth-feedback-desc{font-size:.875rem;color:#cbd5e1;margin:0}.mic-placement-container{display:flex;flex-direction:column;width:100%;max-width:1000px;margin:0 auto;color:#fff;background-color:var(--bg-dark);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080}.mic-placement-header{padding:20px;background:linear-gradient(135deg,var(--accent-blue-dark),var(--bg-card));text-align:center;border-bottom:2px solid var(--accent-blue)}.mic-placement-header h2{margin:0 0 10px;font-size:1.8rem;color:var(--text-light)}.mic-placement-header p{margin:0;color:var(--text-muted);font-size:1.1rem}.scenario-info{background-color:var(--bg-lighter);padding:15px;margin:20px;border-radius:8px;border-left:4px solid var(--accent-warning)}.scenario-info h3{margin:0 0 5px;color:var(--accent-warning)}.scenario-info p{margin:0;font-size:1.1rem}.controls-panel{display:flex;justify-content:center;gap:15px;padding:0 20px 20px;flex-wrap:wrap}.mic-selector{display:flex;flex-direction:column;align-items:center;background:var(--bg-card);padding:10px 20px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .3s ease;min-width:120px}.mic-selector:hover{background:var(--bg-lighter);transform:translateY(-2px)}.mic-selector.active{border-color:var(--accent-blue);background:#58a6ff1a;box-shadow:0 0 15px #58a6ff33}.mic-selector .icon{font-size:2rem;margin-bottom:5px}.mic-selector .name{font-weight:700;font-size:.9rem}.mic-selector .pattern{font-size:.75rem;color:var(--text-muted)}.stage-container{position:relative;width:100%;height:500px;background-color:#000;overflow:hidden;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stage-background{width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.8;transition:opacity .5s ease}.stage-background.loaded{opacity:1}.hotspot-area{position:absolute;border:2px dashed rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%) rotateX(60deg);pointer-events:none;transition:all .3s ease;background:radial-gradient(circle,#ffffff1a,#fff0 70%)}.hotspot-area.active-hover{border-color:var(--accent-blue);background:radial-gradient(circle,#58a6ff4d,#58a6ff00 70%);box-shadow:0 0 20px #58a6ff80}.hotspot-area.success{border-color:var(--accent-success);background:radial-gradient(circle,#2ea0434d,#2ea04300 70%);box-shadow:0 0 20px #2ea04380}.hotspot-area.error{border-color:var(--accent-danger);background:radial-gradient(circle,#f851494d,#f8514900 70%)}.draggable-mic{position:absolute;width:60px;height:120px;transform:translate(-50%,-100%) rotate(var(--mic-rotation, 0deg));transform-origin:bottom center;cursor:grab;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;filter:drop-shadow(0 20px 10px rgba(0,0,0,.5));transition:filter .2s ease}.draggable-mic:active{cursor:grabbing;filter:drop-shadow(0 30px 15px rgba(0,0,0,.4))}.draggable-mic .mic-head{width:30px;height:50px;background:linear-gradient(to right,#ccc,#fff,#ccc);border-radius:15px 15px 5px 5px;border:2px solid #555;box-shadow:inset 0 0 10px #00000080;position:relative;z-index:2}.draggable-mic .mic-body{width:16px;height:70px;background:linear-gradient(to right,#333,#666,#333);border-radius:2px;position:relative;z-index:1;margin-top:-5px}.draggable-mic.dynamic .mic-head{border-radius:50% 50% 10% 10%;height:40px;background:radial-gradient(circle at 30% 30%,#444,#111);border:1px solid #000}.draggable-mic.ribbon .mic-head{height:60px;width:20px;border-radius:4px;background:repeating-linear-gradient(0deg,#888,#888 2px,#333 2px 4px)}.rotate-handle{position:absolute;top:-25px;left:50%;transform:translate(-50%);width:24px;height:24px;background-color:var(--bg-card);border:2px solid var(--accent-blue);border-radius:50%;cursor:grab;display:none;justify-content:center;align-items:center;z-index:10}.draggable-mic:hover .rotate-handle,.draggable-mic.rotating .rotate-handle{display:flex}.rotate-handle:after{content:"↻";color:var(--accent-blue);font-size:14px;font-weight:700}.feedback-panel{padding:20px;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--bg-card)}.feedback-message{padding:15px 25px;border-radius:8px;font-size:1.1rem;max-width:800px;animation:fadeIn .3s ease}.feedback-message.success{background:#2ea0431a;border:1px solid var(--accent-success);color:var(--accent-success)}.feedback-message.warning{background:#d299221a;border:1px solid var(--accent-warning);color:var(--accent-warning)}.feedback-message.error{background:#f851491a;border:1px solid var(--accent-danger);color:var(--accent-danger)}.action-buttons{display:flex;gap:15px;padding:20px;justify-content:center;background:var(--bg-dark)}.action-btn{padding:12px 24px;border:none;border-radius:6px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-blue-dark);transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-lighter);color:var(--text-light);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.stage-container{height:350px}.controls-panel{gap:10px}.mic-selector{min-width:100px;padding:8px 12px}}.pt-quiz-container{display:flex;flex-direction:column;min-height:100vh;background-color:#0d1117;color:#c9d1d9;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;position:relative}.pt-quiz-container:before{content:"";position:absolute;top:-20%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(138,43,226,.15) 0%,transparent 70%);z-index:0;pointer-events:none}.pt-quiz-container:after{content:"";position:absolute;bottom:-20%;right:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);z-index:0;pointer-events:none}.pt-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#161b22cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.pt-header h1{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#00d2ff,#3a7bd5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pt-exit-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600}.pt-exit-btn:hover{background:#ff323233;border-color:#ff323280}.pt-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;z-index:1;max-width:900px;margin:0 auto;width:100%}.pt-category-badge{display:inline-block;padding:.4rem 1rem;background:#8a2be233;border:1px solid rgba(138,43,226,.5);color:#e2b4ff;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.pt-scenario-card{background:#161b2299;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:2.5rem;width:100%;box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;animation:ptFadeInUp .5s ease-out}@keyframes ptFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pt-scenario-title{font-size:1.2rem;color:#8b949e;margin-bottom:1rem;font-weight:500}.pt-scenario-text{font-size:1.4rem;line-height:1.5;color:#fff;margin-bottom:2rem;font-weight:600}.pt-audio-widget{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;background:#0003;padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.pt-play-btn{display:flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,#8a2be2,#4a00e0);color:#fff;border:none;border-radius:30px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px #8a2be24d}.pt-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8a2be280;background:linear-gradient(135deg,#9d4edd,#5a189a)}.pt-play-btn.playing{background:linear-gradient(135deg,#f72585,#b5179e);box-shadow:0 0 20px #f7258599;animation:ptPulse 2s infinite}@keyframes ptPulse{0%{box-shadow:0 0 #f7258599}70%{box-shadow:0 0 0 15px #f7258500}to{box-shadow:0 0 #f7258500}}.pt-audio-waves{display:flex;align-items:center;gap:4px;height:30px}.pt-wave-bar{width:6px;background-color:#00d2ff;border-radius:3px;animation:ptWaveAnim 1s ease-in-out infinite both}.pt-wave-bar:nth-child(1){animation-delay:-.2s;height:10px}.pt-wave-bar:nth-child(2){animation-delay:-.4s;height:20px}.pt-wave-bar:nth-child(3){animation-delay:-.1s;height:30px}.pt-wave-bar:nth-child(4){animation-delay:-.5s;height:15px}@keyframes ptWaveAnim{0%,to{transform:scaleY(.4);opacity:.5}50%{transform:scaleY(1);opacity:1}}.pt-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.pt-options-grid{grid-template-columns:1fr}}.pt-option-btn{background:#21262dcc;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.2rem;color:#c9d1d9;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);text-align:left;display:flex;align-items:center}.pt-option-btn:hover:not(:disabled){background:#388bfd26;border-color:#388bfd80;transform:translateY(-2px);box-shadow:0 4px 12px #388bfd33}.pt-option-btn.selected-correct{background:#2ea04333;border-color:#2ea043;color:#fff;box-shadow:0 0 15px #2ea04366}.pt-option-btn.selected-wrong{background:#f8514933;border-color:#f85149;color:#fff}.pt-option-btn.reveal-correct{background:#2ea0431a;border-color:#2ea043;border-style:dashed}.pt-option-btn:disabled{cursor:default}.pt-feedback-panel{margin-top:2rem;padding:1.5rem;border-radius:8px;animation:ptFadeIn .3s ease-out}@keyframes ptFadeIn{0%{opacity:0}to{opacity:1}}.pt-feedback-panel.correct{background:#2ea0431a;border-left:4px solid #2ea043}.pt-feedback-panel.wrong{background:#f851491a;border-left:4px solid #f85149}.pt-feedback-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.pt-feedback-panel.correct .pt-feedback-title{color:#3fb950}.pt-feedback-panel.wrong .pt-feedback-title{color:#ff7b72}.pt-feedback-text{color:#c9d1d9;line-height:1.6;font-size:1rem}.pt-next-btn{margin-top:1.5rem;background:#238636;color:#fff;border:none;border-radius:6px;padding:.8rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s;align-self:flex-end}.pt-next-btn:hover{background:#2ea043}.pt-progress-bar-container{width:100%;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:2rem;overflow:hidden}.pt-progress-bar{height:100%;background:linear-gradient(90deg,#8a2be2,#00d2ff);border-radius:3px;transition:width .3s ease}.pt-completion-screen{text-align:center;padding:4rem 2rem;background:#161b2299;border:1px solid rgba(255,255,255,.08);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;animation:ptFadeInUp .5s ease-out}.pt-completion-score{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#3fb950,#00d2ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.pt-completion-message{font-size:1.5rem;color:#c9d1d9;margin-bottom:2rem}.pt-restart-btn{background:transparent;border:2px solid #58a6ff;color:#58a6ff;padding:.8rem 2.5rem;font-size:1.1rem;border-radius:30px;cursor:pointer;font-weight:600;transition:all .2s;margin-right:1rem}.pt-restart-btn:hover{background:#58a6ff1a;box-shadow:0 0 15px #58a6ff4d}.pt-finish-btn{background:#238636;border:none;color:#fff;padding:.8rem 2.5rem;font-size:1.1rem;border-radius:30px;cursor:pointer;font-weight:600;transition:all .2s}.pt-finish-btn:hover{background:#2ea043;box-shadow:0 0 15px #2ea04366}.rock-quiz-container{display:flex;flex-direction:column;min-height:100vh;background-color:#111;color:#e0e0e0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;position:relative}.rock-quiz-container:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(220,38,38,.12) 0%,transparent 70%);z-index:0;pointer-events:none}.rock-quiz-container:after{content:"";position:absolute;bottom:-20%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(217,119,6,.12) 0%,transparent 70%);z-index:0;pointer-events:none}.rock-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f0f0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(220,38,38,.2);z-index:10}.rock-header h1{margin:0;font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(90deg,#ef4444,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.rock-exit-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:600}.rock-exit-btn:hover{background:#dc262633;border-color:#dc262680}.rock-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;z-index:1;max-width:900px;margin:0 auto;width:100%}.rock-category-badge{display:inline-block;padding:.4rem 1rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbd38d;border-radius:4px;font-size:.85rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1.5px}.rock-scenario-card{background:#141414b3;border:1px solid rgba(255,255,255,.05);border-top:3px solid #ef4444;border-radius:8px;padding:2.5rem;width:100%;box-shadow:0 10px 40px #000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;animation:rockFadeInUp .5s ease-out}@keyframes rockFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rock-scenario-title{font-size:1.1rem;color:#a3a3a3;margin-bottom:.8rem;font-weight:600;text-transform:uppercase}.rock-scenario-text{font-size:1.4rem;line-height:1.5;color:#f3f4f6;margin-bottom:2rem;font-weight:500}.rock-audio-widget{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;background:#0006;padding:1rem 1.5rem;border-radius:8px;border:1px solid #333}.rock-play-btn{display:flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;border:none;border-radius:4px;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px #dc26264d}.rock-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262680;background:linear-gradient(135deg,#ef4444,#b91c1c)}.rock-play-btn.playing{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 20px #f59e0b80;animation:rockPulse 1.5s infinite}@keyframes rockPulse{0%{box-shadow:0 0 #f59e0b99}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.rock-audio-waves{display:flex;align-items:center;gap:5px;height:30px}.rock-wave-bar{width:6px;background-color:#ef4444;border-radius:1px;animation:rockWaveAnim .7s ease-in-out infinite both}.rock-wave-bar:nth-child(1){animation-delay:-.2s;height:10px}.rock-wave-bar:nth-child(2){animation-delay:-.4s;height:25px}.rock-wave-bar:nth-child(3){animation-delay:-.1s;height:15px}.rock-wave-bar:nth-child(4){animation-delay:-.5s;height:30px}.rock-wave-bar:nth-child(5){animation-delay:-.3s;height:20px}@keyframes rockWaveAnim{0%,to{transform:scaleY(.4);opacity:.6}50%{transform:scaleY(1);opacity:1}}.rock-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.rock-options-grid{grid-template-columns:1fr}}.rock-option-btn{background:#1a1a1a;border:1px solid #333;border-left:4px solid #444;border-radius:4px;padding:1.2rem;color:#e5e5e5;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;display:flex;align-items:center}.rock-option-btn:hover:not(:disabled){background:#222;border-color:#555;border-left-color:#f59e0b;transform:translate(4px)}.rock-option-btn.selected-correct{background:#10b98126;border-color:#10b981;border-left-color:#10b981;color:#fff;box-shadow:0 0 15px #10b98133}.rock-option-btn.selected-wrong{background:#dc262626;border-color:#ef4444;border-left-color:#ef4444;color:#fff}.rock-option-btn.reveal-correct{background:#10b9810d;border-color:#10b981;border-left-color:#10b981;border-style:dashed solid dashed dashed}.rock-option-btn:disabled{cursor:default}.rock-feedback-panel{margin-top:2rem;padding:1.5rem;border-radius:4px;animation:rockFadeIn .3s ease-out}@keyframes rockFadeIn{0%{opacity:0}to{opacity:1}}.rock-feedback-panel.correct{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-left:4px solid #10b981}.rock-feedback-panel.wrong{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-left:4px solid #ef4444}.rock-feedback-title{font-size:1.2rem;font-weight:800;text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.5px}.rock-feedback-panel.correct .rock-feedback-title{color:#34d399}.rock-feedback-panel.wrong .rock-feedback-title{color:#f87171}.rock-feedback-text{color:#d4d4d8;line-height:1.6;font-size:1rem}.rock-next-btn{margin-top:1.5rem;background:#111;color:#fff;border:1px solid #444;border-radius:4px;padding:.8rem 2rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s;align-self:flex-end}.rock-next-btn:hover{background:#222;border-color:#f59e0b;color:#f59e0b}.rock-progress-bar-container{width:100%;height:4px;background:#222;margin-bottom:2rem;overflow:hidden}.rock-progress-bar{height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b);transition:width .3s ease}.rock-completion-screen{text-align:center;padding:4rem 2rem;background:#141414cc;border:1px solid rgba(255,255,255,.05);border-top:4px solid #ef4444;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;animation:rockFadeInUp .5s ease-out}.rock-completion-score{font-size:5rem;font-weight:900;background:linear-gradient(135deg,#10b981,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.rock-completion-message{font-size:1.5rem;color:#e5e5e5;margin-bottom:3rem;font-weight:500}.rock-restart-btn{background:transparent;border:2px solid #ef4444;color:#ef4444;padding:.8rem 2.5rem;font-size:1.1rem;border-radius:4px;cursor:pointer;font-weight:700;text-transform:uppercase;transition:all .2s;margin-right:1rem}.rock-restart-btn:hover{background:#ef44441a;box-shadow:0 0 15px #ef44444d}.rock-finish-btn{background:#ef4444;border:2px solid #ef4444;color:#fff;padding:.8rem 2.5rem;font-size:1.1rem;border-radius:4px;cursor:pointer;font-weight:700;text-transform:uppercase;transition:all .2s}.rock-finish-btn:hover{background:#b91c1c;border-color:#b91c1c;box-shadow:0 0 15px #ef444466}:root{--primary: #8B5CF6;--primary-glow: rgba(139, 92, 246, .5);--secondary: #EC4899;--bg-dark: #0F172A;--surface: #1E293B;--text-main: #F8FAFC;--text-muted: #94A3B8;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1)}.tracksheet-wrapper *,.tracksheet-wrapper *:before,.tracksheet-wrapper *:after{box-sizing:border-box}.tracksheet-wrapper{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;overflow-x:clip;width:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth}.tracksheet-root{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:clip}.tracksheet-app-container{min-height:100vh;position:relative;overflow-x:clip}.gradient-blob{position:absolute;filter:blur(100px);z-index:0;border-radius:50%;opacity:.6}.blob-1{top:-100px;left:-100px;width:400px;height:400px;background:var(--primary)}.blob-2{bottom:-150px;right:-50px;width:500px;height:500px;background:var(--secondary)}.tracksheet-wrapper header{position:relative;z-index:10;padding:2rem;text-align:center;background:linear-gradient(to bottom,rgba(15,23,42,.9),transparent)}.tracksheet-wrapper h1{font-size:3rem;font-weight:800;margin:0;background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px var(--primary-glow)}.subtitle{color:var(--text-muted);font-size:1.1rem;margin-top:.5rem}.tracksheet-wrapper main{position:relative;z-index:10;max-width:1240px;width:100%;margin:0 auto;padding:1.5rem 2rem 3rem;flex:1;display:flex;flex-direction:column;gap:2rem}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;box-shadow:0 25px 50px -12px #00000080;transition:border-color .2s ease,box-shadow .2s ease}.glass-panel:hover{box-shadow:0 30px 60px -12px #0009,0 0 20px var(--primary-glow)}.input-group{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.input-field-wrapper{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1.15rem;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}.input-field{width:100%;background:#0f172a80;border:1px solid var(--glass-border);border-radius:12px;padding:1rem 1.5rem;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.input-field.has-icon{padding-left:3rem!important}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf633}.input-field::placeholder{color:var(--text-muted)}.btn-generate{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px var(--primary-glow)}.btn-generate:disabled{opacity:.7;cursor:not-allowed;transform:none}.loader{border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top:3px solid white;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.activity-monitor-panel{animation:fadeIn .3s ease;background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid rgba(139,92,246,.4);box-shadow:0 10px 30px -5px #00000080,0 0 20px #8b5cf633;padding:1.15rem 1.4rem;border-radius:16px;margin-top:.5rem;width:100%}.activity-monitor-inner{display:flex;align-items:flex-start;gap:1.15rem}.activity-icon-wrap{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.activity-radar-ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--primary);border-right-color:var(--secondary);animation:spin 1.2s cubic-bezier(.68,-.55,.27,1.55) infinite}.activity-spinning-disc{animation:spin 3.5s linear infinite}.activity-text-wrap{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:0}.activity-badge{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#c084fc;text-transform:uppercase;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.activity-live-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;display:inline-block;animation:pulse-dot 1.4s ease-in-out infinite;flex-shrink:0}@keyframes pulse-dot{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.2)}}.activity-phrase-container{min-height:2.8rem;display:flex;align-items:flex-start;width:100%}.typewriter-container{display:inline;font-family:inherit;width:100%;word-break:break-word;overflow-wrap:break-word}.typewriter-text{font-size:1.05rem;font-weight:600;color:#f8fafc;letter-spacing:-.01em;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;overflow-wrap:break-word;line-height:1.45;display:inline}.typewriter-cursor{display:inline-block;font-size:1.25rem;font-weight:300;color:#c084fc;margin-left:2px;line-height:1;vertical-align:baseline;animation:cursor-blink .75s step-start infinite}.c1-activity-panel .typewriter-cursor{color:#f472b6}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.c1-activity-panel{border-color:#d946ef66;box-shadow:0 10px 30px -5px #00000080,0 0 20px #d946ef33;margin-bottom:1.5rem}.activity-radar-ring.c1-radar{border-top-color:#d946ef;border-right-color:#8b5cf6}.activity-badge.c1-badge{color:#f472b6}.activity-spinning-sliders{animation:pulse-dot 1.5s ease-in-out infinite}.tracksheet-result-panel{scroll-margin-top:2rem}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--glass-border)}.result-header h2{margin:0;font-size:1.5rem}.markdown-body{color:var(--text-main);line-height:1.6}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#a78bfa;margin-top:1.5rem;margin-bottom:1rem}.markdown-body ul{padding-left:1.5rem}.markdown-body li{margin-bottom:.5rem}.markdown-body strong{color:#fff}.history-panel{margin-top:2rem}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.history-card{background:#0f172a66;border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.history-card:hover{background:#1e293bcc;border-color:var(--primary);transform:translateY(-2px)}.history-card h3{margin:0 0 .5rem;font-size:1.2rem}.history-card p{margin:0;color:var(--text-muted);font-size:.9rem}.view-tabs{display:flex;gap:.75rem;margin-bottom:1.5rem;border-bottom:1px solid var(--glass-border);padding-bottom:1rem;flex-wrap:wrap}.tab-btn{background:#0f172a99;border:1px solid var(--glass-border);color:var(--text-muted);padding:.65rem 1.25rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.tab-btn:hover{color:#fff;border-color:var(--primary)}.tab-btn.active{background:linear-gradient(135deg,#8b5cf64d,#ec489933);color:#fff;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.daw-tab-badge{background:linear-gradient(135deg,#8b5cf6,#d946ef);color:#fff;border-radius:999px;padding:.15rem .45rem;font-size:.7rem;font-weight:700;letter-spacing:.04em;margin-left:.35rem;box-shadow:0 2px 6px #0003}.c1-control-bar{background:linear-gradient(135deg,#1e293be6,#0f172acc);border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1.75rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 10px 25px -5px #0006}.c1-info{display:flex;flex-direction:column;gap:.25rem}.c1-title{font-size:1rem;font-weight:700;color:#ddd6fe;display:flex;align-items:center;gap:.5rem}.c1-subtitle{font-size:.82rem;color:var(--text-muted)}.c1-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.daw-select{background:#0f172ae6;border:1px solid var(--primary);color:#fff;padding:.65rem 1rem;border-radius:10px;font-size:.95rem;font-weight:600;outline:none;cursor:pointer;transition:all .2s ease}.daw-select:focus{box-shadow:0 0 0 3px #8b5cf64d}.btn-c1{background:linear-gradient(135deg,#8b5cf6,#d946ef);color:#fff;border:none;border-radius:10px;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;white-space:nowrap}.btn-c1:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px -6px var(--primary-glow)}.btn-c1:disabled{opacity:.6;cursor:not-allowed}.doc-toolbar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn-toolbar{background:#0f172a99;border:1px solid var(--glass-border);color:var(--text-main);padding:.45rem .85rem;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease}.btn-toolbar:hover{background:#1e293be6;border-color:var(--primary);color:#fff}.btn-toolbar.btn-regenerate{background:#8b5cf626;border-color:#c084fc66;color:#e9d5ff;font-weight:600}.btn-toolbar.btn-regenerate:hover{background:#8b5cf64d;border-color:#c084fc;color:#fff;box-shadow:0 0 12px #c084fc59}.btn-regenerate-form{background:#0f172aa6;color:#c084fc;border:1px solid rgba(192,132,252,.4);border-radius:12px;padding:.9rem 1.4rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap}.btn-regenerate-form:hover{background:#c084fc2e;border-color:#c084fc;color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px -6px #c084fc66}.btn-regenerate-form:disabled{opacity:.5;cursor:not-allowed;transform:none}.history-score-badge{background:#a855f72e;border:1px solid rgba(192,132,252,.4);color:#c084fc;font-size:.75rem;font-weight:700;padding:.15rem .45rem;border-radius:6px;letter-spacing:.02em;white-space:nowrap}.dev-score-pill{background:linear-gradient(135deg,#a855f733,#38bdf833);border:1px solid rgba(192,132,252,.35);color:#e2e8f0;font-size:.78rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;display:inline-block;white-space:nowrap}.dev-criteria-badge{font-size:.68rem;font-weight:700;padding:.12rem .45rem;border-radius:4px;white-space:nowrap;letter-spacing:.02em;display:inline-flex;align-items:center;gap:.25rem}.dev-criteria-badge.compliant{background:#34d39926;border:1px solid rgba(52,211,153,.4);color:#34d399}.dev-criteria-badge.outdated,.dev-action-btn.upgrade{background:#f59e0b26;border:1px solid rgba(245,158,11,.45);color:#fbbf24}.dev-action-btn.upgrade:hover:not(:disabled){background:#f59e0b4d;border-color:#fbbf24;color:#fff;box-shadow:0 0 10px #f59e0b59}.dev-action-btn.upgrade:disabled{opacity:.6;cursor:not-allowed}.table-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;margin:1.5rem 0;border-radius:12px;border:1px solid var(--glass-border);box-shadow:0 8px 24px #00000059;background:#0f172ab3;-webkit-overflow-scrolling:touch}.table-wrapper table,.markdown-body table{width:100%;min-width:820px;border-collapse:collapse;margin:0;font-size:.88rem;border:none;box-shadow:none;background:transparent}.markdown-body th,.markdown-body td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);white-space:normal}.markdown-body th{background:linear-gradient(135deg,#8b5cf659,#d946ef40);color:#f8fafc;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;border-bottom:2px solid rgba(139,92,246,.5)}.markdown-body tr:nth-child(2n){background:#ffffff05}.markdown-body tr:hover{background:#8b5cf61f}.markdown-body a{color:#38bdf8;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease;font-weight:600}.markdown-body a:hover{color:#7dd3fc;text-shadow:0 0 8px rgba(56,189,248,.4)}.markdown-body code{background:#0f172acc;border:1px solid rgba(255,255,255,.1);padding:.2rem .4rem;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em;color:#f472b6}.markdown-body td code{background:linear-gradient(135deg,#181825f2,#1e1b4bd9);border:1px solid rgba(192,132,252,.35);box-shadow:inset 0 1px 2px #00000080,0 2px 4px #0003;color:#38bdf8;font-weight:600;padding:.25rem .55rem;margin:.15rem .25rem .15rem 0;display:inline-block;white-space:nowrap;letter-spacing:.02em}.markdown-body td code:hover{border-color:#38bdf8;color:#7dd3fc;box-shadow:0 0 8px #38bdf866}.markdown-body pre{background:#0f172ad9;border:1px solid var(--glass-border);padding:1rem;border-radius:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x}.markdown-body hr{border:none;border-top:1px solid var(--glass-border);margin:2rem 0}.header-top-bar{display:flex;justify-content:flex-end;max-width:1200px;margin:0 auto .75rem}.dev-mode-btn{background:#0f172ab3;border:1px solid rgba(255,255,255,.15);color:#94a3b8;padding:.45rem .9rem;border-radius:9999px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dev-mode-btn:hover{background:#1e293be6;color:#f8fafc;border-color:#38bdf8}.dev-mode-btn.active{background:linear-gradient(135deg,#10b98126,#38bdf826);border-color:#10b981;color:#34d399;box-shadow:0 0 16px #10b98159}.dev-status-indicator{font-size:.68rem;font-weight:800;padding:.15rem .45rem;border-radius:6px;background:#ffffff14;color:#94a3b8;letter-spacing:.05em;transition:all .25s ease}.dev-mode-btn.active .dev-status-indicator{background:#10b981;color:#022c22;box-shadow:0 0 8px #34d399}.dev-banner{background:linear-gradient(135deg,#0f172aeb,#111827f5);border:1px solid rgba(16,185,129,.4);border-radius:20px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 10px 30px -10px #000000b3,0 0 20px #10b98126}.dev-banner-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.dev-title-wrap{display:flex;align-items:center;gap:.75rem}.dev-terminal-icon{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399;padding:.5rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.dev-banner-title{margin:0;font-size:1.25rem;font-weight:700;color:#f8fafc;display:flex;align-items:center;gap:.6rem}.dev-live-pill{font-size:.7rem;background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.5);padding:.15rem .5rem;border-radius:9999px;font-weight:700;letter-spacing:.05em;display:inline-flex;align-items:center;gap:.35rem}.dev-live-pill:before{content:"";width:6px;height:6px;background:#34d399;border-radius:50%;box-shadow:0 0 8px #34d399}.dev-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.dev-stat-card{background:#1e293b99;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:.85rem 1rem;display:flex;flex-direction:column}.dev-stat-label{font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:.35rem}.dev-stat-val{font-size:1.5rem;font-weight:800;color:#f8fafc}.dev-stat-sub{font-size:.75rem;color:#64748b;margin-top:.2rem}.dev-repo-tabs{display:flex;gap:.75rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.75rem;flex-wrap:wrap}.dev-repo-tab-btn{background:#0f172a80;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.55rem 1.15rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease}.dev-repo-tab-btn:hover{color:#f8fafc;border-color:#38bdf8}.dev-repo-tab-btn.active{background:linear-gradient(135deg,#38bdf833,#8b5cf633);border-color:#38bdf8;color:#38bdf8;box-shadow:0 0 12px #38bdf840}.dev-badge-count{background:#ffffff1f;color:#e2e8f0;padding:.1rem .45rem;border-radius:9999px;font-size:.75rem;font-weight:700}.dev-repo-tab-btn.active .dev-badge-count{background:#38bdf8;color:#0f172a}.dev-filter-bar{display:flex;gap:.75rem;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap}.dev-search-wrap{flex:1;min-width:240px;position:relative}.dev-search-input{width:100%;box-sizing:border-box;background:#0f172ab3;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.6rem 1rem .6rem 2.4rem;color:#f8fafc;font-size:.9rem;outline:none;transition:all .2s ease}.dev-search-input:focus{border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.dev-search-icon{position:absolute;top:50%;left:.8rem;transform:translateY(-50%);color:#64748b;pointer-events:none}.dev-daw-pills{display:flex;gap:.4rem;flex-wrap:wrap}.dev-pill{background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.dev-pill:hover{color:#f8fafc;border-color:#ffffff4d}.dev-pill.active{background:#ffffff26;color:#f8fafc;border-color:#f8fafc}.dev-table-card{background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;box-shadow:0 12px 30px #0006}.dev-table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}.dev-table th{background:#1e293bd9;color:#94a3b8;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.dev-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#e2e8f0;vertical-align:middle}.dev-table tbody tr:hover{background:#38bdf80f}.dev-id-badge{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;color:#64748b;background:#0f172acc;border:1px solid rgba(255,255,255,.08);padding:.15rem .4rem;border-radius:5px}.dev-track-title{font-weight:700;color:#f8fafc;margin-bottom:.15rem}.dev-track-artist{font-size:.8rem;color:#94a3b8}.dev-daw-badge{font-size:.72rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none}.dev-daw-badge:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000004d}.daw-logic{background:#8b5cf62e;color:#c084fc;border-color:#8b5cf666}.daw-logic:hover{background:#8b5cf64d;border-color:#c084fc}.daw-protools{background:#0284c72e;color:#38bdf8;border-color:#0284c766}.daw-protools:hover{background:#0284c74d;border-color:#38bdf8}.daw-ableton{background:#10b9812e;color:#34d399;border-color:#10b98166}.daw-ableton:hover{background:#10b9814d;border-color:#34d399}.daw-cubase{background:#dc26262e;color:#f87171;border-color:#dc262666}.daw-cubase:hover{background:#dc26264d;border-color:#f87171}.daw-bitwig{background:#d977062e;color:#fbbf24;border-color:#d9770666}.daw-bitwig:hover{background:#d977064d;border-color:#fbbf24}.daw-none{background:#64748b1f;color:#64748b;border-color:#64748b33}.dev-action-btn-group{display:flex;gap:.4rem;align-items:center}.dev-action-btn{background:#1e293bcc;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:.35rem .65rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}.dev-action-btn:hover{background:#38bdf833;border-color:#38bdf8;color:#38bdf8}.dev-action-btn.primary{background:linear-gradient(135deg,#38bdf8,#8b5cf6);border:none;color:#fff}.dev-action-btn.primary:hover{box-shadow:0 0 10px #38bdf880;transform:translateY(-1px)}.dev-modal-overlay{position:fixed;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease}.dev-modal-box{background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:20px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 60px -12px #000c,0 0 30px #38bdf833;overflow:hidden}.dev-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#0f172a99}.dev-modal-title{margin:0;font-size:1.15rem;font-weight:700;color:#f8fafc;display:flex;align-items:center;gap:.5rem}.dev-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.dev-modal-close-btn{background:#ffffff14;border:none;color:#94a3b8;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.dev-modal-close-btn:hover{background:#ef444433;color:#f87171}.dev-view-nav-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;background:#0f172ab3;border:1px solid rgba(16,185,129,.3);border-radius:12px}.layout-switcher-bar{display:flex;align-items:center;gap:.5rem;background:#0f172ab3;border:1px solid rgba(255,255,255,.12);padding:.25rem .5rem;border-radius:999px}.layout-switcher-label{font-size:.76rem;font-weight:700;color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;padding-left:.35rem}.layout-btn-group{display:flex;gap:.25rem;background:#0000004d;padding:2px;border-radius:999px}.layout-mode-btn{background:transparent;border:none;color:#94a3b8;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease;white-space:nowrap}.layout-mode-btn:hover{color:#f8fafc;background:#ffffff0f}.layout-mode-btn.active{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;box-shadow:0 2px 8px #8b5cf666}.dossier-container{display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .35s ease}.dossier-hero-card{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:linear-gradient(135deg,#1e1b4b99,#0f172ad9);border:1px solid rgba(192,132,252,.3);border-radius:20px;gap:2rem;flex-wrap:wrap}.dossier-hero-left{display:flex;align-items:flex-start;gap:1.5rem;flex:1;min-width:320px}.dossier-disc-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dossier-spinning-vinyl{animation:spin 8s linear infinite}.dossier-disc-glow{position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(192,132,252,.35),transparent 70%);z-index:-1}.dossier-badge-row{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.5rem}.dossier-pill{font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;background:#ffffff14;color:#94a3b8;letter-spacing:.04em}.dossier-pill-primary{background:linear-gradient(135deg,#8b5cf64d,#ec48994d);color:#ddd6fe;border:1px solid rgba(192,132,252,.4)}.dossier-song-title{font-size:2.2rem;font-weight:800;margin:0;color:#f8fafc;line-height:1.15}.dossier-artist-name{font-size:1.25rem;font-weight:600;margin:.25rem 0 1rem;color:#c084fc}.dossier-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem 1.25rem;margin-bottom:1.25rem}.dossier-meta-item{display:flex;flex-direction:column;gap:.15rem}.dossier-meta-label{font-size:.7rem;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;font-weight:700}.dossier-meta-value{font-size:.88rem;color:#e2e8f0}.dossier-music-tags{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.dossier-tag{background:#0f172acc;border:1px solid rgba(255,255,255,.1);padding:.35rem .75rem;border-radius:8px;display:inline-flex;align-items:center;gap:.5rem}.dossier-tag-label{font-size:.68rem;font-weight:800;color:#94a3b8;letter-spacing:.05em}.dossier-tag-val{font-size:.9rem;font-weight:700}.dossier-youtube-btn{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171;padding:.4rem .9rem;border-radius:8px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.45rem;transition:all .2s ease}.dossier-youtube-btn:hover{background:#ef44444d;color:#fef2f2;border-color:#ef4444}.dossier-confidence-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;padding:.5rem 1rem}.dossier-gauge{position:relative;width:110px;height:110px}.dossier-gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.dossier-gauge-bg{fill:none;stroke:#ffffff14;stroke-width:8}.dossier-gauge-fill{fill:none;stroke:#34d399;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.dossier-gauge-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dossier-gauge-num{font-size:1.5rem;font-weight:900;color:#f8fafc;line-height:1}.dossier-gauge-sub{font-size:.62rem;font-weight:800;color:#94a3b8;letter-spacing:.08em;margin-top:2px}.dossier-gauge-footer{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:#34d399}.dossier-section-card{padding:1.5rem;border-radius:16px}.dossier-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.dossier-section-title-wrap{display:flex;align-items:center;gap:.65rem}.dossier-section-title{margin:0;font-size:1.15rem;font-weight:700;color:#f8fafc}.dossier-section-pill{font-size:.75rem;color:#94a3b8;background:#ffffff0f;padding:.2rem .55rem;border-radius:999px}.dossier-form-timeline{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;padding-bottom:.75rem;-webkit-overflow-scrolling:touch}.dossier-form-step{display:flex;align-items:center;gap:.5rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);padding:.6rem .9rem;border-radius:10px;white-space:nowrap;cursor:pointer;transition:all .2s ease;flex-shrink:0}.dossier-form-step:hover,.dossier-form-step.active{background:#38bdf826;border-color:#38bdf8;box-shadow:0 0 12px #38bdf840}.dossier-form-step-num{font-size:.7rem;font-weight:800;color:#38bdf8}.dossier-form-step-name{font-size:.85rem;font-weight:600;color:#e2e8f0}.dossier-form-step-arrow{color:#64748b;margin-left:.25rem}.dossier-arrangement-box{margin-top:1rem;background:#0f172a66;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.25rem}.dossier-box-label{font-size:.72rem;font-weight:800;color:#94a3b8;letter-spacing:.06em;display:flex;align-items:center;gap:.45rem}.dossier-box-text{margin:.5rem 0 0;font-size:.9rem;line-height:1.6;color:#cbd5e1}.dossier-form-step.has-detail{border-left:3px solid #38BDF8}.dossier-section-detail-box{margin-top:1rem;background:linear-gradient(135deg,#38bdf81a,#0f172a99);border:1px solid rgba(56,189,248,.35);border-radius:12px;padding:1rem 1.25rem;animation:fadeIn .25s ease-out}.dossier-section-detail-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding-bottom:.4rem;border-bottom:1px solid rgba(56,189,248,.2)}.dossier-step-pill{font-size:.68rem;font-weight:800;color:#38bdf8;background:#38bdf826;padding:.2rem .5rem;border-radius:6px;letter-spacing:.05em}.dossier-step-title{margin:0;font-size:1rem;font-weight:700;color:#f8fafc}.dossier-step-desc{margin:.4rem 0 .5rem;font-size:.9rem;line-height:1.55;color:#e2e8f0}.dossier-all-sections-grid{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.dossier-section-cards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.dossier-section-subcard{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem 1rem;transition:all .2s ease}.dossier-section-subcard:hover{background:#0f172acc;border-color:#38bdf84d}.dossier-subcard-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem}.dossier-subcard-title{font-size:.85rem;font-weight:700;color:#38bdf8}.dossier-subcard-body{margin:0 0 .35rem;font-size:.82rem;line-height:1.5;color:#cbd5e1}.dossier-section-subcard-selected{background:#0f172abf;border:1px solid rgba(56,189,248,.45);box-shadow:0 4px 20px #38bdf81f;border-left:3px solid #38BDF8;padding:1.1rem 1.35rem;animation:fadeIn .2s ease-out}.dossier-toggle-pill-btn{background:#38bdf81a;border:1px solid rgba(56,189,248,.25);color:#38bdf8;font-size:.7rem;font-weight:700;padding:.22rem .65rem;border-radius:9999px;cursor:pointer;transition:all .2s ease}.dossier-toggle-pill-btn:hover{background:#38bdf838;border-color:#38bdf8;color:#f8fafc}.dossier-arrangement-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin-top:.6rem}.dossier-arrangement-card{background:#0f172a99;border:1px solid rgba(192,132,252,.25);border-radius:10px;padding:.75rem 1rem}.dossier-arr-title{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;color:#e9d5ff;font-size:.85rem}.dossier-arr-desc{margin:0 0 .35rem;font-size:.82rem;line-height:1.5;color:#cbd5e1}.dossier-studio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.dossier-studio-cell{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.35rem}.dossier-cell-label{font-size:.68rem;font-weight:800;color:#94a3b8;letter-spacing:.06em}.dossier-cell-val{font-size:.95rem;font-weight:600;color:#f8fafc}.highlight-cyan{color:#38bdf8!important}.highlight-purple{color:#c084fc!important}.highlight-gold{color:#fbbf24!important}.dossier-outboard-wrap{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.dossier-outboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.85rem}.dossier-outboard-card{background:#0f172aa6;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem 1.15rem;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease;position:relative;overflow:hidden}.dossier-outboard-card:hover{background:#0f172ad9;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.dossier-outboard-card.cat-dynamics{border-left:3px solid #38BDF8}.dossier-outboard-card.cat-dynamics .dossier-outboard-cat-badge{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.dossier-outboard-card.cat-eq{border-left:3px solid #C084FC}.dossier-outboard-card.cat-eq .dossier-outboard-cat-badge{background:#c084fc26;color:#c084fc;border:1px solid rgba(192,132,252,.3)}.dossier-outboard-card.cat-time{border-left:3px solid #F472B6}.dossier-outboard-card.cat-time .dossier-outboard-cat-badge{background:#f472b626;color:#f472b6;border:1px solid rgba(244,114,182,.3)}.dossier-outboard-card.cat-sample{border-left:3px solid #34D399}.dossier-outboard-card.cat-sample .dossier-outboard-cat-badge{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.dossier-outboard-card.cat-preamp{border-left:3px solid #FBBF24}.dossier-outboard-card.cat-preamp .dossier-outboard-cat-badge{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.dossier-outboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.dossier-outboard-title-wrap{display:flex;flex-direction:column;gap:.35rem}.dossier-outboard-cat-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:5px;width:fit-content}.dossier-outboard-title{margin:0;font-size:.96rem;font-weight:700;color:#f8fafc}.dossier-outboard-circuit{font-size:.78rem;color:#94a3b8;margin-bottom:.45rem}.dossier-circuit-label{color:#64748b;font-weight:600;margin-right:.25rem}.dossier-outboard-circuit strong{color:#cbd5e1;font-weight:600}.dossier-outboard-body{margin:0 0 .5rem;font-size:.84rem;line-height:1.5;color:#cbd5e1;flex-grow:1}.dossier-outboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.dossier-outboard-chip{background:#0f172a99;border:1px solid rgba(52,211,153,.25);border-radius:10px;padding:.75rem 1rem}.dossier-outboard-cat{font-size:.7rem;font-weight:800;color:#34d399;letter-spacing:.04em;text-transform:uppercase}.dossier-outboard-gear{font-size:.88rem;color:#e2e8f0;margin-top:.2rem}.dossier-score-badge{display:inline-block;font-size:.68rem;color:#94a3b8;background:#ffffff0f;padding:.1rem .4rem;border-radius:4px;margin-top:.4rem}.dossier-inst-tabs{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;padding-bottom:.75rem;margin-bottom:1.25rem;-webkit-overflow-scrolling:touch}.dossier-inst-tab-btn{background:#0f172ab3;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.6rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.dossier-inst-tab-btn:hover{background:#1e293be6;color:#f8fafc;border-color:#c084fc}.dossier-inst-tab-btn.active{background:linear-gradient(135deg,#a855f740,#ec489926);border-color:#a855f7;color:#f8fafc;box-shadow:0 0 16px #a855f759}.dossier-inst-dot{width:8px;height:8px;border-radius:50%}.dossier-inst-detail-card{background:#0f172a99;border:1px solid rgba(168,85,247,.3);border-radius:16px;padding:1.5rem}.dossier-inst-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.dossier-inst-title{margin:0;font-size:1.4rem;font-weight:700;color:#f8fafc}.dossier-inst-pathway{display:block;font-size:.82rem;color:#94a3b8;margin-top:.25rem}.dossier-inst-pathway strong{color:#ddd6fe}.dossier-verified-badge{display:inline-flex;align-items:center;gap:.4rem;background:#34d39926;border:1px solid rgba(52,211,153,.3);color:#34d399;font-size:.8rem;font-weight:700;padding:.3rem .65rem;border-radius:8px}.dossier-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.dossier-spec-card{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem}.dossier-spec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.dossier-spec-title{font-size:.75rem;font-weight:700;color:#ddd6fe;letter-spacing:.02em}.dossier-spec-score{font-size:.72rem;font-weight:800;color:#34d399;background:#34d3991a;padding:.1rem .35rem;border-radius:4px}.dossier-spec-body{margin:0;font-size:.88rem;line-height:1.5;color:#e2e8f0}.dossier-spec-source{display:block;font-size:.72rem;color:#94a3b8;margin-top:.5rem;font-style:italic}.dossier-chain-section{background:#0f172abf;border:1px solid rgba(245,158,11,.3);border-radius:14px;padding:1.25rem 1.4rem;margin-bottom:1.25rem;box-shadow:0 4px 16px #00000059}.dossier-chain-ribbon{display:flex;align-items:center;gap:.65rem .55rem;flex-wrap:wrap}.dossier-chain-node-wrap{display:inline-flex;align-items:center;gap:.55rem}.dossier-chain-node{background:linear-gradient(135deg,#1a233af2,#0f172afa);border:1.5px solid rgba(245,158,11,.45);padding:.55rem .95rem;border-radius:10px;display:inline-flex;align-items:center;gap:.65rem;box-shadow:0 4px 12px #00000059;transition:all .2s ease}.dossier-chain-node:hover{border-color:#f59e0bcc;transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b33}.dossier-node-idx{font-size:.72rem;font-weight:900;color:#f59e0b;background:#f59e0b33;width:22px;height:22px;min-width:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(245,158,11,.4)}.dossier-node-text{font-size:.92rem;font-weight:700;color:#f8fafc;letter-spacing:.01em}.dossier-chain-connector{color:#f59e0b;font-size:1.05rem;font-weight:800;display:flex;align-items:center}.dossier-chain-citation{font-size:.78rem;color:#94a3b8;margin-top:.85rem;font-style:italic}.dossier-tape-allocation-box{background:#ec489914;border:1px solid rgba(236,72,153,.25);border-radius:10px;padding:.9rem 1.25rem}.dossier-tape-text{margin:.35rem 0 0;font-size:.88rem;color:#fce7f3;line-height:1.5}.dossier-personnel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.dossier-col-title{margin:0 0 1rem;font-size:.95rem;font-weight:700;color:#ddd6fe;text-transform:uppercase;letter-spacing:.04em}.dossier-personnel-cards{display:flex;flex-direction:column;gap:.65rem}.dossier-personnel-item{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem 1rem}.dossier-p-role{font-size:.68rem;font-weight:800;color:#38bdf8;letter-spacing:.05em}.dossier-p-name{font-size:.95rem;font-weight:700;color:#f8fafc;margin-top:.15rem}.dossier-p-source{font-size:.72rem;color:#94a3b8;margin-top:.2rem}.dossier-musicians-grid{display:flex;flex-direction:column;gap:.65rem}.dossier-musician-card{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem 1rem}.dossier-m-header{display:flex;justify-content:space-between;align-items:center}.dossier-m-name{font-size:.95rem;font-weight:700;color:#f8fafc}.dossier-m-score{font-size:.7rem;font-weight:800;color:#34d399}.dossier-m-instruments{font-size:.85rem;color:#c084fc;margin-top:.2rem}.dossier-m-source{font-size:.72rem;color:#94a3b8;margin-top:.25rem}.dossier-references-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.dossier-reference-card{background:#0f172a99;border:1px solid rgba(251,191,36,.25);border-radius:10px;padding:1rem;text-decoration:none;display:flex;gap:.75rem;align-items:flex-start;transition:all .2s ease}.dossier-reference-card:hover{background:#fbbf241a;border-color:#fbbf24;transform:translateY(-2px)}.dossier-ref-icon{color:#fbbf24;margin-top:2px}.dossier-ref-title{font-size:.88rem;font-weight:700;color:#f8fafc}.dossier-ref-desc{font-size:.78rem;color:#94a3b8;margin-top:.25rem;line-height:1.4}.dossier-notes-accordion{padding:0;overflow:hidden}.dossier-accordion-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .2s ease}.dossier-accordion-btn:hover{background:#ffffff08}.dossier-notes-title{margin:0;font-size:1rem;font-weight:700;color:#f8fafc}.dossier-accordion-content{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;border-top:1px solid rgba(255,255,255,.06);animation:fadeIn .25s ease-out}.dossier-extended-block{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem 1.25rem}.dossier-raw-pre{margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.6;color:#cbd5e1;white-space:pre-wrap;word-break:break-word;background:#00000040;padding:.75rem 1rem;border-radius:8px}.logbook-dossier-container{display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .35s ease}.logbook-hero-card{padding:2rem;border-radius:20px;background:linear-gradient(135deg,#1e1b4ba6,#0f172ae6);border:1px solid rgba(139,92,246,.35);box-shadow:0 10px 30px #00000080,0 0 20px #8b5cf626}.logbook-hero-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.logbook-exam-pill{display:inline-flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:800;color:#fbbf24;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);padding:.3rem .75rem;border-radius:999px;letter-spacing:.04em}.logbook-daw-badge{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:800;padding:.3rem .8rem;border-radius:999px;border:1px solid;letter-spacing:.04em}.logbook-hero-main{display:flex;flex-direction:column;gap:1.25rem}.logbook-track-title{font-size:2.2rem;font-weight:800;margin:0;color:#f8fafc;line-height:1.15}.logbook-artist-name{font-size:1.2rem;font-weight:600;margin:.25rem 0 0;color:#c084fc}.logbook-hero-desc{font-size:.9rem;color:#94a3b8;margin:.5rem 0 0;max-width:750px;line-height:1.5}.logbook-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:.5rem}.logbook-stat-box{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.3rem}.logbook-stat-label{font-size:.68rem;font-weight:800;color:#94a3b8;letter-spacing:.05em}.logbook-stat-val{font-size:.88rem;font-weight:600;color:#e2e8f0;line-height:1.4}.logbook-section-card{padding:1.75rem;border-radius:18px}.logbook-sec-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.logbook-sec-title-wrap{display:flex;align-items:center;gap:.65rem}.logbook-sec-title{margin:0;font-size:1.15rem;font-weight:700;color:#f8fafc}.logbook-sec-pill{font-size:.75rem;color:#94a3b8;background:#ffffff0f;padding:.2rem .6rem;border-radius:999px}.logbook-table{width:100%;border-collapse:collapse;font-size:.86rem}.logbook-trk-pill{font-family:ui-monospace,monospace;font-size:.8rem;font-weight:800;color:#38bdf8;background:#38bdf81f;padding:.2rem .5rem;border-radius:6px}.logbook-pathway-pill{display:inline-block;font-size:.74rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;white-space:nowrap}.logbook-pathway-pill.p1{background:#a855f726;border:1px solid rgba(168,85,247,.35);color:#ddd6fe}.logbook-pathway-pill.p2{background:#0ea5e926;border:1px solid rgba(14,165,233,.35);color:#7dd3fc}.logbook-pathway-pill.p3{background:#eab30826;border:1px solid rgba(234,179,8,.35);color:#fde047}.logbook-inst-tabs{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;padding-bottom:.75rem;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch}.logbook-inst-tab-btn{background:#0f172ab3;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.6rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;transition:all .2s ease;flex-shrink:0}.logbook-inst-tab-btn:hover{background:#1e293be6;color:#f8fafc;border-color:#c084fc}.logbook-inst-tab-btn.active{background:linear-gradient(135deg,#a855f74d,#ec489933);border-color:#a855f7;color:#f8fafc;box-shadow:0 0 16px #a855f759}.logbook-inst-num{font-size:.7rem;font-weight:800;color:#c084fc;background:#c084fc26;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.logbook-inst-name{font-weight:600}.logbook-inst-hub{display:flex;flex-direction:column;gap:1.5rem}.logbook-preferred-banner{background:linear-gradient(135deg,#f59e0b1f,#a855f71f);border:1px solid rgba(245,158,11,.4);border-radius:14px;padding:1.25rem 1.5rem;box-shadow:0 4px 15px #0000004d}.logbook-pref-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.logbook-pref-title{font-size:.95rem;font-weight:800;color:#fbbf24;letter-spacing:.02em}.logbook-pref-title strong{color:#fde047}.logbook-pref-desc{margin:0;font-size:.9rem;line-height:1.55;color:#e2e8f0}.logbook-pathways-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.logbook-pathway-card{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.logbook-p-header{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.logbook-p-header.p1{color:#c084fc}.logbook-p-header.p2{color:#38bdf8}.logbook-p-header.p3{color:#fbbf24}.logbook-p-body{font-size:.85rem;line-height:1.6;color:#cbd5e1;white-space:pre-line}.logbook-channel-strip-box{background:#0f172ab3;border:1px solid rgba(139,92,246,.3);border-radius:14px;padding:1.25rem}.logbook-box-title{font-size:.95rem;font-weight:700;color:#ddd6fe;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.logbook-strip-table{width:100%;border-collapse:collapse;font-size:.85rem}.logbook-slot-pill{font-family:ui-monospace,monospace;font-size:.75rem;font-weight:800;color:#94a3b8;background:#ffffff0f;padding:.2rem .5rem;border-radius:6px;white-space:nowrap}.logbook-knob-badges{display:flex;gap:.35rem;flex-wrap:wrap}.logbook-knob-badge{background:linear-gradient(135deg,#181825f2,#1e1b4bd9);border:1px solid rgba(192,132,252,.35);box-shadow:inset 0 1px 2px #00000080;color:#38bdf8;font-weight:600;font-size:.78rem;padding:.2rem .45rem;border-radius:5px;font-family:ui-monospace,monospace}.logbook-inst-footer{display:flex;flex-direction:column;gap:1rem}.logbook-thirdparty-box{background:#0f172a80;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.logbook-footer-label{font-size:.8rem;font-weight:700;color:#94a3b8}.logbook-tp-links{display:flex;gap:.5rem;flex-wrap:wrap}.logbook-tp-badge{background:#8b5cf626;border:1px solid rgba(139,92,246,.35);color:#ddd6fe;padding:.25rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}.logbook-tp-badge:hover{background:#8b5cf64d;color:#f8fafc}.logbook-pitfall-box{background:#ef444414;border:1px solid rgba(239,68,68,.35);border-radius:14px;padding:1.25rem}.logbook-pitfall-header{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:800;color:#f87171;letter-spacing:.04em;margin-bottom:.5rem}.logbook-pitfall-text{margin:0;font-size:.88rem;line-height:1.55;color:#fca5a5}.logbook-master-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.logbook-master-card{background:#0f172a80;border:1px solid rgba(52,211,153,.25);border-radius:14px;padding:1.25rem}.logbook-master-card-title{font-size:.95rem;font-weight:700;color:#34d399;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.logbook-master-body{font-size:.85rem;line-height:1.6;color:#cbd5e1}.logbook-mix-strategy-container{margin-top:.5rem}.logbook-mix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.25rem;margin-bottom:1.5rem}.logbook-mix-card{background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1.25rem 1.35rem;box-shadow:0 6px 20px #00000059;transition:all .25s ease;display:flex;flex-direction:column;position:relative;overflow:hidden}.logbook-mix-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000073}.logbook-mix-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.08)}.logbook-mix-card-title-group{display:flex;align-items:center;gap:.6rem;flex:1}.logbook-mix-card-icon-wrap{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:8px;border:1px solid transparent}.logbook-mix-card-title{font-size:.88rem;font-weight:700;color:#f8fafc;letter-spacing:.01em}.logbook-mix-card-tag{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .55rem;border-radius:999px;border:1px solid transparent;white-space:nowrap}.logbook-mix-card-body{font-size:.84rem;line-height:1.6;color:#cbd5e1;display:flex;flex-direction:column;gap:.65rem}.logbook-mix-block{background:#02061773;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:.75rem .95rem;display:flex;flex-direction:column;gap:.35rem;transition:all .2s ease}.logbook-mix-block:hover{background:#020617a6;border-color:#ffffff1a}.logbook-mix-subhead-pill{display:inline-flex;align-items:center;font-size:.76rem;font-weight:800;letter-spacing:.02em;padding:.2rem .6rem;border-radius:6px;border:1px solid transparent;width:fit-content}.logbook-mix-block-text{margin:0;color:#cbd5e1;font-size:.83rem;line-height:1.55}.logbook-mix-step-item{display:flex;align-items:flex-start;gap:.65rem;background:#0f172a80;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:.55rem .75rem}.logbook-mix-step-num{display:flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;border-radius:6px;font-size:.72rem;font-weight:800;font-family:JetBrains Mono,monospace;border:1px solid transparent;margin-top:1px}.logbook-mix-step-content{flex:1;display:flex;flex-direction:column;gap:.15rem}.logbook-mix-step-title{color:#f8fafc;font-size:.83rem;font-weight:700}.logbook-mix-stem-row{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin:.2rem 0}.logbook-mix-stem-pill{display:inline-block;background:#38bdf81f;border:1px solid rgba(56,189,248,.35);color:#38bdf8;font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:6px;white-space:nowrap}.logbook-param-token{display:inline-block;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.76rem;font-weight:600;color:#38bdf8;background:#0f172ad9;border:1px solid rgba(56,189,248,.25);border-radius:4px;padding:.05rem .35rem;margin:0 .15rem;vertical-align:baseline;box-shadow:inset 0 1px 2px #0006}.logbook-fader-card{background:#0f172abf;border:1px solid rgba(56,189,248,.25);border-radius:12px;padding:1.25rem 1.4rem;box-shadow:0 4px 16px #00000040;margin-bottom:1.25rem;transition:all .2s ease}.logbook-fader-card:hover{border-color:#38bdf873}.logbook-fader-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.92rem;font-weight:700;color:#f8fafc;margin-bottom:.85rem;padding-bottom:.55rem;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.logbook-view-toggle{display:inline-flex;background:#02061799;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2px;gap:2px}.logbook-view-toggle-btn{background:transparent;border:none;color:#94a3b8;font-size:.74rem;font-weight:600;padding:.3rem .65rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .15s ease}.logbook-view-toggle-btn:hover{color:#f8fafc;background:#ffffff0d}.logbook-view-toggle-btn.active{background:#38bdf833;color:#38bdf8;font-weight:700;border:1px solid rgba(56,189,248,.35)}.logbook-philosophy-banner{background:#02061773;border-left:3px solid #38BDF8;border-radius:0 8px 8px 0;padding:.65rem .9rem;margin-bottom:1rem;font-size:.82rem;line-height:1.5;color:#cbd5e1}.logbook-philosophy-banner p{margin:.25rem 0}.logbook-fader-console{display:flex;flex-direction:column;gap:.5rem;background:#02061780;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:.85rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch}.logbook-fader-console-header{display:flex;align-items:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;padding:.35rem .65rem;border-bottom:1px solid rgba(255,255,255,.06);min-width:660px}.logbook-fader-row{display:flex;align-items:center;background:#0f172a80;border:1px solid rgba(255,255,255,.04);border-radius:8px;padding:.5rem .65rem;transition:all .15s ease;min-width:660px}.logbook-fader-row:hover{background:#1e293b99;border-color:#38bdf833}.logbook-fader-col-stem{flex:0 0 140px;width:140px;display:flex;align-items:center}.logbook-fader-stem-name{font-size:.84rem;font-weight:700;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logbook-fader-col-level{flex:0 0 92px;width:92px;display:flex;justify-content:center}.logbook-fader-badge{display:inline-block;font-size:.72rem;font-weight:800;font-family:JetBrains Mono,monospace,monospace;padding:.2rem .5rem;border-radius:5px;border:1px solid transparent;letter-spacing:.02em}.logbook-fader-col-meter{flex:1 1 140px;min-width:130px;max-width:210px;padding:0 .85rem}.logbook-fader-track{height:20px;background:#020617cc;border:1px solid rgba(255,255,255,.1);border-radius:5px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.logbook-fader-fill{height:100%;border-radius:4px;transition:width .35s ease}.logbook-fader-thumb{position:absolute;top:1px;width:14px;height:16px;background:linear-gradient(180deg,#f8fafc,#94a3b8,#475569);border:1px solid rgba(255,255,255,.4);border-radius:3px;box-shadow:0 1px 4px #0009;pointer-events:none;transition:left .35s ease}.logbook-fader-ticks{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;pointer-events:none;font-size:.58rem;font-weight:600;color:#ffffff59;font-family:monospace}.logbook-fader-col-pan{flex:0 0 115px;width:115px;display:flex;justify-content:center}.logbook-pan-pill{display:inline-block;background:#1e293bb3;border:1px solid rgba(255,255,255,.1);color:#93c5fd;font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:12px;white-space:nowrap}.logbook-fader-col-role{flex:1.5 1 180px;min-width:160px;padding-left:.75rem}.logbook-role-text{font-size:.78rem;color:#94a3b8;line-height:1.38;word-break:break-word;display:block}.logbook-mini-meter{height:10px;background:#020617b3;border:1px solid rgba(255,255,255,.08);border-radius:3px;overflow:hidden;position:relative}.logbook-mini-meter-fill{height:100%;border-radius:2px}@media(max-width:768px){.logbook-fader-console-header{display:none}.logbook-fader-row{flex-direction:column;align-items:stretch;gap:.5rem;min-width:0}.logbook-fader-col-stem{width:100%;flex:none}.logbook-fader-col-level{width:100%;flex:none;justify-content:flex-start}.logbook-fader-col-meter{width:100%;flex:none;max-width:none;padding:0}.logbook-fader-col-pan{width:100%;flex:none;justify-content:flex-start}.logbook-fader-col-role{width:100%;flex:none;padding-left:0}}.logbook-master-table{width:100%;border-collapse:collapse;font-size:.85rem;margin:.5rem 0}.logbook-master-table th,.logbook-master-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}.logbook-master-table th{background:#1e293bd9;color:#94a3b8;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(52,211,153,.3)}.logbook-master-table tbody tr:hover{background:#34d3990f}.logbook-compliance-banner{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(52,211,153,.35);border-radius:14px;padding:1.25rem 1.4rem;margin-top:1.75rem;box-shadow:0 8px 24px #00000059}.logbook-compliance-header{display:flex;align-items:center;gap:.5rem;font-size:.92rem;font-weight:800;color:#34d399;letter-spacing:.02em;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.logbook-compliance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.logbook-compliance-item{display:flex;flex-direction:column;gap:.25rem}.logbook-comp-label{font-size:.68rem;font-weight:800;color:#94a3b8;letter-spacing:.05em;text-transform:uppercase}.logbook-comp-val{font-size:1rem;font-weight:800;line-height:1.3}.logbook-comp-sub{font-size:.76rem;color:#94a3b8;line-height:1.4}.logbook-dedicated-section{background:#0f172a8c;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:1.25rem 1.4rem;margin-bottom:1.25rem;box-shadow:0 4px 16px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.logbook-section-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap;gap:.5rem}.logbook-card-title-left{display:flex;align-items:center;gap:.55rem;font-size:.92rem;font-weight:800;color:#f8fafc;letter-spacing:.03em;text-transform:uppercase}.logbook-dedicated-section.preferred-section,.logbook-dedicated-section.preferred-capture-section{background:linear-gradient(135deg,#f59e0b14,#0f172abf);border:1.5px solid rgba(245,158,11,.4);box-shadow:0 4px 20px #f59e0b1f}.logbook-preferred-capture-card{display:flex;flex-direction:column;gap:1rem}.logbook-preferred-banner{background:#00000038;border:1px solid rgba(245,158,11,.25);border-radius:10px;padding:.9rem 1.15rem}.logbook-capture-procedure-box{background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden}.logbook-badge-pref{background:#f59e0b2e;border:1px solid rgba(245,158,11,.5);color:#fbbf24;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;letter-spacing:.03em}.logbook-preferred-title-highlight{font-size:1.05rem;color:#fde68a;margin-bottom:.75rem;display:flex;align-items:center;gap:.45rem}.logbook-preferred-title-highlight strong{color:#fff;font-weight:800}.logbook-preferred-justification-block{background:#00000040;border-left:3px solid #F59E0B;border-radius:0 8px 8px 0;padding:.75rem 1rem}.logbook-justification-label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fbbf24;margin-bottom:.35rem}.logbook-justification-text{margin:0;font-size:.88rem;line-height:1.55;color:#e2e8f0}.logbook-dedicated-section.pitfall-section{background:linear-gradient(135deg,#ef44441a,#0f172acc);border:1.5px solid rgba(239,68,68,.45);box-shadow:0 4px 20px #ef444426}.logbook-section-card-title.pitfall-title .logbook-card-title-left{color:#f87171}.logbook-badge-pitfall{background:#ef444433;border:1px solid rgba(239,68,68,.5);color:#fca5a5;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;letter-spacing:.03em}.logbook-pitfall-body-card{background:#00000040;border-left:3px solid #EF4444;border-radius:0 8px 8px 0;padding:.85rem 1rem}.logbook-dedicated-section.modern-alts-section{background:linear-gradient(135deg,#a855f714,#0f172abf);border:1px solid rgba(168,85,247,.35)}.logbook-section-card-title.alts-title .logbook-card-title-left{color:#c084fc}.logbook-badge-alts{background:#a855f72e;border:1px solid rgba(168,85,247,.45);color:#e9d5ff;font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;letter-spacing:.03em}.logbook-alts-body-card{padding-top:.25rem}.dossier-mix-stage-box{background:#0f172a8c;border:1px solid rgba(56,189,248,.25);border-radius:12px;padding:1rem 1.25rem;margin-top:1rem}.dossier-mix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:.6rem}.dossier-mix-card{background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:.75rem 1rem}.dossier-mix-subtitle{display:block;font-size:.75rem;font-weight:700;color:#38bdf8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.dossier-mix-text{margin:0;font-size:.85rem;line-height:1.45;color:#e2e8f0}.dossier-mixdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.dossier-mixdown-card{background:#0f172a80;border:1px solid rgba(56,189,248,.2);border-radius:12px;padding:1.2rem}.dossier-mixdown-card-title{font-size:.88rem;font-weight:800;color:#38bdf8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.65rem;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.06)}.dossier-mixdown-card-body{margin:0;font-size:.85rem;line-height:1.55;color:#cbd5e1}@media(max-width:768px){.tracksheet-wrapper header{padding:1.25rem 1rem .5rem}header h1{font-size:1.75rem;line-height:1.25;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;word-break:break-word}header h1 svg{width:28px!important;height:28px!important;margin-right:0!important}.subtitle{font-size:.88rem;line-height:1.4;margin-top:.4rem;padding:0 .5rem}.tracksheet-wrapper main{padding:1rem .85rem 2.5rem;gap:1.25rem;width:100%}.glass-panel{padding:1.25rem 1rem;border-radius:16px}.input-group{flex-direction:column;gap:.75rem;margin-bottom:.5rem}.input-field-wrapper{width:100%;min-width:0}.input-field{width:100%!important;padding:.85rem 1rem!important;font-size:.95rem}.input-field.has-icon{padding-left:2.75rem!important}.input-icon{left:.95rem}.btn-generate{width:100%;padding:.9rem 1.25rem;font-size:1rem;justify-content:center}.activity-monitor-panel{padding:1rem .85rem;border-radius:14px;margin-top:.75rem}.activity-monitor-inner{gap:.75rem;align-items:flex-start}.activity-icon-wrap{width:36px;height:36px;min-width:36px;margin-top:1px}.activity-spinning-disc,.activity-spinning-sliders{width:18px!important;height:18px!important}.activity-badge{font-size:.65rem;letter-spacing:.04em;gap:.35rem}.activity-phrase-container{min-height:3.5rem;width:100%;overflow:visible}.typewriter-container{display:inline;width:100%;word-break:break-word;overflow-wrap:break-word}.typewriter-text{font-size:.92rem;font-weight:600;line-height:1.42;white-space:normal;word-break:break-word;overflow-wrap:break-word;display:inline}.typewriter-cursor{font-size:1.05rem}.view-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch;padding-bottom:.6rem;gap:.5rem;margin-bottom:1.25rem;scrollbar-width:none}.view-tabs::-webkit-scrollbar{display:none}.tab-btn{padding:.55rem .85rem;font-size:.85rem;flex-shrink:0}.c1-control-bar{padding:1rem .85rem;flex-direction:column;align-items:stretch;gap:.85rem;border-radius:14px}.c1-actions{flex-direction:column;width:100%;gap:.6rem}.daw-select{width:100%;padding:.65rem .85rem;font-size:.9rem}.btn-c1{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.9rem}.result-header{flex-direction:column;align-items:stretch;gap:.85rem;margin-bottom:1rem;padding-bottom:.85rem}.result-header h2{font-size:1.2rem;line-height:1.35}.layout-switcher-bar{width:100%;justify-content:space-between;margin-top:.25rem}.doc-toolbar{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.btn-toolbar{width:100%;justify-content:center;padding:.6rem .4rem;font-size:.8rem}.markdown-body{font-size:.92rem;line-height:1.55}.markdown-body h1{font-size:1.45rem}.markdown-body h2{font-size:1.25rem}.markdown-body h3{font-size:1.05rem}.table-wrapper{margin:1rem 0;width:100%}.table-wrapper table,.markdown-body table{font-size:.82rem;min-width:680px}.markdown-body th,.markdown-body td{padding:.6rem .75rem}.dossier-hero-card{padding:1.25rem .9rem;flex-direction:column;align-items:stretch;gap:1.25rem;border-radius:16px}.dossier-hero-left{min-width:0;width:100%;flex-direction:column;align-items:center;text-align:center;gap:.85rem}.dossier-disc-wrap{width:56px;height:56px}.dossier-spinning-vinyl{width:52px;height:52px}.dossier-song-title{font-size:1.55rem;line-height:1.2;word-break:break-word}.dossier-artist-name{font-size:1.1rem;margin-bottom:.75rem}.dossier-badge-row{justify-content:center}.dossier-meta-grid{grid-template-columns:1fr;text-align:left;width:100%;gap:.5rem}.dossier-music-tags{justify-content:center;width:100%;gap:.4rem}.dossier-confidence-wrap{width:100%;padding:.25rem 0}.dossier-section-card{padding:1.25rem .9rem;border-radius:14px}.dossier-section-header{flex-direction:column;align-items:flex-start;gap:.5rem}.dossier-inst-detail-card{padding:1rem .85rem;border-radius:14px}.dossier-inst-header{flex-direction:column;align-items:flex-start;gap:.5rem}.dossier-specs-grid{grid-template-columns:1fr;gap:.75rem}.dossier-chain-ribbon{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.55rem .45rem}.dossier-chain-node-wrap{display:inline-flex;flex-direction:row;align-items:center;gap:.45rem;width:auto}.dossier-chain-node{width:auto;display:inline-flex;justify-content:flex-start}.dossier-chain-connector{transform:none;margin:0}.dossier-personnel-grid{grid-template-columns:1fr;gap:1rem}.dossier-studio-grid{grid-template-columns:1fr;gap:.75rem}.dossier-form-timeline{flex-direction:column;gap:.5rem}.dossier-form-step-arrow{transform:rotate(90deg);margin:.15rem auto}.logbook-hero-card{padding:1.25rem .9rem;border-radius:16px}.logbook-hero-top{flex-direction:column;align-items:flex-start;gap:.5rem}.logbook-track-title{font-size:1.5rem;line-height:1.2;word-break:break-word}.logbook-artist-name{font-size:1.05rem}.logbook-hero-stats{grid-template-columns:1fr;gap:.6rem}.logbook-section-card{padding:1.25rem .9rem;border-radius:14px}.logbook-sec-header{flex-direction:column;align-items:flex-start;gap:.4rem}.logbook-pathways-grid,.logbook-routing-grid,.logbook-master-grid{grid-template-columns:1fr;gap:.75rem}.logbook-inst-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.dev-banner{padding:1.25rem .9rem;border-radius:14px}.dev-banner-header{flex-direction:column;align-items:stretch;gap:.75rem}.dev-title-wrap{flex-direction:column;align-items:flex-start;gap:.5rem}.dev-stats-grid{grid-template-columns:1fr;gap:.6rem}.dev-repo-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.dev-repo-tab-btn{flex-shrink:0;white-space:nowrap;font-size:.82rem;padding:.45rem .75rem}.dev-filter-bar{flex-direction:column;align-items:stretch;gap:.6rem}.dev-search-wrap{width:100%;min-width:0}.dev-daw-pills{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.35rem}.dev-pill{flex-shrink:0;font-size:.75rem;padding:.3rem .6rem}.dev-table-card{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch;width:100%}.dev-table{min-width:520px;font-size:.82rem}.dev-view-nav-bar{flex-direction:column;align-items:stretch;gap:.6rem}.dev-modal-overlay{padding:.5rem}.dev-modal-box{max-height:94vh;border-radius:14px;width:100%}.dev-modal-header{padding:.85rem;flex-direction:column;align-items:stretch;gap:.5rem}.dev-modal-title{font-size:1rem;width:100%}.dev-modal-body{padding:.85rem}.history-grid{grid-template-columns:1fr}}@media(max-width:480px){header h1{font-size:1.45rem}.dossier-song-title,.logbook-track-title{font-size:1.35rem}.typewriter-text{font-size:.88rem;line-height:1.4}.activity-phrase-container{min-height:3.8rem}.doc-toolbar{grid-template-columns:1fr}}@media print{body{background:#fff!important;color:#000!important}.gradient-blob,header,.glass-panel form,.c1-control-bar,.history-panel,.view-tabs,.doc-toolbar{display:none!important}.glass-panel{border:none!important;box-shadow:none!important;padding:0!important;background:transparent!important}.markdown-body{color:#000!important}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#1e293b!important}.markdown-body a{color:#0284c7!important}.markdown-body table{border:1px solid #CBD5E1!important}.markdown-body th{background:#f1f5f9!important;color:#0f172a!important}.markdown-body th,.markdown-body td{border-bottom:1px solid #E2E8F0!important}}.header-star-icon{transition:transform .25s cubic-bezier(.34,1.56,.64,1),filter .25s ease}.header-star-icon:hover{transform:scale(1.18) rotate(12deg);filter:drop-shadow(0 0 16px #c084fc)!important}.decade-bot-container{display:flex;flex-direction:column;gap:1.5rem;animation:fadeIn .3s ease}.bot-hero-banner{background:linear-gradient(135deg,#1e1b4bbf,#0f172af2);border:1px solid rgba(192,132,252,.35);border-radius:18px;padding:1.5rem;box-shadow:0 10px 25px -5px #00000080,0 0 20px #c084fc26}.bot-hero-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.25rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:1.25rem;margin-bottom:1.25rem}.bot-badge-title-group{display:flex;align-items:flex-start;gap:1rem}.bot-icon-circle{width:48px;height:48px;border-radius:12px;background:#c084fc26;border:1px solid rgba(192,132,252,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bot-title{margin:0;font-size:1.4rem;font-weight:800;color:#f8fafc;background:linear-gradient(135deg,#e9d5ff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bot-dev-tag{display:inline-flex;align-items:center;background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.5);border-radius:999px;padding:.15rem .55rem;font-size:.68rem;font-weight:800;letter-spacing:.05em}.bot-subtitle{margin:.35rem 0 0;font-size:.88rem;color:#94a3b8;max-width:600px;line-height:1.45}.bot-hero-actions{display:flex;align-items:center;gap:.6rem}.bot-btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:10px;padding:.65rem 1.25rem;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #8b5cf659}.bot-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.bot-btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:#0f172acc;color:#ddd6fe;border:1px solid rgba(192,132,252,.4);border-radius:10px;padding:.65rem 1.15rem;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s}.bot-btn-secondary:hover{background:#c084fc33;border-color:#c084fc;color:#fff}.bot-btn-stop{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:10px;padding:.65rem 1.25rem;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #ef444466}.bot-btn-stop:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444499}.bot-overview-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.bot-metric-card{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.85rem 1.15rem;display:flex;flex-direction:column}.bot-metric-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.25rem}.bot-metric-val{font-size:1.35rem;font-weight:800;color:#f8fafc}.bot-metric-sub{font-size:.75rem;color:#64748b;margin-top:.2rem}.bot-status-dot{width:8px;height:8px;border-radius:50%;background:#64748b;display:inline-block}.bot-status-dot.active{background:#34d399;box-shadow:0 0 10px #34d399;animation:pulse-dot 1.5s infinite}.bot-live-ticker-panel{margin-top:1.25rem;padding:1rem;background:#0f172ad9;border:1px solid rgba(192,132,252,.4);border-radius:12px;animation:fadeIn .3s ease}.bot-progress-track{width:100%;height:8px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-bottom:.6rem}.bot-progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:999px;transition:width .3s ease}.bot-mini-log{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;color:#e2e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bot-decades-tabs{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.1);scrollbar-width:none}.bot-decades-tabs::-webkit-scrollbar{display:none}.bot-decade-tab{background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:10px;padding:.6rem 1rem;font-size:.88rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;white-space:nowrap;flex-shrink:0;transition:all .2s}.bot-decade-tab:hover{color:#f8fafc;border-color:#c084fc80}.bot-decade-tab.active{background:linear-gradient(135deg,#8b5cf640,#ec489940);border-color:#c084fc;color:#f8fafc;box-shadow:0 0 15px #c084fc40}.bot-tab-pill{font-size:.7rem;background:#ffffff1a;border-radius:999px;padding:.1rem .45rem;font-weight:800}.bot-tab-pill.has-archived{background:#34d39933;color:#34d399;border:1px solid rgba(52,211,153,.4)}.bot-table-container{background:#0f172abf;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0006}.bot-table-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.08);background:#1e293b66}.bot-pill-archived-count{background:#c084fc26;color:#ddd6fe;border:1px solid rgba(192,132,252,.35);border-radius:999px;padding:.2rem .65rem;font-size:.76rem;font-weight:700}.bot-search-wrap{position:relative;min-width:220px}.bot-search-icon{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.bot-search-input{width:100%;box-sizing:border-box;background:#0f172acc;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.5rem .85rem .5rem 2.2rem;font-size:.85rem;color:#f8fafc;outline:none;transition:all .2s}.bot-search-input:focus{border-color:#c084fc;box-shadow:0 0 0 2px #c084fc33}.bot-filter-pills{display:flex;gap:.35rem}.bot-filter-pill{background:#0f172a99;border:1px solid rgba(255,255,255,.1);color:#94a3b8;border-radius:6px;padding:.35rem .65rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.bot-filter-pill:hover{color:#f8fafc;border-color:#ffffff40}.bot-filter-pill.active{background:#ffffff26;border-color:#f8fafc;color:#f8fafc}.bot-table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}.bot-table th{padding:.85rem 1rem;background:#1e293bcc;color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}.bot-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#e2e8f0;vertical-align:middle}.bot-table tbody tr:hover{background:#c084fc0f}.bot-row-active{background:#c084fc1f!important}.bot-rank-badge{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:800;font-size:.8rem;color:#c084fc;background:#c084fc1f;border:1px solid rgba(192,132,252,.3);border-radius:6px;padding:.15rem .45rem}.bot-song-title{font-weight:700;color:#f8fafc;font-size:.92rem}.bot-song-artist{color:#94a3b8;font-size:.82rem}.bot-status-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;padding:.25rem .55rem;border-radius:6px}.bot-status-pill.archived{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.4)}.bot-status-pill.pending{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.25)}.bot-status-pill.generating{background:#c084fc33;color:#c084fc;border:1px solid rgba(192,132,252,.5)}.bot-action-open{display:inline-flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#38bdf8,#8b5cf6);color:#fff;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s}.bot-action-open:hover{transform:translateY(-1px);box-shadow:0 0 10px #38bdf880}.bot-action-generate{display:inline-flex;align-items:center;gap:.35rem;background:#1e293be6;color:#ddd6fe;border:1px solid rgba(192,132,252,.4);border-radius:6px;padding:.35rem .75rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s}.bot-action-generate:hover:not(:disabled){background:#c084fc40;color:#fff;border-color:#c084fc;transform:translateY(-1px)}.bot-action-generate:disabled{opacity:.5;cursor:not-allowed}.header-top-bar{display:flex!important;justify-content:space-between!important;align-items:center;max-width:1200px;margin:0 auto .85rem;gap:1rem;flex-wrap:wrap}.platform-mode-switcher{display:inline-flex;align-items:center;background:#0f172ad9;border:1px solid rgba(255,255,255,.12);border-radius:9999px;padding:3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:3px}.platform-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border-radius:9999px;border:none;background:transparent;color:#94a3b8;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .25s ease}.platform-toggle-btn:hover{color:#f8fafc;background:#ffffff0f}.platform-toggle-btn.active{background:linear-gradient(135deg,#06b6d433,#a855f740);color:#fff;border:1px solid rgba(56,189,248,.4);box-shadow:0 0 12px #06b6d440}.platform-badge{font-size:.65rem;padding:.15rem .45rem;border-radius:4px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.platform-badge.producer{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.4)}.platform-badge.mtg{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.daw-fl{background:#fb923c26;border-color:#fb923c66;color:#fb923c}.daw-studioone{background:#38bdf826;border-color:#38bdf866;color:#38bdf8}.producer-dossier-container{display:flex;flex-direction:column;gap:1.5rem}.producer-hero-card{background:linear-gradient(135deg,#0f172af2,#1e293bd9);border:1px solid var(--daw-accent, #38BDF8);border-radius:12px;padding:1.5rem;box-shadow:0 0 25px #06b6d426;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.producer-hero-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem;margin-bottom:1.25rem}.producer-badge-group{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.producer-badge-studio{display:inline-flex;align-items:center;gap:.4rem;background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.4);border-radius:9999px;padding:.3rem .8rem;font-size:.78rem;font-weight:700;letter-spacing:.04em}.producer-badge-daw{display:inline-flex;align-items:center;gap:.35rem;background:#0f172acc;border:1px solid #38BDF8;border-radius:9999px;padding:.3rem .8rem;font-size:.78rem;font-weight:700}.producer-loudness-tag{background:#10b98126;border:1px solid rgba(16,185,129,.4);border-radius:6px;padding:.35rem .75rem;display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem}.loudness-label{color:#94a3b8;font-weight:600}.loudness-val{color:#34d399;font-size:.85rem}.producer-track-title{font-size:1.85rem;font-weight:800;color:#f8fafc;margin:0;line-height:1.2}.producer-artist-name{font-size:1.15rem;color:#38bdf8;font-weight:600;margin:.25rem 0 .75rem}.producer-hero-desc{color:#cbd5e1;font-size:.95rem;line-height:1.6;max-width:900px;margin:0 0 1.25rem}.producer-hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-top:1rem}.producer-metric-box{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.2rem}.metric-label{font-size:.7rem;color:#94a3b8;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.metric-val{font-size:1.05rem;font-weight:700}.producer-vintage-roster{margin-top:1.25rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1rem}.vintage-roster-title{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem}.vintage-gear-chips{display:flex;flex-wrap:wrap;gap:.5rem}.vintage-gear-chip{background:#1e293bcc;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:.35rem .65rem;font-size:.8rem;color:#e2e8f0}.vintage-gear-chip strong{color:#38bdf8}.producer-workflow-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;border-radius:10px}.workflow-title-wrap{display:flex;align-items:center;gap:.75rem}.workflow-title-wrap strong{font-size:.95rem;color:#f8fafc;display:block}.workflow-title-wrap p{margin:.15rem 0 0;font-size:.8rem;color:#94a3b8}.workflow-toggle-group{display:inline-flex;background:#0f172acc;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:3px;gap:3px}.workflow-toggle-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:6px;border:none;background:transparent;color:#94a3b8;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.workflow-toggle-btn:hover{color:#f8fafc;background:#ffffff0d}.workflow-toggle-btn.active{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.4)}.producer-stems-section{padding:1.5rem;border-radius:12px}.producer-sec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.producer-sec-title{display:flex;align-items:center;gap:.6rem}.producer-sec-title h3{margin:0;font-size:1.15rem;color:#f8fafc}.producer-pill{font-size:.75rem;font-weight:700;background:#c084fc26;color:#ddd6fe;border:1px solid rgba(192,132,252,.35);border-radius:9999px;padding:.2rem .65rem}.producer-stem-tabs{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;padding-bottom:.5rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08)}.producer-stem-tab-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.producer-stem-tab-btn:hover{background:#334155cc;color:#f8fafc}.producer-stem-tab-btn.active{background:#06b6d42e;border-color:#06b6d4;color:#38bdf8;box-shadow:0 0 10px #06b6d440}.stem-tab-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff1a;border-radius:50%;font-size:.72rem}.stem-header-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem}.stem-header-left{display:flex;align-items:center;gap:.85rem}.stem-icon-circle{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stem-headline{margin:0;font-size:1.25rem;color:#f8fafc}.stem-gear-tag{font-size:.82rem;color:#94a3b8;display:block;margin-top:.15rem}.stem-gear-tag strong{color:#fbbf24}.stem-view-pill{font-size:.75rem;font-weight:600;padding:.25rem .65rem;border-radius:6px;background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.sound-design-card{background:linear-gradient(135deg,#1e293bb3,#0f172ad9);border:1px solid rgba(245,158,11,.35);border-radius:10px;padding:1.25rem;margin-bottom:1.25rem}.sound-design-header{display:flex;align-items:center;gap:.5rem;color:#fbbf24;font-size:.95rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.5rem}.sound-design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}.patch-param-block{background:#0f172aa6;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.patch-param-label{font-size:.68rem;font-weight:700;color:#38bdf8;letter-spacing:.05em}.patch-param-val{font-size:.85rem;color:#e2e8f0;line-height:1.4}.sound-design-raw{font-size:.85rem;color:#cbd5e1;line-height:1.5}.producer-chains-layout.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:1.25rem}.producer-chain-column{background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.25rem}.stock-column{border-top:3px solid #38BDF8}.tp-column{border-top:3px solid #A855F7}.chain-col-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.5rem}.chain-col-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:.95rem;color:#f8fafc}.chain-col-badge{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:4px}.chain-col-badge.stock{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.chain-col-badge.tp{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.native-inst-callout,.tp-inst-callout{background:#1e293ba6;border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem;font-size:.82rem;display:flex;align-items:center;gap:.5rem}.native-inst-callout strong{color:#38bdf8}.tp-inst-callout strong{color:#c084fc}.producer-inst-station-card{border-radius:10px;padding:.9rem 1.1rem;margin-bottom:1rem;box-shadow:0 4px 14px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.producer-inst-station-card.stock-station{background:linear-gradient(135deg,#0e749033,#0f172acc);border:1px solid rgba(56,189,248,.35)}.producer-inst-station-card.tp-station{background:linear-gradient(135deg,#6b21a833,#0f172acc);border:1px solid rgba(192,132,252,.35)}.station-top-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.station-role-tag{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:.35rem}.station-role-tag.stock{color:#38bdf8}.station-role-tag.tp{color:#c084fc}.station-engine-tag{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:.03em}.station-engine-tag.stock{background:#38bdf826;color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.station-engine-tag.tp{background:#c084fc26;color:#c084fc;border:1px solid rgba(192,132,252,.25)}.station-name-banner{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.station-inst-name{margin:0;font-size:1.05rem;font-weight:800;color:#f8fafc;letter-spacing:-.01em}.station-inst-name.tp-name{color:#faf5ff}.station-meta-row{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.07)}.station-meta-label{font-size:.68rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.35rem}.station-preset-badge{font-size:.84rem;font-weight:700;padding:4px 10px;border-radius:6px;display:inline-block;width:fit-content}.station-preset-badge.stock{background:#10b98126;color:#34d399;border:1px solid rgba(52,211,153,.35)}.station-preset-badge.tp{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.station-settings-wrap{margin-top:.2rem}.producer-chain-table{width:100%;border-collapse:collapse;font-size:.82rem}.producer-chain-table th{text-align:left;padding:6px 8px;color:#94a3b8;font-size:.72rem;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.1)}.producer-chain-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05)}.slot-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px}.slot-pill.tp-slot{background:#a855f726;border-color:#a855f759;color:#ddd6fe}.producer-knob-badge-wrap{display:flex;flex-wrap:wrap;gap:4px}.producer-knob-badge{background:#0f172ae6;border:1px solid rgba(56,189,248,.35);color:#38bdf8;font-family:JetBrains Mono,monospace,sans-serif;font-size:.72rem;padding:2px 5px;border-radius:4px}.producer-fader-table{width:100%;border-collapse:collapse;font-size:.82rem}.producer-fader-table th{padding:8px 10px;text-align:left;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.1);font-size:.72rem;text-transform:uppercase}.producer-fader-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05)}.fader-badge{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24;font-weight:700;font-size:.75rem;padding:2px 6px;border-radius:4px}.pan-badge{background:#38bdf826;border:1px solid rgba(56,189,248,.4);color:#38bdf8;font-weight:700;font-size:.75rem;padding:2px 6px;border-radius:4px}.master-compliance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.master-stat-card{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.25rem}.master-stat-label{font-size:.7rem;color:#94a3b8;font-weight:700;letter-spacing:.05em}.master-stat-val{font-size:1.35rem;font-weight:800}.master-stat-sub{font-size:.75rem;color:#64748b;line-height:1.3}.landing-page-wrapper{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 5rem;display:flex;flex-direction:column;gap:3.5rem}.landing-top-nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#0f172abf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;margin-bottom:1rem}.landing-brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.15rem;background:linear-gradient(135deg,#38bdf8,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-nav-links{display:flex;align-items:center;gap:1.25rem}.landing-nav-btn{background:transparent;border:none;color:#94a3b8;font-weight:600;font-size:.9rem;cursor:pointer;transition:color .2s ease}.landing-nav-btn:hover{color:#f8fafc}.landing-nav-btn.primary{background:linear-gradient(135deg,#0284c7,#7c3aed);color:#fff;padding:.5rem 1.1rem;border-radius:9999px;box-shadow:0 4px 15px #0284c759}.landing-nav-btn.primary:hover{box-shadow:0 6px 20px #7c3aed73;transform:translateY(-1px)}.landing-hero-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem 1rem 1rem}.landing-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#38bdf81f;border:1px solid rgba(56,189,248,.35);border-radius:9999px;color:#38bdf8;font-size:.85rem;font-weight:700;letter-spacing:.02em}.landing-hero-title{font-size:clamp(2.3rem,5vw,3.8rem);font-weight:900;line-height:1.15;max-width:950px;margin:0;background:linear-gradient(135deg,#fff 30%,#bae6fd 70%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.landing-hero-subtitle{font-size:clamp(1.05rem,2vw,1.25rem);color:#94a3b8;max-width:800px;line-height:1.6;margin:0}.landing-hero-subtitle strong{color:#f1f5f9}.landing-hero-cta-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:.75rem}.landing-primary-btn{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,#0284c7,#8b5cf6);color:#fff;border:none;padding:.85rem 1.85rem;border-radius:12px;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #0284c759;transition:all .25s cubic-bezier(.16,1,.3,1)}.landing-primary-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #8b5cf673}.landing-primary-btn.large{padding:1rem 2.2rem;font-size:1.15rem}.landing-secondary-btn{display:inline-flex;align-items:center;gap:.6rem;background:#1e293bcc;color:#e2e8f0;border:1px solid rgba(255,255,255,.15);padding:.85rem 1.5rem;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s ease}.landing-secondary-btn:hover{background:#334155e6;border-color:#ffffff4d;color:#fff}.landing-stats-strip{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:1.5rem;padding:1rem 2rem;background:#0f172a99;border:1px solid rgba(255,255,255,.07);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-stat-item{display:flex;flex-direction:column;align-items:center;gap:.15rem}.stat-num{font-size:1.5rem;font-weight:900;color:#38bdf8}.stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.stat-divider{width:1px;height:28px;background:#ffffff1a}.landing-pillars-section{width:100%}.landing-pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.pillar-card{background:linear-gradient(180deg,#1e293bb3,#0f172acc);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .2s ease,border-color .2s ease}.pillar-card:hover{transform:translateY(-3px);border-color:#38bdf84d}.pillar-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.pillar-icon-box.purple{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);color:#a78bfa}.pillar-icon-box.cyan{background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#38bdf8}.pillar-icon-box.pink{background:#ec489926;border:1px solid rgba(236,72,153,.3);color:#f472b6}.pillar-card h4{font-size:1.2rem;font-weight:700;margin:0;color:#f8fafc}.pillar-card p{font-size:.95rem;color:#94a3b8;line-height:1.6;margin:0}.archive-teaser-section{background:radial-gradient(circle at 50% 0%,#1e293bd9,#0f172af2);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:2.25rem 2rem;display:flex;flex-direction:column;gap:1.75rem;box-shadow:0 20px 40px #0006}.archive-teaser-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.teaser-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;background:#a855f71f;border:1px solid rgba(168,85,247,.35);border-radius:9999px;color:#c084fc;font-size:.8rem;font-weight:700}.teaser-title{font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:800;margin:0;color:#f8fafc}.teaser-subtitle{color:#94a3b8;max-width:700px;font-size:.95rem;line-height:1.5;margin:0}.teaser-loading-card,.teaser-error-card{padding:3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;color:#94a3b8}.teaser-retry-btn{background:#334155;color:#f8fafc;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:8px;cursor:pointer}.teaser-selector-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.teaser-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.teaser-tab-btn{display:flex;align-items:center;gap:.5rem;background:#1e293b99;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.5rem .9rem;cursor:pointer;color:#94a3b8;transition:all .2s ease}.teaser-tab-btn:hover{background:#334155b3;color:#f8fafc}.teaser-tab-btn.active{background:#38bdf826;border-color:#38bdf880;color:#38bdf8}.tab-title-text{font-weight:700;font-size:.85rem}.tab-artist-text{font-size:.75rem;opacity:.75}.teaser-shuffle-btn{display:inline-flex;align-items:center;gap:.5rem;background:#a855f726;border:1px solid rgba(168,85,247,.35);color:#e9d5ff;padding:.55rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.teaser-shuffle-btn:hover{background:#a855f740;border-color:#a855f799;color:#fff}.teaser-card{background:#0f172acc;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.75rem;display:flex;flex-direction:column;gap:1.5rem}.teaser-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.07)}.teaser-year-badge{display:inline-block;font-size:.75rem;font-weight:700;color:#38bdf8;background:#38bdf81a;border:1px solid rgba(56,189,248,.25);border-radius:4px;padding:2px 6px;margin-bottom:.4rem}.teaser-song-name{font-size:1.8rem;font-weight:900;margin:0;color:#f8fafc}.teaser-artist-name{font-size:1.1rem;color:#94a3b8;margin:.25rem 0 0;font-weight:600}.teaser-quick-specs{display:flex;gap:.6rem;flex-wrap:wrap}.spec-pill{display:flex;align-items:center;gap:.4rem;background:#1e293bb3;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.4rem .75rem;font-size:.8rem;color:#cbd5e1}.teaser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.teaser-grid-col{background:#1e293b80;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.col-heading{display:flex;align-items:center;gap:.5rem;color:#38bdf8;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.col-content{display:flex;flex-direction:column;gap:.5rem;font-size:.88rem;color:#94a3b8;line-height:1.45}.col-content strong{color:#e2e8f0}.outboard-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.25rem}.gear-tag{background:#94a3b81a;border:1px solid rgba(148,163,184,.2);border-radius:4px;padding:2px 6px;font-size:.75rem;color:#cbd5e1}.channels-preview-list{gap:.6rem}.channel-preview-item{background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.2rem}.channel-item-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.channel-num{font-size:.7rem;font-weight:800;background:#0284c740;color:#38bdf8;padding:1px 5px;border-radius:4px}.channel-name{color:#f1f5f9;font-size:.85rem}.channel-mic{font-size:.75rem;color:#c084fc;margin-left:auto}.channel-chain-detail{font-size:.75rem;color:#64748b}.channels-more-hint{font-size:.75rem;color:#38bdf8;font-weight:600;text-align:center;padding:.25rem 0}.daw-explainer{font-size:.82rem;color:#94a3b8;margin:0}.daw-badges-row{display:flex;gap:.4rem;flex-wrap:wrap;margin:.25rem 0}.daw-pill-tag{display:inline-flex;align-items:center;gap:.3rem;background:#1e293be6;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:2px 7px;font-size:.75rem;color:#e2e8f0}.daw-features-list{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;color:#64748b;margin-top:.25rem}.daw-feat-item{line-height:1.35}.teaser-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(255,255,255,.07)}.teaser-bottom-note{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.85rem}.teaser-inspect-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;border:none;padding:.65rem 1.35rem;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 14px #0284c759}.teaser-inspect-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb73}.landing-bottom-cta{width:100%}.bottom-cta-card{background:linear-gradient(135deg,#0284c740,#7c3aed40);border:1px solid rgba(56,189,248,.3);border-radius:20px;padding:2.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.bottom-cta-content{display:flex;flex-direction:column;gap:.5rem;max-width:650px}.bottom-cta-content h3{font-size:1.6rem;font-weight:800;color:#f8fafc;margin:0}.bottom-cta-content p{color:#cbd5e1;margin:0;font-size:1rem;line-height:1.5}@keyframes pulseFast{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.pulse-fast{animation:pulseFast 2s infinite ease-in-out}.tracksheet-wrapper{position:relative;min-height:100%;width:100%;overflow-x:clip;padding-bottom:4rem;background:#0b1120}.tracksheet-top-bar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem 0;max-width:1240px;margin:0 auto;gap:1rem;width:100%;position:relative;z-index:15}.btn-back-dashboard{background:#1e293bb3;border:1px solid rgba(255,255,255,.12);color:#94a3b8;padding:.55rem 1.1rem;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-back-dashboard:hover{background:#ffffff1a;color:#f8fafc;transform:translate(-2px);border-color:#fff3}.tracksheet-top-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.exam-badge-tag{background:#8b5cf626;border:1px solid rgba(139,92,246,.35);color:#c084fc;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.45rem .9rem;border-radius:999px;display:inline-flex;align-items:center}.btn-history-pill{background:#0f172acc;border:1px solid rgba(255,255,255,.15);color:#e2e8f0;padding:.45rem 1rem;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .2s ease}.btn-history-pill:hover{border-color:#8b5cf6;color:#fff;box-shadow:0 0 14px #8b5cf666;transform:translateY(-1px)}.quick-suggestions-row{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.quick-label{font-size:.75rem;font-weight:700;color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.quick-pills{display:flex;gap:.5rem;flex-wrap:wrap}.quick-pill{background:#0f172ab3;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:.35rem .85rem;border-radius:999px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.quick-pill:hover{background:#8b5cf640;border-color:#8b5cf6;color:#fff;transform:translateY(-1px)}.pill-artist{color:#94a3b8;font-size:.75rem;margin-left:2px}.quick-suggestions-row.c1-2027-row{margin-top:.85rem;padding-top:.85rem;border-top:1px dashed rgba(192,132,252,.2)}.quick-label.c1-2027-label{color:#c084fc;display:inline-flex;align-items:center;gap:4px}.quick-pill.c1-2027-pill{background:#8b5cf61f;border-color:#c084fc59;color:#e9d5ff}.quick-pill.c1-2027-pill:hover{background:#8b5cf64d;border-color:#c084fc;color:#fff;box-shadow:0 0 12px #c084fc59;transform:translateY(-1px)}.quick-pill.c1-2027-pill .pill-artist{color:#ddd6fe;opacity:.8}.archive-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.archive-modal-content{background:#1e293b;border:1px solid rgba(139,92,246,.4);border-radius:20px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 60px -12px #000000b3;overflow:hidden;animation:fadeIn .25s ease}.archive-modal-header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.archive-modal-header h3{margin:0;font-size:1.15rem;color:#f8fafc}.btn-close-modal{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.35rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close-modal:hover{background:#ffffff1a;color:#fff}.archive-modal-search{padding:1rem 1.5rem;position:relative;border-bottom:1px solid rgba(255,255,255,.08)}.archive-modal-search input{width:100%;background:#0f172acc;border:1px solid rgba(255,255,255,.12);color:#f8fafc;padding:.7rem 1rem .7rem 2.4rem;border-radius:10px;font-size:.92rem;outline:none}.archive-modal-search input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.archive-search-icon{position:absolute;left:2.2rem;top:50%;transform:translateY(-50%);color:#94a3b8}.archive-list{padding:1rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;flex:1}.archive-item-card{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.1rem;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.archive-item-card:hover{background:#8b5cf626;border-color:#8b5cf666;transform:translate(3px)}.archive-item-title{font-weight:700;color:#f8fafc;font-size:.98rem}.archive-item-artist{color:#94a3b8;font-size:.82rem;margin-top:2px}.archive-load-pill{background:#8b5cf633;color:#c084fc;border:1px solid rgba(139,92,246,.35);padding:.3rem .65rem;border-radius:6px;font-size:.78rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.empty-archive-msg{text-align:center;color:#94a3b8;padding:2rem}.video-companion-root{transition:all .3s cubic-bezier(.16,1,.3,1)}.video-companion-root.modal-mode{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .25s ease-out}.video-companion-backdrop{position:absolute;inset:0;background:#080c16c7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.video-companion-root.modal-mode .video-companion-container{position:relative;width:100%;max-width:840px;background:linear-gradient(145deg,#1a2035fa,#0d111efc);border:1px solid rgba(192,132,252,.35);box-shadow:0 25px 60px -15px #000000d9,0 0 35px #c084fc38;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;animation:popIn .3s cubic-bezier(.16,1,.3,1)}.video-companion-root.gliding-to-bottom .video-companion-container{animation:glideToBottom .38s cubic-bezier(.16,1,.3,1) forwards}@keyframes glideToBottom{0%{transform:translateY(0) scale(1);opacity:1}40%{transform:translateY(40px) scale(.95);opacity:.92}to{transform:translateY(0) scale(1);opacity:1}}.companion-auto-move-banner{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;background:linear-gradient(90deg,#581c87f0,#1e1b4bf7);border-bottom:1px solid rgba(192,132,252,.45);color:#f3e8ff;font-size:.78rem;overflow:hidden;z-index:25;gap:.75rem;flex-wrap:wrap}.auto-move-info{display:flex;align-items:center;gap:.5rem}.auto-move-pulse{width:8px;height:8px;border-radius:50%;background:#38bdf8;box-shadow:0 0 8px #38bdf8;animation:pulse-dot 1.2s ease-in-out infinite;flex-shrink:0}.auto-move-text{font-size:.78rem;color:#e2e8f0}.auto-move-text strong{color:#38bdf8;font-family:JetBrains Mono,Fira Code,monospace;font-weight:700}.auto-move-actions{display:flex;align-items:center;gap:.45rem;margin-left:auto}.btn-auto-move-now{display:inline-flex;align-items:center;gap:.35rem;background:#c084fc;color:#0f172a;border:none;border-radius:6px;padding:.26rem .65rem;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #c084fc59}.btn-auto-move-now:hover{background:#e9d5ff;transform:translateY(-1px)}.btn-auto-move-cancel{background:transparent;color:#cbd5e1;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.22rem .55rem;font-size:.72rem;cursor:pointer;transition:all .2s ease}.btn-auto-move-cancel:hover{background:#ffffff1f;color:#fff}.auto-move-progress-track{position:absolute;bottom:0;left:0;right:0;height:2.5px;background:#ffffff26}.auto-move-progress-bar{height:100%;background:linear-gradient(90deg,#38bdf8,#c084fc);transition:width 1s linear}.video-companion-root.docked-mode{position:fixed;bottom:20px;right:20px;z-index:9998;animation:slideUpCorner .35s cubic-bezier(.16,1,.3,1)}.video-companion-root.docked-mode .video-companion-container{width:470px;max-width:calc(100vw - 24px);max-height:min(90vh,700px);background:linear-gradient(145deg,#171d2ffa,#0b0f1bfc);border:1px solid rgba(192,132,252,.45);box-shadow:0 16px 45px -8px #000000e0,0 0 25px #a855f747;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.video-companion-root.docked-mode .video-player-frame-wrap{flex-shrink:0}.video-companion-root.docked-mode .companion-monitor-hud{flex:1 1 auto;overflow-y:auto;min-height:0;overscroll-behavior:contain}.docked-location-pill{display:none}.companion-btn-icon.compact-active{background:#c084fc40;border-color:#c084fc;color:#e9d5ff}.companion-monitor-hud.compact-hud{padding:.55rem .9rem;gap:.45rem}.companion-monitor-hud.compact-hud .companion-rating-bar,.companion-monitor-hud.compact-hud .companion-sync-calibrate-strip,.companion-monitor-hud.compact-hud .companion-user-input-wrap{display:none!important}.companion-monitor-hud.compact-hud .companion-typewriter-box{min-height:auto;padding:.55rem .85rem;flex-shrink:0}.companion-monitor-hud.compact-hud .companion-typewriter-text{font-size:.84rem;line-height:1.48;display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow:visible!important;word-break:break-word;overflow-wrap:break-word}.companion-pref-toggle-group{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideUpCorner{0%{opacity:0;transform:translateY(25px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.video-companion-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:.65rem .95rem;background:#0f172ae0;border-bottom:1px solid rgba(255,255,255,.08);gap:.5rem;flex-wrap:nowrap!important}.video-companion-title-group{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1 1 auto;overflow:hidden}.video-live-pulse-badge{display:flex;align-items:center;gap:.4rem;font-size:.68rem;font-weight:800;letter-spacing:.08em;color:#c084fc;text-transform:uppercase;white-space:nowrap!important}.live-title-text{white-space:nowrap!important;display:inline-flex;align-items:center;gap:.25rem}.live-dot-pulse{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;animation:pulse-dot 1.4s ease-in-out infinite;display:inline-block;flex-shrink:0}.video-track-subtitle{font-size:.82rem;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;max-width:100%}.video-companion-controls{display:flex!important;align-items:center!important;gap:.35rem;flex-shrink:0!important}.companion-btn-icon{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;box-sizing:border-box!important;border-radius:7px;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:all .18s ease;line-height:1;font-size:0}.companion-btn-icon svg{display:block!important;flex-shrink:0;pointer-events:none}.companion-btn-icon:hover{background:#ffffff26;color:#f8fafc;border-color:#c084fc66}.companion-btn-icon.close-btn:hover{background:#ef444440;border-color:#ef4444;color:#fca5a5}.video-player-frame-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.yt-player-host{width:100%;height:100%}.yt-iframe-embed{width:100%;height:100%;border:none}.video-loading-overlay,.video-error-overlay{position:absolute;inset:0;background:#0b0f1bf0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1.5rem;text-align:center;z-index:10;color:#cbd5e1;font-size:.9rem}.btn-link-yt{display:inline-flex;align-items:center;gap:.45rem;background:#ef4444;color:#fff;padding:.45rem .9rem;border-radius:8px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s ease}.btn-link-yt:hover{background:#dc2626}.companion-monitor-hud{padding:.95rem 1.25rem;background:linear-gradient(180deg,#111827b8,#0a0f1af5);border-top:1px solid rgba(192,132,252,.2);display:flex;flex-direction:column;gap:.65rem}.monitor-meta-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.monitor-badge-wrap{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.monitor-category-pill{font-size:.68rem;font-weight:800;letter-spacing:.08em;padding:.22rem .55rem;border-radius:6px;border:1px solid;display:inline-flex;align-items:center;text-transform:uppercase}.monitor-fact-title{font-size:.82rem;font-weight:700;color:#f1f5f9}.monitor-time-sync-group{display:flex;align-items:center;gap:.7rem;font-size:.76rem;font-family:JetBrains Mono,Fira Code,monospace;color:#94a3b8}.monitor-time-stamp{color:#38bdf8;font-weight:600}.monitor-beat-count{color:#64748b}.companion-voice-bar{display:flex;align-items:center}.voice-selector-capsule{display:inline-flex;align-items:center;gap:.35rem;background:#0f172abf;border:1px solid rgba(192,132,252,.35);border-radius:9999px;padding:.18rem .55rem;box-shadow:0 2px 8px #00000059;transition:border-color .2s ease,box-shadow .2s ease}.voice-selector-capsule:hover,.voice-selector-capsule:focus-within{border-color:#c084fca6;box-shadow:0 0 12px #c084fc40}.voice-capsule-label{font-size:.65rem;font-weight:800;letter-spacing:.08em;color:#c084fc;-webkit-user-select:none;user-select:none}.companion-persona-select{background:transparent;border:none;color:#f8fafc;font-size:.76rem;font-weight:600;cursor:pointer;outline:none;padding:.1rem .2rem;font-family:inherit}.companion-persona-select option{background:#0f172a;color:#f8fafc;font-size:.82rem;padding:.4rem}.persona-tuning-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:700;color:#fbbf24;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);padding:.12rem .4rem;border-radius:9999px;animation:pulse 1.8s infinite}.companion-persona-error-banner{font-size:.72rem;color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:6px;padding:.25rem .6rem}.persona-speaker-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.persona-speaker-name{font-size:.72rem;font-weight:800;letter-spacing:.04em;color:#e2e8f0;background:#c084fc26;border:1px solid rgba(192,132,252,.3);padding:.12rem .45rem;border-radius:4px;display:inline-flex;align-items:center;gap:.3rem}.persona-live-tag{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .35rem;border-radius:4px}.persona-live-tag.active{color:#34d399;background:#34d3991f;border:1px solid rgba(52,211,153,.25)}.persona-live-tag.tuning{color:#fbbf24;background:#fbbf241f;border:1px solid rgba(251,191,36,.25);animation:pulse 1.5s infinite}.companion-typewriter-box{display:flex;align-items:flex-start;gap:.85rem;padding:.8rem 1rem;background:#0f172ab8;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-height:auto;flex-shrink:0!important;box-sizing:border-box}.companion-radar-wrap{position:relative;width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.companion-radar-ring{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:#c084fc;border-right-color:#38bdf8;animation:spin 1.4s cubic-bezier(.68,-.55,.27,1.55) infinite}.companion-spinning-vinyl{animation:spin 3.5s linear infinite}.companion-text-stream{flex:1;min-width:0}.companion-typewriter-text{margin:0;font-size:.86rem;line-height:1.55;color:#f1f5f9;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.5);display:block;word-break:break-word;overflow-wrap:break-word;white-space:normal}.companion-cursor{display:inline-block;color:#c084fc;font-weight:900;margin-left:2px;animation:blink .9s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.companion-footer-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.04)}.companion-fact-nav{display:flex;align-items:center;gap:.45rem}.fact-nav-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:.3rem .65rem;border-radius:6px;font-size:.76rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;transition:all .18s ease}.fact-nav-btn:hover:not(:disabled){background:#ffffff1f;color:#f8fafc;border-color:#c084fc4d}.fact-nav-btn:disabled{opacity:.4;cursor:not-allowed}.fact-sync-btn{font-size:.74rem;font-weight:700;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:6px;border:1px solid transparent}.fact-sync-btn.locked{color:#34d399;background:#34d3991a;border-color:#34d39940}.fact-sync-btn.active-resume{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2459;cursor:pointer;transition:all .2s ease}.fact-sync-btn.active-resume:hover{background:#fbbf2438}.sync-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.sync-dot.green{background:#34d399;box-shadow:0 0 6px #34d399}.sync-dot.yellow{background:#fbbf24;box-shadow:0 0 6px #fbbf24}.companion-pref-toggle{display:flex;align-items:center}.pref-checkbox-label{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none}.pref-checkbox-label input{accent-color:#A855F7;cursor:pointer}.pref-checkbox-label:hover{color:#cbd5e1}.companion-btn-text-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#e2e8f0;padding:.2rem .55rem!important;border-radius:9999px;font-size:.72rem!important;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s ease;line-height:1.2!important;box-sizing:border-box!important}.companion-btn-text-pill:hover{background:#ffffff29;border-color:#c084fc66;color:#fff}.companion-btn-text-pill.active-audio{background:#38bdf829;border-color:#38bdf873;color:#38bdf8}.offset-time-badge{font-size:.7rem;color:#fbbf24;font-weight:700}.companion-sync-calibrate-strip{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:.35rem .6rem;background:#0f172a73;border:1px solid rgba(255,255,255,.05);border-radius:8px}.sync-calibrate-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sync-tag-label{font-size:.65rem;font-weight:800;letter-spacing:.06em;color:#94a3b8;-webkit-user-select:none;user-select:none}.btn-sync-mark{background:#c084fc1f;border:1px solid rgba(192,132,252,.3);color:#e2e8f0;font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;cursor:pointer;transition:all .18s ease}.btn-sync-mark:hover{background:#c084fc40;border-color:#c084fc;color:#fff}.btn-sync-mark.calibrated{background:#34d39926;border-color:#34d39966;color:#34d399}.sync-nudge-group{display:inline-flex;align-items:center;gap:.25rem}.btn-sync-nudge{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;padding:.15rem .4rem;border-radius:4px;font-size:.68rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-sync-nudge:hover{background:#ffffff26;color:#fff}.sync-offset-pill{font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem;font-weight:700;color:#fbbf24;padding:.1rem .35rem;background:#fbbf241f;border-radius:4px}.btn-sync-reset{background:transparent;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:.15rem .35rem;border-radius:4px;font-size:.66rem;cursor:pointer;transition:all .15s ease}.btn-sync-reset:hover{color:#f87171;border-color:#f8717159}.sync-status-hint{font-size:.68rem;color:#64748b;font-family:JetBrains Mono,monospace}.dossier-video-companion-btn{background:linear-gradient(135deg,#a855f733,#38bdf833);border:1px solid rgba(192,132,252,.4);color:#e2e8f0;padding:.4rem .85rem;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .2s ease;box-shadow:0 2px 10px #a855f726}.dossier-video-companion-btn:hover{background:linear-gradient(135deg,#a855f759,#38bdf859);border-color:#c084fc;color:#fff;box-shadow:0 4px 15px #a855f74d;transform:translateY(-1px)}.dossier-video-companion-btn .live-companion-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d399}.companion-beta-tag{font-size:.65rem;font-weight:800;color:#38bdf8;background:#38bdf82e;border:1px solid rgba(56,189,248,.35);border-radius:4px;padding:.08rem .35rem;letter-spacing:.06em;margin-left:.2rem}.title-beta-pill{font-size:.58rem;font-weight:800;color:#38bdf8;background:#38bdf82e;border:1px solid rgba(56,189,248,.35);border-radius:4px;padding:.08rem .32rem;letter-spacing:.06em;margin-left:.3rem;vertical-align:middle}@media(max-width:640px){.video-companion-root.modal-mode{padding:8px;align-items:flex-start}.video-companion-root.modal-mode .video-companion-container{width:100%;max-width:100%;max-height:calc(100dvh - 16px);max-height:calc(100vh - 16px);border-radius:14px;overflow-y:auto;margin:auto 0}.video-companion-root.docked-mode{bottom:8px;right:8px;left:8px}.video-companion-root.docked-mode .video-companion-container{width:100%;max-width:100%;max-height:88dvh;max-height:88vh;border-radius:14px;overflow:hidden}.video-companion-header{padding:.45rem .75rem}.video-track-subtitle{font-size:.72rem;max-width:190px}.companion-monitor-hud{padding:.65rem .75rem;gap:.5rem;overflow-y:auto;flex:1 1 auto;min-height:0}.monitor-meta-bar{gap:.35rem .5rem}.monitor-category-pill{font-size:.6rem;padding:.15rem .4rem}.monitor-fact-title{font-size:.76rem;line-height:1.25;word-break:break-word}.voice-selector-capsule{padding:.12rem .45rem;font-size:.65rem}.companion-persona-select{font-size:.65rem}.monitor-time-sync-group{font-size:.68rem;gap:.4rem}.companion-typewriter-box{padding:.65rem .75rem;gap:.6rem;min-height:auto!important;flex-shrink:0!important}.companion-radar-wrap{width:26px;height:26px}.companion-spinning-vinyl{width:16px!important;height:16px!important}.persona-speaker-indicator{font-size:.68rem;margin-bottom:.2rem}.companion-typewriter-text{font-size:.82rem!important;line-height:1.45!important;display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow:visible!important;max-height:none!important;word-break:break-word!important;overflow-wrap:break-word!important;white-space:normal!important}.companion-rating-bar{padding:.35rem .5rem;gap:.3rem}.rating-label-tag{font-size:.58rem}.ten-score-group{gap:1.5px;width:100%}.ten-score-btn{width:auto;flex:1 1 0;min-width:18px;height:24px;font-size:.65rem;padding:0}.rating-hint-text{font-size:.62rem}.companion-user-input-wrap .user-input-bar{flex-direction:column;align-items:stretch;gap:.35rem}.user-input-form{width:100%}.companion-footer-bar{flex-direction:column;align-items:stretch;gap:.5rem}.companion-fact-nav{justify-content:space-between;width:100%}.companion-pref-toggle-group{justify-content:space-between;width:100%;font-size:.7rem}}.video-unmute-overlay{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:30;pointer-events:auto;animation:fadeIn .25s ease-out}.video-unmute-btn{background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(255,255,255,.45);color:#fff;padding:.5rem 1.15rem;border-radius:9999px;font-size:.85rem;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;gap:.55rem;cursor:pointer;box-shadow:0 4px 20px #10b9818c,0 0 15px #10b98159;transition:all .2s cubic-bezier(.16,1,.3,1);animation:pulse-glow 2s infinite}.video-unmute-btn:hover{transform:scale(1.05);background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 24px #10b981b3}.unmute-pulse-icon{animation:bounce 1.2s infinite}.companion-btn-icon.muted-warning{background:#ef444440;border-color:#ef444473;color:#f87171}@keyframes pulse-glow{0%,to{box-shadow:0 4px 18px #10b98180,0 0 10px #10b9814d}50%{box-shadow:0 4px 26px #10b981cc,0 0 20px #10b98180}}.companion-rating-bar{display:flex;flex-direction:column;gap:.35rem;padding:.4rem .65rem;background:#0f172a99;border:1px solid rgba(255,255,255,.07);border-radius:8px}.rating-top-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.75rem;flex-wrap:wrap}.companion-category-chips-wrap{display:flex;align-items:center;gap:.45rem;width:100%;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.06)}.chips-row-label{font-size:.6rem;font-weight:800;letter-spacing:.06em;color:#64748b;white-space:nowrap;-webkit-user-select:none;user-select:none}.category-chips-scroll{display:flex;align-items:center;gap:.35rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-y pan-x;padding:2px 0;scrollbar-width:none}.category-chips-scroll::-webkit-scrollbar{display:none}.btn-category-chip{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:.68rem;font-weight:600;padding:.15rem .45rem;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;transition:all .18s ease}.btn-category-chip:hover{background:#ffffff1f;color:#fff;transform:translateY(-1px)}.btn-category-chip.selected{font-weight:700;box-shadow:0 0 8px currentColor}.btn-category-chip.chip-completely_wrong{border-color:#ef44444d}.btn-category-chip.chip-completely_wrong:hover,.btn-category-chip.chip-completely_wrong.selected{background:#ef444433;color:#ef4444;border-color:#ef4444}.btn-category-chip.chip-repetitive{border-color:#f43f5e59}.btn-category-chip.chip-repetitive:hover,.btn-category-chip.chip-repetitive.selected{background:#f43f5e38;color:#fb7185;border-color:#f43f5e}.btn-category-chip.chip-half_right{border-color:#f973164d}.btn-category-chip.chip-half_right:hover,.btn-category-chip.chip-half_right.selected{background:#f9731633;color:#f97316;border-color:#f97316}.btn-category-chip.chip-bit_weird{border-color:#a855f74d}.btn-category-chip.chip-bit_weird:hover,.btn-category-chip.chip-bit_weird.selected{background:#a855f733;color:#c084fc;border-color:#a855f7}.btn-category-chip.chip-decent{border-color:#94a3b84d}.btn-category-chip.chip-decent:hover,.btn-category-chip.chip-decent.selected{background:#94a3b833;color:#e2e8f0;border-color:#94a3b8}.btn-category-chip.chip-good{border-color:#3b82f64d}.btn-category-chip.chip-good:hover,.btn-category-chip.chip-good.selected{background:#3b82f633;color:#60a5fa;border-color:#3b82f6}.btn-category-chip.chip-some_detail{border-color:#06b6d44d}.btn-category-chip.chip-some_detail:hover,.btn-category-chip.chip-some_detail.selected{background:#06b6d433;color:#22d3ee;border-color:#06b6d4}.btn-category-chip.chip-great_detail{border-color:#10b98159}.btn-category-chip.chip-great_detail:hover,.btn-category-chip.chip-great_detail.selected{background:#10b98133;color:#34d399;border-color:#10b981}.btn-category-chip.chip-absolutely_fantastic{border-color:#f59e0b59}.btn-category-chip.chip-absolutely_fantastic:hover,.btn-category-chip.chip-absolutely_fantastic.selected{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b}.btn-category-chip.chip-this_is_awesome{border-color:#ec489959}.btn-category-chip.chip-this_is_awesome:hover,.btn-category-chip.chip-this_is_awesome.selected{background:#ec489933;color:#f472b6;border-color:#ec4899}.rating-controls-left{display:flex;align-items:center;gap:.5rem}.rating-label-tag{font-size:.65rem;font-weight:800;letter-spacing:.06em;color:#94a3b8;-webkit-user-select:none;user-select:none}.ten-score-group{display:inline-flex;align-items:center;gap:2px;background:#0000004d;padding:2px 4px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.ten-score-btn{background:transparent;border:1px solid transparent;width:21px;height:21px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;color:#64748b;transition:all .15s ease;padding:0}.ten-score-btn:hover{transform:scale(1.18);color:#fff}.ten-score-btn.active.score-1,.ten-score-btn.active.score-2,.ten-score-btn.active.score-3{color:#ef4444;border-color:#ef444466;background:#ef444426}.ten-score-btn.active.score-4,.ten-score-btn.active.score-5{color:#f97316;border-color:#f9731666;background:#f9731626}.ten-score-btn.active.score-6,.ten-score-btn.active.score-7{color:#38bdf8;border-color:#38bdf866;background:#38bdf826}.ten-score-btn.active.score-8,.ten-score-btn.active.score-9{color:#34d399;border-color:#34d39966;background:#34d39926}.ten-score-btn.active.score-10{color:#fbbf24;border-color:#fbbf2499;background:#fbbf2440;box-shadow:0 0 8px #fbbf2473}.ten-score-btn.selected{font-weight:900;box-shadow:0 0 6px currentColor}.rating-hint-text{font-size:.7rem;font-weight:600;color:#cbd5e1;font-family:JetBrains Mono,monospace;margin-left:4px}.rating-actions-right{display:flex;align-items:center;gap:.5rem}.rating-toast-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:700;color:#34d399;background:#34d39926;border:1px solid rgba(52,211,153,.35);padding:.2rem .55rem;border-radius:9999px;animation:fadeIn .2s ease-out}.btn-hone-regenerate{background:linear-gradient(135deg,#a855f733,#3b82f633);border:1px solid rgba(168,85,247,.4);color:#e2e8f0;font-size:.72rem;font-weight:700;padding:.22rem .6rem;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .18s ease}.btn-hone-regenerate:hover:not(:disabled){background:linear-gradient(135deg,#a855f759,#3b82f659);border-color:#c084fc;color:#fff;box-shadow:0 0 10px #a855f74d}.btn-hone-regenerate:disabled{opacity:.5;cursor:not-allowed}.persona-rating-capsule-badge{font-size:.7rem;font-weight:800;color:#f59e0b;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);padding:.1rem .4rem;border-radius:9999px;margin-left:4px}.companion-user-input-wrap{display:flex;flex-direction:column;gap:.4rem;margin-top:.45rem;padding-top:.45rem;border-top:1px dashed rgba(255,255,255,.08)}.user-input-bar{display:flex;align-items:center;gap:.5rem;width:100%}.user-input-label{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:800;letter-spacing:.06em;color:#c084fc;white-space:nowrap;-webkit-user-select:none;user-select:none}.user-input-form{display:flex;align-items:center;gap:.4rem;flex:1}.user-input-field{flex:1;background:#0f172abf;border:1px solid rgba(192,132,252,.28);border-radius:6px;color:#f8fafc;font-size:.75rem;padding:.25rem .6rem;outline:none;transition:all .2s ease;font-family:inherit}.user-input-field:focus{border-color:#a855f7;box-shadow:0 0 8px #a855f759;background:#0f172af2}.user-input-field::placeholder{color:#64748b;font-size:.72rem}.btn-submit-user-input{display:inline-flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,#a855f747,#ec489947);border:1px solid rgba(192,132,252,.5);color:#f8fafc;font-size:.72rem;font-weight:700;padding:.25rem .65rem;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.btn-submit-user-input:hover:not(:disabled){background:linear-gradient(135deg,#a855f773,#ec489973);border-color:#c084fc;box-shadow:0 0 10px #a855f766}.btn-submit-user-input:disabled{opacity:.4;cursor:not-allowed}.btn-view-memory{background:#1e293ba6;border:1px solid rgba(255,255,255,.12);color:#cbd5e1;font-size:.68rem;font-weight:700;padding:.22rem .55rem;border-radius:9999px;cursor:pointer;white-space:nowrap;transition:all .18s ease}.btn-view-memory:hover,.btn-view-memory.active{border-color:#38bdf8;color:#38bdf8;background:#38bdf81f}.user-memory-drawer{background:#0b0f1bf2;border:1px solid rgba(56,189,248,.25);border-radius:6px;padding:.5rem .75rem;animation:fadeIn .2s ease-out;max-height:140px;overflow-y:auto}.memory-drawer-header{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:800;color:#38bdf8;margin-bottom:.35rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.25rem}.close-memory-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:.8rem;padding:0 4px}.close-memory-btn:hover{color:#f8fafc}.memory-rules-list{display:flex;flex-direction:column;gap:.25rem}.memory-rule-item{display:flex;align-items:flex-start;gap:.35rem;font-size:.7rem;line-height:1.3}.rule-bullet{color:#f59e0b;font-size:.75rem;flex-shrink:0}.rule-text{color:#e2e8f0;font-weight:600}.rule-context{color:#94a3b8;font-size:.65rem;margin-left:4px}