.phonetics-page[data-v-a87dbeb7]{color:var(--color-main-text);flex-direction:column;padding-bottom:3rem;display:flex}.category-rail[data-v-a87dbeb7],.phoneme-section[data-v-a87dbeb7]{box-sizing:border-box;background-color:var(--color-second);--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color,#0000001a),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);border-radius:.75rem;margin-bottom:2rem;padding:1rem;position:relative}.hero-card[data-v-a87dbeb7]{align-items:center;gap:1.25rem;display:flex}.hero-icon[data-v-a87dbeb7]{background:var(--color-select-bg);width:4rem;height:4rem;color:var(--color-reverse-white);border-radius:1rem;flex-shrink:0;font-size:1.875rem;line-height:2.25rem}.hero-copy[data-v-a87dbeb7]{flex:1;min-width:0}.hero-copy .eyebrow[data-v-a87dbeb7]{letter-spacing:.1em;text-transform:uppercase;color:var(--color-select-bg);margin-bottom:.25rem;font-size:.75rem;font-weight:600;line-height:1rem}.hero-copy h1[data-v-a87dbeb7]{margin:0;font-size:1.875rem;font-weight:700;line-height:2.25rem}.hero-copy p[data-v-a87dbeb7]{max-width:37.5rem;color:var(--color-font-2);margin-top:.5rem;margin-bottom:0;line-height:1.5rem}.hero-count[data-v-a87dbeb7]{text-align:center;background:var(--bg-card-secend);border-radius:.75rem;min-width:5.5rem;padding:.75rem 1rem}.hero-count span[data-v-a87dbeb7],.hero-count strong[data-v-a87dbeb7]{display:block}.hero-count strong[data-v-a87dbeb7]{font-size:1.5rem;line-height:2rem}.hero-count span[data-v-a87dbeb7]{color:var(--color-font-2);margin-top:.25rem}.toolbar-card[data-v-a87dbeb7]{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.toolbar-group[data-v-a87dbeb7]{flex-direction:column;gap:.5rem;display:flex}.toolbar-label[data-v-a87dbeb7]{color:var(--color-font-2);font-weight:600}.button-list[data-v-a87dbeb7]{gap:.5rem;display:flex}.button-list[data-v-a87dbeb7] .base-button{min-height:2.75rem}.button-list[data-v-a87dbeb7] .base-button+.base-button{margin-left:0}.filter-count[data-v-a87dbeb7]{opacity:.7;margin-left:.25rem}.phonetics-browser[data-v-a87dbeb7]{grid-template-columns:8.5rem minmax(0,1fr);align-items:flex-start;gap:1rem;display:grid}.phonetics-browser.random-mode[data-v-a87dbeb7]{grid-template-columns:minmax(0,1fr)}.random-banner[data-v-a87dbeb7]{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.random-banner .random-banner-text[data-v-a87dbeb7]{min-width:0;color:var(--color-font-2);align-items:center;gap:.5rem;display:flex}.random-banner .random-banner-text>svg[data-v-a87dbeb7]{color:var(--color-select-bg);flex-shrink:0;font-size:1.25rem;line-height:1.75rem}.category-anchor[data-v-a87dbeb7]{min-width:0}.category-rail[data-v-a87dbeb7]{padding:0;overflow:hidden}.category-rail.fixed[data-v-a87dbeb7]{z-index:20;position:fixed;top:1rem}.category-link[data-v-a87dbeb7],.detail-control[data-v-a87dbeb7],.phoneme-play-area[data-v-a87dbeb7],.replay-control[data-v-a87dbeb7]{cursor:pointer;transition:color .18s,background-color .18s,border-color .18s,transform .18s}.category-link[data-v-a87dbeb7]:focus-visible,.detail-control[data-v-a87dbeb7]:focus-visible,.phoneme-play-area[data-v-a87dbeb7]:focus-visible,.replay-control[data-v-a87dbeb7]:focus-visible{outline:3px solid var(--color-select-bg);outline-offset:-3px}.category-link[data-v-a87dbeb7]{border-width:1px;border-color:var(--color-item-border);min-height:3.5rem;color:var(--color-font-2);border-style:solid;border-bottom-width:1px;justify-content:space-between;align-items:center;gap:.5rem;padding-left:.75rem;padding-right:.75rem;display:flex;position:relative}.category-link[data-v-a87dbeb7]:last-child{border-bottom-width:0}.category-link[data-v-a87dbeb7]:before{content:"";background:0 0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;width:.1875rem;position:absolute;top:.5rem;bottom:.5rem;left:0}.category-link small[data-v-a87dbeb7]{opacity:.6;flex-shrink:0}.category-link.active[data-v-a87dbeb7],.category-link[data-v-a87dbeb7]:hover{background:var(--bg-card-secend);color:var(--color-main-text)}.category-link.active[data-v-a87dbeb7]{font-weight:600}.category-link.active[data-v-a87dbeb7]:before{background:var(--color-select-bg)}.phonetics-content[data-v-a87dbeb7]{flex-direction:column;min-width:0;display:flex}.phoneme-section[data-v-a87dbeb7]{scroll-margin-top:1rem}.section-heading[data-v-a87dbeb7]{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.section-heading h2[data-v-a87dbeb7]{margin:0;font-weight:700}.section-heading p[data-v-a87dbeb7]{color:var(--color-font-2);margin-top:.25rem;margin-bottom:0}.section-heading>span[data-v-a87dbeb7]{background:var(--bg-card-secend);border-radius:.5rem;flex-shrink:0;padding:.25rem .75rem}.phoneme-grid[data-v-a87dbeb7]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=640px){.phoneme-grid[data-v-a87dbeb7]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.phoneme-grid[data-v-a87dbeb7]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1280px){.phoneme-grid[data-v-a87dbeb7]{grid-template-columns:repeat(5,minmax(0,1fr))}}.phoneme-card[data-v-a87dbeb7]{border-width:1px;border-color:var(--color-item-border);background:var(--bg-card-primary);border-style:solid;border-radius:.75rem;min-width:0;transition:background-color .18s,border-color .18s;overflow:hidden}.phoneme-card.active[data-v-a87dbeb7],.phoneme-card[data-v-a87dbeb7]:hover{border-color:var(--color-select-bg);background:var(--bg-card-secend)}.phoneme-card.error[data-v-a87dbeb7]{--un-border-opacity:1;border-color:rgb(220 38 38/var(--un-border-opacity))}.phoneme-play-area[data-v-a87dbeb7]{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:6.5rem;padding:.75rem;display:flex}.phoneme-play-area[data-v-a87dbeb7]:active{transform:scale(.98)}.detail-symbol[data-v-a87dbeb7],.phoneme-symbol[data-v-a87dbeb7]{font-family:Segoe UI,Noto Sans,Arial,sans-serif}.phoneme-symbol[data-v-a87dbeb7]{font-size:3rem;font-weight:600;line-height:1}.phoneme-category[data-v-a87dbeb7]{background:var(--bg-card-secend);color:var(--color-font-2);border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;line-height:1rem}.phoneme-status[data-v-a87dbeb7]{text-align:center;width:100%;color:var(--color-font-2);gap:.375rem;font-size:.75rem;line-height:1rem}.phoneme-status.unavailable[data-v-a87dbeb7]{--un-text-opacity:1;color:rgb(220 38 38/var(--un-text-opacity))}.status-icon[data-v-a87dbeb7]{flex-shrink:0;font-size:1rem;line-height:1.5rem}.detail-control[data-v-a87dbeb7]{border-width:1px;border-color:var(--color-item-border);min-height:2.75rem;color:var(--color-select-bg);border-style:solid;border-top-width:1px;font-weight:500}.detail-control[data-v-a87dbeb7]:hover{background:var(--bg-card-secend)}.compact .phoneme-section[data-v-a87dbeb7]{padding:.75rem}.compact .section-heading[data-v-a87dbeb7]{align-items:center;margin-bottom:.75rem}.compact .section-heading p[data-v-a87dbeb7]{display:none}.compact .section-heading h2[data-v-a87dbeb7]{font-size:1rem;line-height:1.5rem}.compact .phoneme-grid[data-v-a87dbeb7]{grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));gap:.5rem}.compact .phoneme-play-area[data-v-a87dbeb7]{gap:.25rem;min-height:3.75rem;padding:0 .5rem}.compact .phoneme-symbol[data-v-a87dbeb7]{font-size:1.875rem;line-height:2.25rem}.compact .phoneme-category[data-v-a87dbeb7],.compact .phoneme-status span[data-v-a87dbeb7]{display:none}.compact .detail-control[data-v-a87dbeb7]{min-height:2.75rem;font-size:.75rem;line-height:1rem}.spin[data-v-a87dbeb7]{animation:.8s linear infinite phonetic-spin-a87dbeb7}.phoneme-detail[data-v-a87dbeb7]{width:min(92vw,40rem);max-height:76vh;color:var(--color-main-text);padding:.5rem 1.25rem 1.25rem;overflow-y:auto}.phoneme-detail[data-v-a87dbeb7]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.5rem * var(--un-space-y-reverse))}.detail-hero[data-v-a87dbeb7]{background:var(--bg-card-secend);border-radius:.75rem;align-items:center;gap:1rem;padding:1rem;display:flex}.detail-symbol[data-v-a87dbeb7]{text-align:center;min-width:6.5rem;font-size:3.75rem;font-weight:600;line-height:1}.replay-control[data-v-a87dbeb7]{background:var(--color-select-bg);min-height:2.75rem;color:var(--color-reverse-white);border-radius:.5rem;flex:1;gap:.5rem;padding-left:1rem;padding-right:1rem}.replay-control.error[data-v-a87dbeb7]{--un-bg-opacity:1;background-color:rgb(220 38 38/var(--un-bg-opacity))}.detail-section h3[data-v-a87dbeb7]{margin:0 0 .75rem;font-size:1rem;font-weight:700;line-height:1.5rem}.detail-section ul[data-v-a87dbeb7]{color:var(--color-font-2);margin:0;padding-left:1.25rem;line-height:1.5rem}.detail-section ul[data-v-a87dbeb7]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(.5rem * var(--un-space-y-reverse))}.video-section[data-v-a87dbeb7]{margin-top:0}.phoneme-video[data-v-a87dbeb7]{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity));border-radius:.75rem;width:100%;max-height:25rem;display:block}.video-unavailable[data-v-a87dbeb7]{border-width:1px;border-color:var(--color-item-border);text-align:center;background:var(--bg-card-secend);min-height:8rem;color:var(--color-font-2);border-style:solid;border-radius:.75rem;flex-direction:column;gap:.5rem;padding:1rem}.video-unavailable>svg[data-v-a87dbeb7]{font-size:1.875rem;line-height:2.25rem}.confusion-note[data-v-a87dbeb7]{border-width:1px;border-color:var(--color-item-border);background:var(--bg-card-primary);border-style:solid;border-radius:.75rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.confusion-note>svg[data-v-a87dbeb7]{color:var(--color-select-bg);flex-shrink:0;margin-top:.125rem;font-size:1.25rem;line-height:1.75rem}.confusion-note p[data-v-a87dbeb7]{color:var(--color-font-2);margin-top:.25rem;margin-bottom:0;line-height:1.5rem}.example-list[data-v-a87dbeb7]{border-width:1px;border-color:var(--color-item-border);border-style:solid;border-radius:.75rem;overflow:hidden}.example-item[data-v-a87dbeb7]{border-width:1px;border-color:var(--color-item-border);border-style:solid;border-bottom-width:1px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.example-item[data-v-a87dbeb7]:last-child{border-bottom-width:0}.example-item>div[data-v-a87dbeb7]{align-items:baseline;gap:.75rem;display:flex}.example-item span[data-v-a87dbeb7]{color:var(--color-font-2)}@keyframes phonetic-spin-a87dbeb7{to{transform:rotate(1turn)}}@media (width<=768px){.phonetics-page[data-v-a87dbeb7]{gap:.75rem;padding-bottom:2rem}.hero-card[data-v-a87dbeb7]{align-items:flex-start;gap:.75rem}.hero-icon[data-v-a87dbeb7]{border-radius:.75rem;width:3rem;height:3rem;font-size:1.5rem;line-height:2rem}.hero-copy h1[data-v-a87dbeb7]{font-size:1.5rem;line-height:2rem}.hero-count[data-v-a87dbeb7]{display:none}.toolbar-card[data-v-a87dbeb7]{flex-direction:column;align-items:stretch;gap:.75rem}.toolbar-group[data-v-a87dbeb7]{gap:.375rem}.button-list[data-v-a87dbeb7]{display:grid}.toolbar-group:first-child .button-list[data-v-a87dbeb7]{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-group .button-list[data-v-a87dbeb7]{grid-template-columns:repeat(2,minmax(0,1fr))}.button-list[data-v-a87dbeb7] .base-button{width:100%;padding-left:.5rem;padding-right:.5rem}.phonetics-browser[data-v-a87dbeb7]{grid-template-columns:5.5rem minmax(0,1fr);gap:.5rem}.category-rail.fixed[data-v-a87dbeb7]{top:5rem}.category-link[data-v-a87dbeb7]{flex-direction:column;justify-content:center;align-items:flex-start;gap:.125rem;min-height:3.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem}.category-link span[data-v-a87dbeb7]{line-height:1rem}.phonetics-content[data-v-a87dbeb7]{gap:.75rem}.phoneme-section[data-v-a87dbeb7]{padding:.75rem}.compact .phoneme-grid[data-v-a87dbeb7],.phoneme-grid[data-v-a87dbeb7]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.standard .phoneme-play-area[data-v-a87dbeb7]{min-height:6rem;padding:.5rem}.standard .phoneme-symbol[data-v-a87dbeb7]{font-size:1.875rem;line-height:2.25rem}.standard .phoneme-category[data-v-a87dbeb7]{display:none}.standard .phoneme-status span[data-v-a87dbeb7]{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.phoneme-detail[data-v-a87dbeb7]{width:90vw;padding:.5rem 1rem 1rem}.detail-hero[data-v-a87dbeb7]{flex-direction:column}.detail-symbol[data-v-a87dbeb7]{min-width:0}.replay-control[data-v-a87dbeb7]{width:100%}}@media (prefers-reduced-motion:reduce){.category-link[data-v-a87dbeb7],.detail-control[data-v-a87dbeb7],.phoneme-card[data-v-a87dbeb7],.phoneme-play-area[data-v-a87dbeb7],.replay-control[data-v-a87dbeb7]{transition:none}.phoneme-play-area[data-v-a87dbeb7]:active{transform:none}.spin[data-v-a87dbeb7]{animation:none}}