.course-hero{display:grid;gap:var(--space-8);align-items:start}@media (min-width: 960px){.course-hero{grid-template-columns:1.2fr .8fr}}.course-hero-side{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:grid;gap:var(--space-4)}.c-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.c-stat{display:grid;gap:2px;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.c-stat strong{font-family:var(--font-display);font-size:1.5rem;line-height:1.1}.c-stat span{font-size:var(--fs-caption);color:var(--color-text-muted)}.c-stat .progress-line{margin-top:var(--space-2)}.course-sub-hero{padding-bottom:var(--space-4)}.breadcrumbs-inline a{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-caption);font-weight:700;text-decoration:none;margin-bottom:var(--space-3)}.world-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));counter-reset:none}.world-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin:0}.world-card h3{font-size:1.1rem;margin:var(--space-2) 0}.world-card p{font-size:var(--fs-body-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.world-num{font-size:var(--fs-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.c-map{display:grid;gap:var(--space-4);margin-bottom:var(--space-10)}.c-world{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.c-world[data-status=locked]{background:var(--color-surface-sunken)}.c-world[data-status=completed]{border-color:var(--color-success-line)}.c-world>summary{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);cursor:pointer;list-style:none}.c-world>summary::-webkit-details-marker{display:none}.c-world-badge{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--color-secondary);color:#fff}.c-world[data-status=locked] .c-world-badge{background:var(--color-disabled-bg);color:var(--color-disabled-text)}.c-world[data-status=completed] .c-world-badge{background:var(--color-success)}.c-world-head{display:grid;gap:2px;min-width:0}.c-world-num{font-size:var(--fs-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.c-world-name{font-family:var(--font-display);font-weight:700;font-size:1.2rem;line-height:1.2}.c-world-sub{font-size:var(--fs-caption);color:var(--color-text-muted)}.c-world-pct{display:grid;gap:4px;justify-items:end;min-width:90px}.c-world-pct strong{font-family:var(--font-display)}.c-world-pct .progress-line{width:90px}.c-world-chev{transition:transform var(--duration) var(--ease)}.c-world[open] .c-world-chev{transform:rotate(180deg)}.c-world-body{padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--color-divider)}.c-world-body>.callout{margin-top:var(--space-4)}.c-tracks{display:grid;gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.c-track{--skill: var(--color-primary);--skill-soft: var(--color-primary-soft);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.c-track[data-skill=speaking]{--skill: var(--skill-speaking);--skill-soft: var(--skill-speaking-soft)}.c-track[data-skill=writing]{--skill: var(--skill-writing);--skill-soft: var(--skill-writing-soft)}.c-track[data-skill=reading]{--skill: var(--skill-reading);--skill-soft: var(--skill-reading-soft)}.c-track[data-skill=listening]{--skill: var(--skill-listening);--skill-soft: var(--skill-listening-soft)}.c-track .progress-line>span{background:var(--skill)}.c-track-head{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;margin:0 0 var(--space-2);color:var(--skill)}.c-track-head span:first-of-type{color:var(--color-text)}.c-track-pct{margin-left:auto;font-size:var(--fs-caption);color:var(--color-text-muted);font-weight:600}.c-modules{list-style:none;padding:0;margin:var(--space-3) 0 0;display:grid;gap:var(--space-2)}.c-modules li+li{margin-top:0}.c-module{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.c-module[data-status=locked],.c-module[data-status=planned]{opacity:.75}.c-module[data-status=completed]{border-color:var(--color-success-line)}.c-module-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;list-style:none}.c-module-head::-webkit-details-marker{display:none}.c-module-head>div{display:grid;min-width:0}.c-module-head strong{font-size:var(--fs-body-sm);line-height:1.3}.c-module-chev{margin-left:auto;flex:none;transition:transform var(--duration) var(--ease)}.c-module details[open] .c-module-chev{transform:rotate(180deg)}.c-node-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--color-surface-sunken);color:var(--color-text-muted)}.c-node-icon .icon{width:16px;height:16px}[data-status=available]>.c-module-head>.c-node-icon,.c-node[data-status=available] .c-node-icon{background:var(--skill-soft, var(--color-primary-soft));color:var(--skill, var(--color-primary))}[data-status=in-progress]>.c-module-head>.c-node-icon,.c-node[data-status=in-progress] .c-node-icon,.c-node[data-status=practice-required] .c-node-icon,.c-node[data-status=assessment-required] .c-node-icon{background:var(--color-info-soft);color:var(--color-info)}[data-status=completed]>.c-module-head>.c-node-icon,.c-node[data-status=mastered] .c-node-icon{background:var(--color-success-soft);color:var(--color-success)}.c-lessons{list-style:none;padding:0 var(--space-3) var(--space-3) var(--space-3);margin:0;display:grid;gap:4px;position:relative}.c-lessons li+li{margin-top:0}.c-lessons:before{content:"";position:absolute;left:calc(var(--space-3) + 17px + 12px);top:0;bottom:var(--space-3);width:2px;background:var(--color-divider)}.c-node{position:relative}.c-node-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;text-align:left;text-decoration:none;color:var(--color-text);font:inherit;cursor:pointer;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease)}.c-node-btn:hover,.c-node-btn:focus-visible{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text)}.c-node-btn[aria-current=true]{border-color:var(--skill, var(--color-primary));background:var(--color-surface)}.c-node[data-status=locked] .c-node-btn{color:var(--color-text-muted)}.c-node-body{display:grid;min-width:0}.c-node-title{font-size:var(--fs-body-sm);font-weight:600;line-height:1.3}.c-node-boss .c-node-icon{border-radius:10px;background:var(--color-accent-soft);color:#6d4300}.c-node-boss[data-status=locked] .c-node-icon{background:var(--color-surface-sunken);color:var(--color-text-muted)}.c-node-boss[data-status=mastered] .c-node-icon{background:var(--color-success-soft);color:var(--color-success)}.c-final{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-ink-band);color:#fff}.c-final .caption{color:var(--color-text-inverse-muted);display:block}.c-final-main{display:flex;align-items:center;gap:var(--space-4);min-width:0}.c-final .c-node-icon{background:#ffffff26;color:#fff;width:44px;height:44px}.c-final[data-status=mastered] .c-node-icon{background:var(--color-success)}.c-final .btn-secondary{--btn-bg: rgba(255,255,255,.1);--btn-fg: #fff;--btn-border: rgba(255,255,255,.45);--btn-bg-hover: rgba(255,255,255,.2);--btn-fg-hover: #fff}@media (max-width: 640px){.c-world>summary{grid-template-columns:auto 1fr auto}.c-world-pct{display:none}.c-world-body{padding-inline:var(--space-3)}.c-track{padding:var(--space-3)}}.c-lesson{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(var(--space-4),3vw,var(--space-8));margin-bottom:var(--space-10)}.c-lesson-head{margin-bottom:var(--space-6)}.c-lesson-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.c-lesson-title{font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem);margin-bottom:var(--space-3)}.c-lesson-title:focus{outline:none}.c-lesson-facts{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.c-progress{height:8px;border-radius:var(--radius-pill);background:var(--color-bg-soft);overflow:hidden}.c-progress>span{display:block;height:100%;background:var(--color-primary);border-radius:inherit;transition:width .3s var(--ease)}.c-steps-nav{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:var(--space-3) 0 0}.c-steps-nav li+li{margin-top:0}.c-step-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-border-strong);background:var(--color-surface);padding:0;cursor:pointer}.c-step-dot.is-done{background:var(--color-success);border-color:var(--color-success)}.c-step-dot.is-current{background:var(--color-primary);border-color:var(--color-primary);transform:scale(1.25)}.c-step-dot:disabled{opacity:.4;cursor:not-allowed}.c-step{min-height:300px}.c-step:focus{outline:none}.c-step-kicker{display:inline-block;font-size:var(--fs-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-2)}.c-step-title{font-size:1.35rem;margin-bottom:var(--space-4)}.c-sub{margin-top:var(--space-6)}.c-teach{font-size:var(--fs-body)}.c-teach table{font-size:var(--fs-body-sm)}.c-example{background:var(--color-surface-sunken);border-left:3px solid var(--color-secondary);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:var(--space-4) 0}.c-example-text{font-weight:600;font-size:1.075rem;line-height:var(--lh-prose);margin-bottom:var(--space-2)}.c-example-note{font-size:var(--fs-body-sm);color:var(--color-text-secondary);margin:0}.c-audio-block{background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin:var(--space-4) 0}.c-audio-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:var(--space-2) 0}.c-kv{display:grid;gap:var(--space-2);margin:var(--space-4) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.c-kv>div{background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.c-kv dt{font-size:var(--fs-caption);color:var(--color-text-muted);font-weight:700}.c-kv dd{margin:0;font-weight:600}.c-tip,.c-worked{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}.c-tip h3,.c-worked h3{margin-top:var(--space-2)}.c-tip .h-mini,.c-worked .h-mini{margin-top:var(--space-5)}.c-tip-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));margin:var(--space-4) 0}.c-tip-grid>div{background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.c-tip-grid dt{font-size:var(--fs-caption);font-weight:700;color:var(--color-text-muted);margin-bottom:2px}.c-tip-grid dd{margin:0}.c-reasoning li{margin-bottom:var(--space-2)}.c-compare{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin:var(--space-4) 0}.c-compare-card{display:grid;gap:var(--space-2);align-content:start;position:relative;padding:var(--space-4) var(--space-5);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer}.c-compare-static .c-compare-card{cursor:default}.c-compare-card input{position:absolute;top:var(--space-3);right:var(--space-3);width:20px;height:20px;accent-color:var(--color-primary)}.c-compare-card:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-softer)}.c-compare-label{font-size:var(--fs-micro);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.c-compare-card.is-ok{border-color:var(--color-success-line);background:var(--color-success-soft)}.c-compare-card.is-bad{border-color:var(--color-error-line);background:var(--color-error-soft)}.c-compare-static .c-compare-card.is-ok .c-compare-label{color:var(--color-success)}.c-compare-static .c-compare-card.is-bad .c-compare-label{color:var(--color-error)}.c-compare-text p:last-child{margin-bottom:0}.c-compare-why{font-size:var(--fs-body-sm);color:var(--color-text-secondary);border-top:1px solid rgba(0,0,0,.08);padding-top:var(--space-2)}.c-compare-note{grid-column:1 / -1}.c-step-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--color-divider)}.c-step-count{font-size:var(--fs-caption);color:var(--color-text-muted);font-weight:600}.c-nudge{color:var(--color-warning);font-weight:600}.c-locked{text-align:center;display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);margin-bottom:var(--space-10)}.c-locked .cluster{justify-content:center}.c-activity{background:var(--color-surface-sunken);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-4) 0}.c-act .c-prompt{font-weight:600;font-size:1.075rem;margin-bottom:var(--space-4)}.c-act .hint{font-weight:400;color:var(--color-text-muted);font-size:var(--fs-body-sm)}.c-options{display:grid;gap:var(--space-2)}.c-choice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;position:relative}.c-choice input{margin-top:3px;accent-color:var(--color-primary);flex:none;width:18px;height:18px}.c-choice:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-softer)}.c-choice.is-ok{border-color:var(--color-success-line);background:var(--color-success-soft)}.c-choice.is-bad{border-color:var(--color-error-line);background:var(--color-error-soft)}.c-choice.is-missed{border-color:var(--color-warning-line);background:var(--color-warning-soft)}.c-choice .review-tag{display:block;width:100%;font-size:var(--fs-caption);font-style:normal;font-weight:700;color:var(--color-text-secondary);margin-top:var(--space-1);flex-basis:100%}.c-choice .c-note{flex-basis:100%;font-size:var(--fs-caption);color:var(--color-text-secondary)}.c-choice{flex-wrap:wrap}.c-choice .choice-key{flex:none}.c-choice .choice-text{flex:1 1 60%}.c-fill{line-height:2.3}.c-blank{display:inline-block;width:auto;min-height:36px;padding:.15rem .5rem;margin:0 2px;vertical-align:middle;font-size:var(--fs-body-sm)}.c-blank-text{width:8.5em}.c-blank.is-ok{border-color:var(--color-success);background:var(--color-success-soft)}.c-blank.is-bad{border-color:var(--color-error);background:var(--color-error-soft)}.c-answer-tag{display:inline-block;margin-left:4px;padding:0 .45rem;border-radius:var(--radius-pill);background:var(--color-success-soft);color:var(--color-success);font-size:var(--fs-caption);font-weight:700;vertical-align:middle}.c-order{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2);counter-reset:ord}.c-order li+li{margin-top:0}.c-order-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:grab}.c-order-item.is-dragging{opacity:.5}.c-order-item.is-over{border-color:var(--color-primary)}.c-order-item.is-ok{border-color:var(--color-success-line);background:var(--color-success-soft)}.c-order-item.is-bad{border-color:var(--color-error-line);background:var(--color-error-soft)}.c-order-handle{color:var(--color-text-muted);flex:none}.c-order-text{flex:1}.c-order-btns{display:flex;gap:4px;flex:none}.c-order-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);display:grid;place-items:center;padding:0}.c-order-btn:disabled{opacity:.35;cursor:not-allowed}.c-order-pos{flex:none;font-size:var(--fs-caption);font-weight:700;color:var(--color-text-muted)}.c-match{display:grid;gap:var(--space-2)}.c-match-row{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1.5px solid transparent}.c-match-row.is-ok{background:var(--color-success-soft);border-color:var(--color-success-line)}.c-match-row.is-bad{background:var(--color-error-soft);border-color:var(--color-error-line)}.c-match-left{font-weight:600}.c-match-row .c-answer-tag{grid-column:2;justify-self:start}@media (max-width: 520px){.c-match-row{grid-template-columns:1fr}.c-match-row .c-answer-tag{grid-column:1}}.c-words{line-height:2.4}.c-word{font:inherit;font-size:1.05rem;padding:.1rem .45rem;margin:0 1px;border-radius:var(--radius-sm);border:1.5px solid transparent;background:transparent;color:var(--color-text);cursor:pointer}.c-word:hover{background:var(--color-surface-hover)}.c-word[aria-pressed=true]{background:var(--color-highlight);border-color:#e3c75a}.c-word.is-ok{background:var(--color-success-soft);border-color:var(--color-success-line)}.c-word.is-missed{background:var(--color-warning-soft);border-color:var(--color-warning-line);text-decoration:underline dotted}.c-word.is-bad{background:var(--color-error-soft);border-color:var(--color-error-line)}.c-word.is-optional{background:var(--color-info-soft);border-color:transparent}.c-chunk{line-height:2.6}.c-chunk-word{font-size:1.05rem}.c-gap{display:inline-grid;place-items:center;width:22px;height:26px;margin:0 2px;border-radius:var(--radius-sm);border:1px dashed var(--color-border-strong);background:var(--color-surface);color:transparent;font-weight:800;cursor:pointer;vertical-align:middle}.c-gap:hover{border-style:solid}.c-gap[aria-pressed=true]{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.c-gap.is-ok{background:var(--color-success);border-color:var(--color-success);color:#fff}.c-gap.is-missed{background:var(--color-warning-soft);border:2px solid var(--color-warning);color:var(--color-warning)}.c-gap.is-bad{background:var(--color-error);border-color:var(--color-error);color:#fff}.c-gap.is-optional{background:var(--color-info-soft);border-color:var(--color-info);color:var(--color-info)}.c-edit-src{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.c-act .textarea.is-ok,.c-act .input.is-ok{border-color:var(--color-success)}.c-act .textarea.is-bad,.c-act .input.is-bad{border-color:var(--color-error)}.c-answer-box{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.c-answer-box>:last-child{margin-bottom:0}.word-check-line{line-height:2}.kp-list{list-style:none;padding:0;margin:0 0 var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.kp-list li{display:inline-flex;align-items:center;gap:4px;padding:.15rem .6rem;border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:600;background:var(--color-surface-sunken);margin:0}.kp-list li.is-ok{background:var(--color-success-soft);color:var(--color-success)}.kp-list li.is-missed{background:var(--color-warning-soft);color:var(--color-warning)}.c-reference{margin-bottom:var(--space-4)}.c-self{margin-top:var(--space-4);display:grid;gap:var(--space-2)}.c-rec-result{margin-top:var(--space-3)}.c-rec-audio{width:100%}.c-act-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.c-feedback{margin-top:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.c-feedback:focus{outline:none}.c-feedback.is-ok{border-color:var(--color-success-line);background:var(--color-success-soft)}.c-feedback.is-bad{border-color:var(--color-error-line);background:var(--color-error-soft)}.c-feedback.is-part{border-color:var(--color-warning-line);background:var(--color-warning-soft)}.c-feedback-head{display:flex;align-items:center;gap:var(--space-2);font-size:1.05rem;margin-bottom:var(--space-2)}.c-feedback.is-ok .c-feedback-head{color:var(--color-success)}.c-feedback.is-bad .c-feedback-head{color:var(--color-error)}.c-feedback.is-part .c-feedback-head{color:var(--color-warning)}.c-feedback p:last-child{margin-bottom:0}.c-hint{margin-top:var(--space-3)}.c-pte .player{padding:var(--space-4)}.c-pte .player-title{font-size:1.1rem}.c-set-progress{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:var(--space-4)}.c-set-progress .caption{margin-left:var(--space-2)}.c-pip{width:12px;height:12px;border-radius:50%;background:var(--color-border);display:inline-block}.c-pip.is-current{outline:2px solid var(--color-primary);outline-offset:2px}.c-pip.is-ok{background:var(--color-success)}.c-pip.is-part{background:var(--color-warning)}.c-pip.is-bad{background:var(--color-error)}.c-set-result:focus{outline:none}.c-set-score{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-4);border:1px solid var(--color-border)}.c-set-score strong{font-family:var(--font-display);font-size:2.4rem;line-height:1}.c-set-score.is-ok{background:var(--color-success-soft);border-color:var(--color-success-line)}.c-set-score.is-ok strong{color:var(--color-success)}.c-set-score.is-bad{background:var(--color-error-soft);border-color:var(--color-error-line)}.c-set-score.is-bad strong{color:var(--color-error)}.c-set-score.is-part{background:var(--color-warning-soft);border-color:var(--color-warning-line)}.c-weak{margin-bottom:var(--space-4)}.c-review-links{list-style:none;padding:0;margin:0 0 var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2)}.c-review-links li+li{margin-top:0}.c-skill-bars{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.c-boss-intro{display:grid;justify-items:center;text-align:center;gap:var(--space-4);padding:var(--space-6) 0}.c-boss-intro .cluster{justify-content:center}.c-celebrate{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:var(--space-4);background:#141b3d99;backdrop-filter:blur(4px);overflow-y:auto}.c-celebrate-card{position:relative;width:min(100%,520px);background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;display:grid;justify-items:center;gap:var(--space-3);overflow:hidden;animation:c-pop .3s var(--ease)}.c-celebrate-card.is-big{border:3px solid var(--color-accent)}.c-celebrate-card h2,.c-celebrate-card .lede{margin:0}.c-celebrate-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);width:100%;margin:var(--space-2) 0}.c-celebrate-stats div{display:grid;gap:2px;padding:var(--space-3) var(--space-1);background:var(--color-surface-sunken);border-radius:var(--radius-md)}.c-celebrate-stats strong{font-family:var(--font-display);font-size:1.4rem;line-height:1}.c-celebrate-stats span{font-size:var(--fs-micro);color:var(--color-text-muted)}.c-awards{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-1);font-size:var(--fs-body-sm)}.c-awards li+li{margin-top:0}.c-badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}@keyframes c-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.c-confetti{position:absolute;inset:0;pointer-events:none}.c-confetti i{position:absolute;top:-12px;left:calc(var(--i) * 5.5%);width:8px;height:14px;border-radius:2px;background:var(--color-primary);animation:c-fall 2.4s linear calc(var(--i) * 80ms) 1 forwards;opacity:0}.c-confetti i:nth-child(3n){background:var(--color-accent)}.c-confetti i:nth-child(3n+1){background:var(--color-secondary)}.c-confetti i:nth-child(4n){background:var(--color-success)}@keyframes c-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(560px) rotate(540deg);opacity:0}}.c-quests{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.c-quests li+li{margin-top:0}.c-quest{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.c-quest>div{flex:1;display:grid;gap:4px}.c-quest.is-done{border-color:var(--color-accent)}.c-quest.is-claimed{opacity:.7}.c-world-perf{display:grid;gap:var(--space-3)}.c-recs{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.c-recs li+li{margin-top:0}.c-rec{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.c-rec>div{display:grid}.c-badges{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}.c-badges li+li{margin-top:0}.c-badge{display:grid;justify-items:center;text-align:center;gap:4px;padding:var(--space-4) var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--fs-caption)}.c-badge .icon{width:28px;height:28px}.c-badge>span:first-of-type{font-weight:700;color:var(--color-text)}.c-badge.is-earned{background:var(--color-accent-soft);border-color:var(--color-accent);color:#6d4300}.c-badge.is-earned .icon{color:#6d4300}.c-badge-row .c-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.c-mist-top{margin-bottom:var(--space-5)}.c-mistakes{list-style:none;padding:0;margin:0 0 var(--space-10);display:grid;gap:var(--space-3)}.c-mistakes li+li{margin-top:0}.c-mistake{display:grid;grid-template-columns:1fr auto;gap:var(--space-3) var(--space-4);align-items:start;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.c-mistake.is-due{border-color:var(--color-warning-line)}.c-mistake.is-resolved{opacity:.7}.c-mistake-main{display:grid;gap:var(--space-2);min-width:0}.c-mistake-prompt{font-weight:600;margin:0}.c-mistake-actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch}.c-mistake-review{grid-column:1 / -1}@media (max-width: 560px){.c-mistake{grid-template-columns:1fr}.c-mistake-actions{flex-direction:row}}.c-setup .label{display:grid;gap:4px;font-weight:600;font-size:var(--fs-body-sm)}.c-setup .label .input,.c-setup .label .select{font-weight:400}.c-diag{margin-top:var(--space-4)}