.st{--bg:#f3f2fa;--surface:#ffffffd6;--surface-solid:#fff;--ink:#1d1a3a;--muted:#656283;--line:#1d1a3a1f;--chip:#1d1a3a0f;--accent:#4f46e5;--accent-ink:#fff;--scene-label:#8c89aa;--tile-ink:#1d1a3a;--shadow:0 10px 30px #1d1a3a1a;--font-letter:"Andika", "Comic Sans MS", system-ui, sans-serif;--font-ui:"Nunito Variable", Nunito, system-ui, -apple-system, "Segoe UI", sans-serif;z-index:0;background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;position:fixed;inset:0;overflow:hidden}.dark .st{--bg:#0d0f21;--surface:#161831d1;--surface-solid:#16183a;--ink:#ecebfa;--muted:#a2a0c2;--line:#ecebfa21;--chip:#ecebfa14;--accent:#a5b4fc;--accent-ink:#14163a;--scene-label:#6e6c93;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.st [hidden]{display:none!important}.st button{font:inherit;color:inherit;cursor:pointer}.st :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.st .stage{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.st .stage:active{cursor:grabbing}.st .topbar{left:20px;right:20px;top:calc(env(safe-area-inset-top,0px) + 16px);pointer-events:none;align-items:center;gap:12px;display:flex;position:absolute}.st .topbar>*{pointer-events:auto}.st .brand{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;font-size:11.5px;font-weight:800;text-decoration:none;display:inline-flex}.st .brand:hover{color:var(--ink)}.st .brand svg{width:14px;height:14px}.st .top-actions{gap:8px;margin-left:auto;display:flex}.st .icon-btn{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:34px;color:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.st .icon-btn svg{width:15px;height:15px}.st .icon-btn[aria-pressed=false]{color:var(--muted)}.st .icon-btn[aria-pressed=true] .when-unpressed,.st .icon-btn[aria-pressed=false] .when-pressed,.st .mobile-only{display:none}.st .rail{right:20px;top:calc(env(safe-area-inset-top,0px) + 66px);width:304px;max-height:calc(100% - 136px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:16px;padding:16px;display:flex;position:absolute;overflow:auto}.st .stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.st .stat b{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:26px;font-weight:800;line-height:1;display:block}.st .stat span{color:var(--muted);margin-top:4px;font-size:11.5px;font-weight:700;display:block}.st .group-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10.5px;font-weight:800}.st .seg{background:var(--chip);border-radius:11px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:grid}.st .seg button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:7px 4px;font-size:12px;font-weight:800}.st .seg button[aria-pressed=true]{background:var(--surface-solid);color:var(--ink);box-shadow:0 1px 3px #0000001f}.st .legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px;margin:0;padding:0;list-style:none;display:grid}.st .legend button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:5px 6px;font-size:12.5px;font-weight:700;display:flex}.st .legend button:hover{background:var(--chip)}.st .legend button[aria-pressed=true]{background:var(--chip);box-shadow:inset 0 0 0 1.5px var(--ink)}.st .legend .sw{border-radius:4px;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000014}.st .legend .lbl{overflow-wrap:anywhere;flex:1;min-width:0;line-height:1.2}.st .legend .n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11.5px}.st .note{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.st .story{left:24px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(430px,100% - 48px);box-shadow:var(--shadow);border-radius:18px;padding:18px 20px 14px;position:absolute}.st .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:10.5px;font-weight:800;display:flex}.st .eyebrow:after{content:"";background:var(--line);flex:1;height:1px}.st .story h2{font-family:var(--font-letter);letter-spacing:-.01em;text-wrap:balance;margin:8px 0 6px;font-size:34px;font-weight:700;line-height:1.08}.st .story p{max-width:62ch;margin:0;font-size:15px;line-height:1.55}.st .snd{font-family:var(--font-letter);white-space:nowrap;font-weight:700}.st .snd .u{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.st .presets{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-l,0px), #000 calc(100% - var(--fade-r,0px)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-l,0px), #000 calc(100% - var(--fade-r,0px)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-l,0px), #000 calc(100% - var(--fade-r,0px)), transparent 100%);flex-wrap:nowrap;gap:6px;margin-top:12px;padding-bottom:2px;display:flex;overflow-x:auto}.st .presets::-webkit-scrollbar{display:none}.st .presets>*{white-space:nowrap;scroll-snap-align:start;flex:none}.st .pill{border:1px solid var(--line);color:var(--accent);background:0 0;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:800}.st .pill:hover{background:var(--chip)}.st .pill[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:#0000}.st .pill.solid{background:var(--accent);color:var(--accent-ink);border-color:#0000;align-items:center;text-decoration:none;display:inline-flex}.st .story-nav{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.st .story-nav .count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.st .nav-btn{border:1px solid var(--line);background:0 0;border-radius:999px;place-items:center;width:32px;height:32px;display:inline-grid}.st .nav-btn:disabled{opacity:.35;cursor:default}.st .nav-btn svg{width:15px;height:15px}.st .story-nav .spacer{flex:1}.st .link-btn{color:var(--muted);background:0 0;border:0;padding:6px 4px;font-size:12.5px;font-weight:800}.st .link-btn:hover{color:var(--ink)}.st .detail{right:20px;top:calc(env(safe-area-inset-top,0px) + 66px);width:336px;max-height:calc(100% - 136px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:16px;padding:16px 18px 18px;position:absolute;overflow:auto}.st .d-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.st .d-head{align-items:center;gap:14px;display:flex}.st .d-glyph{width:92px;height:92px;font-family:var(--font-letter);color:var(--tile-ink);border-radius:16px;flex:none;place-items:center;font-size:52px;font-weight:700;display:grid;box-shadow:inset 0 -5px #0000001a,0 4px 12px #0000001a}.st .d-glyph.voiced-th span{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:4px}.st .d-meta{min-width:0}.st .d-kind{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.st .d-key{margin-top:4px;font-size:15px}.st .d-key .w{font-family:var(--font-letter);font-size:26px}.st .mark{text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.st .w .dim{opacity:.55}.st .d-ipa{color:var(--muted);margin-top:2px;font-size:12px}.st .d-ipa span{font-family:var(--font-letter)}.st .d-play{gap:8px;margin-top:14px;display:flex}.st .play{background:var(--accent);height:38px;color:var(--accent-ink);border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.st .play.ghost{background:var(--chip);color:var(--ink)}.st .play svg{width:14px;height:14px}.st .detail h3{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px;font-size:10.5px;font-weight:800}.st .detail p{margin:0;font-size:14px;line-height:1.5}.st .detail .voice-line{color:var(--muted);margin-top:6px}.st .d-mouth{background:var(--chip);box-sizing:border-box;border-radius:12px;margin:4px 0 10px;padding:6px 4px 2px}.st .pair-btn{border:1px solid var(--line);font-family:var(--font-letter);background:0 0;border-radius:8px;padding:1px 8px;font-size:15px;font-weight:700}.st .spellings{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.st .spellings button{border:1px solid var(--line);text-align:left;background:0 0;border-radius:10px;justify-content:space-between;align-items:baseline;gap:8px;width:100%;padding:7px 10px;display:flex}.st .spellings button:hover{background:var(--chip)}.st .spellings .g{font-family:var(--font-letter);font-size:18px;font-weight:700}.st .spellings .w{font-family:var(--font-letter);color:var(--muted);font-size:15px}.st .spellings .w .mark{color:var(--ink)}.st .cta{background:var(--chip);border-radius:12px;flex-direction:column;gap:10px;margin-top:18px;padding:14px;display:flex}.st .cta p{font-size:13.5px}.st .cta-row{flex-wrap:wrap;gap:8px;display:flex}.st .cta .words{font-family:var(--font-letter);color:var(--muted);word-break:break-word;font-size:13px}.st .tooltip{z-index:5;pointer-events:none;background:var(--surface-solid);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:10px;padding:5px 10px;font-size:13px;font-weight:700;position:fixed;transform:translate(-50%,calc(-100% - 14px))}.st .tooltip .snd{font-size:15px}.st .corner{right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);align-items:center;gap:14px;display:flex;position:absolute}.st .hint{color:var(--muted);pointer-events:none;font-size:12px;font-weight:700}.st.has-detail .hint{display:none}.st.projector .corner{top:calc(env(safe-area-inset-top,0px) + 62px);bottom:auto}.st .caption{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);background:var(--surface);border:1px solid var(--line);max-width:calc(100% - 48px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;align-items:center;gap:28px;padding:18px 30px;display:flex;position:absolute;transform:translate(-50%)}.st .caption .d-glyph{border-radius:22px;width:130px;height:130px;font-size:76px}.st .caption .cap-key{font-family:var(--font-letter);font-size:64px;line-height:1}.st .caption .cap-spell{font-family:var(--font-letter);color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:26px;display:flex}.st .caption .cap-spell b{color:var(--ink)}.st.has-detail .rail{display:none!important}.st.projector .rail,.st.projector .story,.st.projector .detail,.st.projector .hint,.st.projector .brand,.st.no-webgl .stage,.st.no-webgl .rail,.st.no-webgl .hint{display:none}.st.no-webgl .sound-list{clip:auto;white-space:normal;width:auto;height:auto;position:absolute;inset:70px 20px auto;overflow:visible}.st.no-webgl .sound-list ul{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.st.no-webgl .sound-list button{width:100%;height:64px;font-family:var(--font-letter);color:var(--tile-ink);border:0;border-radius:12px;font-size:24px;font-weight:700}@media (max-width:760px){.st .topbar{left:16px;right:16px;top:calc(env(safe-area-inset-top,0px) + 12px)}.st .mobile-only{display:inline-flex}.st .brand-site,.st .icon-btn .txt{display:none}.st .icon-btn{padding:0 10px}.st .rail{width:auto;top:auto;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:3;max-height:64%;display:none}.st .rail.open{display:flex}.st .story{width:auto;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);padding:14px 16px 10px}.st .story h2{font-size:26px}.st .story p{font-size:14px}.st .detail{width:auto;top:auto;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:4;max-height:62%}.st.has-detail .story,.st .hint{display:none}.st .corner{right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + var(--story-h,210px) + 22px)}.st.has-detail .corner{display:none}.st .caption{gap:16px;padding:14px 18px}.st .caption .d-glyph{width:84px;height:84px;font-size:48px}.st .caption .cap-key{font-size:38px}.st .caption .cap-spell{font-size:18px}}