:root{--graf-bg:#f8fafc;--graf-surface:#fff;--graf-border:#e2e8f0;--graf-text:#0f172a;--graf-muted:#64748b;--graf-strip-bg:#f1f5f9;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"Noto Sans","JetBrains Mono","Fira Code","Cascadia Code",ui-monospace,monospace}.Graf-module__vJDIuW__wrapper{background:var(--graf-bg);min-height:100vh;font-family:var(--font-sans);color:var(--graf-text)}.Graf-module__vJDIuW__pageHeader{max-width:1200px;margin:0 auto;padding:2.5rem 2rem 1.5rem}.Graf-module__vJDIuW__pageTitle{letter-spacing:-.02em;color:var(--graf-text);margin:0 0 .25rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.Graf-module__vJDIuW__pageSubtitle{color:var(--graf-muted);margin:0;font-size:.9375rem}.Graf-module__vJDIuW__tabStripOuter{background:var(--graf-strip-bg);border-top:1px solid var(--graf-border);border-bottom:1px solid var(--graf-border);z-index:10;position:sticky;top:0}.Graf-module__vJDIuW__tabStrip{flex-wrap:wrap;gap:4px;max-width:1200px;margin:0 auto;padding:.5rem 1.5rem;display:flex}@media (max-width:640px){.Graf-module__vJDIuW__tabStrip{scrollbar-width:thin;scrollbar-color:var(--graf-border)transparent;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:.5rem 1rem;overflow-x:auto}.Graf-module__vJDIuW__tabStrip::-webkit-scrollbar{height:4px}.Graf-module__vJDIuW__tabStrip::-webkit-scrollbar-thumb{background:var(--graf-border);border-radius:2px}}.Graf-module__vJDIuW__tabBtn{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:.5rem .875rem;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.Graf-module__vJDIuW__tabBtn:hover{background:var(--graf-surface);border-color:var(--graf-border)}.Graf-module__vJDIuW__tabBtn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.Graf-module__vJDIuW__tabBtnActive{background:var(--graf-surface);border-color:var(--tab-accent,#475569);box-shadow:0 0 0 1px var(--tab-accent,#475569),0 2px 6px #00000014}.Graf-module__vJDIuW__tabGrapheme{color:var(--graf-text);letter-spacing:-.01em;font-size:1rem;font-weight:700}.Graf-module__vJDIuW__tabBtnActive .Graf-module__vJDIuW__tabGrapheme{color:var(--tab-accent,#475569)}.Graf-module__vJDIuW__tabIpa{font-family:var(--font-mono);color:var(--graf-muted);font-size:1rem}.Graf-module__vJDIuW__tabBtnActive .Graf-module__vJDIuW__tabIpa{color:var(--tab-accent,#475569);opacity:.8}.Graf-module__vJDIuW__panel{max-width:1200px;margin:0 auto;padding:2rem}.Graf-module__vJDIuW__panelHeader{align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.Graf-module__vJDIuW__graphemeBadge{background:color-mix(in srgb,var(--tab-accent,#475569)8%,transparent);border-left:3px solid var(--tab-accent,#475569);border-radius:0 6px 6px 0;align-items:baseline;gap:.4rem;padding:.5rem 1rem;display:inline-flex}.Graf-module__vJDIuW__badgeGrapheme{color:var(--tab-accent,#475569);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.Graf-module__vJDIuW__badgeIpa{font-family:var(--font-mono);color:var(--tab-accent,#475569);opacity:.75;font-size:1.5rem}.Graf-module__vJDIuW__wordCount{color:var(--graf-muted);margin:0;font-size:.8125rem}.Graf-module__vJDIuW__wordList{border-top:1px solid var(--graf-border);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.Graf-module__vJDIuW__wordLine{border-bottom:1px solid var(--graf-border);flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.4rem .25rem;display:flex}.Graf-module__vJDIuW__wordLine:hover{background:color-mix(in srgb,var(--tab-accent,#475569)5%,transparent)}.Graf-module__vJDIuW__wordSpelling{color:var(--graf-text);letter-spacing:-.01em;min-width:6rem;font-size:1rem;font-weight:700}.Graf-module__vJDIuW__wordIpa{font-family:var(--font-mono);color:var(--tab-accent,#475569);white-space:nowrap;font-size:.9375rem}.Graf-module__vJDIuW__ipaText{opacity:0;transition:opacity .2s}.Graf-module__vJDIuW__ipaTextVisible{opacity:1}.Graf-module__vJDIuW__ipaToggle{width:1.5rem;height:1.5rem;color:var(--graf-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.Graf-module__vJDIuW__ipaToggle:hover,.Graf-module__vJDIuW__ipaToggle:focus-visible{color:var(--tab-accent,#475569);background-color:color-mix(in srgb,var(--tab-accent,#475569)12%,transparent)}.Graf-module__vJDIuW__ipaToggle:focus-visible{outline:2px solid var(--tab-accent,#475569);outline-offset:2px}.Graf-module__vJDIuW__wordTranslation{color:var(--graf-muted);font-size:.875rem}.Graf-module__vJDIuW__empty{text-align:center;color:var(--graf-muted);font-family:var(--font-sans);padding:4rem 2rem}.Graf-module__vJDIuW__empty p{margin:.5rem 0}.Graf-module__vJDIuW__empty code{background:var(--graf-border);font-family:var(--font-mono);border-radius:4px;padding:.125rem .375rem;font-size:.875em}@media (max-width:640px){.Graf-module__vJDIuW__pageHeader{padding:1.5rem 1rem 1rem}.Graf-module__vJDIuW__panel{padding:1.5rem 1rem}.Graf-module__vJDIuW__wordSpelling{min-width:4.5rem}}