*{box-sizing:border-box;margin:0;padding:0}:root{--cell-line:color-mix(in srgb,var(--text) 22%,var(--bg));--bg:#000000;--text:#f0efe9;--muted:#9a9aa4;--line:#2e2e36;--accent:#41FDFE;--fs:12px;--ctl-h:22px;--bar:208px;--sp-1:4px;--sp-2:8px;--sp-3:14px;--sp-4:20px;--sp-5:28px;--sp-6:36px;--gap-control:var(--sp-1);--gap-group:var(--sp-2);--pad-page:var(--sp-3);--pad-panel:var(--sp-4);--gap-section:var(--sp-6)}[data-theme="light"]{--bg:#ffffff;--text:#111111;--muted:#77777f;--line:#d9d9de;--accent:#41FDFE}[data-theme="light"] svg [fill="#ffffff"]{fill:#000000}[data-theme="light"] svg [stroke="#ffffff"]{stroke:#000000}svg [fill="#000000"]{fill:var(--bg)}svg [stroke="#000000"]{stroke:var(--bg)}@font-face{font-family:"TypeChainUI";src:url("/assets/fonts/TypeChain-Seed223950761664.woff2") format("woff2"),url("/assets/fonts/TypeChain-Seed223950761664.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}body,button,input,select,output,label,h2,a.modal-button{font-family:"TypeChainUI",Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:var(--fs);font-weight:400;letter-spacing:normal;text-transform:none}body{background:var(--bg);color:var(--text);padding:var(--pad-page);display:flex;align-items:flex-start;gap:var(--sp-4)}body,.controls,.credits,.credit-label,.control-group label,.metric-row label,#mobile-bar,.mobile-tools,input[type="text"],input[type="number"],select{transition:background-color 0.45s ease,border-color 0.45s ease,color 0.45s ease}html.repalette button:not(.glyph-card):not(.preview-glyph),html.repalette .select-trigger{transition:background-color 0.45s ease,border-color 0.45s ease,color 0.45s ease}html.repalette .slider-pill,html.repalette .sliders.glide .slider-pill{transition:left 0.35s ease,background-color 0.45s ease,color 0.45s ease}header{width:var(--bar);flex-shrink:0;position:sticky;top:14px;height:calc(100vh - 28px);overflow:hidden;display:flex;flex-direction:column}header > .controls{flex:1 1 auto;min-height:0;overflow-y:auto}header > .theme-row{flex:none;margin-top:auto}.credits{border:none;background:transparent;color:var(--muted);flex-shrink:0}.credits div + div{margin-top:0}.control-group:has(.metric-row){margin-top:var(--sp-3)}#fit-group{margin:var(--sp-2) 0}.credit-label{display:inline;color:var(--muted)}.credits a{color:var(--text);text-decoration:none}@media (hover:hover){.credits a:hover{color:var(--accent)}}.control-group.inline{display:flex;align-items:center;gap:var(--sp-2)}.control-group.inline + .control-group.inline{margin-top:calc(-1 * var(--sp-1))}.control-group.inline > label{flex:none;margin:0}header .select-wrap,header .control-group > select{width:66.667%;flex:0 0 66.667%;min-width:0;margin-left:auto}header .control-group > select#form-select,header .control-group > select#outline-select{width:100%;flex:1 1 auto}header .select-wrap:has(#form-select),header .select-wrap:has(#outline-select){width:100%;flex:1 1 auto}.theme-row{display:flex;gap:var(--gap-control);align-items:center}.icon-btn{padding:0 calc((var(--bar) - 5 * var(--gap-control) - 6 * 18px) / 12);display:flex;align-items:center;color:var(--muted)}.icon-btn.on{color:var(--accent);border-color:var(--accent)}.icon-btn.on:active{color:var(--bg)}@media (hover:hover){.icon-btn.on:hover{color:var(--bg)}}main{flex:1;min-width:0;position:relative;z-index:1}#play-stage{display:none}body.playing #play-stage{display:flex;position:fixed;inset:0;z-index:80;align-items:center;justify-content:center;padding:4vmin;overflow:hidden;background:var(--bg);user-select:none;-webkit-user-select:none;opacity:1;transition:opacity 0.45s ease,background-color 0.9s ease}body.playing.play-in #play-stage,body.playing.play-out #play-stage{opacity:0}#play-source button,#play-download,#play-close{cursor:default}body.scroll-reveal.playing{padding-top:calc(100vh + var(--sp-3))}body.scroll-reveal.playing #play-stage,body.scroll-reveal.playing.play-in #play-stage,body.scroll-reveal.playing.play-out #play-stage{opacity:var(--stage-opacity,1);filter:blur(calc((1 - var(--stage-opacity,1)) * 7px));transition:background-color 0.9s ease}body.scroll-reveal.scroll-moving::after{content:"";position:fixed;inset:0;z-index:79;pointer-events:none;-webkit-backdrop-filter:blur(calc(var(--stage-opacity,0) * 7px));backdrop-filter:blur(calc(var(--stage-opacity,0) * 7px))}body.scroll-reveal.stage-held > header,body.scroll-reveal.stage-held > main,body.scroll-reveal.stage-held > .rightbar{visibility:hidden}body.scroll-reveal.stage-held #play-stage{visibility:visible}body.scroll-reveal #play-word{transform-origin:top left;will-change:transform}@media (max-width:900px){body.scroll-reveal.playing{padding-top:0;margin-top:100vh}}body.playing:not(.play-out):not(.scroll-reveal) > header,body.playing:not(.play-out):not(.scroll-reveal) > main,body.playing:not(.play-out):not(.scroll-reveal) > .rightbar,body.playing:not(.play-out):not(.scroll-reveal) > #mobile-bar,body.playing:not(.play-out):not(.scroll-reveal) > .mobile-tools,body.playing:not(.play-out):not(.scroll-reveal) > .drawer,body.playing:not(.play-out):not(.scroll-reveal) > .drawer-backdrop{display:none}body.booting-play > header,body.booting-play > main,body.booting-play > .rightbar,body.booting-play > #mobile-bar,body.booting-play > .mobile-tools,body.booting-play > .drawer,body.booting-play > .drawer-backdrop{visibility:hidden}#play-word{display:flex;flex-direction:column;align-items:center;translate:0 -3vh}.play-row + .play-row{margin-top:calc(var(--play-h,120px) * var(--play-lead,-0.28))}.play-row{display:flex;align-items:flex-start;justify-content:center;gap:calc(var(--play-h,120px) * var(--play-gap,0.072))}.play-letter{display:block;opacity:1;transition:opacity 0.45s ease}.play-letter.out{opacity:0}.play-letter svg{display:block;height:var(--play-h,120px);width:auto}.play-space{display:block;width:calc(var(--play-h,120px) * 0.42)}.play-letter svg [fill="#000000"]{fill:#000000}.play-letter svg [stroke="#000000"]{stroke:#000000}[data-theme="light"] .play-letter svg [fill="#ffffff"]{fill:#ffffff}[data-theme="light"] .play-letter svg [stroke="#ffffff"]{stroke:#ffffff}body.playing #theme-tools{position:fixed;left:14px;bottom:14px;z-index:90;margin:0;cursor:default}body.playing #theme-tools .icon-btn{background:var(--bg)}@media (max-width:900px){body.playing.play-out #theme-tools{opacity:0;transition:opacity 0.45s ease}body.playing #theme-tools{left:50%;transform:translateX(-50%)}body.playing.menu-open #theme-tools{opacity:0;pointer-events:none;transition:opacity 0.25s ease}}#play-seed{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:2;padding:var(--sp-1) 0;line-height:16px;white-space:nowrap;color:var(--muted);pointer-events:none}#play-seed{transition:background-color 0.9s ease,border-color 0.9s ease,color 0.9s ease}body.playing #theme-tools .icon-btn,#play-source button,#play-download,#play-close{box-shadow:inset 0 0 0 999px transparent;transition:background-color 0.9s ease,box-shadow 0.15s ease,color 0.9s ease,border-color 0.9s ease}body.scroll-reveal.playing:not(.stage-held):not(.scroll-moving) #theme-tools .icon-btn{transition:background 0.15s ease}html.repalette body.scroll-reveal.playing:not(.stage-held):not(.scroll-moving) #theme-tools .icon-btn{transition:background-color 0.45s ease,border-color 0.45s ease,color 0.45s ease}body.scroll-moving #theme-tools .icon-btn,body.scroll-moving #play-seed,body.scroll-moving #play-source button,body.scroll-moving #play-text,body.scroll-moving #play-hint,body.scroll-moving #play-download,body.scroll-moving #play-close{transition:box-shadow 0.15s ease}body.stage-held #theme-tools .icon-btn:active,body.playing:not(.scroll-reveal) #theme-tools .icon-btn:active,#play-source button:active,#play-download:active,#play-close:active{box-shadow:inset 0 0 0 999px var(--stage-on,var(--on-accent,var(--accent)));color:var(--stage-ground,var(--bg));border-color:var(--stage-on,var(--on-accent,var(--accent)))}@media (hover:hover){body.stage-held #theme-tools .icon-btn:hover,body.playing:not(.scroll-reveal) #theme-tools .icon-btn:hover,#play-source button:hover,#play-download:hover,#play-close:hover{box-shadow:inset 0 0 0 999px var(--stage-on,var(--on-accent,var(--accent)));color:var(--stage-ground,var(--bg));border-color:var(--stage-on,var(--on-accent,var(--accent)))}}body.scroll-reveal.playing:not(.stage-held) #theme-tools .icon-btn:active{box-shadow:inset 0 0 0 999px var(--accent);color:var(--bg);border-color:var(--accent)}@media (hover:hover){body.scroll-reveal.playing:not(.stage-held) #theme-tools .icon-btn:hover{box-shadow:inset 0 0 0 999px var(--accent);color:var(--bg);border-color:var(--accent)}}#play-download,#play-close{position:absolute;top:14px;z-index:2;background:var(--stage-ground,var(--bg));color:var(--stage-on,var(--on-accent,var(--muted)));border-color:var(--stage-on,var(--on-accent,var(--line)));white-space:nowrap}body.scroll-reveal.playing #theme-tools .icon-btn{background:color-mix(in srgb,var(--stage-ground,var(--bg)) calc(var(--stage-opacity,1) * 100%),var(--bg));color:color-mix(in srgb,var(--stage-on,var(--on-accent,var(--muted))) calc(var(--stage-opacity,1) * 100%),var(--muted));border-color:color-mix(in srgb,var(--stage-on,var(--on-accent,var(--line))) calc(var(--stage-opacity,1) * 100%),var(--line))}body.scroll-reveal.playing #theme-tools .icon-btn.on{color:color-mix(in srgb,var(--stage-ink,var(--accent)) calc(var(--stage-opacity,1) * 100%),var(--accent));border-color:color-mix(in srgb,var(--stage-ink,var(--accent)) calc(var(--stage-opacity,1) * 100%),var(--accent))}@supports (color:color-mix(in srgb,red,blue)){body.scroll-reveal.playing #play-text,body.scroll-reveal.playing #play-source button{background:color-mix(in srgb,var(--stage-ground,var(--bg)) calc(var(--stage-opacity,1) * 100%),var(--bg));color:color-mix(in srgb,var(--stage-on,var(--on-accent,var(--muted))) calc(var(--stage-opacity,1) * 100%),var(--muted));border-color:color-mix(in srgb,var(--stage-on,var(--on-accent,var(--line))) calc(var(--stage-opacity,1) * 100%),var(--line))}body.scroll-reveal.playing #play-text::placeholder{color:color-mix(in srgb,var(--stage-on,var(--on-accent,var(--muted))) calc(var(--stage-opacity,1) * 100%),var(--muted))}body.scroll-reveal.playing #play-text.on,body.scroll-reveal.playing #play-text:focus{color:color-mix(in srgb,var(--stage-on,var(--on-accent,var(--text))) calc(var(--stage-opacity,1) * 100%),var(--text));border-color:color-mix(in srgb,var(--stage-ink,var(--accent)) calc(var(--stage-opacity,1) * 100%),var(--accent));caret-color:color-mix(in srgb,var(--stage-ink,var(--accent)) calc(var(--stage-opacity,1) * 100%),var(--accent))}body.scroll-reveal.playing #play-source button.on{color:color-mix(in srgb,var(--stage-ink,var(--accent)) calc(var(--stage-opacity,1) * 100%),var(--accent));border-color:color-mix(in srgb,var(--stage-ink,var(--accent)) calc(var(--stage-opacity,1) * 100%),var(--accent))}}body.playing:not(.scroll-reveal) #theme-tools .icon-btn,body.stage-held #play-source button,body.playing:not(.scroll-reveal) #play-source button{background:var(--stage-ground,var(--bg));color:var(--stage-on,var(--on-accent,var(--muted)));border-color:var(--stage-on,var(--on-accent,var(--line)))}body.playing:not(.scroll-reveal) #theme-tools .icon-btn.on{color:var(--stage-ink,var(--accent));border-color:var(--stage-ink,var(--accent))}body.playing #play-seed,body.playing #play-hint{color:var(--stage-on,var(--on-accent,var(--muted)))}#play-download{right:14px}#play-close{left:14px}body:not(.playing) #play-download,body:not(.playing) #play-close{display:none}#play-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:2;display:flex;gap:2em;padding:var(--sp-1) 0;line-height:16px;white-space:nowrap;color:var(--muted);pointer-events:none;transition:color 0.9s ease}body:not(.playing) #play-hint{display:none}#play-text{position:absolute;right:14px;bottom:14px;z-index:2;width:var(--play-tools-w,186px);max-width:calc(100vw - 28px);background:var(--bg);color:var(--muted);text-overflow:ellipsis;cursor:text;user-select:text;-webkit-user-select:text;transition:background-color 0.9s ease,color 0.25s ease,border-color 0.25s ease}#play-source{position:absolute;right:calc(18px + var(--play-tools-w,186px));bottom:14px;z-index:2;display:flex;gap:var(--gap-control)}#play-source button{background:var(--bg);color:var(--muted)}#wiki-btn.on,#pangram-btn.on,#play-source button.on{color:var(--accent);border-color:var(--accent)}#wiki-btn.on:active,#pangram-btn.on:active,#play-source button.on:active{color:var(--bg)}@media (hover:hover){#wiki-btn.on:hover,#pangram-btn.on:hover,#play-source button.on:hover{color:var(--bg)}}@media (max-width:700px){#play-source{display:none}}#play-text::placeholder{color:var(--muted);opacity:0.55}@media (hover:hover){#play-text:hover{border-color:var(--muted)}}body.stage-held #play-text,body.playing:not(.scroll-reveal) #play-text{background:var(--stage-ground,var(--bg));color:var(--stage-on,var(--on-accent,var(--muted)));border-color:var(--stage-on,var(--on-accent,var(--line)))}body.stage-held #play-text::placeholder,body.playing:not(.scroll-reveal) #play-text::placeholder{color:var(--stage-on,var(--on-accent,var(--muted)))}body.stage-held #play-text.on,body.stage-held #play-text:focus,body.playing:not(.scroll-reveal) #play-text.on,body.playing:not(.scroll-reveal) #play-text:focus{color:var(--stage-on,var(--on-accent,var(--text)));border-color:var(--stage-ink,var(--accent));caret-color:var(--stage-ink,var(--accent))}body.stage-held #play-source button.on,body.playing:not(.scroll-reveal) #play-source button.on{color:var(--stage-ink,var(--accent));border-color:var(--stage-ink,var(--accent))}#play-text.on{color:var(--text);border-color:var(--accent)}#play-text:focus{color:var(--text);border-color:var(--accent);caret-color:var(--accent);outline:none}@media (pointer:coarse),(max-width:900px){.play-key{display:none}}@media (max-width:900px){#play-text{left:14px;right:14px;bottom:46px;width:auto;max-width:none}#play-seed{display:none}}@media (prefers-reduced-motion:reduce){.play-letter{transition:none}body.playing #play-stage{transition:background-color 0.9s ease}}.controls{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-group);background:transparent;border:none;padding:0 0 var(--sp-2);margin-bottom:var(--sp-2);flex-shrink:0}.control-group select,.control-group input[type="text"]{width:100%}#mobile-bar{display:none}.drawer,.drawer-backdrop{display:none}.mobile-tools{display:none}.preview-tools{display:none}#preview-typer{display:none}@media (max-width:900px){:root{--ctl-h:24px}html,body{overflow-x:hidden}body{display:block;padding:0;gap:0}main{overflow-x:auto}#preview,.glyph-grid{max-width:100%}#mobile-bar{display:flex;align-items:center;gap:var(--sp-2);position:fixed;top:auto;bottom:var(--sp-3);left:0;right:0;z-index:70;padding:0 var(--sp-3);background:transparent;pointer-events:none}#mobile-bar > *{pointer-events:auto}#mobile-bar::before{content:"";position:absolute;left:0;right:0;bottom:calc(-1 * var(--sp-3));height:calc(var(--ctl-h) + var(--sp-3) * 4);z-index:-1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to top,#000 0,#000 55%,transparent 100%);mask-image:linear-gradient(to top,#000 0,#000 55%,transparent 100%)}#mobile-bar #menu-btn,#mobile-bar .seed-row > button{background:var(--bg)}body.scroll-reveal.stage-held #mobile-bar{visibility:hidden}#mobile-bar .control-group{flex:0 0 auto;min-width:0;margin:0}#mobile-bar .control-group > label{display:none}#mobile-bar .seed-row{display:flex;gap:var(--gap-control);width:auto;align-items:stretch}#mobile-bar .seed-row > input{display:none}#mobile-bar .seed-row > button{flex:0 0 auto;width:76px;min-width:0;white-space:nowrap}#mobile-bar #menu-btn{flex-shrink:0;width:44px;height:24px;box-sizing:border-box;padding:0;justify-content:center;margin-right:auto}#fullscreen-btn{display:none}.mobile-tools{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-5) var(--sp-3) var(--sp-2);background:var(--bg)}.mobile-tools .control-group{margin:0;min-width:0}.mobile-tools .control-group.buttons{flex:0 0 50%}.mobile-tools .control-group.buttons button{width:auto;white-space:nowrap}.mobile-tools .slider-group{flex:1 1 auto;display:flex;align-items:center;gap:var(--sp-2);min-width:0}.mobile-tools .slider-group > label{flex:0 0 auto;margin:0}.mobile-tools .slider-group .slider-wrap{flex:1 1 auto;min-width:0}.preview-tools{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3);position:relative;z-index:6}.preview-tools .control-group{margin:0;padding:0}main{padding:var(--sp-3)}main{padding-bottom:calc(var(--ctl-h) + var(--sp-3) * 2 + var(--sp-2))}.drawer{display:block;position:fixed;top:0;left:0;bottom:0;width:86%;max-width:340px;padding:var(--sp-3);background:var(--bg);border-right:1px solid var(--line);z-index:90;overflow-y:auto;transform:translateX(-102%);transition:transform 0.25s ease,background-color 0.45s ease,border-color 0.45s ease}body.menu-open .drawer{transform:none}.drawer-backdrop{display:block;position:fixed;inset:0;z-index:85;background:rgba(0,0,0,0.45);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:opacity 0.25s ease,-webkit-backdrop-filter 0.25s ease,backdrop-filter 0.25s ease}body.menu-open .drawer-backdrop{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.drawer header,.drawer .rightbar,.drawer header > .controls{position:static;width:100%;height:auto;max-height:none;overflow:visible}.drawer header{margin-bottom:var(--sp-4)}.drawer > .theme-row{margin-top:var(--sp-4)}.preview-section{position:relative}#preview-typer{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:transparent;caret-color:var(--accent);font-size:16px;resize:none;outline:none;z-index:5;-webkit-text-fill-color:transparent}main .glyph-grid{grid-template-columns:repeat(auto-fill,minmax(calc(var(--spec-size,56px) + 28px),1fr))}main .glyph-card{padding:var(--sp-2) var(--sp-1) var(--sp-1)}main .glyph-card svg{height:var(--spec-size,118px);max-height:var(--spec-size,118px)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.noscript-note{margin:0;padding:var(--pad-page);border-bottom:1px solid var(--line);color:var(--text);max-width:60ch}.control-group label{display:block;color:var(--muted);margin-bottom:var(--sp-1)}.metric-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-1);margin-bottom:0}.metric-row + .metric-row{margin-top:var(--gap-control)}.metric-row label{color:var(--text);margin-bottom:0}.metric-row input[type="number"]{width:62px;padding:var(--sp-1) var(--sp-1);border:1px solid var(--line);background:transparent;color:var(--text);font-variant-numeric:tabular-nums}.btn-row{display:flex;gap:var(--gap-control)}.btn-row button{flex:1 1 0;min-width:0;padding:var(--sp-1) 0}.metric-btn-row{margin-top:var(--gap-control)}#metrics-default.on{color:var(--accent);border-color:var(--accent)}#metrics-default.on:active{color:var(--bg)}@media (hover:hover){#metrics-default.on:hover{color:var(--bg)}}#metrics-btn{width:100%;margin-top:var(--gap-control);margin-bottom:var(--sp-3);padding:var(--sp-1) 0}#metrics-btn.on{color:var(--accent);border-color:var(--accent)}#metrics-btn.on:active{color:var(--bg)}@media (hover:hover){#metrics-btn.on:hover{color:var(--bg)}}.rightbar{width:var(--bar);flex-shrink:0;position:sticky;top:14px;height:calc(100vh - 28px);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-2)}header .theme-row{margin-top:auto;flex-shrink:0;justify-content:flex-start}.seed-row{display:flex;gap:var(--gap-control)}.seed-row input{flex:1;min-width:0}.seed-row button{width:62px;padding:var(--sp-1) 0;flex-shrink:0}.upload-row{display:flex;gap:var(--gap-control)}.upload-row button:first-child{flex:1;min-width:0;padding:var(--sp-1) var(--sp-2)}#upload-clear{border:1px solid var(--line);font-size:14px;line-height:1;flex-shrink:0;overflow:hidden;width:0;padding-left:0;padding-right:0;border-left-width:0;border-right-width:0;margin-left:calc(-1 * var(--gap-control));opacity:0;transform:translateX(6px);visibility:hidden;transition:width 0.3s ease,padding 0.3s ease,margin-left 0.3s ease,border-width 0.3s ease,opacity 0.22s ease,transform 0.3s ease,visibility 0s linear 0.3s}.upload-row.loaded #upload-clear{width:28px;padding-left:var(--sp-1);padding-right:var(--sp-1);border-left-width:1px;border-right-width:1px;margin-left:0;opacity:1;transform:none;visibility:visible;transition:width 0.3s ease,padding 0.3s ease,margin-left 0.3s ease,border-width 0.3s ease,opacity 0.22s ease,transform 0.3s ease,visibility 0s}@media (prefers-reduced-motion:reduce){#upload-clear,.upload-row.loaded #upload-clear{transition:none}}.upload-name{margin-top:var(--sp-1);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-name.error{color:#ff6b6b}.kern-note{margin-top:var(--sp-1);color:var(--muted);line-height:1.35}.outline-row{display:flex;gap:var(--gap-control);margin-top:var(--gap-control)}.outline-col{flex:1 1 50%;min-width:0}.outline-col input[type="number"]{width:100%;padding:var(--sp-1) var(--sp-2);border:1px solid var(--line);background:transparent;color:var(--text);font-variant-numeric:tabular-nums}.outline-col input[type="number"]:disabled{opacity:0.35}#outline-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-control);margin-top:var(--gap-control);margin-bottom:var(--sp-3)}.outline-style-btn{padding:3px 0 1px;display:flex;align-items:center;justify-content:center;color:var(--muted)}@media (hover:hover){.outline-style-btn:hover{color:var(--bg)}}.outline-style-btn.on{color:var(--accent);border-color:var(--accent)}.outline-style-btn.on:active{color:var(--bg)}@media (hover:hover){.outline-style-btn.on:hover{color:var(--bg)}}input[type="text"],select{padding:var(--sp-1) var(--sp-2);border:1px solid var(--line);border-radius:0;background:transparent;color:var(--text)}#seed-input{width:100px;font-variant-numeric:tabular-nums}select{appearance:none;-webkit-appearance:none;padding-right:var(--sp-5);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}[data-theme="light"] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23000000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E")}input:focus,select:focus,button:focus{outline:none}.select-wrap{position:relative}.select-wrap select{display:none}.select-trigger{width:100%;padding:var(--sp-1) var(--sp-5) var(--sp-1) var(--sp-2);border:1px solid var(--line);color:var(--text);cursor:pointer;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E") no-repeat right 9px center}[data-theme="light"] .select-trigger{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%23000000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5'/%3E%3C/svg%3E")}.select-trigger:focus{outline:none}.select-panel{position:fixed;z-index:100;max-height:280px;overflow-y:auto;background:var(--bg);border:1px solid var(--line)}.select-option{padding:var(--sp-1) var(--sp-2);color:var(--text);cursor:pointer;white-space:nowrap}.select-option.sel{background:color-mix(in srgb,var(--text) 12%,transparent)}.select-option.active{background:var(--accent);color:var(--bg)}button:not(.glyph-card):not(.preview-glyph),a.modal-button,.select-trigger,input[type="text"],input[type="number"]{height:var(--ctl-h);padding-top:0;padding-bottom:0;line-height:1}button:not(.glyph-card):not(.preview-glyph),a.modal-button,.select-trigger{display:flex;align-items:center;justify-content:center}.select-trigger{justify-content:flex-start}button,a.modal-button{padding:var(--sp-1) var(--sp-3);border:1px solid var(--line);border-radius:0;background:transparent;color:var(--text);cursor:pointer;transition:background 0.15s ease}a.modal-button{padding-top:0;padding-bottom:0;text-decoration:none}button:active,a.modal-button:active{background:var(--accent);color:var(--bg);border-color:var(--accent)}@media (hover:hover){button:hover,a.modal-button:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}}button.primary{background:transparent;color:var(--text);border:1px solid var(--line);padding:var(--sp-1) var(--sp-3)}button.primary:active{background:var(--accent);color:var(--bg);border-color:var(--accent)}@media (hover:hover){button.primary:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}}.buttons{display:flex;flex-direction:column;gap:var(--gap-control)}.download-status{font-size:12px;color:var(--muted);line-height:1.3}.sliders{display:flex;flex-direction:column;gap:var(--gap-control);margin-top:var(--sp-3);margin-bottom:var(--sp-3)}.slider-group{width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--sp-2)}.slider-group > label{flex:0 0 58px;margin-bottom:0;line-height:1}.slider-group > .slider-wrap{flex:1 1 auto;min-width:0}.slider-wrap{position:relative;height:18px;background:linear-gradient(var(--line),var(--line)) no-repeat left center / 100% 1px}.slider-wrap input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:18px;margin:0;background:transparent;cursor:pointer}.slider-wrap input[type="range"]::-webkit-slider-runnable-track{height:1px;background:transparent}.slider-wrap input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:16px;background:transparent;border:none;box-shadow:none;margin-top:-7px}.slider-wrap input[type="range"]::-moz-range-track{height:1px;background:transparent}.slider-wrap input[type="range"]::-moz-range-thumb{width:34px;height:16px;background:transparent;border:none;box-shadow:none}.slider-pill{position:absolute;top:1px;height:16px;min-width:34px;border-radius:8px;background:var(--accent);left:calc(17px + (100% - 34px) * var(--pct,50) / 100);transform:translateX(-50%);display:flex;align-items:center;justify-content:center;color:var(--bg);font-variant-numeric:tabular-nums;pointer-events:none}.sliders.glide .slider-pill{transition:left 0.35s ease}.slider-toggle{-webkit-appearance:none;appearance:none;flex:0 0 auto;width:15px;height:15px;margin:0;padding:0;border:1px solid var(--line);border-radius:0;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background 0.15s ease}.slider-toggle::before{content:"";font-size:16px}.slider-toggle:checked{color:var(--accent);border-color:var(--accent)}.slider-toggle:checked::before{content:"\00d7"}@media (hover:hover){.slider-toggle:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}}.slider-toggle:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.slider-group.off > label,.slider-group.off .slider-wrap{opacity:0.4}.slider-group.off .slider-wrap input[type="range"]{cursor:default}.control-group.na > label,.control-group.na .select-wrap,.control-group.na .outline-row,.control-group.na #outline-styles,.control-group.na .slider-wrap{opacity:0.4}.control-group.na .slider-toggle{cursor:default}@media (hover:hover){.control-group.na .slider-toggle:hover{background:transparent;border-color:var(--line);color:var(--muted)}}.preview-section{margin-bottom:var(--sp-6)}.preview-header{margin:0 0 var(--sp-1)}#preview-input{width:100%;border:none;background:transparent;padding:0;line-height:normal;white-space:pre-wrap;text-align:left;cursor:default}#preview-input.title-label{color:var(--muted)}.preview{background:transparent;border:none;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;row-gap:0;min-height:150px;overflow:visible}.preview-word{display:flex;align-items:stretch;flex-wrap:wrap;max-width:100%;position:relative}.preview-glyph{border:1px solid transparent;margin-right:-1px;display:flex;align-items:center}.preview-glyph svg{height:var(--spec-size,120px);width:auto;display:block}.preview-space{border:1px solid transparent;margin-right:-1px;width:var(--space,26px);flex-shrink:0;position:relative}.preview-space.hung{visibility:hidden;height:0;border-width:0;margin-bottom:0}#preview{cursor:text;outline:none}.spec-caret{width:0;position:relative;flex-shrink:0;align-self:stretch;margin-bottom:calc(-1px + var(--lead,0px));color:var(--accent);z-index:2;pointer-events:none}.spec-caret svg{position:absolute;top:clamp(0px,calc((100% - var(--spec-size,120px)) / 2),100%);left:0;transform:translateX(-50%);height:min(var(--caret-h,100%),100%);width:auto;overflow:visible}.preview-glyph.sel,.preview-space.sel{background:var(--accent)}.preview-glyph.sel svg [fill="#ffffff"]{fill:#000000}.preview-glyph.sel svg [stroke="#ffffff"]{stroke:#000000}.preview-glyph.sel svg [fill="#000000"]{fill:var(--accent)}.preview-glyph.sel svg [stroke="#000000"]{stroke:var(--accent)}.glyph-section{margin-bottom:var(--gap-section)}.glyph-section:last-child{margin-bottom:0}.glyph-section h2{color:var(--muted);margin-bottom:var(--sp-2)}.specimen-notes{margin-top:var(--gap-section)}.note-col + .note-col{margin-top:var(--sp-5)}.specimen-notes h2{color:var(--muted);margin-bottom:var(--sp-2)}.specimen-notes dl{margin:0}.note-row{display:flex;gap:var(--sp-2)}.note-row + .note-row{margin-top:var(--sp-1)}.note-row dt{flex:0 0 88px;color:var(--muted)}.note-row dd{margin:0}.note-langs{margin:0}.glyph-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:0}.glyph-card{background:transparent;border:1px solid var(--line);border-radius:0;margin:0 -1px -1px 0;padding:var(--sp-3) var(--sp-3) var(--sp-2);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);transition:background-color 0.15s ease}@supports (color:color-mix(in srgb,red,blue)){.glyph-card{border-color:var(--cell-line)}}.glyph-foot{display:flex;align-items:baseline;justify-content:space-between;width:100%;margin-top:auto;gap:var(--sp-1)}.glyph-name{color:var(--muted);font-size:10px;letter-spacing:.02em}.glyph-card:active .glyph-name{color:var(--bg)}@media (hover:hover){.glyph-card:hover .glyph-name{color:var(--bg)}}.glyph-card:active{background:var(--accent);transform:none}@media (hover:hover){.glyph-card:hover{background:var(--accent);transform:none}}.glyph-card:active svg [fill="#ffffff"]{fill:var(--bg)}@media (hover:hover){.glyph-card:hover svg [fill="#ffffff"]{fill:var(--bg)}}.glyph-card:active svg [stroke="#ffffff"]{stroke:var(--bg)}@media (hover:hover){.glyph-card:hover svg [stroke="#ffffff"]{stroke:var(--bg)}}.glyph-card:active svg [fill="#000000"]{fill:var(--accent)}@media (hover:hover){.glyph-card:hover svg [fill="#000000"]{fill:var(--accent)}}.glyph-card:active svg [stroke="#000000"]{stroke:var(--accent)}@media (hover:hover){.glyph-card:hover svg [stroke="#000000"]{stroke:var(--accent)}}.glyph-card:active .glyph-label{color:var(--bg)}@media (hover:hover){.glyph-card:hover .glyph-label{color:var(--bg)}}.glyph-card svg{height:88px;width:auto;max-width:100%;display:block}.glyph-label{color:var(--muted)}@keyframes glyph-in{from{opacity:0;transform:translateY(8px) scale(0.9)}to{opacity:1;transform:none}}.glyph-enter svg{animation:glyph-in 0.22s ease-out backwards;animation-delay:calc(var(--i,0) * 1ms)}@keyframes glyph-fade{from{opacity:0}to{opacity:1}}.preview-glyph.glyph-enter svg{animation-name:glyph-fade}.preview-glyph.slide-from{transition:none}.preview-glyph.sliding{transition:transform 0.19s cubic-bezier(0.2,0.7,0.2,1)}@media (prefers-reduced-motion:reduce){.preview-glyph.sliding{transition:none}}.modal{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;background:transparent;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--sp-4)}.modal[hidden]{display:none}html.modal-open{overflow:hidden}html.modal-open body{padding-right:calc(var(--sp-3) + var(--sbw,0px))}html.modal-open aside,html.modal-open header,html.modal-open header > .controls,html.modal-open main,html.modal-open .rightbar,html.modal-open .drawer{overflow:hidden !important}body.stage-held .modal,body.playing:not(.scroll-reveal) .modal{--accent:var(--stage-ink);--on-accent:var(--text);--bg:var(--stage-ground)}.modal-card{background:var(--accent);border:0;max-width:460px;width:100%;padding:var(--pad-panel);transition:background-color 0.45s ease}.modal-card h2{font-size:12px;font-weight:400;margin:0 0 var(--sp-3);color:var(--on-accent,#fff)}.modal-body p{margin:0 0 var(--sp-3);color:var(--on-accent,#fff);line-height:1.5}.modal-note{margin:var(--sp-2) 0 0;color:var(--on-accent,#fff)}.modal-actions{display:flex;gap:var(--gap-control);justify-content:flex-end;margin-top:var(--sp-4)}.modal-check{display:flex;gap:var(--sp-2);align-items:flex-start;cursor:pointer}.modal-check input{margin-top:2px;flex:none;accent-color:var(--on-accent,#fff)}.modal-check span{color:var(--on-accent,#fff);line-height:1.5}.modal-actions button,.modal-actions a.modal-button,.about-col a.modal-button{background:transparent;color:var(--on-accent,#fff);border-color:var(--on-accent,#fff)}.modal-actions button:active,.modal-actions a.modal-button:active,.about-col a.modal-button:active{background:var(--bg);color:var(--accent);border-color:var(--bg)}@media (hover:hover){.modal-actions button:hover,.modal-actions a.modal-button:hover,.about-col a.modal-button:hover{background:var(--bg);color:var(--accent);border-color:var(--bg)}}#about-scroll .sheet-top{justify-content:flex-start}.about-terms{grid-column:1 / -1;margin-top:var(--sp-6);column-count:3;column-gap:var(--sp-5)}.about-terms h2,.about-terms h3{break-after:avoid;break-inside:avoid}.about-terms li,.about-terms p{break-inside:avoid}.about-terms > h2:first-child{column-span:all;margin-top:0}@media (max-width:620px){.about-terms{column-count:1}}.modal-card .credits{padding:1.2em 0 0;color:var(--on-accent,#fff);text-indent:0;line-height:1.2}.modal-card .credits .credit-label{color:inherit}.modal-card .credits a{color:var(--on-accent,#fff)}@media (hover:hover){.modal-card .credits a:hover{color:var(--bg)}}.modal-actions button:disabled{opacity:0.45;cursor:default}.modal-actions button:disabled:active{background:transparent;color:var(--on-accent,#fff);border-color:var(--on-accent,#fff)}@media (hover:hover){.modal-actions button:disabled:hover{background:transparent;color:var(--on-accent,#fff);border-color:var(--on-accent,#fff)}}.about-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5);align-items:start}@media (max-width:620px){.about-cols{grid-template-columns:minmax(0,1fr)}}.about-body{line-height:1.2}.about-col h3{margin:1.2em 0 0;font-size:inherit;font-weight:400}.about-col ul,.about-col ol{margin:0;padding-left:var(--sp-4)}.about-col li{margin:0}.about-col a.modal-button{display:inline-flex;margin-top:1.2em}.about-body p{margin:0;line-height:inherit}.about-body p + p{text-indent:var(--sp-5)}.about-body p:last-child{margin-top:1.2em;text-indent:0}.about-body p:has(+ a.modal-button){margin-top:1.2em;text-indent:0}.about-body a:not(.modal-button){color:var(--on-accent,#fff);text-decoration:underline;text-underline-offset:2px}@media (hover:hover){.about-body a.modal-button{text-decoration:none}.about-body a:hover{color:var(--bg)}}.progress-track{height:var(--ctl-h);background:color-mix(in srgb,var(--on-accent,#fff) 30%,transparent);overflow:hidden}.progress-bar{height:100%;width:0%;background:var(--on-accent,#fff);transition:width .25s ease}#about-modal{padding:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);transition:-webkit-backdrop-filter .16s ease,backdrop-filter .16s ease}#about-modal.open{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sheet-card{background:var(--accent);max-width:none;width:100%;height:100%;max-height:none;border:0;padding:0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .34s cubic-bezier(.22,.61,.36,1)}.modal.open .sheet-card{transform:translateY(0)}.sheet-scroll{flex:1;color:var(--on-accent,#fff);overflow-y:auto;overscroll-behavior:contain;padding:var(--sp-4) var(--sp-4) var(--sp-6);font-family:"TypeChainUI",Helvetica,"Helvetica Neue",Arial,sans-serif;line-height:1.2;scroll-behavior:smooth}.sheet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2em}.sheet-close{background:transparent;color:var(--on-accent,#fff);border-color:var(--on-accent,#fff)}.sheet-close:active{background:var(--bg);color:var(--accent);border-color:var(--bg)}@media (hover:hover){.sheet-close:hover{background:var(--bg);color:var(--accent);border-color:var(--bg)}}.terms-body,.terms-body h2,.terms-body h3,.terms-body p,.terms-body li,.terms-body strong,.terms-body em,.terms-body a{font-size:var(--fs);color:var(--on-accent,#fff);font-weight:400}.terms-body h2,.terms-body h3{margin:1.2em 0 0}.terms-body p,.terms-body ol,.terms-body ul{margin:0}.terms-body p + p{text-indent:40px}.terms-body a{text-decoration:none}@media (hover:hover){.terms-body a:hover{color:var(--bg)}}.terms-body ol,.terms-body ul{padding-left:var(--sp-4)}.terms-body li{margin:0}@media (prefers-reduced-motion:reduce){.sheet-card{transition:none}}.control-group label.has-icon{display:flex;align-items:center;flex:none;margin-bottom:0}.control-group label.has-icon svg{flex:none;display:block}.metric-btn-row button{display:flex;align-items:center;justify-content:center}.metric-btn-row button svg{display:block}.seg{display:flex;gap:var(--gap-control)}.seg + .seg{margin-top:var(--gap-control)}.seg-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--sp-1) 0}.seg-btn svg{display:block}.seg-ink{padding:0;height:var(--ctl-h)}#ink-seg{overflow:hidden;max-height:var(--ctl-h);visibility:visible;transition:max-height 0.3s ease,margin-top 0.3s ease,opacity 0.22s ease,transform 0.3s ease,visibility 0s}html.theme-forced #ink-seg{max-height:0;margin-top:0;opacity:0;transform:translateY(-6px);visibility:hidden;transition:max-height 0.3s ease,margin-top 0.3s ease,opacity 0.22s ease,transform 0.3s ease,visibility 0s linear 0.3s}@media (prefers-reduced-motion:reduce){#ink-seg,html.theme-forced #ink-seg{transition:none}}.seg-ink[data-ink="accent"]{background:var(--accent)}.seg-ink[data-ink="auto"]{background:var(--text)}.seg-ink.on{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--bg)}@media (hover:hover){.seg-ink:hover{box-shadow:inset 0 0 0 2px var(--bg)}}.preview.ink-accent svg [fill="#ffffff"]{fill:var(--accent)}.preview.ink-accent svg [stroke="#ffffff"]{stroke:var(--accent)}.seg-case{letter-spacing:.06em}.seg-spacing{height:var(--ctl-h);padding:0;letter-spacing:.04em}.seg-btn{color:var(--muted)}@media (hover:hover){.seg-btn:hover{color:var(--bg)}}.seg-btn.on{color:var(--accent);border-color:var(--accent)}.seg-btn.on:active{color:var(--bg)}@media (hover:hover){.seg-btn.on:hover{color:var(--bg)}}.preview-glyph,.preview-space{margin-bottom:calc(-1px + var(--lead,0px))}.preview{padding-bottom:max(0px,calc(-1 * var(--lead,0px)));margin-bottom:min(0px,calc(-1 * var(--lead,0px)))}.preview.center{justify-content:center}.preview.right{justify-content:flex-end}.preview.center .preview-word{justify-content:center}.preview.right .preview-word{justify-content:flex-end}