.sound-detail__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.sound-detail__actions,.sound-detail__header-labels,.sound-detail__hero-row,.sound-detail__meta,.sound-detail__section-head{display:flex;align-items:center}.sound-detail__header-labels{flex-wrap:wrap;gap:var(--space-2);min-width:0}.sound-detail__actions{flex-shrink:0;gap:var(--space-1)}.sound-detail__actions button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-secondary);cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.sound-detail__actions button:hover{border-color:var(--border-default);color:var(--text-primary)}.sound-detail__actions button:focus-visible,.sound-detail__audio-button:focus-visible,.sound-detail__collapse:focus-visible,.sound-detail__pair button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sound-detail__difficulty{color:var(--text-secondary);font-size:var(--text-size-xxs);font-weight:600}.sound-detail__badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);padding:2px 8px;font-size:var(--text-size-xxs);font-weight:600;white-space:nowrap}.sound-detail__badge--primary{border:1px solid color-mix(in oklch,var(--primary) 28%,transparent);background:color-mix(in oklch,var(--primary) 12%,transparent);color:var(--primary)}.sound-detail__badge--warning{border:1px solid color-mix(in oklch,var(--warning) 35%,transparent);background:var(--warning-soft);color:var(--warning-value)}.sound-detail__badge--difficulty{border:1px solid var(--border-subtle);background:var(--surface-sunken);color:var(--text-secondary)}.sound-detail__hero-row{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3)}.sound-detail__example-word{margin:2px 0 0;color:var(--text-primary);font-size:var(--text-size-label);font-weight:600}.sound-detail__meta{flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-size-caption)}.sound-detail__meta b{margin-right:4px;color:var(--text-tertiary);font-weight:500}.sound-detail__audio-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--layout-card-pad);border-block:1px solid color-mix(in oklch,var(--error) 32%,var(--border-subtle));background:var(--error-soft);color:var(--text-primary);font-size:var(--text-size-caption)}.sound-detail__audio-error button{min-height:44px;flex-shrink:0;padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--error);cursor:pointer;font:inherit;font-weight:600}.sound-detail__audio-error button:hover{background:color-mix(in oklch,var(--error) 10%,transparent)}.sound-detail__audio-error button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sound-detail__body{gap:var(--space-3)}.ipa-chart__panel-body.sound-detail__body{gap:var(--space-5)}.sound-detail__progress-section{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.sound-detail__section-content{margin-top:var(--space-3)}.sound-detail__section-head{justify-content:space-between;gap:var(--space-3)}.sound-detail__section-head .ipa-chart__panel-sec{margin-bottom:0}.sound-detail__collapse{width:100%;min-height:44px;padding:0;border:0;background:transparent;color:var(--text-secondary);cursor:pointer;text-align:left}.sound-detail__collapse,.sound-detail__section-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sound-detail__section-toggle .sound-detail__collapse{width:auto;min-width:0}.sound-detail__collapse:hover .sound-detail__collapse-label{color:var(--text-primary)}.sound-detail__collapse .ipa-chart__panel-sec{margin-bottom:0}.sound-detail__collapse-label{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-1);color:var(--text-tertiary);font-size:var(--text-size-caption);font-weight:600;white-space:nowrap}.sound-detail__articulation .ipa-chart__howto{margin-top:var(--space-2)}.sound-detail__progress-value{color:var(--primary);font-size:var(--text-size-caption);font-variant-numeric:tabular-nums;font-weight:600}.sound-detail__progress-empty{color:var(--text-secondary);font-size:var(--text-size-caption);font-weight:600}.sound-detail__progress-track{height:5px;margin-top:var(--space-2);overflow:hidden;border-radius:var(--radius-full);background:var(--surface-sunken)}.sound-detail__progress-track span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .2s ease-out}.sound-detail__pairs{display:grid;border-top:1px solid var(--border-subtle)}.sound-detail__pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--text-size-caption)}.sound-detail__pair-separator{color:var(--text-tertiary);font-size:var(--text-size-body-sm);font-weight:600}.sound-detail__audio-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;padding:4px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-primary);cursor:pointer;font:inherit;font-size:inherit;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.sound-detail__audio-button:hover{border-color:var(--border-default)}.sound-detail__audio-button--speaking{border-color:var(--primary);background:var(--selection-bg);color:var(--primary)}.sound-detail__pair .sound-detail__audio-button{width:100%}.sound-detail__pairs-toggle{align-items:center;width:auto;min-width:0}.sound-detail__pairs-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.sound-detail__pairs-header-copy{display:grid;gap:var(--space-1);min-width:0}.sound-detail__pairs-header-copy h3{margin-bottom:0}.sound-detail__pairs-summary{margin:0;color:var(--text-tertiary);font-size:var(--text-size-caption)}.sound-detail__pairs-intro{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-size-body-sm);line-height:1.45}.sound-detail__pairs-content{margin-top:var(--space-3)}.sound-detail__pairs-back,.sound-detail__pairs-start{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:44px;border:0;background:transparent;color:var(--primary);cursor:pointer;font:inherit;font-size:var(--text-size-caption);font-weight:600}.sound-detail__pairs-start{margin-top:var(--space-2)}.sound-detail__pairs-back:hover,.sound-detail__pairs-start:hover{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}.sound-detail__pairs-back:focus-visible,.sound-detail__pairs-start:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sound-detail__pairs-practice{margin-top:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.sound-detail__quiz-actions{scroll-margin-block:var(--space-4)}.sound-detail__mpcards{gap:var(--space-2)}.sound-detail__mpcard{min-height:8rem;gap:var(--space-1);padding:var(--space-2)}.sound-detail__mpcard .ipa-chart__mpcard-lab{top:var(--space-2);left:var(--space-2)}.sound-detail__mpcard .ipa-chart__mpcard-sym{font-size:var(--text-size-h3)}.sound-detail__mpcard .ipa-chart__mpcard-word{font-size:var(--text-size-body);font-weight:600}.sound-detail__mpcard .ipa-chart__mpcard-play{width:36px;height:36px}.sound-detail__pairs-practice-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.sound-detail__pairs-practice-nav>div{display:inline-flex;align-items:center;gap:var(--space-2)}@media (max-width:37.5rem){.sound-detail__pairs-header{align-items:flex-start}.sound-detail__pairs-toggle .sound-detail__collapse-label{white-space:normal;text-align:right}}.sound-detail__pairs-practice .ipa-chart__mpcards{gap:var(--space-2)}.sound-detail__pairs-practice .ipa-chart__mpcard{min-height:8rem;gap:var(--space-1);padding:var(--space-2)}.sound-detail__pairs-practice .ipa-chart__mpcard-lab{top:var(--space-2);left:var(--space-2)}.sound-detail__pairs-practice .ipa-chart__mpcard-sym{font-size:var(--text-size-h3)}.sound-detail__pairs-practice .ipa-chart__mpcard-word{font-size:var(--text-size-body);font-weight:600}.sound-detail__pairs-practice .ipa-chart__mpcard-play{width:36px;height:36px}.sound-detail__pairs-practice .ipa-chart__mpfoot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3);margin-top:var(--space-4)}.sound-detail__pairs-practice .ipa-chart__mpfoot .ipa-chart__btn{justify-content:center}.sound-detail__pairs-practice .sound-detail__pairs-action{min-height:44px;font-weight:600}.sound-detail__pairs-practice .sound-detail__pairs-action--listen{background:var(--surface-sunken);border-color:var(--border-subtle);color:var(--text-primary)}.sound-detail__pairs-practice .sound-detail__pairs-action--listen:hover{border-color:var(--border-default);background:var(--surface-raised)}.sound-detail__pairs-practice .sound-detail__pairs-action--next,.sound-detail__pairs-practice .sound-detail__pairs-action--replay{border-color:transparent;background:transparent;color:var(--text-secondary)}.sound-detail__pairs-practice .sound-detail__pairs-action--next:hover,.sound-detail__pairs-practice .sound-detail__pairs-action--replay:hover{border-color:var(--border-subtle);background:var(--surface-sunken);color:var(--text-primary)}.sound-detail__pairs-practice .sound-detail__pairs-action--quiz{min-height:48px;letter-spacing:.01em}.sound-detail__pairs-practice .ipa-chart__mpfoot-quiz{grid-column:1/-1;margin-left:0}@media (max-width:37.5rem){.sound-detail__pairs-practice .ipa-chart__mpcards{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.sound-detail__pairs-practice .ipa-chart__mpvs{display:flex}}.sound-detail__tip-body{margin:0}.sound-detail__footer{padding:var(--space-3) var(--layout-card-pad) var(--layout-card-pad)}.sound-detail__footer .sound-detail__practice{margin-top:var(--space-2)}.sound-detail__practice{position:sticky;bottom:var(--space-3);z-index:1}.sound-detail .sound-detail__practice{border:1px solid var(--primary);background:transparent;color:var(--primary)}.sound-detail .sound-detail__practice:hover{background:var(--selection-bg);color:var(--text-primary)}.ipa-chart__main>.sound-detail .sound-detail__footer{padding-bottom:var(--space-1)}.ipa-chart__main>.sound-detail .sound-detail__body{padding-bottom:0}.sound-lab__detail-dialog{display:flex;flex-direction:column;overflow:hidden}.sound-lab__detail-dialog>.sound-detail{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;height:100%}.sound-lab__detail-dialog .sound-detail__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.sound-lab__detail-dialog .sound-detail__footer{flex-shrink:0;background:var(--surface-base)}@media (max-width:640px){.sound-lab__detail-dialog .sound-detail__body{padding-bottom:var(--space-3)}}@media (prefers-reduced-motion:reduce){.sound-detail__progress-track span{transition-duration:.01ms}}@media (max-width:880px){.ipa-chart__panel-hero.sound-detail__hero{display:block;padding:14px 16px 16px}.ipa-chart__panel-hero.sound-detail__hero .sound-detail__header{display:flex}.ipa-chart__panel-hero.sound-detail__hero>.sound-detail__hero-row{display:flex;grid-column:auto}.ipa-chart__panel-hero.sound-detail__hero>.ipa-chart__panel-name{display:block;flex:none;margin:var(--space-3) 0 0}.ipa-chart__panel-hero.sound-detail__hero>.sound-detail__meta{display:flex;margin-top:var(--space-3)}.sound-detail__hero-row>div:first-child{min-width:0}}.ipa-chart{position:relative;overflow-x:hidden;max-width:80rem;margin-inline:auto;--ipa-radius:var(--radius-lg,16px);--ipa-radius-sm:var(--radius-sm,8px);--ipa-accent-text:var(--primary-700);--ipa-accent-soft:color-mix(in oklch,var(--primary) 12%,transparent);--ipa-accent-border:color-mix(in oklch,var(--primary) 38%,var(--border-subtle))}.ipa-chart__eyebrow{display:block;margin-bottom:6px;font-size:var(--text-size-xxs);font-weight:600;letter-spacing:.16em;color:var(--text-tertiary)}.ipa-chart__title{font-family:var(--font-sans),sans-serif;font-size:var(--text-size-h2);font-weight:420;letter-spacing:-.02em;color:var(--text-primary);font-optical-sizing:auto}.ipa-chart__lead{font-size:var(--text-size-label);color:var(--text-secondary)}.ipa-chart__help{max-width:58ch;margin:0 0 var(--space-3);font-size:var(--text-size-caption);line-height:1.45;color:var(--text-secondary)}.ipa-chart__section-title{font-family:var(--font-sans),sans-serif;font-size:var(--text-size-h3);font-weight:600;line-height:1.3;text-wrap:balance;color:var(--text-primary)}.ipa-chart__btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;cursor:pointer;white-space:nowrap;text-decoration:none;border-radius:var(--ipa-radius-sm);font-size:var(--text-size-body-sm);font-weight:600;border:none;transition:filter .13s ease,border-color .13s ease,transform .13s ease}.ipa-chart__btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ipa-chart__btn--primary{background:var(--primary);color:var(--on-primary)}.ipa-chart__btn--primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.ipa-chart__btn:active,.ipa-chart__mpcard-play:active,.ipa-chart__panel-play:active{transform:translateY(0)}.ipa-chart__btn--ghost{background:var(--surface-sunken);color:var(--text-primary);border:1px solid var(--border-subtle)}.ipa-chart__btn--ghost:hover{border-color:var(--border-default)}.ipa-chart__progress-count{font-family:var(--font-sans),sans-serif;font-size:var(--text-size-body-lg);color:var(--text-primary);font-variant-numeric:tabular-nums}.ipa-chart__progress-bar{flex:1;min-width:80px;height:5px;border-radius:999px;background:var(--surface-sunken)}.ipa-chart__progress-fill{display:block;height:100%;border-radius:999px;background:var(--primary);transition:width .4s ease}.ipa-chart__progress-reset{min-height:44px;padding-inline:8px;font-size:inherit;color:var(--text-tertiary);background:none;border:none}.ipa-chart__progress-reset:hover:not(:disabled){color:var(--text-secondary)}.ipa-chart__progress-reset:disabled{opacity:.4}.ipa-chart__progress-undo{gap:4px;padding-inline:8px;font-size:var(--text-size-tiny);color:var(--primary);background:none;border:none}.ipa-chart__progress-undo,.ipa-chart__tab{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.ipa-chart__tab{gap:6px;padding:4px var(--space-3);border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-sunken);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:background .13s ease,color .13s ease,border-color .13s ease}.ipa-chart__tab:hover:not(.ipa-chart__tab--on){border-color:var(--border-default);color:var(--text-primary)}.ipa-chart__tab--on{background:var(--primary);border-color:transparent;color:var(--on-primary)}.ipa-chart__exword:active,.ipa-chart__panel-nav button:active,.ipa-chart__progress-reset:active,.ipa-chart__progress-undo:active,.ipa-chart__tab:active{transform:translateY(1px)}.ipa-chart__tab-count{font-size:var(--text-size-xxs);opacity:.75;font-variant-numeric:tabular-nums}.ipa-chart__kbd-hint{display:none;align-items:center;gap:4px;margin-left:auto;font-size:var(--text-size-xxs);color:var(--text-tertiary)}@media (min-width:768px){.ipa-chart__kbd-hint{display:flex}}.ipa-chart__kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;line-height:1;border-radius:6px;border:1px solid var(--border-subtle);background:var(--card-bg);font-size:var(--text-size-xxs);font-weight:600;color:var(--text-secondary)}.ipa-chart__kbd--inline{display:none}@media (min-width:768px){.ipa-chart__kbd--inline{display:inline-flex}}.ipa-chart__exword:focus-visible,.ipa-chart__panel-nav button:focus-visible,.ipa-chart__panel-play:focus-visible,.ipa-chart__progress-reset:focus-visible,.ipa-chart__progress-undo:focus-visible,.ipa-chart__tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ipa-chart__main{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,23rem);align-items:start}@media (max-width:880px){.ipa-chart__main{grid-template-columns:1fr}.ipa-chart__panel{position:static}.ipa-chart__panel-hero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px}.ipa-chart__panel-hero header{display:contents}.ipa-chart__panel-tag{grid-column:1;grid-row:1}.ipa-chart__panel-nav{grid-column:3;grid-row:1}.ipa-chart__panel-hero>div{grid-column:1/-1;display:flex;align-items:center;gap:12px}.ipa-chart__panel-sym{font-size:var(--text-size-display-ipa)}.ipa-chart__panel-name{flex:1;font-size:var(--text-size-caption)}.ipa-chart__panel-play{margin-left:auto}.ipa-chart__panel-body{gap:12px;padding:12px 16px 16px}.ipa-chart__howto{flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:8px;padding-bottom:2px}.ipa-chart__howto::-webkit-scrollbar{display:none}.ipa-chart__howto-step{flex-shrink:0;max-width:180px;font-size:var(--text-size-caption);background:var(--surface-sunken);border-radius:10px;padding:8px 10px}}.ipa-chart__chartcard{min-width:0;overflow:hidden}.ipa-chart__chartfoot{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-top:1px solid var(--border-subtle);font-size:var(--text-size-tiny);color:var(--text-tertiary)}.ipa-chart__vgrid--vowels{grid-template-columns:84px repeat(3,minmax(0,1fr))}.ipa-chart__ph-sym--diph{font-size:var(--text-size-display-ipa)}.ipa-chart__vgrid-ch{justify-content:center;letter-spacing:.1em}.ipa-chart__vgrid-ch,.ipa-chart__vgrid-rl{display:flex;align-items:center;text-transform:uppercase;font-size:var(--text-size-xxs);font-weight:600;color:var(--text-tertiary)}.ipa-chart__vgrid-rl{letter-spacing:.06em}.ipa-chart__ph{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;min-height:76px;cursor:pointer;overflow:hidden;border-radius:var(--radius-lg,16px);border:1px solid transparent;background:var(--lilac);color:var(--ink);transition:border-color .12s ease,transform .12s ease,background .12s ease,color .12s ease}.dark .ipa-chart__ph,html[data-theme=dark] .ipa-chart__ph{background:color-mix(in oklch,var(--lilac) 40%,var(--surface-raised));color:var(--text)}.ipa-chart__ph:hover:not(.ipa-chart__ph--sel){transform:translateY(-1px)}.ipa-chart__ph:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ipa-chart__ph--sel{background:var(--ink);color:var(--paper);border-color:transparent;box-shadow:var(--shadow-sm)}.dark .ipa-chart__ph--sel,html[data-theme=dark] .ipa-chart__ph--sel{background:var(--paper);color:var(--ink)}.ipa-chart__ph--explored:not(.ipa-chart__ph--sel){background:var(--mint);color:var(--ink);border-color:transparent}.dark .ipa-chart__ph--explored:not(.ipa-chart__ph--sel),html[data-theme=dark] .ipa-chart__ph--explored:not(.ipa-chart__ph--sel){background:color-mix(in oklch,var(--mint) 45%,var(--surface-raised));color:var(--text)}.ipa-chart__ph-sym{font-family:var(--font-ipa),sans-serif;font-size:var(--text-size-display-ipa);font-weight:700;letter-spacing:.02em;line-height:1.1;color:inherit}.ipa-chart__ph--sel .ipa-chart__ph-sym{color:inherit}.ipa-chart__ph-word{font-size:var(--text-size-caption);font-weight:500;letter-spacing:.04em;color:inherit;opacity:.8;margin-top:2px}.ipa-chart__ph--sel .ipa-chart__ph-word{color:inherit;opacity:.85}.ipa-chart__gcells{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.ipa-chart__ph--tile{padding:12px 10px 10px;min-height:80px}.ipa-chart__ph--diph{min-height:auto;padding:16px 12px 12px}.ipa-chart__ph--tile .ipa-chart__ph-sym{font-size:var(--text-size-display-ipa);letter-spacing:-.02em}.ipa-chart__ph--tile .ipa-chart__ph-word{font-size:var(--text-size-xxs);letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ipa-chart__ph-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--success)}.ipa-chart__ph-waves span{width:3px;border-radius:999px;background:var(--primary);animation:wavePulse .9s ease-in-out infinite}.ipa-chart__ph--sel .ipa-chart__ph-waves span{background:var(--on-primary)}.ipa-chart__ggroup{display:flex;flex-direction:column;gap:8px}.ipa-chart__ggroup+.ipa-chart__ggroup{margin-top:16px}.ipa-chart__ggroup-label{font-size:var(--text-size-xxs);font-weight:600;letter-spacing:.1em;color:var(--ipa-accent-text)}.ipa-chart__diph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.ipa-chart__panel{position:sticky;top:var(--space-5,1.25rem);min-width:0;overflow:hidden;border-radius:var(--ipa-radius);border:1px solid var(--border-subtle);background:var(--surface-raised,var(--card-bg))}.ipa-chart__panel-hero{padding:var(--layout-card-pad);border-bottom:1px solid var(--border-subtle)}.ipa-chart__panel-tag{font-size:var(--text-size-xxs);font-weight:700;letter-spacing:.1em;color:var(--ipa-accent-text)}.ipa-chart__panel-nav button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;border-radius:8px;border:1px solid var(--border-subtle);background:var(--card-bg);color:var(--text-secondary);transition:border-color .12s ease}.ipa-chart__panel-nav button:hover{border-color:var(--border-default)}.ipa-chart__panel-sym{font-family:var(--font-ipa),sans-serif;font-size:var(--text-size-display-ipa);font-weight:700;letter-spacing:.02em;line-height:1.1;color:var(--text-primary)}.ipa-chart__panel-play{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;cursor:pointer;border:none;border-radius:50%;background:var(--primary);color:var(--on-primary);transition:transform .13s ease}.ipa-chart__panel-play:hover{transform:scale(1.04)}.ipa-chart__panel-name{min-width:0;overflow-wrap:anywhere;font-size:var(--text-size-body-sm);color:var(--text-secondary)}.ipa-chart__panel-sec{display:block;text-transform:uppercase;margin-bottom:8px;font-size:var(--text-size-xxs);font-weight:600;letter-spacing:.1em;color:var(--text-tertiary)}.ipa-chart__howto-step{display:flex;align-items:flex-start;gap:10px;font-size:var(--text-size-body-sm);color:var(--text-primary)}.ipa-chart__howto-n{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;border-radius:50%;border:1px solid var(--ipa-accent-border);background:var(--ipa-accent-soft);font-size:var(--text-size-xxs);font-weight:700;color:var(--ipa-accent-text)}.ipa-chart__exword{min-height:44px;padding:4px 10px;cursor:pointer;font-family:var(--font-sans),sans-serif;font-size:var(--text-size-body-sm);border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-sunken);color:var(--text-primary);transition:border-color .12s ease}.ipa-chart__exword:hover{border-color:var(--ipa-accent-border)}.ipa-chart__esnote{padding:var(--layout-card-pad-compact);border-radius:var(--ipa-radius-sm);border:1px solid color-mix(in oklch,var(--warning) 35%,transparent);background:var(--warning-soft);font-size:var(--text-size-caption);line-height:1.5;color:var(--text-primary)}.ipa-chart__esnote-h{margin-bottom:var(--space-2);font-size:var(--text-size-xxs);font-weight:700;letter-spacing:.08em;color:var(--warning-value)}.ipa-chart__panel-body{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--layout-card-pad)}.ipa-chart__howto{display:flex;flex-direction:column;gap:8px}.ipa-chart__exwords{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ipa-chart__panel-practice{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 16px;cursor:pointer;text-decoration:none}.ipa-chart__section{padding:var(--layout-card-pad);border-radius:var(--ipa-radius);border:1px solid var(--border-subtle);background:var(--surface-raised)}.ipa-chart__pill-warn{display:inline-flex;align-items:center;padding:5px 12px;flex-shrink:0;border-radius:999px;border:1px solid color-mix(in oklch,var(--warning) 35%,transparent);background:var(--warning-soft);font-size:var(--text-size-tiny);font-weight:600;color:var(--warning-value)}.ipa-chart__hardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.ipa-chart__hard{display:flex;flex-direction:column;gap:8px;padding:16px;text-align:left;cursor:pointer;border-radius:var(--radius-xl,24px);border:1px solid var(--border-subtle);transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.ipa-chart__hard:hover{border-color:var(--ipa-accent-border);transform:translateY(-2px)}.ipa-chart__hard:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ipa-chart__hard-sym{font-family:var(--font-ipa),sans-serif;font-size:var(--text-size-display-ipa);font-weight:500;color:var(--ipa-accent-text)}.ipa-chart__hard-word{font-family:var(--font-sans),sans-serif;font-size:var(--text-size-label);font-weight:500;letter-spacing:.01em;color:var(--text-primary)}.ipa-chart__hard-note{font-size:var(--text-size-body-sm);line-height:1.45;color:var(--text-secondary)}.ipa-chart__mp-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:10px;border:1px solid var(--border-default);background:var(--surface-raised);color:var(--text-primary)}.ipa-chart__section#minimal-pairs{border-color:var(--border-default);background:var(--surface-raised)}.ipa-chart__mpchip{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:5px 12px;cursor:pointer;border-radius:999px;border:1px solid var(--border-subtle);background:var(--surface-raised);font-family:var(--font-ipa),sans-serif;font-size:var(--text-size-label);line-height:1.15;color:var(--text-secondary);transition:background .12s ease,color .12s ease,border-color .12s ease}.ipa-chart__mpchip-vs{font-family:var(--font-sans),system-ui,sans-serif;font-size:var(--text-size-xxs);font-weight:600;letter-spacing:.04em;color:var(--text-tertiary)}.ipa-chart__mpchip--on{background:var(--cta-bg);border-color:transparent;color:var(--cta-fg)}.ipa-chart__mpchip--on .ipa-chart__mpchip-vs{color:color-mix(in oklch,var(--cta-fg) 65%,transparent)}.ipa-chart__mpchip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.ipa-chart__mpcards{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}@media (max-width:600px){.ipa-chart__mpcards{grid-template-columns:1fr}.ipa-chart__mpvs{display:none}}.ipa-chart__mpcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;text-align:center;cursor:pointer;position:relative;border-radius:var(--ipa-radius);border:1px solid var(--border-subtle);background:var(--surface-raised);transition:border-color .12s ease,transform .12s ease,background .12s ease}.ipa-chart__mpcard:hover{border-color:var(--border-strong);transform:translateY(-1px)}.ipa-chart__mpcard--correct{border-color:var(--success-border);background:var(--success-soft)}.ipa-chart__mpcard--wrong{border-color:var(--error-border);background:var(--error-soft)}.ipa-chart__mpcard-lab{position:absolute;top:12px;left:14px;font-family:var(--font-mono-var),monospace;font-size:var(--text-size-tiny);font-weight:500;letter-spacing:.08em;color:var(--text-tertiary)}.ipa-chart__mpcard-sym{font-family:var(--font-ipa),sans-serif;font-size:var(--text-size-display-ipa);font-weight:700;letter-spacing:.04em;line-height:1.15;font-kerning:normal;color:var(--text-primary)}.ipa-chart__mpcard--correct .ipa-chart__mpcard-sym{color:var(--success-value)}.ipa-chart__mpcard--wrong .ipa-chart__mpcard-sym{color:var(--error-value)}.ipa-chart__mpcard-word{font-family:var(--font-sans),sans-serif;font-size:var(--text-size-display-ipa);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--text-primary)}.ipa-chart__mpcard-play{width:44px;height:44px;cursor:pointer;flex-shrink:0;border:none;border-radius:50%;background:var(--cta-bg);color:var(--cta-fg)}.ipa-chart__mpcard-play,.ipa-chart__mpvs{display:flex;align-items:center;justify-content:center}.ipa-chart__mpvs{font-family:var(--font-mono-var),monospace;font-size:var(--text-size-tiny);font-weight:500;letter-spacing:.04em;color:var(--text-tertiary)}.ipa-chart__mpfoot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px}.ipa-chart__mpfoot-quiz{margin-left:auto}@media (max-width:600px){.ipa-chart__mpfoot-quiz{margin-left:0;width:100%;justify-content:center}}.ipa-chart__ai{display:flex;align-items:center;gap:16px;padding:20px;flex-wrap:wrap;border-radius:var(--ipa-radius);border:1px solid var(--border-subtle);background:var(--surface-raised,var(--card-bg))}.ipa-chart__ai-text b{font-size:var(--text-size-body);color:var(--text-primary)}.ipa-chart__ai-text p{font-size:var(--text-size-body-sm);color:var(--text-secondary)}.ipa-chart__sections{display:flex;flex-direction:column;gap:var(--space-8,2rem);margin-top:var(--space-8,2rem)}.ipa-chart__spanish-focus{margin-top:var(--space-8)}.ipa-chart__section-title--compact{font-size:var(--text-size-h4);line-height:1.35}.ipa-chart__spanish-focus .ipa-chart__hardgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}@media (min-width:1024px){.ipa-chart__spanish-focus .ipa-chart__hardgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}.ipa-chart__secondary-disclosure{margin-top:var(--space-6);border-top:1px solid var(--border-default)}.ipa-chart__secondary-disclosure summary{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:var(--space-3);cursor:pointer;list-style:none;color:var(--text-primary);font-size:var(--text-size-label);font-weight:600}.ipa-chart__secondary-disclosure summary::-webkit-details-marker{display:none}.ipa-chart__secondary-disclosure summary:after{content:"+";display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:1.125rem;font-weight:400;line-height:1}.ipa-chart__secondary-disclosure[open] summary:after{content:"−"}.ipa-chart__secondary-disclosure summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.ipa-chart__secondary-disclosure-meta{margin-left:auto;color:var(--text-tertiary);font-size:var(--text-size-caption);font-weight:400}.ipa-chart__secondary-content{display:flex;flex-direction:column;gap:var(--space-6);padding:0 0 var(--space-2)}.ipa-chart__progress{flex-wrap:wrap;margin:var(--space-8,2rem) 0 var(--space-4,1rem);font-size:var(--text-size-caption);color:var(--text-secondary)}.ipa-chart__progress,.ipa-chart__tabs{display:flex;align-items:center;gap:var(--space-2,.5rem)}.ipa-chart__tabs{margin-bottom:var(--space-4,1rem);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ipa-chart__tabs::-webkit-scrollbar{display:none}.ipa-chart__vgrid{display:grid;gap:6px;padding:4px 0 16px}.ipa-chart__vcell{display:flex;flex-direction:column;gap:4px;align-items:stretch;align-self:start}.ipa-chart__consonant-groups{padding:4px 0 16px}.ipa-chart__ph-body{display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.ipa-chart__ph-waves{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px}.ipa-chart__section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.ipa-chart__hard-head{display:flex;align-items:baseline;gap:8px}.ipa-chart__mp-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;flex-wrap:wrap}.ipa-chart__mpchips{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.ipa-chart__mpchips::-webkit-scrollbar{display:none}.ipa-chart__mpchips .ipa-chart__mpchip{flex-shrink:0}.ipa-chart__done{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;margin-top:12px;border-radius:var(--ipa-radius);border:1px solid var(--ipa-accent-border);background:var(--surface-raised,var(--card-bg));text-align:center}.ipa-chart__done-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--ipa-accent-soft);border:1px solid var(--ipa-accent-border);color:var(--ipa-accent-text);margin-bottom:4px}.ipa-chart__done-title{font-family:var(--font-sans),sans-serif;font-size:var(--text-size-h3);font-weight:500;color:var(--text-primary)}.ipa-chart__done-score{font-size:var(--text-size-body-sm);color:var(--text-secondary)}.ipa-chart__done-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;justify-content:center}.ipa-chart__ai-text{flex:1;min-width:0}@media (max-width:480px){.ipa-chart__vgrid{padding:10px}.ipa-chart__vgrid--vowels{grid-template-columns:56px repeat(3,minmax(0,1fr))}.ipa-chart__title{font-size:var(--text-size-display-ipa)}.ipa-chart__lead{font-size:var(--text-size-body-sm)}.ipa-chart__btn{padding:8px 13px;font-size:var(--text-size-caption)}.ipa-chart__progress{gap:8px;margin-bottom:12px;font-size:var(--text-size-tiny)}.ipa-chart__tabs{margin-bottom:12px}.ipa-chart__sections{gap:16px;margin-top:16px}.ipa-chart__secondary-disclosure{margin-top:var(--space-5)}.ipa-chart__secondary-disclosure summary{min-height:48px}.ipa-chart__section{padding:16px 14px 18px}.ipa-chart__ai{gap:12px;padding:16px}.ipa-chart__hardgrid{grid-template-columns:repeat(2,1fr);gap:10px}.ipa-chart__hard{padding:14px 12px 12px}.ipa-chart__hard-sym{font-size:var(--text-size-display-ipa)}.ipa-chart__hard-note{font-size:var(--text-size-tiny)}}@media (prefers-reduced-motion:reduce){.ipa-chart__btn,.ipa-chart__hard,.ipa-chart__mpcard,.ipa-chart__panel-play,.ipa-chart__ph,.ipa-chart__progress-fill,.ipa-chart__tab{transition-duration:.01ms}.ipa-chart__ph-waves span{animation:none}}.ipa-chart__progress{margin-top:var(--space-4,1rem)}.ipa-chart__progress,.ipa-chart__tabs{margin-bottom:var(--space-3,.75rem)}.ipa-chart__tab{border-color:var(--border-default);background:var(--surface-raised);font-family:var(--font-sans),sans-serif;font-size:var(--text-size-caption);letter-spacing:.01em}.ipa-chart__tab--on{background:var(--cta-bg);color:var(--cta-fg)}.ipa-chart__main{gap:var(--space-5,1.25rem)}.ipa-chart__ph{border-color:var(--border-default);background:var(--surface-raised)}.ipa-chart__ph--sel{background:var(--cta-bg);border-color:var(--cta-bg)}.ipa-chart__ph--sel .ipa-chart__ph-sym,.ipa-chart__ph--sel .ipa-chart__ph-word{color:var(--cta-fg)}.ipa-chart__chartfoot{border-top-color:var(--border-default)}.ipa-chart__panel,.ipa-chart__section{border-color:var(--border-default);background:var(--surface-raised)}.ipa-chart__chartfoot,.ipa-chart__ggroup-label,.ipa-chart__panel-sec,.ipa-chart__panel-tag,.ipa-chart__vgrid-ch,.ipa-chart__vgrid-rl{font-family:var(--font-mono-var),monospace;text-transform:uppercase;letter-spacing:.08em}.ipa-chart__panel-tag{color:var(--text-primary)}.ipa-chart__panel-hero{border-bottom-color:var(--border-default)}.ipa-chart__hard{border-color:var(--border-subtle);background:var(--surface)}.ipa-chart__hard:hover,.ipa-chart__ph:hover:not(.ipa-chart__ph--sel){border-color:var(--border-strong)}.ipa-chart__exword,.ipa-chart__mpcard,.ipa-chart__mpchip,.ipa-chart__panel-nav button{border-color:var(--border-default)}