:root{color:var(--ink);background:var(--canvas);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--font-display:"Iowan Old Style", "Baskerville", "Times New Roman", serif;--ink:#292744;--muted:#625e78;--paper:#fffefc;--canvas:#f4f2f7;--line:#ded9ea;--line-dark:#858097;--lime:#ddf1e6;--lime-dark:#b7dfcc;--violet:#7b82f2;--violet-strong:#5258c4;--violet-soft:#e8e6ff;--blush:#f7d7e2;--rose:#f18baa;--mint:#ddf1e6;--peach:#f9dfc5;--focus:#3556d8;--radius:1.75rem;--shadow:0 28px 80px #3e386917;--view-shell-max:86rem;--view-shell-gutter:2rem;--view-content-inset:1rem;--surface-raised:#fffefc;--on-strong:#fffefc;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{background:radial-gradient(circle at 88% 5%, #c9c6ff3d, transparent 27rem), radial-gradient(circle at 8% 24%, #f7d7e233, transparent 22rem), var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);margin:0;line-height:1.55;overflow-x:hidden}button,input,textarea,select{font:inherit}button,summary,select,input[type=checkbox],input[type=range]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance;line-height:1.12}h1{letter-spacing:-.065em;margin-bottom:1.25rem;font-size:clamp(2.65rem,7vw,5.8rem)}h2{letter-spacing:-.045em;font-size:clamp(1.7rem,3vw,2.65rem)}h3{letter-spacing:-.02em;font-size:1.08rem}.shell{width:min(100% - 2rem,74rem);margin-inline:auto}.narrow-shell{width:min(100% - 2rem,50rem)}.view-shell{width:min(100% - var(--view-shell-gutter), var(--view-shell-max));margin-inline:auto}.view-leading{padding-inline:var(--view-content-inset)}.content-column{width:100%;max-width:78rem}.sr-only,.sr-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:.75rem;padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f7fbe6;border-bottom:1px solid #2927441a}.site-header .shell{width:min(100% - 2rem,86rem)}.header-inner{align-items:center;gap:1.25rem;min-height:4.75rem;display:flex;position:relative}.header-controls{order:2;align-items:center;gap:.75rem;margin-left:0;display:flex}.header-controls .menu-trigger{color:var(--ink);margin-left:0}.theme-toggle{border:1px solid var(--line);background:var(--canvas);border-radius:999px;flex:none;padding:3px;display:inline-flex}.theme-toggle button{width:44px;min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.theme-toggle button:disabled{opacity:1}:root[data-theme=light] [data-theme-choice=light],:root[data-theme=dark] [data-theme-choice=dark]{border-color:var(--line);background:var(--surface-raised);color:var(--ink);box-shadow:0 1px 4px #14102814}.theme-toggle svg,.back-to-top svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1rem;height:1rem}.back-to-top{z-index:10;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));visibility:hidden;border:1px solid var(--line-dark);background:var(--paper);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;box-shadow:0 3px 14px #1410281f}.back-to-top.visible{visibility:visible}.back-to-top:hover{background:var(--violet-soft)}.back-to-top svg{width:1.25rem;height:1.25rem}.brand{letter-spacing:.025em;white-space:nowrap;align-items:center;gap:.65rem;min-height:44px;font-size:.88rem;font-weight:790;text-decoration:none;display:inline-flex}.brand-mark{flex:none;grid-template-rows:repeat(3,.34rem);grid-template-columns:repeat(3,.34rem);place-content:center;gap:.16rem;width:1.7rem;height:1.7rem;display:grid}.brand-mark>span{background:#b9b6ff;border-radius:50%;width:.34rem;height:.34rem}.brand-mark>span:nth-child(2),.brand-mark>span:nth-child(4),.brand-mark>span:nth-child(5),.brand-mark>span:nth-child(8){background:var(--violet)}.main-nav{order:1;align-items:center;gap:.15rem;margin-left:auto;display:flex}.main-nav a{color:#5c5871;border-radius:.75rem;align-items:center;min-height:44px;padding:0 .75rem;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--ink);background:#7b82f21a}.menu-trigger{background:#fffefcc7;border:1px solid #29274433;border-radius:999px;width:44px;height:44px;margin-left:auto;padding:.72rem .65rem;display:none}.menu-trigger span{background:currentColor;border-radius:999px;width:100%;height:1.5px;display:block}.mobile-menu{overscroll-behavior:contain;background:radial-gradient(circle at 92% 8%, #c9c6ff8c, transparent 28rem), radial-gradient(circle at 5% 90%, #f7d7e28c, transparent 26rem), var(--paper);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);opacity:0;border:0;padding:0;position:fixed;inset:0;overflow:hidden auto;transform:translateY(-.75rem)scale(.995)}.mobile-menu[open]{animation:.34s cubic-bezier(.2,0,0,1) forwards mobile-menu-enter;display:block}.mobile-menu.closing{animation:.18s cubic-bezier(.3,0,1,1) forwards mobile-menu-exit}.mobile-menu::backdrop{background:#29274429}.mobile-menu-frame{z-index:1;grid-template-rows:auto 1fr auto;width:min(100% - 2rem,74rem);min-height:100%;margin-inline:auto;display:grid;position:relative}.mobile-menu-frame:before{z-index:-1;aspect-ratio:1;content:"";background:#e8e6ff9e;border:1px solid #7b82f22e;border-radius:999px;width:10rem;position:absolute;top:clamp(7rem,15vh,10rem);right:-4.5rem}.mobile-menu-header{z-index:2;border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;gap:1rem;min-height:5rem;display:flex;position:sticky;top:0}.mobile-menu-close{width:44px;min-height:44px;color:var(--ink);background:#fffefcc7;border:1px solid #29274433;border-radius:999px;flex:0 0 44px;justify-content:center;align-items:center;padding:0;font-size:.82rem;font-weight:750;display:inline-flex}.mobile-menu-close svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.6px;width:1.5rem}.mobile-menu-nav{align-content:center;padding-block:clamp(2rem,8vh,5rem);display:grid}.mobile-menu-link{border-bottom:1px solid var(--line);min-height:clamp(4.5rem,12vh,7rem);color:var(--ink);font-size:clamp(1.65rem,8vw,3.8rem);font-family:var(--font-display);letter-spacing:-.045em;grid-template-columns:2rem minmax(0,1fr) 2rem;align-items:center;gap:clamp(.75rem,3vw,1.5rem);font-weight:500;line-height:1;text-decoration:none;display:grid}.mobile-menu-link:first-of-type{border-top:1px solid var(--line)}.mobile-menu-link[aria-current=page]{color:var(--violet)}.mobile-menu-link:hover{padding-left:.35rem}.mobile-menu-index{color:#77766f;letter-spacing:.08em;font-size:.68rem;font-weight:760}.mobile-menu-link svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1.65rem;transition:transform .16s cubic-bezier(.2,0,0,1)}.mobile-menu-link:hover svg{transform:translate(.25rem)}.mobile-menu-note{border-top:1px solid var(--line);max-width:42rem;color:var(--muted);margin:0;padding-block:1.15rem 1.4rem;font-size:.78rem}.mobile-menu[open] .mobile-menu-link{animation:.3s cubic-bezier(.2,0,0,1) both mobile-menu-link-enter;animation-delay:calc(55ms + var(--menu-index) * 35ms)}html.menu-open{overflow:hidden}@keyframes mobile-menu-enter{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mobile-menu-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.45rem)scale(.998)}}@keyframes mobile-menu-link-enter{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.home-page{padding-bottom:1px}.atelier-shell{grid-template-columns:minmax(18.5rem,.335fr) minmax(0,1fr);align-items:start;gap:2rem;padding-block:1.75rem clamp(4rem,8vw,7rem);display:grid}.atelier-shell>*{min-width:0}.atelier-intro{flex-direction:column;min-height:calc(100vh - 8rem);padding:clamp(1.5rem,4vw,3.25rem) 0 0 1rem;display:flex;position:sticky;top:1.5rem}.home-page .hero-copy h1{max-width:8ch;font-family:var(--font-display);letter-spacing:-.055em;margin-bottom:1.5rem;font-size:clamp(3.5rem,4.5vw,4rem);font-weight:500;line-height:.98}.home-page .atelier-intro .eyebrow{display:none}.home-page .hero-lead{color:#5c5871;max-width:23rem;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.6}.atelier-motif{pointer-events:none;width:20.6rem;height:34.7rem;margin-top:auto;margin-left:-1rem;padding-top:3rem;position:relative}.atelier-motif>span{border-radius:999px;display:block;position:absolute;box-shadow:inset 0 0 0 1px #615c9108}.motif-pill{width:7.2rem}.motif-orb{z-index:2;aspect-ratio:1;width:7.2rem}.atelier-motif>span:first-child{height:18rem;top:0;left:0}.atelier-motif>span:nth-child(2){top:10.9rem;left:0}.atelier-motif>span:nth-child(3){top:6rem;left:14rem}.atelier-motif>span:nth-child(4){top:12rem;left:8.1rem}.atelier-motif>span:nth-child(5){width:4.7rem;height:13.2rem;top:21.4rem;left:7.25rem}.atelier-motif>span:nth-child(6){top:27.5rem;left:13.4rem}.atelier-motif>span:nth-child(7){top:19.2rem;left:0}.atelier-motif>span:nth-child(8){background:#c9c6ffad;height:15.9rem;top:18.75rem;left:13.4rem}.motif-violet{background:#7b82f2d1}.motif-lavender{background:#c9c6ffad}.motif-blush{background:#f18baa8a}.motif-mint{background:#b7dfccb8}.atelier-shell>.tool-shell{margin:0}.hero,.glitch-hero{grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);align-items:end;gap:clamp(2rem,6vw,6rem);padding-block:clamp(3.5rem,8vw,7rem) clamp(2.5rem,6vw,4rem);display:grid}.hero-copy,.glitch-hero>div,.unicode-callout,.safety-card,.result-card,.compare-grid>article,.glitch-controls,.glitch-output-panel{min-width:0}.eyebrow{color:#58545f;letter-spacing:.13em;text-transform:uppercase;margin-bottom:.9rem;font-size:.73rem;font-weight:850}.hero-lead,.content-lead{color:#4f4e48;max-width:46rem;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}.trust-chips{flex-wrap:wrap;gap:.55rem;margin-top:1.6rem;display:flex}.trust-chips span{border:1px solid var(--line);color:#4b4b46;background:#fffef9bf;border-radius:999px;align-items:center;gap:.35rem;min-height:2rem;padding:.25rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.trust-chips svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:.9rem}.unicode-callout,.safety-card{background:var(--paper);border:1px solid #20201d1f;border-radius:1.25rem;gap:1rem;padding:1.35rem;display:flex;box-shadow:0 10px 30px #27251d0d}.callout-icon,.safety-card>span{background:var(--lime);border-radius:.8rem;flex:none;place-items:center;width:2.8rem;height:2.8rem;font-size:.85rem;font-weight:900;display:grid}.unicode-callout h2,.safety-card h2{letter-spacing:-.02em;margin-bottom:.45rem;font-size:1rem}.unicode-callout p,.safety-card p{color:var(--muted);margin:0;font-size:.87rem}.tool-shell,.glitch-tool{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);margin-bottom:clamp(4rem,10vw,8rem);overflow:clip}.tool-topbar{border-bottom:1px solid var(--line);min-height:3.5rem;color:var(--muted);background:#faf9f3;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 1.25rem;font-size:.8rem;font-weight:650;display:flex}.tool-topbar>div{align-items:center;gap:.45rem;display:flex}.tool-topbar>.clarity-control{text-align:right;justify-items:end;gap:0;max-width:28rem;display:grid}.clarity-control p{color:#66645d;margin:-.2rem 0 0;font-size:.7rem;font-weight:500;line-height:1.35}.status-dot{background:#5d9f3d;border-radius:50%;width:.48rem;height:.48rem;box-shadow:0 0 0 .22rem #5d9f3d24}.text-toggle{min-height:44px;color:inherit;background:0 0;border:0;align-items:center;gap:.55rem;padding:0 .3rem;font-weight:700;display:flex}.toggle-track{background:#918f86;border-radius:999px;align-items:center;width:2.2rem;height:1.25rem;padding:.15rem;display:flex}.toggle-track span{background:#fff;border-radius:50%;width:.95rem;height:.95rem;transition:transform .14s}.text-toggle[aria-pressed=true] .toggle-track{background:var(--violet)}.text-toggle[aria-pressed=true] .toggle-track span{transform:translate(.95rem)}.input-panel,.glitch-controls{padding:clamp(1.25rem,4vw,2rem)}.input-heading,.output-heading,.results-heading,.compare-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.input-heading h2,.output-heading h2,.results-heading h2,.compare-header h2{letter-spacing:-.02em;margin-bottom:.3rem;font-size:1.15rem}.input-heading p,.output-heading p,.results-heading p,.compare-header p{color:var(--muted);margin-bottom:0;font-size:.84rem}.count-badge{color:var(--muted);font-variant-numeric:tabular-nums;background:#efeee7;border-radius:999px;flex:none;padding:.3rem .55rem;font-size:.76rem;font-weight:750}.count-badge.at-limit{color:#8e2f2f;background:#fae4e2}textarea,input[type=search],select{border:1px solid var(--line-dark);color:var(--ink);background:#fff;border-radius:.8rem}textarea{resize:vertical;width:100%;min-height:8.5rem;margin-top:1rem;padding:1rem;font-size:clamp(1rem,2vw,1.15rem);line-height:1.55;display:block}textarea:hover,input:hover,select:hover{border-color:#77756d}.near-tool-note,.inline-warning{border-left:3px solid var(--violet);background:var(--violet-soft);color:#4f496d;margin:.8rem 0 0;padding:.7rem .85rem;font-size:.8rem}.inline-warning{color:#6e421f;background:#fff1df;border-left-color:#c97732}.input-actions,.output-actions{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.input-actions>div,.output-actions{flex-wrap:wrap;gap:.55rem;display:flex}.button,.icon-button,.link-button,.filter-scroll button,.segmented-control button,.character-list button{border:0;border-radius:.75rem;min-height:44px;font-weight:760}.button{justify-content:center;align-items:center;gap:.45rem;padding:.65rem .95rem;text-decoration:none;display:inline-flex}.button svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:1rem}.button.primary{background:var(--ink);color:#fff}.button.primary:hover:not(:disabled){background:#3a3934}.button.subtle,.button.compare-button{border:1px solid var(--line-dark);color:var(--ink);background:#f7f6f0}.button.ghost{color:var(--muted);background:0 0}.button.plain-copy{background:var(--lime);color:#263000}.button.light{color:var(--ink);background:#fff}.results-toolbar{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:1rem;padding:1.2rem clamp(1.25rem,4vw,2rem) 0;display:flex}.search-control{width:min(100%,25rem)}.search-control label,.inspector-control-label,.control-group legend,.range-control>span{color:#55544f;margin-bottom:.4rem;font-size:.76rem;font-weight:800;display:block}.search-control>div{position:relative}.search-control svg{fill:none;width:1rem;stroke:var(--muted);stroke-width:1.6px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-control input{width:100%;min-height:44px;padding:.6rem .75rem .6rem 2.3rem}.check-control,.zone-grid label{align-items:center;gap:.5rem;min-height:44px;font-size:.84rem;font-weight:700;display:inline-flex}.check-control input,.zone-grid input{width:1.15rem;height:1.15rem;accent-color:var(--violet)}.check-control>span{color:#8a7434}.filter-scroll{scrollbar-width:thin;gap:.45rem;padding:1rem clamp(1.25rem,4vw,2rem);display:flex;overflow-x:auto}.filter-scroll button,.segmented-control button{border:1px solid var(--line);color:#55544f;background:#f7f6f0;flex:none;padding:.55rem .85rem;font-size:.8rem}.filter-scroll button[aria-pressed=true],.segmented-control button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.results-heading{padding:1.25rem clamp(1.25rem,4vw,2rem) 0}.results-heading h2{scroll-margin-top:1rem}.compare-panel{scroll-margin-top:6rem}.plain-reference{color:#35410f;background:#f5fadf;border:1px solid #b9ca77;border-radius:.9rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;margin:1rem clamp(1.25rem,4vw,2rem) 0;padding:.75rem;font-size:.82rem;display:grid}.plain-reference>span{overflow-wrap:anywhere;white-space:pre-wrap}.compare-dock{z-index:12;color:#fff;background:#302a54;border:1px solid #40386c;border-radius:.95rem;justify-content:space-between;align-items:center;gap:1rem;margin:1rem clamp(1.25rem,4vw,2rem) 0;padding:.7rem .75rem .7rem 1rem;display:flex;position:sticky;top:.75rem;box-shadow:0 .7rem 2rem #241f4333}.compare-dock>div:first-child{gap:.12rem;min-width:0;display:grid}.compare-dock>div:first-child span{color:#dcd7f4;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.compare-dock>div:last-child,.compare-card-actions{flex-wrap:wrap;gap:.45rem;display:flex}.compare-dock .button.ghost{color:#fff}.link-button{color:var(--violet);text-underline-offset:.2em;background:0 0;padding:0 .4rem;text-decoration:underline}.empty-state{border:1px dashed var(--line-dark);text-align:center;background:#faf9f4;border-radius:1.25rem;margin:1.25rem clamp(1.25rem,4vw,2rem) 2rem;padding:clamp(2.5rem,8vw,5rem) 1.5rem}.empty-state>span{background:var(--violet-soft);width:4rem;height:4rem;color:var(--violet);border-radius:1rem;place-items:center;margin:0 auto 1rem;font-family:Georgia,serif;font-size:1.25rem;display:grid}.empty-state h3{margin-bottom:.5rem;font-size:1.2rem}.empty-state p{max-width:32rem;color:var(--muted);margin:0 auto 1.25rem}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:1.25rem clamp(1.25rem,4vw,2rem) 2rem;display:grid}.result-card,.compare-grid>article{border:1px solid var(--line);background:#fff;border-radius:1rem;padding:1rem}.result-card.selected-for-compare{border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}.result-card>header{justify-content:space-between;align-items:flex-start;gap:.75rem;min-height:44px;display:flex}.result-card h3,.compare-grid h3{margin:0;font-size:.95rem}.recommended-badge{color:#506115;background:#effacb;border-radius:999px;margin-top:.4rem;padding:.15rem .45rem;font-size:.66rem;font-weight:800;display:inline-flex}.icon-button{color:#77756d;background:0 0;flex:0 0 44px;width:44px;font-size:1.15rem}.icon-button.active{color:#8a6b00;background:#fff6cf}.result-output,.glitch-preview{overflow-wrap:anywhere;white-space:pre-wrap}.result-output{background:#f5f4ee;border-radius:.75rem;min-height:4.7rem;margin:.75rem 0;padding:.85rem;font-size:1.12rem;line-height:1.55}.clarity-mode .result-output{color:#57564f;background:#fbfaf6;min-height:3.4rem;padding-block:.6rem;font-family:inherit;font-size:.92rem}.clarity-mode .result-card h3{font-size:1.05rem}.clarity-mode .coverage-line{color:#4f4e48;font-size:.78rem}.coverage-line,.compare-grid p{color:var(--muted);margin-bottom:.75rem;font-size:.72rem}.card-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.card-actions .button{min-width:0;font-size:.78rem}.compare-button[aria-pressed=true]{border-color:var(--violet);background:var(--violet-soft);color:#3e356c}.result-card details{border-top:1px solid var(--line);margin-top:.65rem}.result-card summary{min-height:44px;color:var(--muted);align-items:center;font-size:.78rem;font-weight:750;display:flex}.style-details{color:#56554f;padding:.25rem 0 .5rem;font-size:.78rem}.style-details dl,.codepoint-grid dl{margin:0}.style-details dl>div,.codepoint-grid dl>div{border-top:1px solid var(--line);grid-template-columns:minmax(6rem,.4fr) minmax(0,1fr);gap:.5rem;padding:.35rem 0;display:grid}.style-details dt,.codepoint-grid dt{color:var(--muted);font-weight:700}.style-details dd,.codepoint-grid dd{overflow-wrap:anywhere;margin:0}.detail-warning{background:#fff1df;border-radius:.5rem;padding:.5rem}.compare-panel,.inspector-panel{border-radius:1.2rem;margin:0 clamp(1.25rem,4vw,2rem) 2rem;padding:clamp(1rem,3vw,1.5rem)}.compare-panel{background:var(--violet-soft);margin-top:1rem}.compare-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.7rem;margin-top:1rem;display:grid}.compare-card-actions .button{flex:9rem}.inspector-panel{border:1px solid var(--line);background:#f7f6f0}.inspector-intro{max-width:42rem}.inspector-intro h2{margin-bottom:.5rem;font-size:1.45rem}.inspector-intro p:not(.eyebrow){color:var(--muted);font-size:.88rem}.inspector-controls{grid-template-columns:minmax(14rem,.4fr) minmax(0,1fr);gap:1rem;margin-top:1.2rem;display:grid}.style-picker{min-width:0;display:block}.style-picker-shell{min-width:0;display:block;position:relative}.style-picker-surface{min-height:4rem;color:var(--ink);background:#fffefcf0;border:1px solid #c8c3d1;border-radius:1rem;grid-template-columns:2.75rem minmax(0,1fr) 2rem;align-items:center;gap:.7rem;padding:.45rem .65rem .45rem .5rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden}.style-picker-preview{background:var(--violet-soft);color:#49438d;width:2.75rem;height:2.75rem;font-family:var(--font-display);border-radius:.85rem;place-items:center;font-size:1.35rem;line-height:1;display:grid;position:relative;overflow:hidden}.style-picker-preview:before,.style-picker-preview:after{z-index:0;content:"";opacity:.14;background:currentColor;border-radius:50%;position:absolute}.style-picker-preview:before{width:1.45rem;height:1.45rem;top:-.35rem;right:-.2rem}.style-picker-preview:after{width:1.75rem;height:1.75rem;bottom:-.55rem;right:-.45rem}.style-picker-surface.palette-enclosed .style-picker-preview{background:var(--blush);color:#9b4763}.style-picker-surface.palette-small .style-picker-preview{background:var(--mint);color:#39775a}.style-picker-surface.palette-decorations .style-picker-preview{background:var(--peach);color:#9a5f28}.style-picker-surface.palette-structural .style-picker-preview{color:#5258c4;background:#d8d5ff}.style-picker-meta{gap:.06rem;min-width:0;display:grid}.style-picker-meta strong,.style-picker-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.style-picker-meta strong{font-size:.86rem;line-height:1.2}.style-picker-meta span{color:#777185;font-size:.72rem}.style-picker-chevron{background:var(--violet-soft);color:#5650ad;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.style-picker-chevron svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:.9rem}.style-picker-native{opacity:0;width:100%;height:100%;position:absolute;inset:0}.style-picker-shell:hover .style-picker-surface,.style-picker-shell:focus-within .style-picker-surface{border-color:#9992af;transform:translateY(-1px);box-shadow:0 .55rem 1.5rem #3f39681a}.style-picker-shell:focus-within .style-picker-surface{outline:3px solid var(--focus);outline-offset:3px}.inspector-controls fieldset{border:0;min-width:0;margin:0;padding:0}.inspector-controls legend{color:#55544f;margin-bottom:.4rem;font-size:.76rem;font-weight:800}.character-list{gap:.3rem;max-width:100%;padding:.15rem;display:flex;overflow-x:auto}.character-list button{border:1px solid var(--line-dark);background:#fff;flex:0 0 44px;width:44px}.character-list button[aria-pressed=true]{border-color:var(--violet-strong);background:var(--violet-strong);color:#fff}.codepoint-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,23rem),1fr));gap:.7rem;margin-top:1rem;display:grid}.codepoint-grid article{border:1px solid var(--line);background:#fff;border-radius:.8rem;grid-template-columns:4rem minmax(0,1fr);gap:.8rem;padding:.9rem;display:grid}.inspected-glyph{overflow-wrap:anywhere;background:var(--violet-soft);border-radius:.65rem;place-items:center;width:4rem;min-height:4rem;font-size:1.4rem;display:grid}.codepoint-grid dl>div{grid-template-columns:7rem minmax(0,1fr);font-size:.73rem}.inspector-empty{color:var(--muted);margin:1rem 0 0}.home-page .tool-shell{--tool-inset:2.3rem;box-shadow:none;background:#fffefcf0;border-color:#d9d5e5;border-radius:1.75rem;position:relative}.home-page .tool-topbar{z-index:5;color:#625e77;background:0 0;border:0;min-height:44px;padding:0;position:absolute;top:1.05rem;right:1.55rem}.home-page .tool-topbar>div:first-child,.home-page .input-heading p,.home-page .near-tool-note{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-page .tool-topbar>.clarity-control{display:block;position:relative}.home-page .clarity-control .clarity-tooltip{z-index:6;visibility:hidden;border:1px solid var(--line-dark);background:var(--ink);width:min(18rem,100vw - 4rem);color:var(--on-strong);box-shadow:var(--shadow);text-align:left;opacity:0;border-radius:.9rem;margin:0;padding:.85rem 1rem;font-size:.78rem;font-weight:400;line-height:1.5;position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-4px)}.clarity-tooltip strong{margin-bottom:.25rem;font-weight:750;display:block}.clarity-tooltip:before{content:"";height:.5rem;position:absolute;bottom:100%;left:0;right:0}.home-page .clarity-control:hover .clarity-tooltip:not(.tooltip-dismissed),.home-page .clarity-control:focus-within .clarity-tooltip:not(.tooltip-dismissed){visibility:visible;opacity:1;transform:translateY(0)}.home-page .text-toggle{color:#5f5a70;background:#fffefce0;border:1px solid #d8d3df;border-radius:999px;place-items:center;width:44px;min-width:44px;height:44px;padding:0;font-size:0;line-height:1;display:grid;position:relative}.home-page .text-toggle .toggle-track{width:1.75rem;height:1rem}.home-page .text-toggle .toggle-track span{width:.7rem;height:.7rem}.home-page .text-toggle[aria-pressed=true] .toggle-track span{transform:translate(.75rem)}.home-page .text-toggle .toggle-glyph{font-family:var(--font-display);place-items:center;font-size:.8rem;font-weight:650;line-height:1;display:grid;position:absolute;inset:0}.home-page .text-toggle .toggle-track{opacity:0;position:absolute}.home-page .text-toggle[aria-pressed=true]{background:var(--violet-soft);color:#3f438f;border-color:#aaa5ef}.home-page .status-dot{background:#62a181;box-shadow:0 0 0 .22rem #62a18124}.home-page .toggle-track{background:#aaa5b7}.home-page .text-toggle[aria-pressed=true] .toggle-track{background:var(--violet-strong)}.home-page .input-panel{isolation:isolate;background:0 0;border:0;margin:0;padding:2.65rem 2.3rem 0;position:relative}.home-page .input-panel:before{z-index:-1;content:"";background:radial-gradient(circle at 88% 18%,#ffffff57,#0000 15rem),linear-gradient(115deg,#e8e6fff0,#efedffb8);border:1px solid #c8c4f8;border-radius:1.5rem;position:absolute;inset:4.9rem 2.3rem 0}.home-page .input-heading h2{color:var(--violet-strong);letter-spacing:.11em;text-transform:uppercase;margin-bottom:.35rem;font-size:.73rem;font-weight:850}.home-page .input-heading p{color:#6a6680;font-size:.78rem}.home-page .count-badge{z-index:2;color:#625e77;background:0 0;border:1px solid #67619e29;position:absolute;bottom:.95rem;left:3.9rem}.home-page textarea{height:14rem;min-height:14rem;font-family:var(--font-display);background:0 0;border:0;border-radius:1.5rem;margin-top:.85rem;padding:2.15rem 1.65rem 4.4rem;font-size:clamp(2.25rem,3.65vw,3.45rem);line-height:1.12}.home-page textarea::placeholder{color:#68647c;letter-spacing:-.015em;opacity:1;font-size:clamp(1.2rem,2.1vw,1.95rem);font-weight:400;line-height:1.25}.home-page .input-actions{z-index:2;margin:0;position:absolute;bottom:.55rem;left:9rem;right:3.35rem}.home-page .input-actions>div{opacity:0;gap:.15rem;transition:opacity .16s}.home-page .input-panel:hover .input-actions>div,.home-page .input-actions:focus-within>div{opacity:1}.home-page .input-actions .button{color:#69647d;background:0 0;min-height:44px;padding-inline:.7rem;font-size:.72rem}.home-page .input-actions .button.plain-copy{color:var(--violet-strong);padding-inline:.8rem;font-size:.78rem}.home-page .inline-warning{border-radius:.8rem}.home-page .coverage-warning{margin:.85rem 2.3rem 0}.home-page .button{border-radius:999px}.home-page .button.subtle,.home-page .button.compare-button{background:#fffefcb8;border-color:#b8b3c5}.home-page .button.plain-copy{color:#34305f;background:#d8d5ff}.home-page .button.plain-copy:hover:not(:disabled){background:#c8c4ff}.home-page .results-toolbar{pointer-events:none;border-top:0;justify-content:flex-end;align-items:center;min-height:44px;margin-top:0;padding:.15rem 2.3rem .5rem}.home-page .search-control label,.home-page .inspector-control-label{color:#666179;letter-spacing:.025em}.home-page .search-control label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-page .search-control,.home-page .search-control>div{pointer-events:auto;width:44px}.home-page .search-control svg{width:1rem;height:1rem;left:50%;transform:translate(-50%,-50%)}.home-page .search-control input{color:#0000;padding-block:0;background:#fffefce6;border-color:#c8c3d1;border-radius:999px;width:44px;height:44px;min-height:44px;padding-right:0;transition:width .18s,color .18s}.home-page .search-control input::placeholder{color:#0000}.home-page .search-control:focus-within,.home-page .search-control:focus-within>div,.home-page .search-control:focus-within input,.home-page .search-control input:not(:placeholder-shown){width:min(20rem,100vw - 8rem)}.home-page .search-control:has(input:not(:placeholder-shown)){width:min(20rem,100vw - 8rem)}.home-page .search-control:has(input:not(:placeholder-shown))>div{width:min(20rem,100vw - 8rem)}.home-page .search-control:focus-within input,.home-page .search-control input:not(:placeholder-shown){color:var(--ink);padding-right:.75rem}.home-page .search-control:focus-within svg{left:.75rem;transform:translateY(-50%)}.home-page .search-control:has(input:not(:placeholder-shown)) svg{left:.75rem;transform:translateY(-50%)}.home-page .search-control:focus-within input::placeholder,.home-page .search-control input:not(:placeholder-shown)::placeholder{color:#746f81}.home-page .check-control{pointer-events:auto;background:#fffefce6;border:1px solid #d8d3df;border-radius:50%;justify-content:center;gap:0;width:44px;min-width:44px;font-size:0;position:relative;overflow:hidden}.home-page .check-control input{opacity:0;width:1px;height:1px;position:absolute}.home-page .check-control>span{color:#4c485c;place-items:center;width:1.25rem;height:1.25rem;display:grid}.home-page .check-control svg{fill:currentColor;width:100%;height:100%;display:block}.home-page .check-control:has(input:checked){background:var(--violet-soft);border-color:#b8b3f5}.home-page .check-control:has(input:checked)>span{color:var(--violet-strong)}.home-page .check-control:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.home-page .filter-scroll{width:calc(100% - 2 * var(--tool-inset));max-width:none;margin-inline:var(--tool-inset);scrollbar-width:none;gap:.55rem;padding:1.8rem 3px 1rem}.home-page .filter-scroll::-webkit-scrollbar{display:none}.home-page .filter-scroll button{color:#57536b;background:#fffefcb8;border-color:#d2ced9;border-radius:999px}.home-page .filter-scroll button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.home-page .results-heading{align-items:end;padding:.85rem 2.3rem 0}.home-page .results-heading>div{flex-wrap:wrap;align-items:baseline;gap:.25rem 1.25rem;display:flex}.home-page .results-heading h2,.home-page .results-heading p{margin-bottom:0}.home-page .results-heading h2,.home-page .inspector-intro h2{font-family:var(--font-display);letter-spacing:-.035em;font-weight:500}.home-page .results-heading h2{font-size:clamp(1.75rem,2.4vw,2.25rem)}.home-page .empty-state{background:radial-gradient(circle at 16% 72%,#f7d7e2b8,#0000 7rem),radial-gradient(circle at 88% 18%,#c9c6ffad,#0000 8rem),#f9f8fce6;border-style:solid;border-color:#d7d2e0;border-radius:1.5rem;overflow:hidden}.home-page .empty-state>span{color:#48428e;font-family:var(--font-display);background:#d8d5ff;border-radius:999px}.home-page .results-grid{scrollbar-color:#c8c3d8 transparent;scrollbar-width:thin;gap:.9rem;max-height:67.75rem;padding:.25rem 2.3rem 1.25rem;overflow-y:auto}.home-page .result-card{height:12.5rem;box-shadow:none;background:#fffefcf5;border-color:#ddd8e4;border-radius:1rem;padding:.72rem;position:relative;overflow:hidden}.home-page .result-card:before{background-color:var(--violet-soft);content:"";background-image:radial-gradient(circle at 74%,#7b82f2b8 0 1.55rem,#0000 1.6rem),radial-gradient(circle at 91%,#c9c6ffc2 0 2.1rem,#0000 2.15rem),radial-gradient(circle at 30%,#c9c6ff61 0 2.35rem,#0000 2.4rem);border-radius:.85rem;height:4.2rem;margin-bottom:.65rem;display:block}.home-page .result-card:nth-child(4n+2):before{background-color:#fbe8ee;background-image:radial-gradient(circle at 72%,#f18baa7a 0 1.7rem,#0000 1.75rem),radial-gradient(circle at 92%,#f7d7e2e0 0 2.2rem,#0000 2.25rem),radial-gradient(circle at 30%,#f7d7e270 0 2.2rem,#0000 2.25rem)}.home-page .result-card:nth-child(4n+3):before{background-color:#edf8f3;background-image:radial-gradient(circle at 74%,#96cfb573 0 1.7rem,#0000 1.75rem),radial-gradient(circle at 94%,#ddf1e6eb 0 2.3rem,#0000 2.35rem),radial-gradient(circle at 34%,#b7dfcc61 0 2rem,#0000 2.05rem)}.home-page .result-card:nth-child(4n):before{background-color:#fff0df;background-image:radial-gradient(circle at 73%,#f0b27373 0 1.7rem,#0000 1.75rem),radial-gradient(circle at 94%,#f9dfc5f0 0 2.25rem,#0000 2.3rem),radial-gradient(circle at 34%,#f9dfc570 0 2rem,#0000 2.05rem)}.home-page .result-card.selected-for-compare{border-color:var(--violet-strong);box-shadow:inset 0 0 0 1px var(--violet-strong)}.home-page .result-card h3{font-family:var(--font-display);letter-spacing:-.025em;font-size:1rem;font-weight:600}.home-page .recommended-badge{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-page .icon-button{color:#777187;background:#fffefcdb;border:1px solid #d4cfda;border-radius:50%;place-items:center;padding:0;line-height:1;display:grid}.home-page .icon-button svg{fill:currentColor;width:1.25rem;height:1.25rem;display:block}.home-page .icon-button.active{color:#93445f;background:#fbe4eb;border-color:#e5b4c4}.home-page .card-header-actions{flex:none;gap:.35rem;display:flex}.home-page .copy-icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px}.home-page .copy-icon-button.copied{background:var(--violet-soft);color:#3f438f;border-color:#aaa5ef}.home-page .result-output{color:#25233b;min-height:2.7rem;font-family:var(--font-display);text-overflow:clip;white-space:nowrap;background:0 0;border:0;border-radius:0;margin:.05rem 6.6rem .15rem 0;padding:0;font-size:clamp(1.4rem,1.9vw,1.75rem);line-height:1.12;overflow:hidden}.home-page .clarity-mode .result-output{color:#5b576b;background:0 0;min-height:2.7rem}.home-page .coverage-line{color:#706b80;text-overflow:ellipsis;white-space:nowrap;margin:0;position:absolute;bottom:.7rem;left:.72rem;right:6.6rem;overflow:hidden}.home-page .expansion-count{display:none}.home-page .card-actions{pointer-events:none;gap:.35rem;width:auto;display:flex;position:absolute;bottom:.72rem;right:.72rem}.home-page .card-actions .button{min-width:44px;height:44px;min-height:44px;padding-block:0;padding-inline:.78rem;line-height:1}.home-page .card-actions .compare-button{opacity:0;width:44px;padding:0;font-size:0;position:relative;overflow:hidden}.home-page .card-actions .compare-button>span{place-items:center;font-size:1rem;line-height:1;display:grid;position:absolute;inset:0}.home-page .card-actions .compare-button[aria-pressed=false]>span{font-size:0}.home-page .card-actions .compare-button[aria-pressed=false]>span:before,.home-page .card-actions .compare-button[aria-pressed=false]>span:after{content:"";background:currentColor;border-radius:999px;width:.85rem;height:.15rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-page .card-actions .compare-button[aria-pressed=false]>span:after{transform:translate(-50%,-50%)rotate(90deg)}.home-page .button.primary{background:var(--ink);color:#fff}.home-page .button.primary:hover:not(:disabled){background:#403d61}.home-page .compare-button[aria-pressed=true]{border-color:var(--violet-strong);background:var(--violet-soft);color:#373264}.home-page .result-card details{opacity:0;pointer-events:none;border:0;width:44px;position:absolute;bottom:.72rem;right:calc(44px + 1.07rem)}.home-page .result-card:hover .compare-button,.home-page .result-card:focus-within .compare-button,.home-page .result-card:hover details,.home-page .result-card:focus-within details{opacity:1;pointer-events:auto}.home-page .result-card:hover .card-actions,.home-page .result-card:focus-within .card-actions{pointer-events:auto}.home-page .result-card summary{color:#625d70;border:1px solid #d4cfda;border-radius:999px;place-items:center;width:44px;padding:0;font-size:0;line-height:1;list-style:none;display:grid;position:relative;overflow:hidden}.home-page .result-card summary::-webkit-details-marker{display:none}.home-page .result-card summary::marker{content:""}.home-page .result-card summary svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.home-page .result-card details[open] summary{background:var(--violet-soft);color:#3f438f;border-color:#aaa5ef}.home-page .result-card .details-close-icon,.home-page .result-card details[open] .details-info-icon{display:none}.home-page .result-card details[open] .details-close-icon{display:block}.home-page .result-card details[open]{width:auto;box-shadow:none;opacity:1;pointer-events:auto;background:0 0;border:0;margin-top:.75rem;padding:0;position:static}.home-page .result-card details[open] .style-details{background:var(--paper);border:1px solid #d7d2df;border-radius:.9rem;padding:.7rem .7rem 4.2rem;box-shadow:0 12px 30px #2927441f}.home-page .result-card:has(details[open]){height:auto;min-height:12.5rem;padding-bottom:1rem;overflow:visible}.home-page .result-card:has(details[open])>.coverage-line{visibility:hidden}.home-page .result-card:has(details[open]) .card-actions{bottom:1.7rem;right:1.42rem}.home-page .result-card details[open] summary{z-index:4;margin:0;position:absolute;bottom:1.7rem;right:calc(44px + 1.77rem)}.home-page .style-details-output{overflow-wrap:anywhere;background:var(--violet-soft);color:var(--ink);font-family:var(--font-display);white-space:pre-wrap;border-radius:.75rem;margin-bottom:.75rem;padding:.75rem;font-size:1.1rem}.home-page .tool-footer-note{color:#777285;border-top:1px solid #e0dce5;grid-template-columns:1rem minmax(0,1fr);align-items:start;gap:.55rem;min-height:3.7rem;margin:0 2.3rem;padding-block:1rem;font-size:.8rem;line-height:1.6;display:grid}.home-page .tool-footer-note>span:first-child{border:1px solid #aaa5b5;border-radius:50%;flex:0 0 1rem;place-items:center;width:1rem;height:1rem;margin-top:.2rem;font-size:.62rem;font-weight:800;display:grid}.home-page .tool-footer-note strong{color:var(--ink)}.home-page .tool-footer-note>span:last-child{overflow-wrap:anywhere;min-width:0}.home-page .inspector-panel{margin-top:2rem}.home-page .compare-panel{background:#efedff;border:1px solid #cbc7f0}.home-page .compare-grid .result-output{background:var(--violet-soft);white-space:pre-wrap;border-radius:.75rem;margin:.75rem 0;padding:.75rem}.home-page .inspector-panel{background:#edf8f3bd;border-color:#d7d2df}.editorial-section,.split-section,.related-banner{margin-bottom:clamp(4rem,10vw,8rem)}.section-heading{max-width:48rem;margin-bottom:2rem}.section-heading>p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.info-grid,.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.info-card,.steps-grid li{border-top:2px solid var(--ink);background:#fffef98c;padding:1.4rem}.info-number{color:var(--violet);margin-bottom:2rem;font-size:.75rem;font-weight:850;display:inline-block}.info-card p,.steps-grid p{color:var(--muted);margin-bottom:0;font-size:.9rem}.split-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.feature-panel{border-radius:var(--radius);min-height:24rem;padding:clamp(1.5rem,4vw,2.5rem)}.dark-panel{background:var(--ink);color:#fff}.lime-panel{background:var(--lime);color:#293000}.feature-icon{border:1px solid;border-radius:1.1rem;place-items:center;width:4.5rem;height:4.5rem;margin-bottom:5rem;font-family:Georgia,serif;font-size:1.25rem;display:grid}.feature-panel p{max-width:30rem;color:inherit;opacity:.78}.feature-panel a{align-items:center;min-height:44px;font-weight:800;display:inline-flex}.steps-grid{padding:0;list-style:none}.steps-grid li{min-height:13rem}.related-banner{border-radius:var(--radius);background:var(--violet);color:#fff;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(1.5rem,5vw,3rem);display:flex}.related-banner>div{max-width:45rem}.related-banner .eyebrow,.related-banner p{color:#fff}.related-banner h2{margin-bottom:.75rem}.related-banner p:last-child{margin-bottom:0}.home-page .editorial-section{background:#fffefcb8;border:1px solid #ded9e6;border-radius:2rem;padding:clamp(1.5rem,4vw,3rem)}.home-page .section-heading h2,.home-page .feature-panel h2,.home-page .related-banner h2{font-family:var(--font-display);letter-spacing:-.04em;font-weight:500}.home-page .info-grid,.home-page .steps-grid,.home-page .split-section{gap:1rem}.home-page .info-card,.home-page .steps-grid li{background:#f4f2ff;border:1px solid #ded9e6;border-radius:1.35rem}.home-page .info-card:nth-child(2){background:#fcebf0}.home-page .info-card:nth-child(3){background:#edf8f3}.home-page .info-number{color:var(--violet-strong);margin-bottom:2.5rem}.home-page .feature-panel{min-height:21rem;color:var(--ink);border:1px solid #d8d3de;border-radius:2rem}.home-page .dark-panel{background:var(--blush);color:#4d2938}.home-page .lime-panel{background:var(--mint);color:#244b3b}.home-page .feature-icon{background:#fffefc52;border-radius:999px;width:5.6rem}.home-page .steps-grid li{background:#fffefcd1;min-height:12rem}.home-page .related-banner{background:var(--violet-strong);border:1px solid #46409352;border-radius:2rem;position:relative;overflow:hidden;box-shadow:0 24px 60px #4f49a029}.home-page .related-banner:before,.home-page .related-banner:after{content:"";pointer-events:none;background:#ffffff21;border-radius:999px;position:absolute}.home-page .related-banner:before{width:8rem;height:8rem;top:-3rem;right:12rem}.home-page .related-banner:after{width:5rem;height:11rem;bottom:-5rem;right:3rem}.home-page .related-banner>*{z-index:1;position:relative}.glitch-hero h1{font-size:clamp(2.7rem,6vw,5rem)}.safety-card>span{color:#714513;background:#ffe0a6;font-size:1.2rem}.glitch-tool{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);display:grid;overflow:visible}.glitch-controls{border-right:1px solid var(--line)}.control-group{border:0;margin:1.4rem 0 0;padding:0}.segmented-control{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.zone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.zone-grid label{border:1px solid var(--line);background:#f8f7f2;border-radius:.7rem;justify-content:center;padding:.55rem}.range-control{margin-top:1.4rem;display:block}.range-control>span{justify-content:space-between;display:flex}.range-control input{width:100%;min-height:44px;accent-color:var(--violet)}.glitch-output-panel{isolation:isolate;border-radius:0 calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0;background:linear-gradient(145deg, #3d386f 0%, var(--violet-strong) 56%, #666de0 100%);color:#fff;padding:clamp(1.25rem,4vw,2rem);position:relative;overflow:hidden}.glitch-output-panel:before,.glitch-output-panel:after{z-index:-1;content:"";pointer-events:none;border-radius:50%;position:absolute}.glitch-output-panel:before{background:#c9c6ff3d;width:15rem;height:15rem;top:-7rem;right:-4rem}.glitch-output-panel:after{background:#f7d7e229;width:10rem;height:10rem;bottom:-6rem;right:7rem}.glitch-output-panel .output-heading p{color:#ffffffc2}.variation-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff47}.variation-button:hover:not(:disabled){background:#ffffff2e}.glitch-preview{color:#fffefc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#25214fa3;border:1px solid #ffffff3d;border-radius:1rem;min-height:18rem;max-height:34rem;margin-top:1.2rem;padding:1.25rem;font-size:clamp(1.1rem,2.5vw,1.6rem);line-height:2.15;overflow:auto;box-shadow:inset 0 1px #ffffff0f,0 1.2rem 2.8rem #231e532e}.glitch-preview.empty{color:#ffffffb3;text-align:center;place-items:center;font-size:.95rem;line-height:1.5;display:grid}.glitch-output-panel .output-actions{justify-content:flex-start}.glitch-output-panel .button.primary{color:#3b376d;background:#fffefc}.glitch-output-panel .button.primary:hover:not(:disabled){background:var(--violet-soft)}.glitch-explainer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;display:grid}.safety-list{border:1px solid var(--line);background:var(--paper);border-radius:1.2rem;padding:1.5rem}.safety-list h3{margin-bottom:1rem}.safety-list ul{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.safety-list li{color:var(--muted);gap:.6rem;display:flex}.safety-list li span{color:#56852f;font-weight:900}.readable-banner{background:var(--ink)}.content-main{padding-bottom:clamp(4rem,10vw,7rem)}.error-page{place-content:center;justify-items:start;min-height:70vh;padding-block:4rem;display:grid}.error-page>span{color:var(--violet);font-size:1rem;font-weight:900}.error-page h1{margin:.5rem 0 1rem;font-size:clamp(2.5rem,7vw,5rem)}.error-page p{max-width:34rem;color:var(--muted)}.content-hero{padding-block:clamp(3.5rem,8vw,6rem) 2rem}.content-hero h1{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;font-size:clamp(2.5rem,6vw,4.5rem)}.reviewed{color:var(--muted);font-size:.8rem}.prose-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:clamp(1.35rem,4vw,3rem);box-shadow:0 15px 40px #27251d0d}.prose-card section+section{border-top:1px solid var(--line);margin-top:3rem;padding-top:3rem}.prose-card h2{font-size:clamp(1.4rem,3vw,2rem)}.prose-card p,.prose-card li{color:#53524c}.prose-card li+li{margin-top:.45rem}.source-panel,.contact-card,.legal-details{background:#f4f3ed;border-radius:1rem;padding:1.2rem}.source-panel ul{padding-left:1.2rem}.contact-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:2.5rem;display:flex}.contact-card span{font-weight:800}.contact-card a{overflow-wrap:anywhere;color:var(--violet);font-weight:750}.legal-details{gap:1rem;margin:2.5rem 0 0;display:grid}.legal-details div{grid-template-columns:minmax(9rem,.65fr) minmax(0,1.35fr);gap:.35rem 1rem;display:grid}.legal-details dt{font-weight:800}.legal-details dd{overflow-wrap:anywhere;color:#53524c;margin:0}@media (width<=34rem){.legal-details div{grid-template-columns:1fr}}.content-cta{margin-top:3rem}.site-footer{border-top:1px solid var(--line);background:#ebe9f2;padding-top:3.5rem}.footer-grid{grid-template-columns:minmax(16rem,2fr) repeat(3,minmax(8rem,1fr));gap:2rem;padding-bottom:3rem;display:grid}.footer-intro p{max-width:25rem;color:var(--muted);margin-top:1rem;font-size:.85rem}.footer-grid h2{color:#625e76;letter-spacing:.08em;text-transform:uppercase;margin:.45rem 0 .8rem;font-size:.72rem}.footer-grid>div:not(.footer-intro) a{color:#514d67;align-items:center;min-height:38px;font-size:.83rem;text-decoration:none;display:flex}.footer-grid a:hover{text-decoration:underline}.local-promise{align-items:flex-start;gap:.5rem;display:flex}.local-promise svg{fill:#4e8a70;flex:none;width:1.1rem}.footer-bottom{min-height:4.5rem;color:var(--muted);border-top:1px solid #d3cfdd;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:4rem;font-size:.72rem;display:flex}.input-heading>div,.result-card>header>div:first-child,.output-heading>div,.compare-header>div,.results-heading>div,.info-grid>*,.steps-grid>*,.footer-grid>*,.codepoint-grid dl,.safety-card>div,.related-banner>*{min-width:0}.prose-card,.feature-panel,.info-card,.steps-grid,.mobile-menu-link,.footer-grid,.result-card h3{overflow-wrap:anywhere}.segmented-control{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.segmented-control button{overflow-wrap:anywhere;min-width:0}.home-page .input-heading h2{padding-right:3rem}@media (width>=721px) and (width<=1100px){.home-page .inspector-controls{grid-template-columns:1fr}}@media (width<=1100px){:root{--view-content-inset:.75rem}.atelier-shell{grid-template-columns:1fr;gap:1.5rem;padding-top:2rem}.atelier-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;min-height:0;padding:1.5rem .75rem 0;display:grid;position:static}.home-page .hero-copy h1{max-width:11ch;font-size:clamp(3.4rem,8vw,4.75rem)}.home-page .hero-lead{max-width:46rem}.atelier-motif{display:none}}@media (width<=900px){.header-controls{margin-left:auto}.header-inner{flex-wrap:nowrap;padding-block:.6rem}.main-nav{display:none}.atelier-intro{display:block}.atelier-motif{display:none}.menu-trigger{align-content:space-between;display:grid}.home-page .results-grid,.hero,.glitch-hero,.glitch-tool,.glitch-explainer{grid-template-columns:1fr}.hero,.glitch-hero{align-items:start}.glitch-controls{border-right:0;border-bottom:1px solid var(--line)}.glitch-output-panel{border-radius:0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px)}.glitch-preview{min-height:13rem}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}.footer-intro{grid-column:1/-1}}@media (width<=720px){:root{--view-shell-gutter:1rem;--view-content-inset:.5rem}h1{letter-spacing:-.05em}.shell,.narrow-shell{width:min(100% - 1rem,74rem)}.atelier-shell{gap:1rem;padding-block:1rem 4rem}.atelier-intro{padding:1rem .5rem 0}.home-page .atelier-intro .eyebrow{display:none}.home-page .hero-copy h1{margin-bottom:.75rem;font-size:clamp(2.6rem,12vw,3.2rem);line-height:.98}.home-page .hero-lead{font-size:.9rem;line-height:1.45}.hero,.glitch-hero{padding-block:2.8rem 2rem}.tool-shell,.glitch-tool,.feature-panel,.related-banner,.prose-card{border-radius:1.1rem}.home-page .tool-shell{--tool-inset:.75rem;border-radius:1.35rem}.home-page .tool-topbar{padding:0;top:.65rem;right:.75rem}.home-page .input-panel{margin:0;padding:3.7rem .75rem 0}.home-page .coverage-warning{margin-inline:1rem}.home-page .input-panel:before{border-radius:1.1rem;inset:5.9rem .75rem 0}.home-page .count-badge{bottom:.8rem;left:1.55rem}.home-page textarea{border-radius:1.1rem;height:11.75rem;min-height:11.75rem;margin-top:.85rem;padding:1.65rem 1rem 4.3rem;font-size:clamp(1.65rem,7vw,2rem)}.home-page .result-output{min-height:2.7rem}.tool-topbar,.input-actions,.results-toolbar,.output-actions,.related-banner,.footer-bottom{flex-direction:column;align-items:stretch}.text-toggle{justify-content:flex-start}.tool-topbar>.clarity-control{text-align:left;justify-items:start;max-width:none}.plain-reference{grid-template-columns:1fr}.compare-dock{flex-direction:column;align-items:stretch}.compare-panel{scroll-margin-top:10rem}.compare-dock>div:last-child .button{flex:1}.input-actions>div,.input-actions>button,.output-actions>button{width:100%}.input-actions>div .button{flex:1}.search-control{width:100%}.results-grid,.compare-grid,.info-grid,.steps-grid,.split-section,.codepoint-grid,.inspector-controls{grid-template-columns:1fr}.compare-header,.input-heading,.output-heading{align-items:flex-start}.feature-panel{min-height:20rem}.feature-icon{margin-bottom:3rem}.related-banner .button{width:100%}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-grid{grid-template-columns:1fr}.codepoint-grid article{grid-template-columns:3.2rem minmax(0,1fr)}.inspected-glyph{width:3.2rem;min-height:3.2rem}.footer-grid{grid-template-columns:repeat(2,1fr)}.home-page .input-actions{flex-direction:row;align-items:center;bottom:.35rem;left:5.9rem;right:1.35rem}.home-page .input-actions>div,.home-page .input-actions>button{width:auto}.home-page .input-actions>div .button{flex:0 auto}.home-page .input-actions .button{white-space:nowrap;padding-inline:.45rem;font-size:.66rem}.home-page .input-actions .button.plain-copy{width:44px;padding:0}.home-page .plain-copy-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-page .filter-scroll{padding-block:1.75rem .75rem}.home-page .results-toolbar{flex-direction:row;justify-content:flex-end;align-items:center;min-height:3.7rem;margin-top:0;padding:0 1rem .5rem}.home-page .search-control{width:44px}.home-page .results-heading{padding:.4rem 1rem 0}.home-page .results-grid{max-height:none;padding:.85rem 1rem 1.25rem;overflow:visible}.home-page .result-card{height:auto;min-height:15.75rem}.home-page .result-output{margin-right:0}.home-page .coverage-line{bottom:4rem;right:.72rem}.home-page .card-actions .compare-button,.home-page .result-card details{opacity:1;pointer-events:auto}.home-page .card-actions{pointer-events:auto}.home-page .tool-footer-note{margin-inline:1rem}}@media (width<=480px){.home-page .tool-shell{--tool-inset:.5rem}.site-header .brand>span:last-child{display:none}.input-panel,.glitch-controls,.glitch-output-panel{padding:1rem}.home-page .input-panel{margin:0;padding:3.7rem .5rem 0}.home-page .input-panel:before{inset:5.9rem .5rem 0}.home-page .tool-topbar{padding:0;right:.5rem}.home-page .results-grid{gap:.75rem}.results-grid,.filter-scroll,.results-heading,.results-toolbar{padding-left:1rem;padding-right:1rem}.compare-panel,.inspector-panel,.compare-dock,.plain-reference{margin-left:1rem;margin-right:1rem}.card-actions,.style-details dl>div,.codepoint-grid dl>div,.footer-grid{grid-template-columns:1fr}}@media (hover:none),(pointer:coarse){.home-page .input-actions>div,.home-page .card-actions .compare-button,.home-page .result-card details{opacity:1;pointer-events:auto}.home-page .card-actions{pointer-events:auto}}@media (prefers-reduced-motion:no-preference){.clarity-tooltip{transition:opacity .16s cubic-bezier(.2,0,0,1),transform .16s cubic-bezier(.2,0,0,1)}.home-page .filter-scroll,.home-page .results-toolbar{animation:.22s cubic-bezier(.2,0,0,1) both tool-reveal}.home-page .result-card:nth-child(-n+6){animation:.24s cubic-bezier(.2,0,0,1) both tool-reveal;animation-delay:calc(var(--result-index) * 22ms)}.theme-toggle button,.back-to-top,.home-page .filter-scroll button,.home-page .icon-button{transition:background-color .14s cubic-bezier(.2,0,0,1),border-color .14s cubic-bezier(.2,0,0,1),color .14s cubic-bezier(.2,0,0,1),transform .14s cubic-bezier(.2,0,0,1)}.theme-toggle button:active,.back-to-top:active,.home-page .filter-scroll button:active,.home-page .icon-button:active{transform:scale(.96)}}@keyframes tool-reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.button,.result-card,.tool-shell,.glitch-tool{border:1px solid buttontext}.status-dot{forced-color-adjust:none}.style-picker-surface{display:none}.style-picker-native{opacity:1;min-height:44px;position:static}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#ece9f5;--muted:#b6b1c8;--paper:#211f30;--canvas:#171622;--surface-raised:#2d2a40;--on-strong:#211d35;--line:#454055;--line-dark:#7b738e;--lime:#2b4238;--lime-dark:#385a48;--violet:#aaa7ff;--violet-strong:#b7b3ff;--violet-soft:#353052;--blush:#482d3d;--rose:#e6a6bc;--mint:#243f36;--peach:#473726;--focus:#d0caff;--shadow:0 24px 70px #0000002e}:root[data-theme=dark] body{background:radial-gradient(circle at 88% 5%, #6e60b91f, transparent 27rem), var(--canvas)}:root[data-theme=dark] .site-header{border-color:var(--line);background:#171622f2}:root[data-theme=dark] .mobile-menu{background:radial-gradient(circle at 92% 8%, #6e60b926, transparent 28rem), var(--paper)}:root[data-theme=dark] .mobile-menu-frame:before{border-color:var(--line);background:var(--violet-soft)}:root[data-theme=dark] .main-nav a,:root[data-theme=dark] .hero-lead,:root[data-theme=dark] .home-page .hero-lead,:root[data-theme=dark] .content-lead,:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .mobile-menu-index,:root[data-theme=dark] .search-control label,:root[data-theme=dark] .inspector-control-label,:root[data-theme=dark] .control-group legend,:root[data-theme=dark] .range-control>span,:root[data-theme=dark] .inspector-controls legend,:root[data-theme=dark] .style-picker-meta span,:root[data-theme=dark] .style-details,:root[data-theme=dark] .prose-card p,:root[data-theme=dark] .prose-card li,:root[data-theme=dark] .legal-details dd,:root[data-theme=dark] .footer-grid h2,:root[data-theme=dark] .footer-grid>div:not(.footer-intro) a,:root[data-theme=dark] .home-page .tool-footer-note,:root[data-theme=dark] .home-page .count-badge,:root[data-theme=dark] .home-page .input-heading p,:root[data-theme=dark] .home-page .coverage-line,:root[data-theme=dark] .home-page .clarity-mode .result-output,:root[data-theme=dark] .home-page .clarity-mode .coverage-line{color:var(--muted)}:root[data-theme=dark] .menu-trigger,:root[data-theme=dark] .mobile-menu-close,:root[data-theme=dark] .trust-chips span,:root[data-theme=dark] .tool-topbar,:root[data-theme=dark] textarea,:root[data-theme=dark] input[type=search],:root[data-theme=dark] select,:root[data-theme=dark] .result-card,:root[data-theme=dark] .compare-grid>article,:root[data-theme=dark] .codepoint-grid article,:root[data-theme=dark] .style-picker-surface,:root[data-theme=dark] .character-list button,:root[data-theme=dark] .zone-grid label,:root[data-theme=dark] .button.subtle,:root[data-theme=dark] .button.compare-button,:root[data-theme=dark] .segmented-control button,:root[data-theme=dark] .home-page .tool-shell,:root[data-theme=dark] .home-page .result-card,:root[data-theme=dark] .home-page .text-toggle,:root[data-theme=dark] .home-page .check-control,:root[data-theme=dark] .home-page .icon-button,:root[data-theme=dark] .home-page .search-control input,:root[data-theme=dark] .home-page .filter-scroll button,:root[data-theme=dark] .home-page .button.subtle,:root[data-theme=dark] .home-page .button.compare-button,:root[data-theme=dark] .home-page .editorial-section,:root[data-theme=dark] .home-page .steps-grid li{border-color:var(--line);background:var(--paper);color:var(--ink)}:root[data-theme=dark] .source-panel,:root[data-theme=dark] .contact-card,:root[data-theme=dark] .legal-details,:root[data-theme=dark] .result-output,:root[data-theme=dark] .count-badge{background:var(--surface-raised)}:root[data-theme=dark] .home-page .input-panel:before{background:linear-gradient(115deg,#353052,#29263d);border-color:#514872}:root[data-theme=dark] .home-page textarea{color:var(--ink);background:0 0}:root[data-theme=dark] textarea::placeholder,:root[data-theme=dark] .home-page textarea::placeholder{color:#b1a9c7}:root[data-theme=dark] .home-page .count-badge{background:0 0;border-color:#5a526f}:root[data-theme=dark] .home-page .input-actions .button,:root[data-theme=dark] .home-page .result-output,:root[data-theme=dark] .home-page .check-control>span,:root[data-theme=dark] .home-page .result-card summary{color:var(--ink)}:root[data-theme=dark] .home-page .input-actions .button:not(.plain-copy),:root[data-theme=dark] .home-page .result-output{background:0 0}:root[data-theme=dark] .home-page .button.plain-copy,:root[data-theme=dark] .button.plain-copy,:root[data-theme=dark] .home-page .text-toggle[aria-pressed=true],:root[data-theme=dark] .home-page .copy-icon-button.copied,:root[data-theme=dark] .home-page .compare-button[aria-pressed=true],:root[data-theme=dark] .home-page .result-card details[open] summary,:root[data-theme=dark] .style-picker-chevron,:root[data-theme=dark] .style-picker-preview,:root[data-theme=dark] .near-tool-note,:root[data-theme=dark] .home-page .empty-state>span{background:var(--violet-soft);color:#d5ceff;border-color:#706394}:root[data-theme=dark] .home-page .check-control:has(input:checked){background:var(--violet-soft);color:#d5ceff;border-color:#706394}:root[data-theme=dark] .home-page .button.plain-copy:hover:not(:disabled){background:#443b67}:root[data-theme=dark] .button.primary,:root[data-theme=dark] .home-page .button.primary,:root[data-theme=dark] .home-page .filter-scroll button[aria-pressed=true],:root[data-theme=dark] .segmented-control button[aria-pressed=true],:root[data-theme=dark] .character-list button[aria-pressed=true],:root[data-theme=dark] .skip-link{border-color:var(--violet-strong);background:var(--violet-strong);color:var(--on-strong)}:root[data-theme=dark] .button.primary:hover:not(:disabled),:root[data-theme=dark] .home-page .button.primary:hover:not(:disabled){color:var(--on-strong);background:#ccc8ff}:root[data-theme=dark] .button.light,:root[data-theme=dark] .glitch-output-panel .button.primary{color:#30284f;background:#eeeafa}:root[data-theme=dark] .home-page .empty-state{border-color:var(--line);background:radial-gradient(circle at 16% 72%,#81446229,#0000 7rem),radial-gradient(circle at 88% 18%,#8a7bc933,#0000 8rem),#252235}:root[data-theme=dark] .home-page .result-card:before,:root[data-theme=dark] .home-page .info-card{background-color:var(--violet-soft);border-color:var(--line)}:root[data-theme=dark] .home-page .result-card:before{opacity:.6}:root[data-theme=dark] .home-page .info-card:nth-child(2),:root[data-theme=dark] .home-page .dark-panel{background-color:var(--blush);color:#f4dbe5}:root[data-theme=dark] .home-page .result-card:nth-child(4n+2):before{background-color:var(--blush)}:root[data-theme=dark] .home-page .info-card:nth-child(3),:root[data-theme=dark] .home-page .lime-panel,:root[data-theme=dark] .home-page .inspector-panel,:root[data-theme=dark] .plain-reference{background-color:var(--mint);color:#d4e9dd;border-color:#40564c}:root[data-theme=dark] .home-page .result-card:nth-child(4n+3):before{background-color:var(--mint)}:root[data-theme=dark] .home-page .result-card:nth-child(4n):before{background-color:var(--peach)}:root[data-theme=dark] .home-page .feature-panel,:root[data-theme=dark] .home-page .tool-footer-note,:root[data-theme=dark] .home-page .result-card summary,:root[data-theme=dark] .home-page .result-card details[open] .style-details,:root[data-theme=dark] .footer-bottom{border-color:var(--line)}:root[data-theme=dark] .home-page .feature-icon{background:#ffffff0a}:root[data-theme=dark] .home-page .compare-panel{background:#2b263f;border-color:#5e527d}:root[data-theme=dark] .home-page .icon-button.active{background:var(--blush);color:#f2b8cf;border-color:#965c79}:root[data-theme=dark] .inline-warning,:root[data-theme=dark] .detail-warning,:root[data-theme=dark] .count-badge.at-limit{color:#f3d5ad;background:#433221;border-color:#ab8856}:root[data-theme=dark] .home-page .related-banner,:root[data-theme=dark] .related-banner,:root[data-theme=dark] .readable-banner{color:#fffefc;background:#454070}:root[data-theme=dark] .glitch-output-panel{background:linear-gradient(145deg,#2e294a,#454070)}:root[data-theme=dark] .glitch-output-panel .button.primary:hover:not(:disabled){color:#30284f;background:#d4cdf0}:root[data-theme=dark] .safety-list li span{color:#a4d6b1}:root[data-theme=dark] .site-footer{background:#1d1b29}:root[data-theme=dark] .local-promise svg{fill:#a1d5b6}:root[data-theme=dark] .home-page .search-control input:placeholder-shown:not(:focus){color:#0000}:root[data-theme=dark] .home-page .search-control:focus-within input::placeholder,:root[data-theme=dark] .home-page .search-control input:not(:placeholder-shown)::placeholder{color:var(--muted)}