.practice-section{padding-block:0 var(--space-12)}.practice-app{min-height:420px}.player-loading{display:grid;place-items:center;min-height:360px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.player-loading:before{content:"";width:28px;height:28px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .8s linear infinite;margin-bottom:var(--space-3)}.pa-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4)}.pa-picker{min-width:0;flex:1 1 320px}.q-chips{display:flex;flex-wrap:wrap;gap:6px}.q-chip{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);font-weight:700;font-size:var(--fs-label);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);position:relative;transition:background var(--duration) var(--ease),border-color var(--duration) var(--ease)}.q-chip:hover{background:var(--color-surface-hover);color:var(--color-text)}.q-chip[data-state=done]{background:var(--color-success-soft);border-color:var(--color-success-line);color:var(--color-success)}.q-chip[data-state=done]:after{content:"";position:absolute;top:-5px;right:-5px;width:14px;height:14px;border-radius:50%;border:2px solid var(--color-surface);box-sizing:content-box;background:var(--color-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center / 9px no-repeat}.q-chip.is-current,.q-chip.is-current:hover{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.pa-filter{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-label);font-weight:700;color:var(--color-text-secondary)}.pa-filter .select{width:auto;min-height:40px;padding-block:.3rem}.pa-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.pa-count{font-size:var(--fs-label);color:var(--color-text-muted);font-weight:600;font-variant-numeric:tabular-nums}.pa-note{margin-top:var(--space-4)}@media (max-width: 640px){.pa-top{flex-direction:column;align-items:stretch;gap:var(--space-3)}.pa-picker{flex:0 0 auto}.pa-filter{order:-1;justify-content:space-between}.pa-filter .select{flex:1 1 auto;max-width:220px;min-height:44px}.q-chip{width:44px;height:44px}}@media (max-width: 560px){.pa-nav .btn{padding-inline:var(--space-3);font-size:var(--fs-body-sm)}.pa-count{display:none}}.player{--skill: var(--color-primary);--skill-soft: var(--color-primary-soft);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(var(--space-4),3vw,var(--space-8));position:relative;overflow:hidden}.player:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--skill)}.player[data-skill=speaking]{--skill: var(--skill-speaking);--skill-soft: var(--skill-speaking-soft)}.player[data-skill=writing]{--skill: var(--skill-writing);--skill-soft: var(--skill-writing-soft)}.player[data-skill=reading]{--skill: var(--skill-reading);--skill-soft: var(--skill-reading-soft)}.player[data-skill=listening]{--skill: var(--skill-listening);--skill-soft: var(--skill-listening-soft)}.player-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-3)}.player-kicker{display:block;font-size:var(--fs-caption);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--skill);margin-bottom:var(--space-1)}.player-title{font-size:1.35rem;margin:0}.player-title:focus{outline:none}.player-badges{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.player-head .player-badges{margin-left:auto}.player-badges:empty{display:none}.bookmark-btn{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--fs-label);font-weight:600;cursor:pointer}.bookmark-btn:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.bookmark-btn.is-on{color:var(--color-secondary);border-color:var(--color-secondary);background:var(--color-secondary-soft)}.bookmark-btn.is-on .icon{fill:currentColor}.player-instruction{font-weight:600;color:var(--color-text);background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-body-sm);margin-bottom:var(--space-5)}.player-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.player-actions:empty{display:none}.player-result{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-divider)}.player-actions-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5);margin-top:var(--space-6)}.player-actions-row>.player-actions{margin-top:0}.pa-report{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:var(--fs-body-sm);color:var(--color-text-secondary);text-decoration:none;white-space:nowrap}.pa-report:hover{color:var(--color-primary)}.result-title{font-size:1.2rem}.result-title:focus{outline:none}.result-body>*+*{margin-top:var(--space-5)}.task-body>*+*{margin-top:var(--space-5)}.reading-text{max-width:74ch;font-size:1.075rem;line-height:var(--lh-prose);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6)}.reading-text p:last-child{margin-bottom:0}.scroll-text{max-height:420px;overflow-y:auto}.is-concealed{position:relative;min-height:140px}.is-concealed>*{visibility:hidden}.is-concealed:after{content:"Appears when you press start";position:absolute;inset:0;display:grid;place-items:center;color:var(--color-text-secondary);font-weight:600;font-size:var(--fs-body-sm);background:repeating-linear-gradient(135deg,var(--color-surface-sunken),var(--color-surface-sunken) 12px,var(--color-bg-soft) 12px,var(--color-bg-soft) 24px);border-radius:var(--radius-md)}.prompt-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--skill, var(--color-primary));border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);max-width:74ch}.prompt-card p:last-child{margin-bottom:0}.essay-prompt{font-size:1.075rem;font-weight:600;line-height:var(--lh-prose)}.lecture-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--skill)}.lecture-card p{color:var(--color-text);font-weight:600}.chart-frame{margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.chart-frame figcaption{margin-top:var(--space-2);text-align:right}.chart{width:100%;height:auto;display:block}.speakers{display:flex;flex-wrap:wrap;gap:var(--space-3)}.speaker{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-sunken);border:1.5px solid transparent;font-weight:600;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.speaker-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:var(--color-secondary)}.speaker:nth-child(2) .speaker-avatar{background:var(--color-primary)}.speaker:nth-child(3) .speaker-avatar{background:var(--skill-listening)}.speaker.is-speaking{border-color:var(--color-secondary);background:var(--color-surface-selected)}.speaker.is-speaking .speaker-avatar{box-shadow:0 0 0 4px var(--color-secondary-soft)}.notes .textarea{min-height:100px}.audio-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap: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)}.audio-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--color-surface-sunken);color:var(--color-text-muted)}.audio-status{font-weight:700;font-size:var(--fs-body-sm);margin-bottom:var(--space-2)}.audio-speaker{font-size:var(--fs-caption);color:var(--color-text-muted);margin-top:var(--space-1)}.audio-box[data-state=countdown]{border-color:var(--color-warning-line)}.audio-box[data-state=countdown] .audio-icon{background:var(--color-warning-soft);color:var(--color-warning)}.audio-box[data-state=playing]{border-color:var(--skill-listening)}.audio-box[data-state=playing] .audio-icon{background:var(--skill-listening-soft);color:var(--skill-listening);animation:pulse 1.4s ease-in-out infinite}.audio-box[data-state=playing] .progress-line>span{background:var(--skill-listening)}.audio-box[data-state=done] .audio-icon{background:var(--color-success-soft);color:var(--color-success)}.audio-box[data-state=unsupported]{background:var(--color-warning-soft);border-color:transparent}.audio-progress>span{transition:width .25s linear}.transcript-fallback{background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}@media (max-width: 520px){.audio-box{grid-template-columns:auto 1fr}.audio-play{grid-column:1 / -1}}@keyframes pulse{50%{box-shadow:0 0 0 6px #0b766e1f}}.stage{--stage-bg: var(--color-secondary);--stage-record-bg: #2a1320;--stage-error-bg: #3a1616;--stage-live: #ff5a4e;border-radius:var(--radius-md);background:var(--stage-bg);color:#fff;padding:var(--space-5);display:grid;gap:var(--space-3)}.stage-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.stage-label{display:inline-flex;align-items:center;gap:var(--space-3);font-weight:700;font-size:1.05rem}.stage-dot{width:12px;height:12px;border-radius:50%;background:#fff6}.stage-time{font-family:var(--font-display);font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.stage .progress-line{background:#ffffff29}.stage .progress-line>span{background:var(--color-accent);transition:width .2s linear}.mic-meter{display:flex;align-items:center;gap:3px;height:36px}.mic-meter span{flex:1;height:100%;border-radius:2px;background:#ffffff47;transform:scaleY(.08);transform-origin:center;transition:transform 80ms linear}.stage-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.stage-actions:empty{display:none}.stage-actions .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;--btn-border-hover: rgba(255, 255, 255, .7);--btn-bg-active: rgba(255, 255, 255, .28);--btn-spinner: rgba(255, 255, 255, .4)}.stage-actions .btn-ink{--btn-bg: #fff;--btn-fg: var(--color-secondary);--btn-bg-hover: var(--gray-100);--btn-fg-hover: var(--color-secondary);--btn-bg-active: var(--gray-250)}.stage-actions .btn-text{--btn-fg: #fff;--btn-bg-hover: rgba(255, 255, 255, .1);--btn-fg-hover: #fff;--btn-bg-active: rgba(255, 255, 255, .18);text-decoration:underline;text-underline-offset:3px}.stage-error{margin:0;width:100%;color:#ffd9d5;font-size:var(--fs-body-sm)}.stage[data-state=idle] .mic-meter,.stage[data-state=listening] .mic-meter,.stage[data-state=error] .mic-meter,.stage[data-state=listening] .stage-time,.stage[data-state=listening] .progress-line{display:none}.stage[data-state=prep] .stage-dot{background:var(--color-accent)}.stage[data-state=record]{background:var(--stage-record-bg)}.stage[data-state=record] .stage-dot{background:var(--stage-live);animation:blink 1s steps(2) infinite}.stage[data-state=record] .progress-line>span{background:#ff7a6e}.stage[data-state=record] .mic-meter span{background:#ff9a90}.stage[data-state=processing] .stage-dot{background:var(--color-accent);animation:blink .6s steps(2) infinite}.stage[data-state=done]{background:var(--color-success-soft);color:var(--color-success)}.stage[data-state=done] .stage-dot{background:var(--color-success)}.stage[data-state=done] .progress-line,.stage[data-state=done] .mic-meter,.stage[data-state=done] .stage-time,.stage[data-state=processing] .mic-meter{display:none}.stage[data-state=error]{background:var(--stage-error-bg)}.stage[data-state=error] .stage-dot{background:var(--stage-live)}.stage[data-state=error] .stage-time,.stage[data-state=error] .progress-line{display:none}@keyframes blink{50%{opacity:.25}}.transcribe-toggle{padding:var(--space-3) var(--space-4);background:var(--color-surface-sunken);border-radius:var(--radius-md)}.transcribe-toggle .caption{margin:var(--space-2) 0 0}.writing-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.writing-meta{display:flex;gap:var(--space-3);align-items:center;font-size:var(--fs-label);font-weight:700}.wc{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.wc.is-over{color:var(--color-error)}.timer-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-text);font-variant-numeric:tabular-nums}.timer-chip.is-low{background:var(--color-warning-soft);color:var(--color-warning)}.timer-chip.is-up{background:var(--color-error-soft);color:var(--color-error)}.writing-area{font-size:1.05rem;line-height:1.7}.writing-area[readonly]{background:var(--color-surface-sunken)}.writing .caption{margin:var(--space-2) 0 0}.choices{border:0;padding:0;margin:0;display:grid;gap:var(--space-2)}.question{font-weight:700;margin-bottom:var(--space-3);padding:0;font-size:1.05rem}.question .hint{font-weight:500}.choice{display:grid;grid-template-columns:auto auto 1fr;align-items: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;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.choice:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.choice input{width:18px;height:18px;margin-top:.2rem;accent-color:var(--color-secondary)}.choice:has(input:checked){border-color:var(--color-secondary);background:var(--color-surface-selected)}.choice:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.choice:has(input:disabled){cursor:default}.choice:has(input:disabled):hover{border-color:var(--color-border);background:var(--color-surface)}.choice:has(input:disabled:checked){border-color:var(--color-secondary);background:var(--color-surface-selected)}.choice-key{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-weight:800;font-size:var(--fs-caption);color:var(--color-text-secondary)}.choice:has(input:checked) .choice-key{background:var(--color-secondary);color:#fff}.choices-long .choice-text{font-size:var(--fs-body-sm);line-height:1.6}.review-options{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.review-options li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--color-divider);margin:0;font-size:var(--fs-body-sm)}.review-options li.is-ok{border-color:var(--color-success-line);background:var(--color-success-soft)}.review-options li.is-bad{border-color:var(--color-error-line);background:var(--color-error-soft)}.review-options li.is-missed{border-color:var(--color-success-line);border-style:dashed}.review-tag{display:block;font-style:normal;font-weight:700;font-size:var(--fs-caption);margin-top:var(--space-1)}.is-ok .review-tag{color:var(--color-success)}.is-bad .review-tag{color:var(--color-error)}.is-missed .review-tag{color:var(--color-success)}.cloze{line-height:2.3}.blank-select{font-size:.975rem;min-height:36px;padding:.15rem 1.8rem .15rem .55rem;border-radius:var(--radius-sm);border:1.5px solid var(--color-border-strong);background:var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475467' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right .4rem center / 14px no-repeat;appearance:none;color:var(--color-text);max-width:100%}.blank-select:hover{border-color:var(--color-text-secondary)}.blank-select:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.blank-select:not([value=""]):valid{border-color:var(--color-secondary);background-color:var(--color-surface-selected);font-weight:600}.blank-select:disabled{background-color:var(--color-disabled-bg);color:var(--color-text-secondary);border-color:var(--color-border)}.gap-input{font:inherit;font-size:.975rem;width:9.5em;max-width:100%;min-height:36px;padding:.1rem .5rem;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text)}.gap-input:hover{border-color:var(--color-text-secondary)}.gap-input:focus{outline:none;border-color:var(--color-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.gap-input:read-only{background:var(--color-surface-sunken);border-color:var(--color-border)}.fill{display:inline-flex;align-items:center;gap:.25rem;padding:0 .4rem;border-radius:4px;font-weight:600;line-height:1.6}.fill.is-ok{background:var(--color-success-soft);color:var(--color-success)}.fill.is-bad{background:var(--color-error-soft);color:var(--color-error)}.fill.is-bad strong{color:var(--color-success)}.fill em{font-weight:500}.review-text{line-height:2}.drop-slot{display:inline-flex;align-items:center;justify-content:center;min-width:7.5em;min-height:36px;padding:0 .6rem;vertical-align:middle;border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-weight:700;color:var(--color-text)}.drop-slot.is-filled{border-style:solid;border-color:var(--color-secondary);background:var(--color-surface-selected)}.is-placing .drop-slot{border-color:var(--color-secondary);background:var(--color-surface-selected)}.drop-slot:hover{border-color:var(--color-secondary)}.drop-slot:disabled{cursor:default}.bank{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.bank-words{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3);min-height:40px}.word-chip{min-height:38px;padding:.35rem .9rem;border-radius:var(--radius-pill);border:1.5px solid var(--color-border-strong);background:var(--color-surface);font-weight:700;cursor:grab;color:var(--color-text)}.word-chip:hover{background:var(--color-surface-hover);border-color:var(--color-secondary)}.word-chip[aria-pressed=true]{background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}.word-chip:disabled{cursor:default;background:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:transparent}.bank .caption{margin:0}.ro{display:grid;gap:var(--space-5)}@media (min-width: 860px){.ro{grid-template-columns:1fr 1fr}}.ro-panel{border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-sunken);min-height:180px}.ro-panel[data-panel=target]{border-style:dashed;border-color:var(--color-border-strong);background:var(--color-surface)}.ro-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3);min-height:60px}.ro-empty{display:none;margin:var(--space-3) 0 0}.ro-panel.is-empty .ro-empty{display:block}.ro-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1.5px solid var(--color-border);margin:0;cursor:grab;font-size:var(--fs-body-sm);line-height:1.55}.ro-card p{margin:0;color:var(--color-text)}.ro-card.is-dragging{opacity:.5;border-color:var(--color-secondary)}.ro-panel[data-panel=target] .ro-card{border-color:var(--color-border-hover);background:var(--color-surface-selected)}.ro-label{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--color-secondary);color:#fff;font-weight:800;font-size:var(--fs-caption)}.ro-actions{grid-column:2;display:flex;gap:var(--space-2);justify-content:flex-end}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:var(--radius-sm);border:1.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-secondary)}.icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.icon-btn:active{background:var(--color-surface-pressed)}.icon-btn:disabled,.ro-actions .btn:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:transparent;cursor:default}.ro-review{display:grid;gap:var(--space-5)}@media (min-width: 860px){.ro-review{grid-template-columns:1fr 1fr}}.ro-review ol{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2);font-size:var(--fs-body-sm)}.ro-review li{margin:0;padding:var(--space-3);background:var(--color-surface-sunken);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.pair{display:flex;align-items:center;gap:.25rem;margin-top:var(--space-2);font-size:var(--fs-caption);font-weight:700}.pair.is-ok{color:var(--color-success)}.pair.is-bad{color:var(--color-error)}.hiw-text p:first-child{line-height:2.1}.hiw-word{font:inherit;border:0;background:none;padding:.05rem .1rem;margin:0 -.1rem;border-radius:3px;color:inherit;cursor:pointer}.hiw-word:hover{background:var(--color-surface-hover)}.hiw-word[aria-pressed=true]{background:var(--color-highlight);box-shadow:inset 0 -2px 0 var(--color-warning);font-weight:600}.hiw-word:disabled{cursor:default}.hw{padding:.05rem .3rem;border-radius:3px;font-weight:600}.hw small{font-weight:500}.hw.is-ok{background:var(--color-success-soft);color:var(--color-success)}.hw.is-missed{background:var(--color-warning-soft);color:var(--color-warning)}.hw.is-bad{background:var(--color-error-soft);color:var(--color-error);text-decoration:line-through}.score-line{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:center;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.score-num{font-family:var(--font-display);display:flex;align-items:baseline;gap:.3rem;font-variant-numeric:tabular-nums}.score-num strong{font-size:2.2rem;line-height:1}.score-num span{color:var(--color-text-muted);font-weight:600}.score-label{font-weight:700;font-size:var(--fs-body-sm);margin-bottom:var(--space-2)}.score-line .progress-line{background:var(--color-surface)}.score-line[data-tone=good] .progress-line>span{background:var(--color-success)}.score-line[data-tone=mid] .progress-line>span{background:var(--color-accent)}.score-line[data-tone=low] .progress-line>span{background:var(--color-error)}.word-check p{line-height:2;margin-bottom:var(--space-2)}.w-ok{color:var(--color-text)}.w-miss{background:var(--color-error-soft);color:var(--color-error);text-decoration:line-through;text-decoration-thickness:1.5px;padding:0 .2rem;border-radius:3px}.w-extra{background:var(--color-info-soft);color:var(--color-info);padding:0 .2rem;border-radius:3px;font-style:italic}.legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--fs-caption);color:var(--color-text-muted);margin:0;line-height:1.8}.legend .w-ok{border-bottom:1px solid var(--color-border-strong)}.heard p{background:var(--color-surface-sunken);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-style:italic;margin-bottom:var(--space-2)}.heard .caption{margin:0}.mini-stats{display:flex;flex-wrap:wrap;gap:var(--space-3)}.mini-stats>div{flex:1 1 120px;padding:var(--space-3) var(--space-4);background:var(--color-surface-sunken);border-radius:var(--radius-md)}.mini-stats strong{display:block;font-family:var(--font-display);font-size:1.35rem;font-variant-numeric:tabular-nums}.mini-stats span{font-size:var(--fs-caption);color:var(--color-text-muted)}.tip-list{margin:var(--space-3) 0 0;padding-left:1.2rem;font-size:var(--fs-body-sm);color:var(--color-text-secondary)}.your-recording audio{width:100%;max-width:480px;height:40px}.explain{padding:var(--space-4) var(--space-5);border-left:3px solid var(--color-secondary);background:var(--color-surface-sunken);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--fs-body-sm)}.explain h4{font-family:var(--font-text);font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.06em;color:var(--color-secondary);margin-bottom:var(--space-2)}.explain p:last-child{margin-bottom:0}.reveal{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.reveal summary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:700;color:var(--color-primary);list-style:none}.reveal summary::-webkit-details-marker{display:none}.reveal summary:hover{background:var(--color-surface-hover)}.reveal[open] summary{border-bottom:1px solid var(--color-divider)}.reveal-body{padding:var(--space-4) var(--space-5);font-size:var(--fs-body-sm);color:var(--color-text-secondary)}.reveal-body mark{background:var(--color-highlight);color:var(--color-text);padding:0 .15rem;border-radius:2px}.result-body>.essay-compare,.result-body>.essay-block{margin-top:var(--space-4)}.essay-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.essay-stat{--tone: var(--color-border-strong);display:grid;align-content:space-between;gap:2px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-sunken);box-shadow:inset 3px 0 0 var(--tone)}.essay-stat[data-tone=good]{--tone: var(--color-success)}.essay-stat[data-tone=mid]{--tone: var(--color-accent)}.essay-stat[data-tone=low]{--tone: var(--color-error)}.essay-stat>span{font-size:var(--fs-caption);font-weight:600;line-height:1.35;color:var(--color-text-muted)}.essay-stat>span>span{white-space:nowrap}.essay-stat strong{font-family:var(--font-display);font-size:1.4rem;line-height:1.2;font-variant-numeric:tabular-nums;color:var(--color-text)}.essay-stat small{font-family:var(--font-text);font-size:var(--fs-caption);font-weight:600;color:var(--color-text-muted)}.essay-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:stretch}.essay-compare-col{display:flex;flex-direction:column;min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.essay-compare-col>header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-surface-sunken);border-bottom:1px solid var(--color-divider)}.essay-compare-col.is-sample>header{background:var(--color-success-soft);border-bottom-color:var(--color-success-line)}.essay-compare-col h4{margin:0;font-family:var(--font-text);font-size:var(--fs-label);font-weight:700;letter-spacing:0}.essay-compare-count{font-size:var(--fs-caption);font-weight:600;color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.essay-compare-body{flex:1;max-height:440px;overflow-y:auto;padding:var(--space-4);font-size:var(--fs-body-sm);line-height:1.7;color:var(--color-text)}.essay-compare-body p{margin:0 0 var(--space-3)}.essay-compare-body p:last-child{margin-bottom:0}.essay-compare-body:focus-visible{outline-offset:-3px}.essay-compare-empty{color:var(--color-text-muted);font-style:italic}.essay-compare-speak{align-self:flex-start;margin:0 var(--space-2) var(--space-2)}@supports not selector(::-webkit-scrollbar){.essay-compare-body{scrollbar-width:thin;scrollbar-color:var(--gray-400) transparent}}.essay-compare-body::-webkit-scrollbar{width:6px}.essay-compare-body::-webkit-scrollbar-track{background:transparent;margin-block:var(--space-2)}.essay-compare-body::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--radius-pill)}.essay-compare-body::-webkit-scrollbar-button{display:none;height:0}.essay-block .h-mini{margin-bottom:var(--space-2)}.essay-check-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--space-2)}.essay-check-grid li,.essay-idea-list li{display:flex;align-items:flex-start;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.essay-check-grid .icon,.essay-idea-list .icon{flex:none;margin-top:3px}.essay-check-grid .is-ok .icon,.essay-idea-list .is-ok .icon{color:var(--color-success)}.essay-check-grid .is-bad .icon,.essay-idea-list .is-bad .icon{color:var(--color-error)}.essay-check-grid li>div{min-width:0;flex:1}.essay-check-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:var(--fs-label)}.essay-check-head>span{font-weight:600;color:var(--color-text-secondary)}.essay-check-head strong{color:var(--color-text);text-align:right}.essay-check-detail{display:block;margin-top:2px;font-size:var(--fs-micro);line-height:1.45;color:var(--color-text-muted)}.essay-idea-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.essay-idea-list li{align-items:center;font-size:var(--fs-label);line-height:1.45}.essay-idea-list li>span:first-of-type{flex:1;min-width:0}.essay-idea-list .icon{margin-top:0}.essay-idea-tag{flex:none;padding:.1rem .5rem;border-radius:var(--radius-pill);font-size:var(--fs-micro);font-weight:700;white-space:nowrap}.is-ok .essay-idea-tag{background:var(--color-success-soft);color:var(--color-success)}.is-bad .essay-idea-tag{background:var(--color-error-soft);color:var(--color-error)}@media (max-width: 760px){.essay-compare{grid-template-columns:minmax(0,1fr)}.essay-compare-body{max-height:320px}}@media (max-width: 480px){.essay-summary{gap:var(--space-2)}.essay-stat{padding:var(--space-2) var(--space-3)}.essay-stat strong{font-size:1.15rem}.essay-idea-list li{flex-wrap:wrap}.essay-idea-tag{margin-left:calc(16px + var(--space-2))}}body.in-mock .site-header,body.in-mock .site-footer,body.in-mock .note-bar{display:none}.back-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--fs-label);font-weight:600;text-decoration:none;margin-bottom:var(--space-5)}.back-link:hover{text-decoration:underline}.mock-intro h1{margin-bottom:var(--space-3)}.mock-part-list{list-style:none;padding:0;margin:var(--space-6) 0 var(--space-8);display:grid;gap:var(--space-2)}.mock-part-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);margin:0;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.mock-part-list span{color:var(--color-text-muted);font-size:var(--fs-body-sm)}.mock-intro .checklist li .icon{color:var(--color-primary)}.device-check{margin-top:var(--space-6)}.device-check .cluster{margin-bottom:var(--space-3)}.mini-meter{display:grid;gap:var(--space-2);margin-top:var(--space-3);max-width:360px}.mini-meter .progress-line{height:10px}.mini-meter .progress-line>span{background:var(--color-success);transition:width 80ms linear}.mock-start{margin-top:var(--space-8)}.mock-bar{position:sticky;top:0;z-index:40;background:var(--color-secondary);color:#fff}.mock-bar-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:58px}.mock-part{font-weight:700;margin-right:var(--space-3)}.mock-count{color:var(--color-text-inverse-muted);font-size:var(--fs-body-sm);white-space:nowrap;font-variant-numeric:tabular-nums}.mock-timer{display:inline-flex;align-items:center;gap:var(--space-2);padding:.3rem .8rem;border-radius:var(--radius-sm);background:#ffffff1f;font-weight:700;font-variant-numeric:tabular-nums}.mock-timer.is-low{background:var(--color-error);color:#fff}.mock-timer-flag{font-size:var(--fs-micro);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding-left:var(--space-2);border-left:1px solid rgba(255,255,255,.5)}.mock-progress{height:4px;background:#ffffff26}.mock-progress>span{display:block;height:100%;background:var(--color-accent);transition:width .3s var(--ease)}.mock-body{padding-block:var(--space-8) var(--space-16);max-width:960px}.mock-actions{display:flex;justify-content:flex-end;margin-top:var(--space-6)}.mock-actions [data-next].is-ready{box-shadow:0 0 0 4px var(--color-primary-soft)}@media (max-width: 640px){.mock-part{display:block;margin:0;font-size:var(--fs-body-sm)}.mock-actions .btn{width:100%}}.part-break .badge{font-size:var(--fs-label)}.results h1{margin-bottom:var(--space-5)}.score-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}@media (min-width: 900px){.score-grid{grid-template-columns:1.3fr repeat(4,1fr)}}.score-card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);display:grid;gap:var(--space-2);align-content:start}.score-card.is-overall{grid-column:1 / -1;background:var(--color-secondary);border-color:var(--color-secondary);color:#fff}@media (min-width: 900px){.score-card.is-overall{grid-column:auto}}.score-card.is-overall .caption{color:var(--color-text-inverse-muted)}.score-card-label{font-size:var(--fs-label);font-weight:700}.score-card-num{font-family:var(--font-display);font-size:2.6rem;line-height:1;font-variant-numeric:tabular-nums}.score-card .progress-line{background:var(--color-bg-soft)}.score-card[data-skill=speaking] .progress-line>span{background:var(--skill-speaking)}.score-card[data-skill=writing] .progress-line>span{background:var(--skill-writing)}.score-card[data-skill=reading] .progress-line>span{background:var(--skill-reading)}.score-card[data-skill=listening] .progress-line>span{background:var(--skill-listening)}.score-card[data-skill=speaking] .score-card-label{color:var(--skill-speaking)}.score-card[data-skill=writing] .score-card-label{color:var(--skill-writing)}.score-card[data-skill=reading] .score-card-label{color:var(--skill-reading)}.score-card[data-skill=listening] .score-card-label{color:var(--skill-listening)}.review-list{display:grid;gap:var(--space-2)}.review-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.review-item summary{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;list-style:none}.review-item summary::-webkit-details-marker{display:none}.review-item summary:hover{background:var(--color-surface-hover)}.review-item summary .icon{transition:transform var(--duration) var(--ease)}.review-item[open] summary .icon{transform:rotate(180deg)}.ri-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--color-surface-sunken);font-weight:700;font-size:var(--fs-caption);font-variant-numeric:tabular-nums}.ri-name{font-weight:600;min-width:0}.ri-score{font-weight:700;font-size:var(--fs-body-sm);color:var(--color-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.review-body{padding:var(--space-5);border-top:1px solid var(--color-divider)}.review-body>*+*{margin-top:var(--space-4)}.section-perf{padding:var(--space-4) 0;border-bottom:1px solid var(--color-divider)}.section-perf:first-child{padding-top:0}.section-perf:last-child{border-bottom:0;padding-bottom:0}.sp-head{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);font-weight:600}.sp-head strong{font-size:var(--fs-body-sm);font-variant-numeric:tabular-nums}.section-perf .progress-line{background:var(--color-bg-soft)}.section-perf[data-skill=speaking] .progress-line>span{background:var(--skill-speaking)}.section-perf[data-skill=writing] .progress-line>span{background:var(--skill-writing)}.section-perf[data-skill=reading] .progress-line>span{background:var(--skill-reading)}.section-perf[data-skill=listening] .progress-line>span{background:var(--skill-listening)}@media (max-width: 767px){.blank-select,.gap-input{font-size:1rem}}.trend-chart{display:block;width:100%;height:auto}.trend-grid{stroke:var(--color-divider);stroke-width:1}.trend-axis{font-size:11px;fill:var(--color-text-muted)}.trend-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-3) 0 0;font-size:var(--fs-label);color:var(--color-text-secondary)}.trend-legend span{display:inline-flex;align-items:center;gap:6px}.trend-legend i{width:14px;height:4px;border-radius:2px}.link-list{list-style:none;margin:var(--space-3) 0 0;padding:0;display:grid;gap:var(--space-2)}.link-list li{display:flex;justify-content:space-between;gap:var(--space-3)}.self-rate{margin:var(--space-4) 0 0;padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);display:grid;gap:var(--space-2)}.self-rate legend{padding:0 var(--space-2)}.rate-speaking .rate-row{padding:var(--space-4) 0;border-bottom:1px solid var(--color-divider)}.rate-speaking .btn{margin-top:var(--space-4)}.fluency-check{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-size:var(--fs-body-sm)}.fluency-check[data-tone=good]{border-left-color:var(--color-success, #2e7d32)}.fluency-check[data-tone=mid]{border-left-color:var(--color-warning, #b26a00)}.fluency-check[data-tone=low]{border-left-color:var(--color-error)}.drill{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.drill .cluster{margin-top:var(--space-3)}@media print{.site-header,.site-footer,.skip-link,.back-link,.results .cluster,.rate-speaking,.results .review-list,.results .related,.mock-bar{display:none!important}body{background:#fff;color:#000}.results{padding:0}.results h1:after{content:" \b7  MocksPTE practice estimate, not an official score";font-size:.55em;font-weight:400}.score-grid{break-inside:avoid}.score-card{border:1px solid #999;box-shadow:none}.results .table-wrap{overflow:visible}.results a{color:#000;text-decoration:none}}.pg-hero{position:relative;overflow:hidden;padding:var(--space-8) 0 var(--space-6);background:radial-gradient(60% 90% at 85% 10%,var(--color-primary-softer),transparent 70%),radial-gradient(50% 80% at 100% 90%,#eef2ff,transparent 70%)}.pg-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6);align-items:center}@media (min-width: 900px){.pg-hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}.pg-hero h1{margin:0 0 var(--space-3)}.pg-hero .lede{margin:0 0 var(--space-5);max-width:620px}.pg-hero-chip{display:inline-flex;align-items:center;gap:var(--space-3);max-width:520px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--color-text);text-decoration:none}.pg-hero-chip strong{display:block;font-size:var(--fs-body-sm)}.pg-hero-chip span span{display:block;font-size:var(--fs-label);color:var(--color-text-muted)}.pg-hero-chip:hover{border-color:var(--color-border-strong)}.pg-art{position:relative;justify-self:center;width:min(100%,360px)}@media (max-width: 899px){.pg-art{display:none}}.pg-art-chart{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 30px rgba(28,37,82,.12));transform:rotate(-4deg)}.pg-art-card{fill:#fff;opacity:.9}.pg-art-bar{fill:#e6ebfa}.pg-art-line{fill:none;stroke:var(--color-primary);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.pg-art-note{position:absolute;right:-6px;bottom:6px;display:grid;justify-items:start;gap:2px;padding:var(--space-3) var(--space-4) var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:0 14px 30px -12px #1c255240;transform:rotate(6deg);font-family:var(--font-display);font-size:.85rem;color:var(--color-secondary)}.pg-art-target{margin-top:var(--space-2);justify-self:center;color:var(--color-primary)}.pg-art-target .icon{width:28px;height:28px}.pg{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);padding-top:var(--space-6);padding-bottom:var(--space-12)}.pg-two,.pg-section,.pg-suggest{min-width:0}.pg-card{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-content:start;padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-card);min-width:0}.pg-card>p,.pg-card .caption{margin:0}.pg-h{margin:0;font-size:1.2rem;font-family:var(--font-display);font-weight:700}.pg-h-sm{font-size:1.05rem;margin-bottom:var(--space-1)}.pg-card-head{display:flex;align-items:flex-start;gap:var(--space-3)}.pg-card-head>.pg-icon{margin-top:-4px}.pg-card-head .switch{margin:var(--space-2) 0}.pg-two{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}@media (min-width: 900px){.pg-two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.pg-icon{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--color-bg-soft);color:var(--color-text-secondary)}.pg-icon .icon{width:18px;height:18px}.pg-icon-lg{width:48px;height:48px}.pg-icon-lg .icon{width:22px;height:22px}.pg-icon.is-peach{background:var(--color-primary-soft);color:var(--color-primary)}.pg-icon.is-blue{background:#e7eefc;color:var(--color-info)}.pg-icon.is-sky{background:#e3f1fb;color:#1b6fa8}.pg-icon.is-violet{background:#efe9fb;color:#6a3fc4}.pg-icon.is-gold{background:var(--color-accent-soft);color:#a86a00}.pg-icon.is-rose{background:#fde8ee;color:var(--skill-speaking)}.pg-icon.is-plain{background:var(--color-bg-soft);color:var(--color-text-secondary)}.pg-sync{display:grid;gap:var(--space-4);align-items:center;padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);border:1px solid #f6d7c4;background:linear-gradient(100deg,var(--color-primary-softer),#fff 55%,var(--color-primary-softer));box-shadow:var(--shadow-card)}@media (min-width: 900px){.pg-sync{grid-template-columns:auto minmax(0,.9fr) minmax(0,1.4fr)}}.pg-sync h2{margin:0 0 var(--space-1);font-size:1.1rem;font-family:var(--font-display)}.pg-sync-text p{margin:0;font-size:var(--fs-body-sm);color:var(--color-text-secondary)}.pg-sync-out{display:grid;gap:var(--space-2)}.pg-sync-out p{margin:0}.pg-sync-form{display:flex;flex-wrap:wrap;gap:var(--space-3)}.pg-sync-form .input{flex:1 1 220px;min-height:44px}.pg-sync-sent{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--fs-body-sm)}.pg-sync-sent .icon{color:var(--color-success);margin-top:3px}.pg-plan-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.pg-plan-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);flex:1 1 360px;margin-left:auto;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-soft)}.pg-pill{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-label);font-weight:600;color:var(--color-text-secondary)}.pg-pill.is-good{color:var(--color-success)}.pg-pill.is-warn{color:var(--color-warning)}.pg-plan-status:has(.is-good){background:var(--color-success-soft)}.pg-plan-status:has(.is-warn){background:var(--color-warning-soft)}.pg-target{font-size:var(--fs-label);color:var(--color-text-secondary)}.pg-plan-form{display:grid;gap:var(--space-4);align-items:end}@media (min-width: 760px){.pg-plan-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto}}.pg-plan-form .label{display:grid;gap:var(--space-2);margin:0}.pg-plan-form .input,.pg-plan-form .select{min-height:44px}.pg-plan-today{padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.pg-plan-today ol{margin:var(--space-2) 0 0;padding-left:1.3em;display:grid;gap:var(--space-1);font-size:var(--fs-body-sm)}.pg-plan-today li span{margin-left:var(--space-2);font-size:var(--fs-label);color:var(--color-text-muted)}.pg-plan-today .caption{margin-top:var(--space-2)}.pg-stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.pg-stat{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-5);box-shadow:var(--shadow-card)}.pg-stat strong{display:block;font-family:var(--font-display);font-size:1.6rem;line-height:1.15;font-variant-numeric:tabular-nums}.pg-stat>div>span{display:block;font-size:var(--fs-label);color:var(--color-text-muted);margin-bottom:var(--space-2)}.pg-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;font-style:normal;background:var(--color-bg-soft);color:var(--color-text-secondary)}.pg-chip.is-good{background:var(--color-success-soft);color:var(--color-success)}.pg-chip.is-warn{background:var(--color-warning-soft);color:var(--color-warning)}.pg-chip.is-blue{background:#e7eefc;color:var(--color-info)}.pg-chip.is-peach{background:var(--color-primary-soft);color:var(--color-primary)}.pg-section{display:grid;gap:var(--space-4)}.pg-section-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.pg-section-head>div{flex:1 1 260px}.pg-section-head p{margin:2px 0 0;font-size:var(--fs-body-sm);color:var(--color-text-muted)}.pg-suggest{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pg-suggest-card{--tint: var(--color-bg-soft);--ink: var(--color-text-secondary);position:relative;display:grid;gap:var(--space-2);align-content:start;padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:linear-gradient(160deg,var(--tint),#fff 75%);color:var(--color-text);text-decoration:none;box-shadow:var(--shadow-card);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.pg-suggest-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px -18px #1c25524d}.pg-suggest-card[data-skill=speaking]{--tint: var(--skill-speaking-soft);--ink: var(--skill-speaking)}.pg-suggest-card[data-skill=writing]{--tint: var(--skill-writing-soft);--ink: var(--skill-writing)}.pg-suggest-card[data-skill=reading]{--tint: var(--skill-reading-soft);--ink: var(--skill-reading)}.pg-suggest-card[data-skill=listening]{--tint: var(--skill-listening-soft);--ink: var(--skill-listening)}.pg-skill-pill{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);background:#fff;color:var(--ink);font-size:var(--fs-label);font-weight:700}.pg-suggest-art{position:absolute;top:var(--space-4);right:var(--space-4);color:var(--ink);opacity:.35}.pg-suggest-art .icon{width:44px;height:44px;stroke-width:1.5}.pg-suggest-card h3{margin:var(--space-2) 0 0;font-size:1.1rem}.pg-suggest-card p{margin:0 0 var(--space-2);font-size:var(--fs-body-sm);color:var(--color-text-secondary)}.pg-suggest-cta{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-md);background:#fff;border:1px solid var(--color-border);color:var(--color-primary);font-size:var(--fs-label);font-weight:700}.pg-sections{display:grid;gap:var(--space-4)}.pg-sec{display:flex;gap:var(--space-3);align-items:center}.pg-sec>div{flex:1;min-width:0}.pg-sec[data-skill=speaking] .pg-icon{background:var(--skill-speaking-soft);color:var(--skill-speaking)}.pg-sec[data-skill=writing] .pg-icon{background:var(--skill-writing-soft);color:var(--skill-writing)}.pg-sec[data-skill=reading] .pg-icon{background:var(--skill-reading-soft);color:var(--skill-reading)}.pg-sec[data-skill=listening] .pg-icon{background:var(--skill-listening-soft);color:var(--skill-listening)}.pg-sec-head{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:6px;font-weight:600;font-size:var(--fs-body-sm)}.pg-sec-head strong{font-size:var(--fs-label);font-variant-numeric:tabular-nums}.pg-bar{height:8px;border-radius:var(--radius-pill);background:var(--color-bg-soft);overflow:hidden}.pg-bar span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.pg-sec[data-skill=speaking] .pg-bar span{background:var(--skill-speaking)}.pg-sec[data-skill=reading] .pg-bar span{background:var(--skill-reading)}.pg-sec[data-skill=listening] .pg-bar span{background:var(--skill-listening)}.pg-table-wrap{margin:0;position:relative}.pg-table th,.pg-table td{padding:.55rem .75rem;font-size:var(--fs-body-sm);white-space:nowrap}.pg-table td:first-child{white-space:normal;min-width:10rem}.pg-table-empty{color:var(--color-text-muted);white-space:normal!important}.pg-row-go{display:inline-grid;place-items:center;color:var(--color-text-muted)}.pg-row-go:hover{color:var(--color-primary)}.pg-inner{gap:var(--space-4)}.pg-box{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);align-content:start;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md)}.pg-box-head{display:flex;gap:var(--space-3);align-items:flex-start}.pg-box-head h3{margin:0;font-size:1rem}.pg-box-head p{margin:2px 0 0;font-size:var(--fs-label);color:var(--color-text-muted)}.pg-links{list-style:none;margin:0;padding:0 0 0 calc(36px + var(--space-3));display:grid;gap:var(--space-2)}.pg-links li{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--fs-body-sm)}.pg-links span{font-size:var(--fs-label);color:var(--color-text-muted);white-space:nowrap}.pg-empty-mini,.pg-empty{display:grid;justify-items:center;gap:4px;padding:var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--fs-label)}.pg-empty-mini .icon,.pg-empty>.icon{width:28px;height:28px;color:var(--color-text-muted);margin-bottom:var(--space-1)}.pg-empty-mini strong,.pg-empty strong{color:var(--color-text);font-size:var(--fs-body-sm)}.pg-empty{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.pg-empty .cluster{justify-content:center;margin-top:var(--space-3)}.pg-trend-empty{display:grid;gap:var(--space-4);align-items:center;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}@media (min-width: 760px){.pg-trend-empty{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.pg-trend-empty>svg{width:100%;height:auto;max-height:110px}.pg-trend-dash{fill:none;stroke:var(--color-accent);stroke-width:2.5;stroke-dasharray:3 7;stroke-linecap:round}.pg-trend-dot{fill:var(--color-primary)}.pg-trend-empty h3{margin:0 0 var(--space-1);font-size:1.05rem}.pg-trend-empty p{margin:0 0 var(--space-3);font-size:var(--fs-body-sm);color:var(--color-text-muted)}.pg .trend-chart{max-height:240px}.pg-danger{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-error-soft);border:1px solid color-mix(in srgb,var(--color-error) 25%,transparent)}.pg-danger p{display:flex;gap:var(--space-2);align-items:center;margin:0;font-size:var(--fs-label);color:var(--color-error)}.pg-delete{color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 35%,transparent)}@media (max-width: 899px){.pg-hero{padding:var(--space-6) 0 var(--space-2)}.pg-hero .lede{margin-bottom:0}.pg-hero-chip{display:none}}@media (max-width: 639px){.pg{gap:var(--space-4);padding-top:var(--space-4)}.pg-card,.pg-sync{padding:var(--space-4)}.pg-sync>.pg-icon-lg{display:none}.pg-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.pg-stat{flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.pg-stat .pg-icon-lg{width:36px;height:36px}.pg-stat .pg-icon-lg .icon{width:18px;height:18px}.pg-stat strong{font-size:1.35rem}.pg-table th:nth-child(4),.pg-table td:nth-child(4),[data-task-table] td:nth-child(5),.pg-table thead th:nth-child(5){display:none}[data-mock-history] .pg-table th:nth-child(4),[data-mock-history] .pg-table td:nth-child(4){display:table-cell}[data-mock-history] .pg-table th:nth-child(5),[data-mock-history] .pg-table td:nth-child(5){display:table-cell}.pg .pg-table-wrap .pg-table,.pg-table td:first-child{min-width:0}.pg-table th,.pg-table td{padding:.5rem .6rem}.pg [data-mock-history] .pg-table-wrap .pg-table{min-width:520px}.pg-box{padding:var(--space-4)}.pg-links{padding-left:0}.pg-suggest-card{padding:var(--space-4)}}