@font-face{font-family:'Noto Sans';src:url('./noto-sans.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans JP';src:url('./noto-sans-jp.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:'Noto Sans','Noto Sans JP',sans-serif;color:#202124;background:#fff;font-size:16px;line-height:1.6;--blue:#2457a7;--muted:#555b63;--line:#dadce0;--reading:1.5rem}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:1.875rem;font-weight:600;line-height:1.5;letter-spacing:-.025em}h2{font-size:1.25rem;font-weight:600}h3{font-size:1.125rem;font-weight:600}button{border-radius:4px}main,.masthead,footer{max-width:864px;margin:auto;padding-left:32px;padding-right:32px}.masthead{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{font-weight:700;text-decoration:none;color:inherit;font-size:1.15rem}.brand span{display:block;font-size:.8125rem;font-weight:400;color:var(--muted);letter-spacing:.035em}.masthead>a:last-child{padding:10px 0}.intro{padding-top:40px;margin-bottom:32px}.eyebrow{font-size:.875rem;color:var(--muted);margin-bottom:8px}.intro>p:last-child{margin-top:10px;color:var(--muted)}.label-row,.input-bottom,.form-actions,.result-top,.result-tools,.manual-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.label-row label{font-weight:600}.hint{font-size:.875rem;color:var(--muted)}#input-hint{margin:0 0 12px}textarea{display:block;width:100%;resize:vertical;border:1px solid #767676;border-radius:4px;padding:16px;font-size:1.125rem;line-height:1.7;background:#fff;min-height:160px}#english{min-height:192px}.input-bottom{color:var(--muted);font-size:.875rem}.text-button{border:0;background:transparent;color:var(--blue);text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px 0}.primary,.secondary{min-height:48px;padding:10px 24px;border:1px solid transparent;font-weight:600}.primary{background:var(--blue);color:#fff;min-width:160px}.primary:hover{background:#194585}.secondary{background:#edf0f3;border-color:#767676;color:#202124}.secondary:hover{background:#e0e5eb}.form-actions{justify-content:flex-start;margin-top:12px;gap:20px}.status{min-height:24px;margin:14px 0;color:var(--muted);font-size:.875rem}#results{border-top:2px solid #202124;padding-top:24px;margin-top:8px}.result-top{margin-bottom:18px}.result-top .secondary{font-size:.875rem;padding:8px 16px}.options{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;font-size:.875rem}.options label{display:flex;align-items:center;gap:8px;min-height:44px}.options input{width:18px;height:18px;accent-color:var(--blue)}select{border:1px solid #767676;border-radius:3px;background:#fff;min-height:44px;padding:4px 8px}.legend{font-size:.875rem;color:var(--muted);margin:14px 0 8px}.strong-example{font-weight:700;color:#202124}.sentence{padding:24px 0;border-bottom:1px solid var(--line)}.row-label{font-size:.8125rem;color:var(--muted);margin-bottom:4px}.original,.ipa{font-size:1.125rem;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.ipa{margin-bottom:16px}.original{margin-bottom:12px}.respelling{font-size:var(--reading);line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:400}.respelling strong{font-weight:700;white-space:nowrap}.unresolved{border-bottom:2px dotted #8a5200}.reading-word{display:inline}.result-tools{justify-content:flex-start;gap:24px;padding-top:16px}.notice{padding:12px 16px;border-left:3px solid #8a5200;background:#fff8e8;margin-top:12px}.error{color:#aa2424;font-size:.9375rem;margin-top:8px}.error:empty{display:none}#word-list{margin-top:24px}#word-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.word-button{background:#fff;border:1px solid #767676;padding:8px 12px;min-height:44px;color:var(--blue)}.word-button[aria-pressed=true]{background:#eef3fb;border:2px solid var(--blue);padding:7px 11px}.word-button small{display:block;color:var(--muted);font-size:.75rem}#detail{margin-top:24px;padding:24px 0;border-top:1px solid var(--line)}#detail-heading{overflow-wrap:anywhere}#variants{margin:16px 0}.variant{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.variant input{margin-top:8px;width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}.variant-text{overflow-wrap:anywhere;min-width:0}.variant-text span{display:block}.variant-text .hint{margin-top:4px}#manual-form{margin-top:24px}#manual-form>label{font-weight:600}#manual-help{margin:8px 0}#manual-ipa{width:100%;border:1px solid #767676;border-radius:4px;min-height:48px;padding:8px 12px;font-size:1.125rem}.manual-actions{justify-content:flex-start;margin-top:12px}#copy-fallback{margin-top:16px}.guide{margin:48px 0}.guide ol{padding-left:24px;margin:16px 0 24px}.guide li{margin:6px 0}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{padding:16px 0;cursor:pointer;font-weight:500}.details-body{padding-bottom:24px}.details-body p{margin:12px 0;font-size:.9375rem}.details-body h3{margin:16px 0 12px}.mapping{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px}.mapping div{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid #e6e6e6;font-size:.9375rem}.mapping dt{min-width:50px}.mapping dd{margin:0}footer{padding-top:24px;padding-bottom:32px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;font-size:.8125rem;color:var(--muted)}.skip{position:absolute;left:16px;top:-100px;padding:12px;background:#fff;z-index:10}.skip:focus{top:8px}[hidden]{display:none!important}#result-heading:focus,#detail-heading:focus{outline:none}
@media(max-width:600px){main,.masthead,footer{padding-left:16px;padding-right:16px}.masthead{min-height:80px}.intro{padding-top:28px;margin-bottom:24px}h1{font-size:1.5rem}.intro>p:last-child{font-size:.9375rem}:root{--reading:1.375rem}.primary{width:100%}.form-actions{gap:10px}.form-actions>.hint{font-size:.8125rem}.result-top{align-items:flex-start}.result-top .secondary{padding:8px 12px}.mapping{grid-template-columns:repeat(2,minmax(0,1fr))}.options{column-gap:16px}.sentence{padding:20px 0}.guide{margin-top:36px}.result-tools{gap:4px 20px}}
:root.large{--reading:1.875rem}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s ease}}
@media print{.masthead>a:last-child,form,.options,.result-top button,.result-tools,#word-list,#detail,.guide,.status,footer,#copy-fallback,.skip{display:none!important}main{max-width:none;padding:0}.respelling{font-size:18pt}.sentence{break-inside:avoid}.intro{padding-top:0}}