:root{--ivory:#fbf8f3;--ivory-deep:#f4efe6;--paper:#fff;--paper-warm:#fdfbf7;--ink:#1a1712;--ink-2:#4c4539;--ink-3:#7d7364;--ink-4:#a79c8b;--line:#1a171217;--line-2:#1a171224;--line-3:#1a171238;--accent:#a8452a;--accent-hover:#93381f;--accent-soft:#f6e7df;--accent-line:#a8452a3d;--gold:#b8862f;--gold-soft:#f7edd8;--positive:#3f7a52;--positive-soft:#e6f0e8;--warn:#a8752a;--warn-soft:#f9efdb;--spec-1:#dda92b;--spec-2:#d4705c;--spec-3:#b0572f;--spec-4:#8a72c0;--spec-5:#1f7a72;--spec-6:#3b4e96;--spec-7:#3a2c5c;--r-xs:.5rem;--r-sm:.75rem;--r-md:1.15rem;--r-lg:1.75rem;--r-xl:2.5rem;--r-pill:999rem;--shadow-xs:0 1px 2px #1a17120d;--shadow-sm:0 1px 2px #1a17120a, 0 3px 10px #1a17120d;--shadow-md:0 2px 4px #1a17120a, 0 14px 32px #1a171212;--shadow-lg:0 4px 10px #1a17120a, 0 34px 64px #1a17121a;--shadow-accent:0 10px 30px #a8452a38;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:2.75rem;--sp-8:3.75rem;--sp-9:5rem;--font-display:"Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;--t-display:clamp(2.6rem, 5.4vmin + 1.4rem, 5.2rem);--t-h1:clamp(2rem, 3.4vmin + 1.2rem, 3.4rem);--t-h2:clamp(1.45rem, 1.9vmin + .95rem, 2.2rem);--t-h3:clamp(1.15rem, 1vmin + .85rem, 1.5rem);--t-body:clamp(.95rem, .5vmin + .82rem, 1.15rem);--t-small:clamp(.82rem, .35vmin + .72rem, .95rem);--t-micro:clamp(.68rem, .25vmin + .62rem, .8rem);--tracking-eyebrow:.16em;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.18s;--dur:.32s;--dur-slow:.62s;--content-max:62rem;--content-narrow:40rem;--gutter:clamp(1.25rem, 4vw, 4rem);--tap:3.25rem}@media (orientation:portrait) and (height>=1100px){:root{--tap:4.5rem;--content-max:46rem;--gutter:clamp(2.5rem, 7vw, 6rem)}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(16px,.55vw + 1.25vh,26px)}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--t-body);color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis-weight:none;text-rendering:optimizelegibility;overscroll-behavior:none;line-height:1.6}body,button{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}#root{isolation:isolate;min-height:100dvh}h1,h2,h3,h4{letter-spacing:-.015em;text-wrap:balance;font-weight:500;line-height:1.1}p{text-wrap:pretty}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img,svg{max-width:100%;display:block}canvas{display:block}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen{min-height:100dvh;padding:max(var(--sp-5), env(safe-area-inset-top)) var(--gutter) max(var(--sp-6), env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow-x:clip}.screen--scroll{height:auto;min-height:100dvh}.screen--fixed{height:100dvh;overflow:hidden}.screen__body{width:100%;max-width:var(--content-max);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;margin-inline:auto;display:flex}.screen__body--wide{max-width:78rem}.screen__body--top{justify-content:flex-start;padding-block-start:var(--sp-6)}.ambient{z-index:-1;pointer-events:none;background:var(--ivory);position:fixed;inset:0}.ambient__glow{will-change:transform;border-radius:50%;position:absolute}.ambient__glow--a{width:74vmax;height:74vmax;animation:drift-a 34s var(--ease-in-out) infinite;background:radial-gradient(closest-side,#dda92b29,#0000 72%);top:-22%;left:-14%}.ambient__glow--b{width:66vmax;height:66vmax;animation:drift-b 42s var(--ease-in-out) infinite;background:radial-gradient(closest-side,#a8452a21,#0000 72%);bottom:-26%;right:-20%}.ambient__glow--c{width:40vmax;height:40vmax;animation:drift-a 52s var(--ease-in-out) infinite reverse;background:radial-gradient(closest-side,#8a72c01a,#0000 70%);top:32%;right:6%}@keyframes drift-a{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(4%,6%)scale(1.1)}}@keyframes drift-b{0%,to{transform:translate(0,0)scale(1.05)}50%{transform:translate(-6%,-4%)scale(.95)}}.ambient__grain{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.eyebrow{gap:var(--sp-3);font-size:var(--t-micro);color:var(--ink-3);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);align-items:center;font-weight:600;display:inline-flex}.eyebrow__dot{background:var(--accent);border-radius:50%;width:.36em;height:.36em}.display{font-family:var(--font-display);font-size:var(--t-display);font-variation-settings:"SOFT" 0, "WONK" 0, "opsz" 40;letter-spacing:-.028em;font-weight:400;line-height:1.02}.title{font-family:var(--font-display);font-size:var(--t-h1);letter-spacing:-.022em;font-weight:400;line-height:1.08}.subtitle{font-family:var(--font-display);font-size:var(--t-h2);letter-spacing:-.018em;font-weight:400}.lede{max-width:34ch;font-size:var(--t-body);color:var(--ink-2);margin-inline:auto;line-height:1.62}.lede--wide{max-width:52ch}.muted{color:var(--ink-3)}.micro{font-size:var(--t-micro);color:var(--ink-3);letter-spacing:.02em}.numeral{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.btn{gap:var(--sp-3);min-height:var(--tap);font-size:var(--t-body);letter-spacing:-.008em;white-space:nowrap;border-radius:var(--r-pill);transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:0 clamp(1.5rem,3vw,2.5rem);font-weight:550;display:inline-flex;position:relative}.btn:active{transform:scale(.975)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn:disabled:active{transform:none}.btn--primary{color:var(--paper);background:var(--ink);box-shadow:var(--shadow-md)}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-lg);background:#2c261d}.btn--accent{color:var(--paper);background:var(--accent);box-shadow:var(--shadow-accent)}.btn--accent:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{color:var(--ink);background:var(--paper);border:1px solid var(--line-2);box-shadow:var(--shadow-sm)}.btn--ghost:hover:not(:disabled){border-color:var(--line-3);box-shadow:var(--shadow-md)}.btn--quiet{min-height:2.75rem;padding-inline:var(--sp-4);font-size:var(--t-small);color:var(--ink-3);font-weight:500}.btn--quiet:hover:not(:disabled){color:var(--ink)}.btn--lg{min-height:calc(var(--tap) * 1.22);padding-inline:clamp(2rem,4.5vw,3.5rem);font-size:clamp(1rem,.6vmin + .9rem,1.3rem)}.btn__icon{flex-shrink:0}.btn--pulse:after{content:"";border:1.5px solid var(--ink);border-radius:inherit;opacity:0;animation:halo 3.4s var(--ease-out) infinite;position:absolute;inset:-2px}@keyframes halo{0%{opacity:.4;transform:scale(1)}70%,to{opacity:0;transform:scale(1.14)}}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,2.4vw,2rem)}.panel{-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-md);background:#ffffffb8;padding:clamp(1.5rem,3vw,2.75rem)}.chip{gap:var(--sp-2);font-size:var(--t-micro);letter-spacing:.03em;color:var(--ink-2);background:var(--paper);border:1px solid var(--line-2);border-radius:var(--r-pill);align-items:center;padding:.45em .95em;font-weight:550;display:inline-flex}.chip--accent{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.chip__swatch{border-radius:50%;width:.55em;height:.55em}.chip-row{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.topbar{gap:var(--sp-4);width:100%;max-width:var(--content-max);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}.topbar--wide{max-width:78rem}.wordmark{font-family:var(--font-display);letter-spacing:.13em;color:var(--ink);text-transform:uppercase;align-items:baseline;gap:.55rem;font-size:clamp(1.05rem,.7vmin + .95rem,1.35rem);font-weight:500;display:inline-flex}.wordmark__mark{background:var(--accent);border-radius:50%;width:.42em;height:.42em;transform:translateY(-.12em)}.steps{gap:var(--sp-3);justify-content:center;align-items:center;display:flex}.steps__item{gap:var(--sp-2);font-size:var(--t-micro);color:var(--ink-4);text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);transition:color var(--dur) var(--ease-out);align-items:center;font-weight:600;display:flex}.steps__item[data-state=active]{color:var(--ink)}.steps__item[data-state=done]{color:var(--ink-3)}.steps__bead{background:var(--line-3);width:.55rem;height:.55rem;transition:background-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-spring);border-radius:50%}.steps__item[data-state=active] .steps__bead{background:var(--accent);transform:scale(1.35)}.steps__item[data-state=done] .steps__bead{background:var(--ink-3)}.steps__sep{background:var(--line-2);width:clamp(1rem,3vw,2.5rem);height:1px}.bar{background:var(--line);border-radius:var(--r-pill);width:100%;height:.35rem;position:relative;overflow:hidden}.bar__fill{background:linear-gradient(90deg, var(--accent), var(--gold));border-radius:inherit;transition:width .12s linear;position:absolute;inset:0 auto 0 0}.stats{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));width:100%;display:grid}.stat{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:clamp(.9rem,1.8vw,1.35rem)}.stat__label{font-size:var(--t-micro);color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;margin-block-end:.35em;font-weight:600;display:block}.stat__value{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.3rem,1.5vmin + 1rem,1.9rem);font-weight:400;line-height:1.15;display:block}.stat__note{font-size:var(--t-micro);color:var(--ink-4);margin-block-start:.2em;display:block}.rule{background:var(--line);border:0;width:100%;height:1px}.rule--soft{background:linear-gradient(90deg, transparent, var(--line-2), transparent)}.stack{flex-direction:column;align-items:center;display:flex}.stack>*+*{margin-block-start:var(--gap,var(--sp-5))}.row{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.full{width:100%}.artwork__waves--animated{will-change:transform;animation-name:wave-flow;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes wave-flow{0%{transform:translate(0)}to{transform:translateX(var(--shift))}}.attract__title{max-width:16ch;margin-inline:auto}.attract__cta{margin-block-start:var(--sp-2)}.attract__meta{gap:var(--sp-2) var(--sp-5);font-size:var(--t-micro);color:var(--ink-3);letter-spacing:.04em;flex-wrap:wrap;justify-content:center;display:flex}.attract__meta-item{gap:var(--sp-2);align-items:center;display:inline-flex}.equalizer{justify-content:center;align-items:center;gap:clamp(.2rem,.8vw,.42rem);width:min(100%,32rem);height:clamp(2.75rem,8vh,5rem);display:flex}.equalizer__bar{background:linear-gradient(180deg, var(--gold), var(--accent));border-radius:var(--r-pill);opacity:.5;min-width:.16rem;max-width:.3rem;height:24%;animation:eq 2.6s var(--ease-in-out) infinite alternate;flex:1}@keyframes eq{0%{opacity:.32;height:22%}to{height:var(--peak,60%);opacity:.72}}.mic{aspect-ratio:1;place-items:center;width:clamp(9rem,26vmin,15rem);display:grid;position:relative}.mic__ring{border:1px solid var(--line-2);border-radius:50%;position:absolute;inset:0}.mic__ring--pulse{animation:mic-pulse 3s var(--ease-out) infinite}.mic__ring--pulse:nth-child(2){animation-delay:1s}.mic__ring--pulse:nth-child(3){animation-delay:2s}@keyframes mic-pulse{0%{opacity:.9;transform:scale(.62)}to{opacity:0;transform:scale(1.05)}}.mic__core{aspect-ratio:1;width:58%;color:var(--paper);background:var(--ink);box-shadow:var(--shadow-lg);border-radius:50%;place-items:center;display:grid}.mic__core svg{width:42%;height:auto}.notice{gap:var(--sp-4);width:min(100%,34rem);padding:var(--sp-4) var(--sp-5);text-align:left;background:var(--warn-soft);border-radius:var(--r-md);border:1px solid #a8752a3d;align-items:flex-start;display:flex}.notice--error{background:var(--accent-soft);border-color:var(--accent-line)}.notice__icon{color:var(--accent);flex-shrink:0;margin-block-start:.15em}.notice__text{font-size:var(--t-small);color:var(--ink-2);line-height:1.55}.sing{width:100%;max-width:68rem;padding-block:var(--sp-5);flex-direction:column;flex:1;gap:clamp(1rem,2.5vh,2rem);margin-inline:auto;display:flex}.sing__head{text-align:center}.sing__instruction{max-width:40ch;color:var(--ink-2);margin-block-start:var(--sp-3);margin-inline:auto}.sing__hint{font-size:var(--t-small);color:var(--ink-4);margin-block-start:var(--sp-2)}.phrase{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:clamp(1.25rem,3.5vw,2.5rem) clamp(1.25rem,4vw,3rem)}.phrase__text{font-family:var(--font-display);letter-spacing:-.02em;flex-wrap:wrap;justify-content:center;gap:.1em .34em;font-size:clamp(1.5rem,3.4vmin + .9rem,3rem);font-weight:400;line-height:1.25;display:flex}.phrase__word{white-space:nowrap}.phrase__syllable{color:var(--ink-4);transition:color .26s var(--ease-out)}.phrase__syllable[data-lit=true]{color:var(--ink)}.phrase__quote{color:var(--ink-4)}.vowel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);place-items:center;padding:clamp(1.25rem,3.5vw,2.5rem);display:grid}.vowel__glyph{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.6rem,8vmin,5rem);font-weight:400;line-height:1}.vowel__arrow{color:var(--accent);margin-block-start:var(--sp-3)}.vowel__arrow--down{animation:nudge-down 2.2s var(--ease-in-out) infinite}.vowel__arrow--up{animation:nudge-up 2.2s var(--ease-in-out) infinite}@keyframes nudge-down{0%,to{transform:translateY(-18%)}50%{transform:translateY(18%)}}@keyframes nudge-up{0%,to{transform:translateY(18%)}50%{transform:translateY(-18%)}}.scope{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);min-height:clamp(11rem,30vh,22rem);box-shadow:var(--shadow-sm);flex:1;position:relative;overflow:hidden}.scope__canvas{width:100%;height:100%}.scope__readout{gap:var(--sp-3);pointer-events:none;align-items:baseline;display:flex;position:absolute;inset-block-start:var(--sp-4);inset-inline-start:var(--sp-4)}.scope__note{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,2.6vmin + 1rem,2.6rem);font-weight:400;line-height:1}.scope__hz{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--ink-4);font-variant-numeric:tabular-nums}.scope__silent{font-size:var(--t-small);color:var(--ink-4);pointer-events:none;transition:opacity var(--dur) var(--ease-out);background:#ffffff8c;place-items:center;display:grid;position:absolute;inset:0}.sing__foot{gap:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.sing__timer{gap:var(--sp-3);flex:1;align-items:center;display:flex}.sing__countdown{font-family:var(--font-mono);font-size:var(--t-small);color:var(--ink-3);font-variant-numeric:tabular-nums}.countdown{z-index:5;-webkit-backdrop-filter:blur(6px);background:#fbf8f3d1;place-items:center;display:grid;position:absolute;inset:0}.countdown__value{font-family:var(--font-display);color:var(--ink);font-size:clamp(5rem,22vmin,12rem);font-weight:400;line-height:1}.analysing{aspect-ratio:1;place-items:center;width:clamp(10rem,32vmin,18rem);display:grid}.analysing__ring{border:1px solid var(--accent-line);animation:expand 2.8s var(--ease-out) infinite;border-radius:50%;position:absolute}.analysing__ring:first-child{inset:0}.analysing__ring:nth-child(2){animation-delay:.7s;inset:0}.analysing__ring:nth-child(3){animation-delay:1.4s;inset:0}.analysing__ring:nth-child(4){animation-delay:2.1s;inset:0}@keyframes expand{0%{opacity:0;transform:scale(.3)}30%{opacity:1}to{opacity:0;transform:scale(1)}}.analysing__core{aspect-ratio:1;background:var(--accent);width:26%;animation:breathe 2.4s var(--ease-in-out) infinite;border-radius:50%}@keyframes breathe{0%,to{transform:scale(.86)}50%{transform:scale(1.1)}}.analysing__status{min-height:1.6em;font-size:var(--t-body);color:var(--ink-2)}.result{width:100%;max-width:66rem;padding-block:var(--sp-5) var(--sp-6);flex-direction:column;gap:clamp(1.25rem,3vh,2.25rem);margin-inline:auto;display:flex}.result__hero{text-align:center;grid-template-columns:1fr;place-items:center;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.result__art{aspect-ratio:1;border-radius:var(--r-xl);width:clamp(11rem,34vmin,19rem);box-shadow:var(--shadow-md);overflow:hidden}.result__name{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.4rem,6vmin + 1rem,4.4rem);font-weight:400;line-height:1}.result__essence{max-width:30ch;font-family:var(--font-display);font-size:var(--t-h3);color:var(--ink-2);margin-block-start:var(--sp-3);margin-inline:auto;font-style:italic}.result__badges{margin-block-start:var(--sp-4)}.result__section-title{font-size:var(--t-micro);color:var(--ink-3);text-align:left;text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);margin-block-end:var(--sp-3);font-weight:600}.result__text{font-size:var(--t-body);color:var(--ink-2);text-align:left;line-height:1.68}.result__voices{gap:var(--sp-2);flex-wrap:wrap;display:flex}.result__actions{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.result__alt{gap:var(--sp-3);flex-direction:column;display:flex}.result__alt-row{gap:var(--sp-3);font-size:var(--t-small);grid-template-columns:8.5rem 1fr auto;align-items:center;display:grid}.result__alt-name{color:var(--ink-2);text-align:left}.result__alt-meter{background:var(--line);border-radius:var(--r-pill);height:.3rem;overflow:hidden}.result__alt-fill{border-radius:inherit;height:100%;transition:width var(--dur-slow) var(--ease-out)}.result__alt-share{color:var(--ink-3);font-variant-numeric:tabular-nums}@media (orientation:landscape) and (width>=60rem){.result__hero{text-align:left;grid-template-columns:auto 1fr;justify-items:start}.result__hero-copy{text-align:left}.result__essence{margin-inline:0}.result__badges{justify-content:flex-start}}.range{width:100%}.range__track{background:linear-gradient(90deg, var(--ivory-deep), var(--paper), var(--ivory-deep));border:1px solid var(--line);border-radius:var(--r-md);height:clamp(3rem,7vh,4.5rem);position:relative}.range__typical{border-inline:1px dashed var(--line-3);background:repeating-linear-gradient(-45deg,#1a17120d 0 6px,#0000 6px 12px);position:absolute;inset-block:0}.range__mine{border-radius:var(--r-pill);box-shadow:var(--shadow-sm);transition:all var(--dur-slow) var(--ease-out);position:absolute;inset-block:22%}.range__tess{background:var(--ink);border-radius:var(--r-pill);width:2px;position:absolute;inset-block:6%}.range__tess:after{content:"";background:var(--ink);border-radius:50%;width:.5rem;height:.5rem;position:absolute;inset-block-start:-.42rem;inset-inline-start:50%;transform:translate(-50%)}.range__scale{height:1.4rem;margin-block-start:var(--sp-2);position:relative}.range__tick{font-size:var(--t-micro);color:var(--ink-4);font-variant-numeric:tabular-nums;position:absolute;transform:translate(-50%)}.range__legend{gap:var(--sp-2) var(--sp-5);font-size:var(--t-micro);color:var(--ink-3);flex-wrap:wrap;justify-content:center;margin-block-start:var(--sp-4);display:flex}.range__legend-item{gap:var(--sp-2);align-items:center;display:inline-flex}.range__legend-key{border-radius:var(--r-pill);width:1.4rem;height:.4rem}.library{width:100%;max-width:78rem;padding-block:var(--sp-5) var(--sp-7);margin-inline:auto}.library__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:clamp(.85rem,1.8vw,1.35rem);margin-block-start:var(--sp-6);display:grid}.voice-card{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}.voice-card:hover{border-color:var(--line-2);box-shadow:var(--shadow-md);transform:translateY(-3px)}.voice-card[data-active=true]{border-color:var(--accent-line);box-shadow:var(--shadow-md)}.voice-card__art{aspect-ratio:16/10;border-block-end:1px solid var(--line);overflow:hidden}.voice-card__body{gap:var(--sp-2);flex-direction:column;flex:1;padding:clamp(.9rem,1.8vw,1.3rem);display:flex}.voice-card__name{font-family:var(--font-display);font-size:var(--t-h3);letter-spacing:-.02em;font-weight:400}.voice-card__tagline{font-size:var(--t-small);color:var(--ink-3);line-height:1.5}.voice-card__range{gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--t-micro);color:var(--ink-3);border-block-start:1px solid var(--line);font-variant-numeric:tabular-nums;align-items:center;margin-block-start:auto;padding-block-start:var(--sp-3);display:flex}.library__note{max-width:60ch;padding:var(--sp-5);font-size:var(--t-small);color:var(--ink-3);text-align:center;border:1px solid var(--line);border-radius:var(--r-md);background:#fff9;margin-block-start:var(--sp-7);margin-inline:auto;line-height:1.65}.sheet{z-index:50;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.sheet__scrim{-webkit-backdrop-filter:blur(3px);background:#1a171252;position:absolute;inset:0}.sheet__panel{background:var(--paper);border-radius:var(--r-xl) var(--r-xl) 0 0;width:min(100%,44rem);max-height:88dvh;box-shadow:var(--shadow-lg);-webkit-overflow-scrolling:touch;padding:clamp(1.5rem,4vw,2.75rem);position:relative;overflow-y:auto}@media (width>=48rem){.sheet{padding:var(--gutter);align-items:center}.sheet__panel{border-radius:var(--r-xl)}}.sheet__close{width:2.5rem;height:2.5rem;color:var(--ink-3);background:var(--ivory);transition:color var(--dur-fast), background-color var(--dur-fast);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:var(--sp-4);inset-inline-end:var(--sp-4)}.sheet__close:hover{color:var(--ink);background:var(--ivory-deep)}.sheet__art{aspect-ratio:2;border-radius:var(--r-md);overflow:hidden}.nuance{padding-block:var(--sp-3);border-block-start:1px solid var(--line)}.nuance__name{font-weight:600;font-size:var(--t-small)}.nuance__text{font-size:var(--t-small);color:var(--ink-3);margin-block-start:.15em;line-height:1.55}