:root{--ipa-primary:var(--main-primary);--ipa-primary-light:#6366f114;--ipa-primary-medium:#6366f126;--ipa-text:#1e293b;--ipa-text-muted:#64748b;--ipa-bg:#fff;--ipa-bg-secondary:#f8fafc;--ipa-border:#e2e8f0;--ipa-border-light:#f1f5f9;--ipa-voiceless:#6366f1;--ipa-voiced:#0891b2;--ipa-vowel-unrounded:#7c3aed;--ipa-vowel-rounded:#db2777;--ipa-impossible-bg:#f1f5f9;--ipa-cell-hover:#6366f10a;--ipa-symbol-size:2rem;--ipa-symbol-font:1.125rem}._ipa-container{max-width:1100px;margin:0 auto}._ipa-tabs{gap:var(--main-space-1);margin-bottom:var(--main-space-4);background:var(--ipa-bg);border-radius:var(--main-radius-lg);box-shadow:var(--main-shadow-sm);border-style:solid;border-width:1px;border-color:var(--ipa-border);padding:.25rem;display:flex}._ipa-tab{color:var(--ipa-text-muted);font-size:var(--main-text-sm);border-radius:var(--main-radius);cursor:pointer;background:0 0;border-width:0;flex:1;padding:.625rem 1rem;font-weight:500;transition:color .15s,background .15s}._ipa-tab:hover{color:var(--ipa-text);background:var(--ipa-bg-secondary)}._ipa-tab-active{background:var(--ipa-primary);color:#fff;box-shadow:0 1px 3px #6366f14d}._ipa-tab-active:hover{color:#fff;background:var(--ipa-primary);opacity:.9}._ipa-panel{display:none}._ipa-panel-active{display:block}._ipa-card{background:var(--ipa-bg);border-radius:var(--main-radius-lg);box-shadow:var(--main-shadow-sm);border-style:solid;border-width:1px;border-color:var(--ipa-border);overflow:hidden}._ipa-card-header{padding:var(--main-space-4) var(--main-space-5);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ipa-border);justify-content:space-between;align-items:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}._ipa-card-title{font-size:var(--main-text-base);color:var(--ipa-text);margin:0;font-weight:600}._ipa-legend{gap:var(--main-space-4);flex-wrap:wrap;display:flex}._ipa-legend-item{font-size:var(--main-text-xs);color:var(--ipa-text-muted);align-items:center;gap:.375rem;display:flex}._ipa-legend-dot{border-radius:var(--main-radius-full);width:10px;height:10px}._ipa-legend-voiceless{background:var(--ipa-voiceless)}._ipa-legend-voiced{background:var(--ipa-voiced)}._ipa-legend-impossible{background:var(--ipa-impossible-bg);border-style:solid;border-width:1px;border-color:var(--ipa-border)}._ipa-legend-unrounded{background:var(--ipa-vowel-unrounded)}._ipa-legend-rounded{background:var(--ipa-vowel-rounded)}._ipa-symbol-btn{min-width:var(--ipa-symbol-size);height:var(--ipa-symbol-size);border-radius:var(--main-radius);font-family:inherit;font-size:var(--ipa-symbol-font);cursor:pointer;background:0 0;border-width:0;justify-content:center;align-items:center;padding:0 .375rem;line-height:1;transition:background .15s,box-shadow .15s;display:inline-flex}._ipa-symbol-btn:hover{box-shadow:0 0 0 2px var(--ipa-primary-medium)}._ipa-symbol-btn:focus-visible{outline:2px solid var(--ipa-primary);outline-offset:2px}._ipa-symbol-active{background:var(--ipa-primary);box-shadow:0 2px 6px #6366f159;color:#fff!important}._ipa-symbol-voiceless{color:var(--ipa-voiceless);font-weight:500}._ipa-symbol-voiced{color:var(--ipa-voiced);font-weight:500}._ipa-vowel-unrounded{color:var(--ipa-vowel-unrounded);font-weight:500}._ipa-vowel-rounded{color:var(--ipa-vowel-rounded);font-weight:500}._ipa-symbol-other{color:var(--ipa-text);font-weight:500}@media (max-width:768px){._ipa-container{padding-left:.75rem;padding-right:.75rem}._ipa-tabs{margin-bottom:var(--main-space-3);gap:.125rem;padding:.1875rem}._ipa-tab{font-size:var(--main-text-xs);min-height:40px;padding:.625rem .5rem}._ipa-card-header{padding:var(--main-space-3) var(--main-space-4)}._ipa-legend{gap:var(--main-space-2);row-gap:.375rem}}@media (max-width:480px){._ipa-container{padding-left:.5rem;padding-right:.5rem}._ipa-tab{padding:.5rem .25rem}._ipa-card-title{font-size:var(--main-text-sm)}}._ipa-search-bar{margin-bottom:var(--main-space-4);position:relative}._ipa-search-input-wrap{align-items:center;display:flex;position:relative}._ipa-search-icon{color:var(--ipa-text-muted);pointer-events:none;display:flex;position:absolute;left:.875rem}._ipa-search-icon svg{width:14px;height:14px}._ipa-search-input{border-style:solid;border-width:1px;border-color:var(--ipa-border);border-radius:var(--main-radius-lg);width:100%;font-size:var(--main-text-sm);background:var(--ipa-bg);color:var(--ipa-text);-webkit-appearance:none;appearance:none;outline:none;padding:.625rem 2.25rem .625rem 2.5rem;transition:border-color .15s,box-shadow .15s}._ipa-search-input::placeholder{color:var(--ipa-text-muted)}._ipa-search-input:focus{border-color:var(--ipa-primary);box-shadow:0 0 0 3px #6366f11f}._ipa-search-clear{background:var(--ipa-bg-secondary);border-radius:var(--main-radius-full);width:1.75rem;height:1.75rem;color:var(--ipa-text-muted);cursor:pointer;border-width:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex;position:absolute;right:.5rem}._ipa-search-clear:hover{color:var(--ipa-text)}._ipa-search-clear svg{width:12px;height:12px}._ipa-search-results{z-index:50;background:var(--ipa-bg);border-style:solid;border-width:1px;border-color:var(--ipa-border);border-radius:var(--main-radius-lg);box-shadow:var(--main-shadow-lg);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:min(320px,60vh);position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}._ipa-search-empty{padding:var(--main-space-4);text-align:center;color:var(--ipa-text-muted);font-size:var(--main-text-sm)}._ipa-search-list{padding:.25rem}._ipa-search-item{align-items:center;gap:var(--main-space-3);border-radius:var(--main-radius);cursor:pointer;text-align:left;background:0 0;border-width:0;width:100%;padding:.5rem .75rem;transition:background .1s;display:flex}._ipa-search-item:hover{background:var(--ipa-primary-light)}._ipa-search-item-symbol{min-width:2rem;height:2rem;color:var(--ipa-primary);background:var(--ipa-primary-light);border-radius:var(--main-radius);justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:inline-flex}._ipa-search-item-name{font-size:var(--main-text-sm);color:var(--ipa-text)}@media (max-width:768px){._ipa-search-input{padding:.6875rem 2.5rem;font-size:16px}._ipa-search-item{min-height:44px;padding:.625rem .75rem}}._ipa-table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow-x:auto}._ipa-table{grid-template-columns:140px repeat(11,minmax(60px,1fr));min-width:860px;display:grid}._ipa-table-header{display:contents}._ipa-table-corner{z-index:2;background:var(--ipa-bg-secondary);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--ipa-border);border-right-style:solid;border-right-width:1px;border-right-color:var(--ipa-border);position:sticky;left:0}._ipa-table-th{color:var(--ipa-text-muted);text-align:center;text-transform:uppercase;letter-spacing:.02em;background:var(--ipa-bg-secondary);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--ipa-border);border-right-style:solid;border-right-width:1px;border-right-color:var(--ipa-border-light);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;padding:.5rem .25rem;font-size:.6875rem;font-weight:600}._ipa-table-th:last-child{border-right-width:0}._ipa-table-row{display:contents}._ipa-table-rh{z-index:2;font-size:var(--main-text-xs);color:var(--ipa-text);background:var(--ipa-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ipa-border-light);border-right-style:solid;border-right-width:1px;border-right-color:var(--ipa-border);white-space:nowrap;align-items:center;padding:.375rem .625rem;font-weight:600;display:flex;position:sticky;left:0}._ipa-table-cell{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ipa-border-light);border-right-style:solid;border-right-width:1px;border-right-color:var(--ipa-border-light);justify-content:center;align-items:center;gap:.25rem;min-height:2.75rem;padding:.375rem .125rem;transition:background .1s;display:flex}._ipa-table-cell:last-child{border-right-width:0}._ipa-table-cell:hover:not(._ipa-cell-impossible){background:var(--ipa-cell-hover)}._ipa-cell-impossible{background:var(--ipa-impossible-bg)}._ipa-table-row-last ._ipa-table-rh,._ipa-table-row-last ._ipa-table-cell{border-bottom-width:0}@media (max-width:768px){._ipa-table{grid-template-columns:110px repeat(11,minmax(54px,1fr));min-width:720px}._ipa-table-th{padding:.375rem .125rem;font-size:.5625rem}._ipa-table-rh{padding:.25rem .375rem;font-size:.625rem}._ipa-table-cell{min-height:3rem;padding:.5rem .125rem}._ipa-symbol-btn{min-width:2rem;height:2rem;font-size:1rem}}._ipa-vtable-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overflow-x:auto}._ipa-vtable{grid-template-columns:120px repeat(3,1fr);max-width:600px;margin:0 auto;display:grid}._ipa-vtable-header{display:contents}._ipa-vtable-corner{background:var(--ipa-bg-secondary);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--ipa-border);border-right-style:solid;border-right-width:1px;border-right-color:var(--ipa-border)}._ipa-vtable-th{font-size:var(--main-text-xs);color:var(--ipa-text-muted);text-align:center;text-transform:uppercase;letter-spacing:.03em;background:var(--ipa-bg-secondary);border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:var(--ipa-border);border-right-style:solid;border-right-width:1px;border-right-color:var(--ipa-border-light);padding:.625rem .5rem;font-weight:600}._ipa-vtable-th:last-child{border-right-width:0}._ipa-vtable-row{display:contents}._ipa-vtable-rh{font-size:var(--main-text-xs);color:var(--ipa-text);background:var(--ipa-bg);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ipa-border-light);border-right-style:solid;border-right-width:1px;border-right-color:var(--ipa-border);white-space:nowrap;align-items:center;padding:.5rem .75rem;font-weight:600;display:flex}._ipa-vtable-cell{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ipa-border-light);border-right-style:solid;border-right-width:1px;border-right-color:var(--ipa-border-light);justify-content:center;align-items:center;gap:.5rem;min-height:3rem;padding:.5rem;transition:background .1s;display:flex}._ipa-vtable-cell:last-child{border-right-width:0}._ipa-vtable-cell:hover:not(._ipa-vcell-empty){background:var(--ipa-cell-hover)}._ipa-vcell-empty{background:var(--ipa-bg-secondary)}._ipa-vtable-row-last ._ipa-vtable-rh,._ipa-vtable-row-last ._ipa-vtable-cell{border-bottom-width:0}._ipa-symbol-vowel{min-width:2.25rem;height:2.25rem;font-size:1.25rem}@media (max-width:768px){._ipa-vtable{grid-template-columns:90px repeat(3,minmax(70px,1fr));min-width:360px}._ipa-vtable-rh{padding:.375rem .5rem;font-size:.625rem}._ipa-vtable-cell{min-height:3rem;padding:.375rem .25rem}._ipa-symbol-vowel{min-width:2rem;height:2rem;font-size:1.0625rem}}._ipa-other-section{padding:var(--main-space-4) var(--main-space-5);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ipa-border-light)}._ipa-other-section:last-child{border-bottom-width:0}._ipa-section-title{font-size:var(--main-text-sm);color:var(--ipa-text);margin:0 0 var(--main-space-3) 0;font-weight:600}._ipa-other-grid{gap:var(--main-space-4);grid-template-columns:repeat(3,1fr);display:grid}._ipa-other-group{background:var(--ipa-bg-secondary);border-radius:var(--main-radius);padding:var(--main-space-3)}._ipa-group-label{font-size:var(--main-text-xs);color:var(--ipa-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--main-space-2);font-weight:600}._ipa-group-list{flex-direction:column;gap:.25rem;display:flex}._ipa-group-item{align-items:center;gap:var(--main-space-2);display:flex}._ipa-group-item-name{font-size:var(--main-text-xs);color:var(--ipa-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._ipa-symbol-list{flex-direction:column;gap:.25rem;display:flex}._ipa-tones-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.375rem;display:grid}._ipa-tone-symbol{min-width:2rem;height:2rem;color:var(--ipa-primary);justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:inline-flex}._ipa-tone-alt{min-width:1.5rem;font-size:var(--main-text-sm);color:var(--ipa-text-muted);justify-content:center;align-items:center;display:inline-flex}._ipa-diacritics-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;display:grid}._ipa-diacritic-item{align-items:center;gap:var(--main-space-2);background:var(--ipa-bg-secondary);border-radius:var(--main-radius);padding:.375rem .5rem;display:flex}._ipa-diacritic-symbol{min-width:2rem;height:2rem;color:var(--ipa-primary);justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:inline-flex}._ipa-diacritic-info{flex-direction:column;min-width:0;display:flex}._ipa-diacritic-example{font-size:var(--main-text-sm);color:var(--ipa-text);font-weight:500}._ipa-diacritic-name{color:var(--ipa-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}@media (max-width:768px){._ipa-other-section{padding:var(--main-space-3) var(--main-space-4)}._ipa-other-grid{gap:var(--main-space-3);grid-template-columns:1fr}._ipa-tones-list{grid-template-columns:1fr}._ipa-diacritics-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}._ipa-group-item{gap:.5rem;min-height:36px}._ipa-group-item-name{white-space:normal;line-height:1.3}._ipa-diacritic-item{min-height:44px;padding:.5rem}._ipa-diacritic-name{white-space:normal;line-height:1.3}}@media (max-width:380px){._ipa-diacritics-grid{grid-template-columns:1fr}}._ipa-detail-panel{background:var(--ipa-bg);border-radius:var(--main-radius-lg);box-shadow:var(--main-shadow-sm);border-style:solid;border-width:1px;border-color:var(--ipa-border);margin-bottom:var(--main-space-4);transition:border-color .2s;overflow:hidden}._ipa-detail-visible{border-color:var(--ipa-primary);box-shadow:0 0 0 3px #6366f114, var(--main-shadow-sm)}._ipa-detail-placeholder{padding:var(--main-space-4);justify-content:center;align-items:center;display:flex}._ipa-detail-hint{color:var(--ipa-text-muted);font-size:var(--main-text-sm)}._ipa-detail-content{align-items:center;gap:var(--main-space-3);padding:var(--main-space-4) var(--main-space-5);flex-wrap:wrap;display:flex}._ipa-detail-symbol{width:3.5rem;height:3.5rem;color:var(--ipa-primary);background:var(--ipa-primary-light);border-radius:var(--main-radius-lg);flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:inline-flex}._ipa-detail-name{font-size:var(--main-text-base);color:var(--ipa-text);font-weight:600}._ipa-detail-badge{border-radius:var(--main-radius-full);font-size:var(--main-text-xs);background:var(--ipa-primary-light);color:var(--ipa-primary);padding:.1875rem .625rem;font-weight:500;display:inline-flex}._ipa-detail-example{width:100%;padding-top:var(--main-space-2);border-top-style:dashed;border-top-width:1px;border-top-color:var(--ipa-border);font-size:var(--main-text-sm)}._ipa-detail-example-label{color:var(--ipa-text-muted);margin-right:.375rem;font-weight:500}._ipa-detail-example-text{color:var(--ipa-text)}@media (max-width:768px){._ipa-detail-content{padding:var(--main-space-3) var(--main-space-4);gap:var(--main-space-2)}._ipa-detail-symbol{width:2.75rem;height:2.75rem;font-size:1.5rem}._ipa-detail-name{font-size:var(--main-text-sm)}._ipa-detail-example{font-size:var(--main-text-xs)}}