.onboarding-backdrop{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#0b1a3ab8;justify-content:center;align-items:center;padding:1.25rem;animation:.25s ease-out obFadeIn;display:flex;position:fixed;inset:0}@keyframes obFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:860px;max-height:92vh;animation:.3s cubic-bezier(.16,1,.3,1) obScaleIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #132a5940,0 0 0 1px #132a5914}@keyframes obScaleIn{0%{opacity:0;transform:scale(.96)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.onboarding-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem 1rem;display:flex}.onboarding-title-group{flex-direction:column;gap:.25rem;display:flex}.onboarding-badge{text-transform:uppercase;letter-spacing:.05em;color:#f06449;background:#fff1ee;border-radius:999px;align-items:center;gap:.375rem;width:fit-content;padding:.25rem .625rem;font-size:.75rem;font-weight:700;display:inline-flex}.onboarding-title-group h2{color:#132a59;letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:800}.onboarding-close{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .15s;display:flex}.onboarding-close:hover{color:#132a59;background:#f8fafc;border-color:#cbd5e1}.onboarding-stepper{background:#fafbfc;border-bottom:1px solid #f1f5f9;gap:.75rem;padding:.875rem 2rem;display:flex}.onboarding-step-indicator{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;gap:.375rem;padding:0;display:flex}.onboarding-step-bar{background:#e2e8f0;border-radius:2px;height:4px;transition:all .3s}.onboarding-step-indicator.active .onboarding-step-bar{background:#f06449}.onboarding-step-indicator.completed .onboarding-step-bar{background:#132a59}.onboarding-step-label{color:#94a3b8;font-size:.75rem;font-weight:600;transition:color .2s}.onboarding-step-indicator.active .onboarding-step-label{color:#132a59;font-weight:700}.onboarding-step-indicator.completed .onboarding-step-label{color:#64748b}.onboarding-body{color:#334155;flex:1;padding:1.75rem 2rem;line-height:1.55;overflow-y:auto}.welcome-methodology-container{flex-direction:column;gap:1.25rem;animation:.25s ease-out obFadeIn;display:flex}.zero-intro-banner{background:linear-gradient(135deg,#f0f7ff 0%,#e6f0fa 100%);border:1px solid #bfdbfe;border-radius:14px;align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;display:flex}.banner-icon{flex-shrink:0;margin-top:.1rem;font-size:1.5rem}.zero-intro-banner h4{color:#132a59;margin:0 0 .25rem;font-size:.95rem;font-weight:800}.zero-intro-banner p{color:#334155;margin:0;font-size:.85rem;line-height:1.45}.methodology-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 2px 6px #132a590a}.methodology-badge{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.methodology-badge span{text-transform:uppercase;letter-spacing:.05em;color:#132a59;background:#f1f5f9;border-radius:6px;padding:.2rem .5rem;font-size:.72rem;font-weight:800}.methodology-badge small{color:#64748b;font-size:.75rem;font-weight:600}.methodology-card h3{color:#132a59;margin:0 0 .5rem;font-size:1.15rem;font-weight:800}.methodology-card p{color:#475569;margin:0 0 .5rem;font-size:.875rem;line-height:1.5}.methodology-card p:last-child{margin-bottom:0}.ai-highlight-box{background:linear-gradient(135deg,#fdf4ff 0%,#fae8ff 100%);border:1px solid #f0abfc;border-radius:14px;padding:1.125rem 1.25rem}.ai-highlight-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.ai-spark-icon{color:#fff;background:#c026d3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;font-weight:800;display:flex}.ai-highlight-header h4{color:#701a75;margin:0;font-size:.95rem;font-weight:800}.ai-highlight-header p{color:#a21caf;margin:0;font-size:.75rem;font-weight:600}.ai-highlight-desc{color:#4a044e;margin:0;font-size:.85rem;line-height:1.45}.methodology-pillars-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (max-width:680px){.methodology-pillars-grid{grid-template-columns:1fr}}.pillar-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;display:flex}.pillar-icon{flex-shrink:0;margin-top:.1rem;font-size:1.25rem}.pillar-item strong{color:#132a59;margin-bottom:.2rem;font-size:.85rem;font-weight:700;display:block}.pillar-item p{color:#64748b;margin:0;font-size:.78rem;line-height:1.35}.band-selector-intro{margin-bottom:1.5rem}.band-selector-intro h3{color:#132a59;margin:0 0 .5rem;font-size:1.25rem;font-weight:800}.band-selector-intro p{color:#64748b;margin:0;font-size:.95rem}.band-pills-row{gap:.625rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.band-pill{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:90px;padding:.75rem .5rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.band-pill:hover{border-color:#cbd5e1;transform:translateY(-2px)}.band-pill.selected{background:#fff8f6;border-color:#f06449;box-shadow:0 4px 14px #f064492e}.band-pill-number{color:#132a59;font-size:1.5rem;font-weight:900}.band-pill.selected .band-pill-number{color:#f06449}.band-pill-label{text-transform:uppercase;color:#64748b;font-size:.7rem;font-weight:700}.band-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;animation:.25s ease-out obFadeIn}.band-detail-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.875rem;display:flex}.band-detail-title{align-items:center;gap:.75rem;display:flex}.band-detail-score{color:#fff;background:#132a59;border-radius:10px;padding:.35rem .75rem;font-size:1.25rem;font-weight:800}.band-detail-name{color:#132a59;font-size:1.1rem;font-weight:700}.band-unlocks-list{flex-direction:column;gap:.625rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.band-unlocks-list li{color:#334155;align-items:flex-start;gap:.625rem;font-size:.925rem;display:flex}.band-unlock-icon{color:#10b981;flex-shrink:0;font-weight:800}.band-strategy-note{color:#475569;background:#fff;border-left:3px solid #f06449;border-radius:0 10px 10px 0;padding:.75rem 1rem;font-size:.85rem}.skills-tabs-nav{background:#f1f5f9;border-radius:14px;gap:.5rem;margin-bottom:1.5rem;padding:.375rem;display:flex}.skill-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.skill-tab-btn:hover{color:#132a59}.skill-tab-btn.active{color:#132a59;background:#fff;box-shadow:0 2px 8px #132a5914}.skill-tab-icon{font-size:1rem}.skill-detail-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.5rem;animation:.25s ease-out obFadeIn;display:flex}.skill-meta-row{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:1.5rem;padding-bottom:1rem;display:flex}.skill-meta-item{flex-direction:column;gap:.25rem;display:flex}.skill-meta-label{text-transform:uppercase;color:#94a3b8;font-size:.75rem;font-weight:700}.skill-meta-value{color:#132a59;font-size:1rem;font-weight:800}.skill-challenge-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:640px){.skill-challenge-grid{grid-template-columns:1fr}}.challenge-card{border-radius:12px;padding:1rem;font-size:.875rem}.challenge-card.trap{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2}.challenge-card.trap strong{color:#b91c1c;align-items:center;gap:.375rem;margin-bottom:.375rem;display:flex}.challenge-card.bandvia{color:#166534;background:#f0fdf4;border:1px solid #dcfce7}.challenge-card.bandvia strong{color:#15803d;align-items:center;gap:.375rem;margin-bottom:.375rem;display:flex}.cd-showcase-container{flex-direction:column;gap:1.25rem;display:flex}.cd-interactive-preview{border:1px solid #cbd5e1;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px #132a590f}.cd-preview-topbar{color:#fff;background:#132a59;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.8rem;font-weight:600;display:flex}.cd-split-demo{background:#fff;grid-template-columns:1.1fr .9fr;min-height:200px;display:grid}@media (max-width:680px){.cd-split-demo{grid-template-columns:1fr}}.cd-demo-passage{color:#334155;background:#fafbfc;border-right:1px solid #e2e8f0;padding:1.25rem;font-size:.875rem;line-height:1.6}.cd-highlight-hint{color:#854d0e;background:#fef08a;border-radius:4px;padding:.15rem .35rem;font-weight:600;display:inline-block}.cd-demo-questions{flex-direction:column;gap:.75rem;padding:1.25rem;font-size:.875rem;display:flex}.cd-demo-question-pill{cursor:pointer;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:.625rem .875rem;transition:all .15s;display:flex}.cd-demo-question-pill:hover,.cd-demo-question-pill.active{background:#fff8f6;border-color:#f06449}.cd-features-checklist{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.875rem;display:grid}.cd-feature-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.cd-feature-card span.feature-icon{color:#f06449;flex-shrink:0;font-size:1.25rem}.cd-feature-card h4{color:#132a59;margin:0 0 .25rem;font-size:.875rem;font-weight:700}.cd-feature-card p{color:#64748b;margin:0;font-size:.8rem;line-height:1.4}.welcome-summary-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}@media (max-width:640px){.welcome-summary-grid{grid-template-columns:1fr}}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:.875rem;padding:1.125rem;transition:transform .2s;display:flex}.summary-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.summary-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.summary-card h4{color:#132a59;margin:0 0 .25rem;font-size:.95rem;font-weight:700}.summary-card p{color:#64748b;margin:0;font-size:.825rem;line-height:1.4}.ready-box{color:#fff;background:linear-gradient(135deg,#132a59 0%,#0b1a3a 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.ready-box-text h3{color:#fff;margin:0 0 .35rem;font-size:1.15rem;font-weight:800}.ready-box-text p{color:#94a3b8;margin:0;font-size:.875rem}.onboarding-footer{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.onboarding-btn-secondary{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:10px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s}.onboarding-btn-secondary:hover{color:#132a59;background:#f1f5f9}.onboarding-btn-primary{color:#fff;cursor:pointer;background:#f06449;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #f0644947}.onboarding-btn-primary:hover{background:#e25237;transform:translateY(-1px);box-shadow:0 6px 16px #f0644959}.onboarding-btn-primary:active{transform:translateY(0)}.header-guide-button{color:#132a59;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:.375rem;padding:.35rem .75rem;font-size:.775rem;font-weight:700;transition:all .15s;display:inline-flex}.header-guide-button:hover{color:#f06449;background:#fff;border-color:#f06449;box-shadow:0 2px 8px #f064491f}:root{--cd-navy:#132a59;--cd-navy-light:#1e3a8a;--cd-coral:#f06449;--cd-coral-soft:#fff1ef;--cd-teal:#0d9488;--cd-teal-soft:#f0fdfa;--cd-amber:#d97706;--cd-amber-soft:#fffbeb;--cd-red:#dc2626;--cd-red-soft:#fef2f2;--cd-green:#16a34a;--cd-green-soft:#f0fdf4;--cd-border:#e2e8f0;--cd-bg:#f8fafc;--cd-surface:#fff;--cd-text:#0f172a;--cd-text-muted:#64748b}.cd-split-container{background:var(--cd-bg);border:1px solid var(--cd-border);border-radius:12px;flex-direction:column;height:calc(100vh - 120px);min-height:600px;display:flex;overflow:hidden}.cd-split-header{background:var(--cd-surface);border-bottom:1px solid var(--cd-border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.cd-split-header h3{color:var(--cd-navy);margin:0;font-size:1.1rem;font-weight:700}.cd-split-body{flex:1;display:flex;overflow:hidden}.cd-pane-passage{background:var(--cd-surface);border-right:1px solid var(--cd-border);color:#1e293b;flex:1;padding:24px 32px;font-size:1.05rem;line-height:1.8;overflow-y:auto}.cd-pane-questions{background:var(--cd-bg);flex:1;padding:24px 32px;overflow-y:auto}@media (max-width:900px){.cd-split-body{flex-direction:column}.cd-pane-passage{border-right:none;border-bottom:1px solid var(--cd-border);max-height:40vh}}.cd-paragraph-marker{color:var(--cd-navy);-webkit-user-select:none;user-select:none;margin-right:8px;font-weight:700}.cd-question-card{background:var(--cd-surface);border:1px solid var(--cd-border);border-radius:10px;margin-bottom:24px;padding:20px;box-shadow:0 1px 3px #0000000d}.cd-question-header{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.cd-question-badge{background:var(--cd-navy);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:.95rem;font-weight:700;display:inline-flex}.cd-question-prompt{color:var(--cd-text);flex:1;font-size:1rem;font-weight:600;line-height:1.5}.cd-tfng-group{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:14px;display:grid}.cd-tfng-btn{background:var(--cd-surface);border:2px solid var(--cd-border);cursor:pointer;color:var(--cd-text);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:700;transition:all .15s;display:flex}.cd-tfng-btn:hover{border-color:var(--cd-navy-light);background:var(--cd-bg)}.cd-tfng-btn.is-selected{border-color:var(--cd-navy);color:var(--cd-navy);background:#eff6ff;box-shadow:0 0 0 2px #1e3a8a33}.cd-tfng-btn small{color:var(--cd-text-muted);margin-top:4px;font-size:.75rem;font-weight:500}.cd-matching-select{border:2px solid var(--cd-border);background:var(--cd-surface);width:100%;color:var(--cd-text);cursor:pointer;border-radius:8px;margin-top:8px;padding:12px 14px;font-size:.95rem;font-weight:500}.cd-matching-select:focus{border-color:var(--cd-navy);outline:none}.cd-gapfill-container{margin-top:12px}.cd-gapfill-input-wrapper{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cd-gapfill-input{border:2px solid var(--cd-border);min-width:0;color:var(--cd-text);background:var(--cd-surface);border-radius:8px;flex:160px;padding:10px 14px;font-size:1rem}.cd-gapfill-input:focus{border-color:var(--cd-navy);outline:none}.cd-wordlimit-badge{white-space:nowrap;color:var(--cd-text-muted);background:#f1f5f9;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:.8rem;font-weight:600}.cd-wordlimit-badge.is-warning{background:var(--cd-red-soft);color:var(--cd-red);border:1px solid #fecaca}.cd-explanation-card{border:1px solid var(--cd-border);border-left:4px solid var(--cd-navy);background:#f8fafc;border-radius:8px;margin-top:16px;padding:16px;font-size:.9rem}.cd-explanation-card.is-correct{border-left-color:var(--cd-green);background:var(--cd-green-soft)}.cd-explanation-card.is-incorrect{border-left-color:var(--cd-red);background:#fff5f5}.cd-evidence-box{color:#334155;background:#fff;border:1px dashed #cbd5e1;border-radius:6px;margin:10px 0;padding:10px 14px;font-style:italic}.cd-paraphrase-table{border-collapse:collapse;width:100%;margin:10px 0;font-size:.85rem}.cd-paraphrase-table th,.cd-paraphrase-table td{border:1px solid var(--cd-border);text-align:left;padding:6px 10px}.cd-paraphrase-table th{color:var(--cd-text);background:#f1f5f9;font-weight:600}.cd-navigator-bar{background:var(--cd-surface);border-top:1px solid var(--cd-border);justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;overflow-x:auto}.cd-nav-grid{gap:6px;padding:4px 0;display:flex;overflow-x:auto}.cd-nav-btn{border:1px solid var(--cd-border);background:var(--cd-surface);min-width:32px;height:32px;color:var(--cd-text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .1s;display:flex;position:relative}.cd-nav-btn.is-active{border-color:var(--cd-navy);background:var(--cd-navy);color:#fff}.cd-nav-btn.is-answered{color:var(--cd-navy);background:#e2e8f0;font-weight:700}.cd-nav-btn.is-flagged:after{content:"";background:var(--cd-coral);border-radius:50%;width:6px;height:6px;position:absolute;top:2px;right:2px}.cd-nav-flag-toggle{border:1px solid var(--cd-border);color:var(--cd-text);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:flex}.cd-nav-flag-toggle.is-flagged{background:var(--cd-coral-soft);border-color:var(--cd-coral);color:var(--cd-coral)}.cd-writing-split{background:var(--cd-bg);border:1px solid var(--cd-border);border-radius:12px;grid-template-columns:1fr 1.15fr;height:calc(100vh - 120px);min-height:640px;display:grid;overflow:hidden}@media (max-width:900px){.cd-writing-split{grid-template-columns:1fr;height:auto}}.cd-writing-prompt-pane{background:var(--cd-surface);border-right:1px solid var(--cd-border);flex-direction:column;gap:18px;padding:24px;display:flex;overflow-y:auto}.cd-task-badge-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.cd-task-pill{background:var(--cd-navy);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:700}.cd-time-advice{color:var(--cd-text-muted);background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:600}.cd-prompt-card{border:1px solid var(--cd-border);border-left:4px solid var(--cd-coral);color:var(--cd-text);background:#fafbfc;border-radius:8px;padding:14px 16px;font-size:.95rem;line-height:1.5}.cd-academic-table-container{border:1px solid var(--cd-border);background:#fff;border-radius:8px;padding:12px;overflow-x:auto}.cd-academic-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.cd-academic-table th{color:var(--cd-navy);border-bottom:2px solid var(--cd-border);background:#f1f5f9;padding:10px 12px;font-weight:700}.cd-academic-table td{color:var(--cd-text);border-bottom:1px solid #f1f5f9;padding:8px 12px}.cd-academic-table tr:hover td{background:#f8fafc}.cd-writing-editor-pane{background:#fff;flex-direction:column;display:flex;overflow-y:auto}.cd-editor-toolbar{border-bottom:1px solid var(--cd-border);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.cd-editor-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cd-wordcount-badge{border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.cd-wordcount-badge.is-warning{background:var(--cd-amber-soft);color:#92400e;border:1px solid #fde68a}.cd-wordcount-badge.is-valid{background:var(--cd-green-soft);color:#166534;border:1px solid #bbf7d0}.cd-overview-badge{border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.cd-overview-badge.is-detected{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.cd-overview-badge.is-missing{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.cd-writing-textarea{min-height:280px;color:var(--cd-text);resize:vertical;border:none;outline:none;flex:1;padding:20px;font-family:inherit;font-size:1rem;line-height:1.6}.cd-writing-textarea::placeholder{color:#94a3b8}.cd-writing-actions-row{border-top:1px solid var(--cd-border);background:#f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.cd-lexical-section{border-top:1px solid var(--cd-border);background:#fafbfc;padding:18px 20px}.cd-lexical-section h4{color:var(--cd-navy);align-items:center;gap:6px;margin:0 0 10px;font-size:.95rem;font-weight:800;display:flex}.cd-lexical-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.cd-upgrade-card{border:1px solid var(--cd-border);background:#fff;border-radius:8px;padding:10px 12px}.cd-upgrade-card .word-original{color:#dc2626;margin-right:6px;font-size:.8rem;font-weight:600;text-decoration:line-through}.cd-upgrade-card .word-arrow{color:var(--cd-text-muted);margin-right:6px;font-size:.8rem}.cd-upgrade-suggestions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.cd-upgrade-chip{background:var(--cd-green-soft);color:#15803d;border:1px solid #bbf7d0;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.cd-connector-alert{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:12px 20px;padding:10px 14px;font-size:.85rem}.cd-listening-workspace{flex-direction:column;gap:16px;max-width:900px;margin:0 auto;padding:16px;display:flex}.cd-listening-audio-card{background:var(--cd-surface);border:1px solid var(--cd-border);z-index:10;border-radius:12px;flex-direction:column;gap:12px;padding:16px 20px;display:flex;position:sticky;top:10px;box-shadow:0 4px 12px #132a590d}.cd-prep-countdown-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.cd-prep-countdown-text{color:#1e40af;align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.cd-audio-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.cd-play-btn{background:var(--cd-navy);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:700;transition:all .15s;display:inline-flex}.cd-play-btn:hover:not(:disabled){background:var(--cd-navy-light)}.cd-play-btn:disabled{color:#64748b;cursor:not-allowed;background:#cbd5e1}.cd-audio-progress-bar{background:#e2e8f0;border-radius:3px;flex:1;min-width:140px;height:6px;overflow:hidden}.cd-audio-progress-fill{background:var(--cd-coral);height:100%;transition:width .2s linear}.cd-audio-limit-badge{color:#b91c1c;text-transform:uppercase;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.cd-listening-notes-box{border:1px solid var(--cd-border);background:#fff;border-radius:12px;padding:24px}.cd-listening-notes-box h3{color:var(--cd-navy);margin:0 0 4px;font-size:1.15rem;font-weight:800}.cd-listening-instructions-banner{border-left:3px solid var(--cd-navy);color:#334155;background:#f8fafc;margin:12px 0 20px;padding:8px 12px;font-size:.85rem;font-weight:600}.cd-speaking-container{flex-direction:column;gap:20px;margin:10px 0;display:flex}.cd-speaking-topbar{background:var(--cd-surface);border:1px solid var(--cd-border);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.cd-speaking-stage-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.cd-speaking-stage-badge.prep{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.cd-speaking-stage-badge.recording{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.cd-speaking-stage-badge.review{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.cd-speaking-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:900px){.cd-speaking-grid{grid-template-columns:1fr}}.cd-cue-card{background:#fff;border:2px solid #cbd5e1;border-radius:12px;padding:28px;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.cd-cue-card:before{content:"";background:linear-gradient(90deg, var(--cd-navy) 0%, var(--cd-coral) 100%);border-radius:10px 10px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.cd-cue-card-header{margin-bottom:20px}.cd-cue-card-badge{color:var(--cd-navy);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:800}.cd-cue-card-topic{color:#0f172a;margin:8px 0 12px;font-size:1.35rem;font-weight:800;line-height:1.35}.cd-cue-card-intro{color:#475569;margin-bottom:16px;font-size:.95rem;font-style:italic}.cd-cue-card-bullets{flex-direction:column;gap:12px;margin:0 0 20px;padding:0;list-style:none;display:flex}.cd-cue-card-bullets li{color:#1e293b;align-items:flex-start;gap:10px;font-size:1rem;line-height:1.5;display:flex}.cd-cue-card-bullet-dot{background:var(--cd-coral);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.cd-cue-card-conclusion{color:#0f172a;border-top:1px dashed #cbd5e1;padding-top:14px;font-size:.95rem;font-weight:600}.cd-notepad{border:1px solid var(--cd-border);background:#fff;border-radius:12px;flex-direction:column;padding:24px;display:flex}.cd-notepad-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cd-notepad-title{color:var(--cd-navy);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.cd-notepad-tip{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:.8rem}.cd-notepad-textarea{resize:vertical;color:#1e293b;background:#fffdfa;border:1px solid #cbd5e1;border-radius:8px;flex:1;width:100%;min-height:180px;padding:14px;font-family:inherit;font-size:.95rem;line-height:1.6}.cd-notepad-textarea:focus{border-color:var(--cd-coral);box-shadow:0 0 0 3px var(--cd-coral-soft);outline:none}.cd-recording-panel{background:var(--cd-surface);border:1px solid var(--cd-border);border-radius:12px;flex-direction:column;gap:16px;padding:24px;display:flex}.cd-recording-meter{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:16px;padding:16px;display:flex}.cd-pulse-indicator{background:#cbd5e1;border-radius:50%;width:16px;height:16px;transition:all .3s}.cd-pulse-indicator.active{background:#dc2626;animation:1.5s infinite cd-pulse-animation;box-shadow:0 0 #dc2626b3}@keyframes cd-pulse-animation{0%{box-shadow:0 0 #dc2626b3}70%{box-shadow:0 0 0 10px #dc262600}to{box-shadow:0 0 #dc262600}}.cd-timer-large{color:var(--cd-navy);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.8rem;font-weight:800}.cd-timer-large.warning{color:#dc2626}.cd-speaking-audio-player{border-radius:8px;width:100%;margin-top:8px}.cd-transcript-box{border:1px solid var(--cd-border);background:#fff;border-radius:10px;padding:16px}.cd-transcript-box h4{color:var(--cd-navy);justify-content:space-between;align-items:center;margin:0 0 8px;font-size:.9rem;font-weight:700;display:flex}.cd-transcript-textarea{color:#0f172a;border:1px solid #cbd5e1;border-radius:6px;width:100%;min-height:120px;padding:12px;font-family:inherit;font-size:.95rem;line-height:1.6}.cd-transcript-textarea:focus{border-color:var(--cd-navy);outline:none}.cd-speaking-phrases-drawer{border:1px solid var(--cd-border);background:#f8fafc;border-radius:10px;padding:16px}.cd-phrases-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.cd-phrase-chip{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 10px;font-size:.8rem;font-weight:500;transition:all .15s}.cd-phrase-chip:hover{background:var(--cd-coral-soft);border-color:var(--cd-coral);color:var(--cd-coral)}.cd-listening-script{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:10px 0 0;padding:10px 14px;font-size:.9rem}.cd-listening-script summary{cursor:pointer;color:var(--cd-navy);font-weight:700}.cd-listening-script p{margin:8px 0 0;line-height:1.55}.cd-local-notice{border-left:4px solid var(--cd-coral,#f06449);background:#f0644914;border-radius:6px;margin:0 0 12px;padding:10px 12px;font-size:.9rem;line-height:1.45}@media (max-width:640px){.cd-navigator-bar{flex-wrap:wrap;padding:10px 12px}.cd-navigator-bar>div:first-child{flex-wrap:wrap}.cd-nav-grid{flex:100%;width:100%;min-width:0}}