@font-face{font-family:"Fraunces";src:url(/fonts/Fraunces.woff2) format("woff2");font-weight:300 600;font-style:normal;font-display:swap}@font-face{font-family:"Fraunces Fallback";src:local("Georgia");size-adjust:104%;ascent-override:92%;descent-override:24%;line-gap-override:0%}:root,.night,.on-night{color-scheme:dark;--bg:#05071c;--bg-glow:#0e1347;--surface:#0b0e2e;--surface-2:#12163f;--surface-3:#1a1f52;--line:rgb(196 204 255 / 0.11);--line-strong:rgb(196 204 255 / 0.22);--text:#eef0fc;--text-2:#b8bee2;--text-3:#959cc8;--accent:#ffdb9e;--on-accent:#080a33;--accent-soft:rgb(255 219 158 / 0.12);--signal:#aab6ff;--signal-dim:rgb(170 182 255 / 0.2);--slider-fill:var(--signal);--track:rgb(196 204 255 / 0.16);--alert:#ffaba3;--focus:#ffdb9e;--shadow:0 1px 0 rgb(255 255 255 / 0.04) inset;--shadow-high:0 30px 80px -20px rgb(0 0 0 / 0.7);--scrim:rgb(2 3 16 / 0.66);--c-white:#f2f2f7;--c-pink:#f4a9c8;--c-brown:#c6946a;--c-grey:#a2a5b3;--c-green:#8ed6a0;--c-blue:#7fb4ff;--c-violet:#b497ff}@media (prefers-color-scheme:light){:root{color-scheme:light;--bg:#f3f4fa;--bg-glow:#e2e7fb;--surface:#ffffff;--surface-2:#eceff9;--surface-3:#e0e4f5;--line:rgb(10 12 48 / 0.1);--line-strong:rgb(10 12 48 / 0.2);--text:#0a0c30;--text-2:#383d69;--text-3:#565c88;--accent:#171c6e;--on-accent:#ffe7bd;--accent-soft:rgb(23 28 110 / 0.07);--signal:#3a43b5;--signal-dim:rgb(58 67 181 / 0.16);--track:rgb(10 12 48 / 0.13);--alert:#a3261f;--focus:#2b32b0;--shadow:0 1px 2px rgb(10 12 48 / 0.05),0 10px 28px -16px rgb(10 12 48 / 0.22);--shadow-high:0 30px 80px -24px rgb(10 12 48 / 0.35);--scrim:rgb(10 12 48 / 0.32);--c-white:#787e9b;--c-pink:#d35088;--c-brown:#85552f;--c-grey:#767a8c;--c-green:#3b9057;--c-blue:#2f6fd6;--c-violet:#7650dc}}@media (prefers-contrast:more){:root,.night,.on-night{--line:rgb(196 204 255 / 0.34);--line-strong:rgb(196 204 255 / 0.5);--text-2:#d4d8f2;--text-3:#c2c7ea}}@media (prefers-contrast:more) and (prefers-color-scheme:light){:root{--line:rgb(10 12 48 / 0.35);--line-strong:rgb(10 12 48 / 0.55);--text-2:#23284f;--text-3:#2f3460}}:root{--font-display:"Fraunces","Fraunces Fallback",ui-serif,Georgia,serif;--font-ui:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Mono","Roboto Mono",Menlo,monospace;--t-xs:0.8125rem;--t-sm:clamp(0.875rem,0.85rem + 0.1vw,0.9375rem);--t-body:clamp(1rem,0.96rem + 0.2vw,1.125rem);--t-lead:clamp(1.125rem,1.04rem + 0.4vw,1.375rem);--t-h3:clamp(1.125rem,1.06rem + 0.3vw,1.3125rem);--t-h2:clamp(1.5rem,1.3rem + 0.9vw,2.125rem);--t-h1:clamp(2.125rem,1.5rem + 3vw,4rem);--t-display:clamp(2.5rem,1.6rem + 4.4vw,5.25rem);--lh-tight:1.08;--lh-body:1.6;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--s-9:112px;--gutter:clamp(16px,4.5vw,56px);--measure:62ch;--page:1240px;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-pill:999px;--target:44px;--ease:cubic-bezier(0.22,0.8,0.26,1);--ease-calm:cubic-bezier(0.45,0,0.2,1);--d-1:160ms;--d-2:320ms;--d-3:700ms;--breath:7s}:lang(ru),:lang(uk),:lang(bn),:lang(hi),:lang(ja),:lang(ko),:lang(zh),:lang(vi){--font-display:var(--font-ui)}:lang(bn),:lang(hi){--lh-body:1.75;--lh-tight:1.3}:lang(ja),:lang(ko),:lang(zh){--lh-tight:1.25}body.fonts-later{--font-display:"Fraunces Fallback",ui-serif,Georgia,serif}:root{--serif:var(--font-display)}:not(html)[lang]:not(:lang(ru),:lang(uk),:lang(bn),:lang(hi),:lang(ja),:lang(ko),:lang(zh),:lang(vi)){--font-display:"Fraunces","Fraunces Fallback",ui-serif,Georgia,serif;--lh-tight:1.08;--lh-body:1.6}body.fonts-later :not(html)[lang]:not(:lang(ru),:lang(uk),:lang(bn),:lang(hi),:lang(ja),:lang(ko),:lang(zh),:lang(vi)){--font-display:"Fraunces Fallback",ui-serif,Georgia,serif}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--bg) radial-gradient(120% 60% at 50% -10%,var(--bg-glow),transparent 70%) no-repeat;color:var(--text);font:var(--t-body) / var(--lh-body) var(--font-ui);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}img,svg,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none !important}:lang(ja){word-break:normal;line-break:strict}:is(h1,h2,h3,.button,.chip,.eyebrow,.label,.nav a,.lede):lang(ja){word-break:auto-phrase}:lang(de),:lang(ru),:lang(uk),:lang(pl){hyphens:auto;-webkit-hyphenate-limit-before:4;-webkit-hyphenate-limit-after:4;hyphenate-limit-chars:8 4 4}:is(:lang(de),:lang(ru),:lang(uk),:lang(pl)) :is(h1,h2,h3,.lede,.button,.chip,.nav a,.brand){hyphens:manual}:not(html)[lang]:not(:lang(de),:lang(ru),:lang(uk),:lang(pl)){hyphens:manual}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:400;line-height:var(--lh-tight);letter-spacing:-0.012em;text-wrap:balance}h1{font-size:var(--t-h1);font-weight:340;letter-spacing:-0.022em}h2{font-size:var(--t-h2)}h3{font-size:var(--t-h3);font-family:var(--font-ui);font-weight:600;letter-spacing:0;line-height:1.3}p{margin:0;text-wrap:pretty}.lede{color:var(--text-2);font-size:var(--t-lead);max-width:40ch}.fine{color:var(--text-3);font-size:var(--t-sm)}.eyebrow,.label{margin:0;color:var(--text-3);font:500 var(--t-xs) / 1.4 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase}:lang(de) h1{overflow-wrap:break-word}@media (max-width:380px){:lang(de) h1{font-size:calc(var(--t-h1) * 0.86)}h1:is(:lang(ja),:lang(zh)){font-size:calc(var(--t-h1) * 0.74)}}:is(.eyebrow,.label,.kicker,.display .spectrum-hint,.spectrum-hint,.axis,.foot h2,.toc h2,.timer-row label,.eng-slider label,.readouts dt,.volume-row label,.shape-row label,.plus):is(:lang(bn),:lang(hi),:lang(ja),:lang(ko),:lang(zh)){letter-spacing:0;text-transform:none;font-family:var(--font-ui)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-0.01em}a{color:inherit;text-decoration-color:var(--line-strong);text-underline-offset:0.22em;text-decoration-thickness:1px;transition:text-decoration-color var(--d-1)}@media (hover:hover) and (pointer:fine){a:hover{text-decoration-color:currentColor}}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}:focus:not(:focus-visible){outline:none}::selection{background:var(--signal-dim)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:var(--s-4);top:-100px;z-index:50;padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);background:var(--accent);color:var(--on-accent);font-weight:600}.skip-link:focus{top:var(--s-3)}.wrap{width:100%;max-width:calc(var(--page) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}main{flex:1}.page{padding-top:clamp(var(--s-4),3vw,var(--s-6))}.stack>* + *{margin-top:var(--s-4)}.section{padding-block:clamp(var(--s-7),6vw,var(--s-8))}.section-head{display:grid;gap:var(--s-3);margin-bottom:var(--s-6)}.section-head .lede{font-size:var(--t-body);max-width:56ch}.rule{border:0;border-top:1px solid var(--line);margin:0}.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-2) var(--s-5);padding-block:var(--s-3)}.brand{display:inline-flex;flex:none;align-items:center;gap:var(--s-2);min-height:var(--target);font:400 1.375rem/1 "Fraunces Fallback",Georgia,serif;letter-spacing:-0.01em;text-decoration:none;white-space:nowrap}body:not(.fonts-later) .brand{font-family:"Fraunces","Fraunces Fallback",Georgia,serif}.brand svg{width:26px;height:26px;color:var(--accent)}.nav{display:flex;flex-wrap:wrap;gap:0 var(--s-1);margin-inline-end:calc(-1 * var(--s-3))}.nav a{display:inline-flex;align-items:center;min-height:var(--target);padding-inline:var(--s-3);border-radius:var(--r-pill);color:var(--text-2);font-size:var(--t-sm);text-decoration:none}@media (hover:hover) and (pointer:fine){.nav a:hover{color:var(--text);background:var(--surface-2)}}.nav a[aria-current="page"]{color:var(--text)}.nav a[aria-current="page"]::after{content:"";width:4px;height:4px;margin-inline-start:var(--s-2);border-radius:50%;background:var(--accent)}.nav a{white-space:nowrap}@media (max-width:599px){.top{flex-wrap:nowrap;gap:var(--s-2);min-height:56px;padding-block:var(--s-1)}.brand{gap:6px;font-size:1.1875rem}.brand svg{width:22px;height:22px}.nav{flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none;gap:0;margin-inline-end:calc(-1 * var(--gutter));padding-inline-end:var(--gutter);mask-image:linear-gradient(to left,transparent,#000 var(--gutter));-webkit-mask-image:linear-gradient(to left,transparent,#000 var(--gutter))}.nav::-webkit-scrollbar{display:none}.nav a{padding-inline:10px}.nav a:first-child{display:none}.nav a[aria-current="page"]::after{margin-inline-start:6px}}@media (max-width:359px){.top{gap:var(--s-1)}.brand{gap:0;font-size:0}.nav a{padding-inline:8px}}.foot{margin-top:var(--s-8);padding-block:var(--s-7) calc(var(--s-7) + var(--dock-clear));border-top:1px solid var(--line);color:var(--text-3);font-size:var(--t-sm)}.foot-grid{display:grid;gap:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}@media (max-width:599px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5) var(--s-4)}.foot-grid>section:first-child{grid-row:span 2}.foot li a{overflow-wrap:anywhere}}.foot h2{margin-top:0;margin-bottom:var(--s-2);font:500 var(--t-xs)/1.4 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase;color:var(--text-3)}.foot ul{list-style:none;margin:0;padding:0}.foot li a{display:inline-flex;align-items:center;min-height:36px;color:var(--text-2);text-decoration:none}@media (hover:hover) and (pointer:fine){.foot li a:hover{color:var(--text)}}.foot-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-7)}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(/img/stars-far.svg) 0 0 / 360px repeat;opacity:0.22;mask-image:linear-gradient(#000,transparent 70%);-webkit-mask-image:linear-gradient(#000,transparent 70%)}body:has(>.sky)::before,body.embed-framed::before{display:none}@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) body::before{display:none}}:root[data-theme="light"] body::before{display:none}body:not(.is-ready) .gate{visibility:hidden;animation:ungate 0s 1.5s forwards}@keyframes ungate{to{visibility:visible}}body:not(.is-ready) .hero .eyebrow,body:not(.is-ready) .hero h1,body:not(.is-ready) .first-paint{visibility:visible}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:1ms !important;animation-iteration-count:1 !important;transition-duration:1ms !important;scroll-behavior:auto !important}body:not(.is-ready) .gate{animation:ungate 0s 1.5s forwards !important}}@media (prefers-contrast:more){.tile,.option,.chip,.search,.card,.row-add{box-shadow:inset 0 0 0 1px var(--line-strong)}.play-btn,.button{border:2px solid var(--text)}}@media (forced-colors:active){:root,.night,.on-night{--on-accent:ButtonText}.skip-link{background:ButtonFace;color:ButtonText}.slider::-webkit-slider-thumb{background:ButtonText}.slider::-moz-range-thumb{background:ButtonText}.slider::-webkit-slider-runnable-track{background:GrayText}}.icon{width:24px;height:24px;flex:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--target);padding:10px 20px;border:1px solid transparent;border-radius:var(--r-pill);background:var(--text);color:var(--bg);font-size:var(--t-sm);font-weight:600;line-height:1.25;text-align:center;text-decoration:none;transition:background-color var(--d-1),border-color var(--d-1),color var(--d-1)}.button .icon{width:20px;height:20px;margin-inline-start:-4px}.button.ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}.button.quiet{background:transparent;color:var(--text-2);padding-inline:var(--s-3)}.actions{display:flex;flex-wrap:wrap;gap:var(--s-3)}.icon-button{position:relative;display:inline-grid;place-items:center;width:var(--target);height:var(--target);flex:none;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-2);transition:background-color var(--d-1),color var(--d-1)}.button,.icon-button,.chip,.tile,.row-add,.row-main{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.button:active,.icon-button:active,.chip:active{transform:scale(0.97);transition-duration:0s}.button,.icon-button,.chip{transition-property:background-color,border-color,color,transform;transition-timing-function:var(--ease)}@media (hover:hover) and (pointer:fine){.button:hover{background:var(--text-2)}.button.ghost:hover{background:var(--surface-2);border-color:var(--text-3)}.button.quiet:hover{color:var(--text);background:var(--surface-2)}.icon-button:hover{background:var(--surface-3);color:var(--text)}.play-btn:hover:not(:active,:disabled){transform:scale(1.04)}.chip:hover{color:var(--text);border-color:var(--text-3)}.slider:hover{--thumb-lift:0 0 0 6px var(--track)}}.play-btn{--size:56px;position:relative;display:inline-grid;place-items:center;width:var(--size);height:var(--size);flex:none;padding:0;border:0;border-radius:50%;background:var(--accent);color:var(--on-accent);transition:transform var(--d-2) var(--ease),background-color var(--d-2)}.play-btn .icon{width:calc(var(--size) * 0.42);height:calc(var(--size) * 0.42)}.play-btn .icon-play{transform:translateX(4%)}.play-btn .icon-pause,.play-btn[aria-pressed="true"] .icon-play,.play-btn.is-playing .icon-play{display:none}.play-btn[aria-pressed="true"] .icon-pause,.play-btn.is-playing .icon-pause{display:block}.play-btn:active{transform:scale(0.95);transition-duration:60ms}.play-btn:disabled{opacity:0.45;cursor:default;transform:none}.play-btn::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid var(--accent);opacity:0;transition:opacity var(--d-3) var(--ease-calm);pointer-events:none}.play-btn[aria-pressed="true"]::after,.play-btn.is-playing::after{opacity:0.35;animation:breathe var(--breath) var(--ease-calm) infinite}.hero-play{--size:clamp(76px,12vw,96px)}.card-play{--size:44px}@keyframes breathe{50%{transform:scale(1.08);opacity:0.12}}.display{position:relative;display:grid;gap:var(--s-3);padding:var(--s-4) var(--s-4) var(--s-3);border:1px solid var(--line);border-radius:var(--r-lg);background:radial-gradient(90% 70% at 50% 115%,var(--bg-glow),transparent 70%),linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:var(--shadow);color:var(--text)}.visual{display:block;width:100%;height:clamp(96px,14vw,140px)}.display .visual-wrap{position:relative}.display .spectrum-hint{position:absolute;inset:0 0 auto;display:block;margin:0;padding:0;color:var(--text-3);font:400 11px/1.4 var(--font-mono);letter-spacing:0.04em;text-align:start;pointer-events:none}.display .spectrum-hint[hidden]{display:none}.axis{display:flex;justify-content:space-between;color:var(--text-3);font:400 11px/1 var(--font-mono);letter-spacing:0.04em}.readouts{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin:0;padding-top:var(--s-3);border-top:1px solid var(--line)}.readouts div{display:grid;gap:2px}.readouts dt{color:var(--text-3);font:500 11px/1.3 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase}.readouts div:has(>dd:empty){display:none}:is(:lang(bn),:lang(hi),:lang(ja),:lang(ko),:lang(zh)) :is(.readouts dt,.shape-row label,.volume-row label){letter-spacing:0;text-transform:none;font-family:var(--font-ui)}.readouts dd{margin:0;font:400 var(--t-sm)/1.3 var(--font-mono);font-variant-numeric:tabular-nums}body.is-playing .readouts .live{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.chip{display:inline-flex;align-items:center;gap:var(--s-2);min-height:40px;padding:8px 16px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:transparent;color:var(--text-2);font-size:var(--t-sm);line-height:1.2;text-decoration:none;transition:background-color var(--d-1),color var(--d-1),border-color var(--d-1)}.chip::after{content:"";position:absolute;inset:-2px 0}.chip{position:relative;margin-block:2px}.chip[aria-pressed="true"],.chip[aria-current="page"]{background:var(--text);color:var(--bg);border-color:var(--text)}.chip .count{color:inherit;opacity:0.7;font:400 12px/1 var(--font-mono)}.search-field{position:relative}.search-field .icon{position:absolute;inset-inline-start:14px;top:50%;translate:0 -50%;width:20px;height:20px;color:var(--text-3);pointer-events:none}.search{width:100%;min-height:48px;padding:10px 16px 10px 44px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--text);font-size:var(--t-body)}.search::placeholder{color:var(--text-3)}.search:focus-visible{outline-offset:1px;border-color:transparent}.slider{--fader:var(--slider-fill,var(--signal));--thumb:20px;--inset:calc(var(--thumb) / 2);--thumb-face:light-dark(var(--surface),var(--text));--thumb-ring:0 0 0 1px var(--line-strong),0 1px 3px rgb(0 0 0 / 0.28);--thumb-lift:0 0 transparent;--rail:linear-gradient(to right,var(--fader) var(--fill-amount,0%),transparent var(--fill-amount,0%)) var(--inset) 0 / calc(100% - var(--thumb)) 100% no-repeat,linear-gradient(var(--fader),var(--fader)) 0 0 / var(--inset) 100% no-repeat,var(--track);width:100%;min-width:0;height:var(--target);margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:pan-y}.slider::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--rail)}.slider::-moz-range-track{height:4px;border-radius:2px;background:var(--rail)}.slider::-moz-range-progress{background:none}@supports not (color:light-dark(#000,#fff)){.slider{--thumb-face:var(--text)}}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);margin-top:-8px;border:0;border-radius:50%;background:var(--thumb-face);box-shadow:var(--thumb-lift),var(--thumb-ring);transition:transform var(--d-1) var(--ease),box-shadow var(--d-1)}.slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border:0;border-radius:50%;background:var(--thumb-face);box-shadow:var(--thumb-lift),var(--thumb-ring);transition:transform var(--d-1) var(--ease),box-shadow var(--d-1)}.slider:active::-webkit-slider-thumb{transform:scale(1.12);transition-duration:0s}.slider:active::-moz-range-thumb{transform:scale(1.12);transition-duration:0s}.slider:focus-visible{outline-offset:2px;--thumb-lift:0 0 0 3px var(--bg),0 0 0 5px var(--focus)}.value{min-width:4ch;white-space:nowrap;color:var(--text-3);font:400 var(--t-xs)/1 var(--font-mono);font-variant-numeric:tabular-nums;text-align:end}.board{container-type:inline-size;padding:var(--s-2) var(--s-4) var(--s-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}.colors{list-style:none;margin:0;padding:0;display:grid}.color-row,.shape-row,.volume-row{display:grid;grid-template-columns:clamp(6rem,38cqi,8.5rem) minmax(0,1fr) 2.5rem;align-items:center;gap:var(--s-3)}.volume-row{grid-template-columns:minmax(4.5rem,auto) minmax(0,1fr) 2.5rem}.color-row{border-bottom:1px solid var(--line);padding-block:2px}.color-row:has(.tile[aria-pressed="false"]) .slider{--thumb-face:var(--surface);--thumb-ring:inset 0 0 0 1.5px var(--text-3)}[data-c="white"]{--swatch:var(--c-white)}[data-c="pink"]{--swatch:var(--c-pink)}[data-c="brown"]{--swatch:var(--c-brown)}[data-c="grey"]{--swatch:var(--c-grey)}[data-c="green"]{--swatch:var(--c-green)}[data-c="blue"]{--swatch:var(--c-blue)}[data-c="violet"]{--swatch:var(--c-violet)}[data-c="rain"],[data-c="water"]{--swatch:#8fb3e8}[data-c="wind"]{--swatch:#b9c3d9}[data-c="fire"]{--swatch:#f0a868}[data-c="fans"]{--swatch:#a9b0c9}[data-c="night"]{--swatch:#9aa6f0}[data-c="travel"]{--swatch:#c9b48f}[data-c="tones"]{--swatch:#d6a8e8}[data-c="baby"]{--swatch:#f2c4b0}.tile{display:flex;align-items:center;gap:var(--s-3);min-height:var(--target);min-width:0;padding:0 var(--s-2) 0 0;border:0;background:none;color:var(--text-2);text-align:start;font-size:var(--t-sm);line-height:1.2}.tile[aria-pressed="true"]{color:var(--text)}.tile[aria-pressed="true"]{font-weight:600}.swatch{width:14px;height:14px;flex:none;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1.5px var(--swatch);transition:background-color var(--d-2),transform var(--d-1) var(--ease)}.tile[aria-pressed="true"] .swatch{background:var(--swatch);box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--swatch)}.shape{display:grid;gap:0 var(--s-5);margin-top:var(--s-3);padding-top:var(--s-2)}.shape-row label,.volume-row label{color:var(--text-3);font:500 var(--t-xs)/1.2 var(--font-mono);letter-spacing:0.06em;text-transform:uppercase}@container (min-width:900px){.shape,.colors{grid-template-columns:1fr 1fr;column-gap:var(--s-6)}}@container (max-width:300px){:is(.color-row,.shape-row){grid-template-columns:1fr 2.5rem}:is(.color-row,.shape-row) .slider{grid-column:1 / -1;grid-row:2}}.list{list-style:none;margin:0;padding:0}.row{display:flex;align-items:center;gap:var(--s-2);border-bottom:1px solid var(--line)}.row-main{flex:1;min-width:0;display:grid;gap:2px;min-height:56px;padding:var(--s-2) var(--s-2) var(--s-2) 0;border:0;background:none;text-align:start}.row-name{font-weight:500;line-height:1.3}.row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);color:var(--text-3);font-size:var(--t-xs)}.row-main:active .row-name{color:var(--text-2)}.row-add{color:var(--text-3)}.plus-badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 6px;border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--text-2);font-size:12px;line-height:1.5}.plus-badge .icon{width:12px;height:12px}:root{--dock-clear:0px;scroll-padding-block:var(--scroll-top,0px) var(--dock-clear)}.dock.is-empty{display:none}@media (pointer:coarse){.chip,.option,.foot li a,.option input[type="number"]{min-height:var(--target)}}.status{color:var(--text-2);font-size:var(--t-sm);min-height:1.6em}.offer{container-type:inline-size;padding:clamp(var(--s-5),4vw,var(--s-7));border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface) radial-gradient(80% 120% at 100% 0%,var(--accent-soft),transparent 60%);box-shadow:var(--shadow)}.offer-in{display:grid;gap:var(--s-5);align-items:center}.offer-icon{width:72px;height:72px;border-radius:17px;box-shadow:0 0 0 1px var(--line)}.offer h2{font-size:var(--t-h2)}.offer p{color:var(--text-2);max-width:52ch}.offer ul{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-5);margin:0;padding:0;list-style:none;color:var(--text-2);font-size:var(--t-sm)}.offer li::before{content:"";display:inline-block;width:5px;height:5px;margin:0 10px 2px 0;border-radius:50%;background:var(--accent);vertical-align:middle}@container (min-width:640px){.offer-in{grid-template-columns:auto 1fr auto}}.lang-field{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--text-3)}.lang-field .icon{width:18px;height:18px}.lang{min-height:var(--target);padding:0 36px 0 14px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:linear-gradient(45deg,transparent 50%,var(--text-3) 50%) no-repeat calc(100% - 19px) 55% / 5px 5px,linear-gradient(135deg,var(--text-3) 50%,transparent 50%) no-repeat calc(100% - 14px) 55% / 5px 5px,var(--surface);color:var(--text);font-size:var(--t-sm);-webkit-appearance:none;appearance:none}.card{padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow)}.dot{display:inline-block;width:10px;height:10px;margin-inline-end:8px;border-radius:50%;background:var(--swatch);vertical-align:0}@media (forced-colors:active){.button,.chip[aria-pressed="true"],.chip[aria-current="page"]{background:ButtonFace;color:ButtonText}.play-btn,.button,.tile,.chip,.icon-button,.toggle,.card{border:1px solid ButtonText}.chip[aria-pressed="true"],.chip[aria-current="page"]{border-width:2px}.slider{--rail:linear-gradient(to right,Highlight var(--fill-amount,0%),GrayText var(--fill-amount,0%));--thumb-ring:none}.color-row:has(.tile[aria-pressed="false"]) .slider::-webkit-slider-thumb{background:Canvas;box-shadow:inset 0 0 0 2px ButtonText}}.cards{container-type:inline-size;list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr))}.sound-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;align-content:start;gap:var(--s-2) var(--s-3);height:100%;overflow:hidden;padding:var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow);transition:border-color var(--d-2),background-color var(--d-2)}@media (hover:hover) and (pointer:fine){.sound-card:hover{border-color:var(--line-strong)}}.sound-card h3{grid-column:1;align-self:center;min-width:0;font-size:var(--t-body);overflow-wrap:anywhere;text-wrap:pretty}.sound-card h3 a{text-decoration:none}.sound-card h3,.sound-card h3 a{-webkit-hyphenate-limit-before:5;-webkit-hyphenate-limit-after:4;hyphenate-limit-chars:11 5 4}.sound-card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}.sound-card h3 a:focus-visible{outline:none}.sound-card:has(h3 a:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.sound-card p{grid-column:1 / -1;color:var(--text-2);font-size:var(--t-sm);line-height:1.5}.sound-card .card-play{grid-column:2;grid-row:1;position:relative;z-index:1;background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.sound-card .card-play.is-playing,.sound-card .card-play[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);box-shadow:none}@media (hover:hover) and (pointer:fine){.sound-card .card-play:hover{background:var(--accent);color:var(--on-accent);box-shadow:none}}@media (forced-colors:active){.sound-card .card-play{box-shadow:none;border:1px solid ButtonText}}.sound-card.is-playing{border-color:var(--accent)}.sound-card .tags{grid-column:1 / -1;align-self:end;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-4);overflow-x:clip;color:var(--text-3);font:400 12px/1.4 var(--font-mono);letter-spacing:0.02em}.sound-card .tags{grid-row:3}.sound-card .tags>span{position:relative;min-width:0;overflow-wrap:anywhere}.sound-card .tags span + span::before{content:"·";position:absolute;inset-inline-start:calc(var(--s-4) / -2 - 0.25em);color:var(--text-3)}.sound-card .tags .plus-badge{white-space:nowrap}.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s-2);margin:0;padding:0;list-style:none;color:var(--text-3);font-size:var(--t-sm)}.crumbs li{display:inline-flex;align-items:center;gap:var(--s-2)}.crumbs li + li::before{content:"/";color:var(--line-strong)}.crumbs a{display:inline-flex;align-items:center;min-height:var(--target);color:var(--text-2);text-decoration:none}@media (hover:hover) and (pointer:fine){.crumbs a:hover{color:var(--text);text-decoration:underline}}.crumbs [aria-current="page"]{color:var(--text-3)}.credit{color:var(--text-3);font-size:var(--t-xs)}.credit a{color:var(--text-2)}.compare{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.compare th,.compare td{padding:var(--s-3) var(--s-3) var(--s-3) 0;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.compare thead th{color:var(--text-3);font:500 var(--t-xs)/1.3 var(--font-mono);letter-spacing:0.06em;text-transform:uppercase}.compare tbody th{font-weight:600;white-space:nowrap}.compare td{color:var(--text-2)}.table-scroll{overflow-x:auto}:root{--scroll-top:76px}.sprite{position:absolute;width:0;height:0;overflow:hidden}.page{padding-top:clamp(var(--s-4),3vw,var(--s-6))}.nav a[aria-current="true"]{color:var(--text)}.page-hero{display:grid;gap:var(--s-6) var(--s-8);align-items:center;padding-bottom:var(--s-6)}.page-hero .intro{display:grid;gap:var(--s-4);align-content:start}.page-hero h1{overflow-wrap:break-word}.page-hero h1:is(:lang(ja),:lang(ko),:lang(zh)){font-size:clamp(2rem,1.2rem + 2.6vw,3.25rem);letter-spacing:0;line-height:1.25;text-wrap:balance}.page-hero .lede{max-width:34ch}.page-hero .eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-4);overflow-x:clip}.uses{display:flex;flex-wrap:wrap;gap:var(--s-2)}@media (min-width:960px){.page-hero.split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start}}.player{container-type:inline-size;display:grid;gap:var(--s-4)}.player-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--s-2) var(--s-4)}.player-row .now{display:grid;gap:2px;min-width:0}.player-row .now strong{font-weight:600}.player-row .status{min-height:0}.player-tools{display:grid;gap:var(--s-3);grid-template-columns:1fr}.quick-timer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.quick-timer .label{margin-inline-end:var(--s-2)}@media (max-width:479px){.quick-timer .label{flex-basis:100%;margin-inline-end:0}}.player.display{padding:clamp(var(--s-4),2.4vw,var(--s-5))}.nojs-audio{width:100%}.play-btn.glyph::before{content:"";width:calc(var(--size) * 0.36);height:calc(var(--size) * 0.36);background:currentColor;clip-path:polygon(20% 8%,92% 50%,20% 92%)}.play-btn.glyph.is-playing::before{clip-path:polygon(14% 8%,40% 8%,40% 92%,14% 92%,14% 8%,60% 8%,86% 8%,86% 92%,60% 92%,60% 8%)}@media (forced-colors:active){.play-btn.glyph::before{background:ButtonText}}.passages{display:grid;gap:var(--s-6) var(--s-7);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));padding-block:var(--s-7);border-block:1px solid var(--line)}.passages section{display:grid;gap:var(--s-3);align-content:start}.passages h2{font-size:var(--t-h3);font-family:var(--font-display);font-weight:400}.passages p{color:var(--text-2);max-width:var(--measure)}.family-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4)}.family-link .stack{max-width:var(--measure)}.family-link p:not(.eyebrow){color:var(--text-2)}.spectra{display:grid;gap:var(--s-4);margin:0}.spectra svg{width:100%;height:auto;overflow:visible}.spectra .grid line{stroke:var(--line)}.spectra .grid text{fill:var(--text-3);font:11px var(--font-mono)}.spectra .curve{fill:none;stroke:var(--swatch);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.spectra .curve.is-focus{stroke-width:3;filter:drop-shadow(0 0 6px var(--swatch))}.spectra .ends text{fill:var(--swatch);font:400 11px var(--font-mono);dominant-baseline:middle}.spectra .ends text.is-focus{font-weight:600}@media (max-width:599px){.spectra .ends{display:none}}@media (min-width:960px){.two-col>.spectra{position:sticky;top:var(--s-7)}}.legend{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-4);margin:0;padding:0;list-style:none;color:var(--text-2);font-size:var(--t-sm)}.legend li{display:inline-flex;align-items:center;gap:var(--s-2)}@media (forced-colors:active){.legend{color:CanvasText}}.colour-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.colour-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s-2) var(--s-4);padding:var(--s-4) var(--s-3);border-bottom:1px solid var(--line)}.colour-item .card-play{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.colour-item .card-play.is-playing{background:var(--accent);color:var(--on-accent);box-shadow:none}@media (hover:hover) and (pointer:fine){.colour-item .card-play:hover{background:var(--accent);color:var(--on-accent);box-shadow:none}}.colour-item .swatch-lg{width:18px;height:18px;border-radius:50%;background:var(--swatch)}.colour-item h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s-1) var(--s-3)}.colour-item h3 a{text-decoration:none}@media (hover:hover) and (pointer:fine){.colour-item h3 a:hover{text-decoration:underline}}.colour-item .slope{color:var(--text-3);font:400 var(--t-xs)/1.3 var(--font-mono);white-space:nowrap}.nowrap{white-space:nowrap}.colour-item p{color:var(--text-2);font-size:var(--t-sm)}.colour-item .here{padding:0 8px;border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--text-2);font:400 11px/1.6 var(--font-mono);white-space:nowrap}.colour-item[aria-current="true"]{background:var(--accent-soft);border-radius:var(--r-md);border-bottom-color:transparent}.colour-item:has(+ .colour-item[aria-current="true"]){border-bottom-color:transparent}.two-col{display:grid;gap:var(--s-7)}@media (min-width:960px){.two-col{grid-template-columns:1fr 1fr;align-items:start}}.group + .group{margin-top:var(--s-7)}.page>.section,.page>[data-filter-list]>.section{padding-block:clamp(var(--s-7),4vw + var(--s-5),96px) 0}.page>.section + .section{border-top:0}.page-hero:not(.split){padding-bottom:0}.page>.page-hero:not(.split) + .section{padding-top:var(--s-6)}.group-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s-2) var(--s-4);margin-bottom:var(--s-4)}.group-head h2,.h-group{font-family:var(--font-display);font-weight:400;font-size:clamp(1.25rem,1.1rem + 0.6vw,1.625rem);line-height:var(--lh-tight);letter-spacing:-0.01em}.group-head .count,.h-group .count{margin-inline-start:6px;color:var(--text-3);font:400 var(--t-xs)/1 var(--font-mono);letter-spacing:0.02em;vertical-align:baseline}.group-head a .icon,.family-link .icon{width:18px;height:18px;margin-inline-start:6px}.group-head a{display:inline-block;min-height:var(--target);padding-block:calc((var(--target) - 1lh) / 2);color:var(--text-2);font-size:var(--t-sm)}.group-head a .icon{display:inline-block;vertical-align:-0.2em}.prose-intro{color:var(--text-2);max-width:var(--measure)}.prose-intro + .prose-intro{margin-top:var(--s-4)}.stack .chips{margin-top:var(--s-3)}.library-tools{display:grid;gap:var(--s-2);max-width:560px;padding-top:var(--s-6)}.filter-sentinel{height:1px}.filter-bar{position:sticky;top:0;z-index:5;margin-inline:calc(50% - 50vw);padding:var(--s-2) max(var(--gutter),calc(50vw - var(--page) / 2));border-bottom:1px solid transparent;transition:background-color var(--d-2),border-color var(--d-2)}.filter-bar.is-stuck{background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom-color:var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.filter-bar .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}.filter-bar .chips::-webkit-scrollbar{display:none}.filter-bar .chip{flex:none}@media (min-width:900px){.filter-bar .chips{flex-wrap:wrap;overflow:visible;mask-image:none;-webkit-mask-image:none}}.library-count{min-height:1.4em;color:var(--text-3);font:400 var(--t-xs)/1.4 var(--font-mono)}[data-family-group][hidden],.cards>li[hidden]{display:none}.lang-links{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-3);margin:0;font-size:var(--t-sm)}.lang-links a{color:var(--text-2)}.credit a{color:inherit}.play-btn.is-playing:not(.is-loading)::after{opacity:.35;animation:breathe var(--breath) var(--ease-calm) infinite}.sound-card .play-btn::after{inset:-4px}@media (prefers-reduced-motion:reduce){.play-btn.is-playing::after{animation:none}}.voices{min-width:0}.voices .label{margin:0 0 var(--s-2)}.voices ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}.voices li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);min-height:44px}.voices .voice-name{flex:1;min-width:0;overflow-wrap:anywhere}.voices .voice-tag{color:var(--text-2);font-size:.875em;display:inline-flex;align-items:center;gap:6px}.list-note{margin:0 0 var(--s-3);color:var(--text-2)}.similar ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}.similar li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}.similar li span{color:var(--text-2)}.nojs-audio{display:block;width:100%}.nojs-store{justify-self:start}.page-hero .eyebrow>span{position:relative}.page-hero .eyebrow>span + span::before{content:"·";position:absolute;inset-inline-start:calc(var(--s-4) / -2 - 0.25em);color:var(--text-3)}.page-hero .eyebrow .plus-badge{white-space:nowrap}.shelf-group[data-c] .group-head h2{display:inline-flex;align-items:baseline;gap:var(--s-2)}.shelf-group[data-c] .group-head h2::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--swatch);align-self:center}@media (max-width:599px){.cards.shelf{grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-template-columns:none;grid-auto-columns:62%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) var(--s-2);scrollbar-width:none;align-items:start}.cards.shelf::-webkit-scrollbar{display:none}.cards.shelf>li{scroll-snap-align:start}}@media (max-width:359px){.cards.shelf{grid-template-rows:auto;grid-auto-columns:78%}}@media (min-width:600px){.shelf-group.is-folded .cards.shelf>li:nth-child(n+9){display:none}}.is-filtered .cards.shelf{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:repeat(auto-fill,minmax(min(100%,248px),1fr));overflow:visible;margin-inline:0;padding:0}.is-filtered .shelf-group.is-folded .cards.shelf>li:nth-child(n+9):not([hidden]){display:block}.pair-note{margin:calc(var(--s-2) * -1) 0 var(--s-4);color:var(--text-2)}@media (min-width:720px){.pair-cards.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.pair-cards.n3{grid-template-columns:repeat(3,minmax(0,1fr))}}.preview-over{display:grid;gap:var(--s-3);padding:var(--s-4);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface-2)}.preview-over{scroll-margin-bottom:var(--dock-clear,0px)}.preview-over[hidden]{display:none}.preview-over p{color:var(--text)}.preview-over-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-5)}.preview-over-actions a:not(.button){color:var(--text-2)}.start-with ol{list-style:none;margin:var(--s-4) 0 0;padding:0;display:grid;gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.start-with li{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.start-with .step{color:var(--text-3);font:400 var(--t-sm)/1 var(--font-mono)}.start-with .card-play{position:relative;z-index:1;background:var(--accent);color:var(--on-accent)}.start-with .pick{display:grid;gap:2px;min-width:0}.start-with .pick a{font-weight:600;text-decoration:none;overflow-wrap:anywhere}.start-with .pick a::after{content:"";position:absolute;inset:0;border-radius:inherit}@media (hover:hover) and (pointer:fine){.start-with .pick a:hover{text-decoration:underline}}.start-with .pick>span{color:var(--text-3);font:400 12px/1.4 var(--font-mono)}body[data-page^="use"] .prose-section,body[data-page^="use"] .list-note{max-width:720px}body[data-page^="use"] .prose-intro{max-width:none}.filter-bar .chips{gap:6px}.filter-bar .chip{min-height:36px;padding:6px 12px;gap:6px}.filter-bar .chip::after{inset:-4px 0}@media (min-width:900px){.filter-bar .chip .count{display:none}}.page>[data-filter-list]>.section:first-child{padding-top:var(--s-6)}:lang(ja) .sound-card h3,:lang(ja) .start-with .pick a{word-break:auto-phrase}.board-link{margin:0;font-size:var(--t-sm)}.board-link a{display:inline-flex;align-items:center;min-height:var(--target);color:var(--text-2)}@media (hover:hover) and (pointer:fine){.board-link a:hover{color:var(--text)}}@media (max-width:599px){.words-table{display:none}}