.son-root{background:var(--paper);height:100%;color:var(--ink);padding-top:var(--eazo-safe-area-top,max(56px, env(safe-area-inset-top,0px)));padding-bottom:max(88px, calc(env(safe-area-inset-bottom,0px) + 88px));position:fixed;inset:0;overflow:hidden}.son-grain{pointer-events:none;background-image:linear-gradient(var(--hairline) 1px, transparent 1px), linear-gradient(90deg, var(--hairline) 1px, transparent 1px);opacity:.22;background-size:18px 18px;animation:16s linear infinite son-slide;position:absolute;inset:0}@keyframes son-slide{to{transform:translate(18px,18px)}}@media (prefers-reduced-motion:reduce){.son-grain{animation:none}}.son-ui{z-index:2;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:10px;max-width:760px;height:100%;margin:0 auto;padding:0 14px;display:grid;position:relative}.son-top{grid-template-columns:1fr auto;align-items:start;gap:10px;display:grid}.son-title{border:1px solid var(--ink);background:var(--paper-frost);letter-spacing:-.03em;min-width:0;padding:8px 10px;font-family:Georgia,serif;font-size:clamp(19px,6.5vw,30px);line-height:1}.son-title small{font:10px/1.2 var(--font-sans), Arial, sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-ink);margin-top:4px;display:block}.son-toggles{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.son-toggles button,.son-chip,.son-btn{border:1px solid var(--ink);background:var(--paper-frost);min-height:40px;color:var(--ink);font:700 11px/1 var(--font-sans), Arial, sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:0;padding:0 12px}.son-toggles button.active{background:var(--ink);color:var(--paper)}.son-toggles button:active,.son-chip:active,.son-btn:active,.son-namebox:active{transform:translateY(1px)}.son-inputs{grid-template-columns:1fr auto;gap:8px;min-width:0;display:grid}.son-inputs:has(.son-namebox~.son-namebox){grid-template-columns:1fr 1fr auto}.son-namebox{border:1px solid var(--ink);height:48px;font:600 18px/1 var(--font-sans), Arial, sans-serif;color:var(--ink);background:#ffffff80;border-radius:0;min-width:0;padding:0 12px}.son-namebox::placeholder{color:#8d857b}.son-build{white-space:nowrap}.son-stage{border:1px solid var(--ink);touch-action:manipulation;background:#f4f1ea8c;min-height:0;position:relative;overflow:hidden}.son-canvas{width:100%;height:100%;display:block}.son-hint{border:1px solid var(--accent-red);max-width:calc(100% - 24px);font:700 11px/1.15 var(--font-sans), Arial, sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-red);background:#f4f1eaeb;padding:7px 9px;animation:2.4s ease-in-out infinite son-pulse;position:absolute;top:12px;left:12px}@keyframes son-pulse{0%,to{opacity:.65}50%{opacity:1}}.son-empty{color:var(--muted-ink);font:600 13px/1.3 var(--font-sans), Arial, sans-serif;text-align:center;place-items:center;padding:0 24px;display:grid;position:absolute;inset:0}.son-phonemes{scroll-snap-type:x proximity;gap:6px;min-width:0;padding:2px 0 4px;display:flex;overflow-x:auto}.son-ph{border:1px solid var(--ink);background:var(--paper-frost);font:700 11px/1 var(--font-sans), Arial, sans-serif;color:var(--ink);cursor:pointer;scroll-snap-align:start;white-space:nowrap;border-radius:0;flex:none;padding:8px 9px}.son-ph.v{border-color:var(--accent-red);color:var(--accent-red)}.son-rail{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:8px;display:grid}.son-primary{background:var(--accent-red);border-color:var(--accent-red);color:#fff}.son-btn:disabled{opacity:.6}.son-legend{font:11px/1.25 var(--font-sans), Arial, sans-serif;color:var(--muted-ink);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;min-width:0;display:grid}.son-legend b{color:var(--ink)}.son-mapping{grid-column:1/-1}.son-mapping summary{cursor:pointer;border:1px solid var(--accent-blue);color:var(--accent-blue);font:700 11px/1 var(--font-sans), Arial, sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;list-style:none}.son-mapping summary::-webkit-details-marker{display:none}.son-mapping-grid{grid-template-columns:1fr 1fr;gap:6px;margin-top:6px;display:grid}.son-map-row{border:1px solid var(--hairline);font:11px/1.2 var(--font-sans), Arial, sans-serif;color:var(--muted-ink);padding:6px 8px}.son-map-row b{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;display:block}.son-map-row.vowel b{color:var(--accent-red)}@media (min-width:680px){.son-ui{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:1fr 1.15fr;column-gap:14px}.son-top,.son-inputs,.son-phonemes,.son-rail{grid-column:1}.son-stage{grid-area:1/2/5}.son-title{font-size:34px}}