.sound-toggle{display:inline-flex;align-items:center;gap:var(--space-2);height:38px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--card);border:1.5px solid var(--line);color:var(--muted);font-family:var(--font-ui);font-weight:600;font-size:var(--text-micro);letter-spacing:.06em;text-transform:uppercase;transition:color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.sound-toggle:hover{border-color:var(--violet);transform:translateY(-1px)}.sound-toggle[aria-pressed=true]{color:var(--teal-ink);border-color:var(--teal);background:var(--teal-soft)}@media (max-width: 640px){.sound-toggle__label{display:none}.sound-toggle{width:38px;padding:0;justify-content:center}}.logo{display:block;width:auto;object-fit:contain}.logo--sm{height:42px}.logo--lg{height:clamp(56px,8vh,84px)}.tabs{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding:2px}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;display:inline-flex;align-items:center;gap:9px;font-family:var(--font-ui);font-weight:600;font-size:.9rem;background:var(--card);border:1.5px solid var(--line);color:var(--ink);padding:10px 15px;border-radius:14px;transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.tab:hover{transform:translateY(-1px);border-color:var(--violet)}.tab__n{font-family:var(--font-mono);font-weight:700;font-size:.75rem;background:var(--paper);border-radius:7px;padding:2px 7px;color:var(--muted)}.tab--active{background:var(--violet);border-color:var(--violet);color:#fff}.tab--active .tab__n{background:#ffffff40;color:#fff}.tab__short{display:none}@media (max-width: 1550px){.tab__long{display:none}.tab__short{display:inline}}@media (max-width: 520px){.tabs{gap:4px}.tab{gap:4px;padding:7px;font-size:.76rem;border-radius:11px}.tab__n{padding:1px 4px;font-size:.62rem;border-radius:5px}}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--paper-92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.header__brand{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex-shrink:0}.header__titles{display:flex;flex-direction:column;gap:2px;min-width:0}.header__kicker{font-family:var(--font-mono);font-weight:700;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.header__title{font-family:var(--font-display);font-weight:700;font-size:1.25rem;line-height:1.05;letter-spacing:-.01em;white-space:nowrap}.header__title em{font-style:normal;color:var(--violet-ink)}.header__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}@media (max-width: 1800px){.header__kicker{display:none}}@media (max-width: 1000px){.header{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.header__titles{display:none}.header__actions{order:1}.tabs{order:2;flex-basis:100%}}.card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:22px;display:flex;flex-direction:column;gap:10px}.card__kicker{font-family:var(--font-mono);font-weight:700;font-size:var(--text-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--violet-ink)}.card__title{font-family:var(--font-ui);font-weight:700;font-size:var(--text-title);line-height:1.12;letter-spacing:-.01em}.card__hint{color:var(--muted);font-size:var(--text-body);line-height:1.5}.card__hint b{color:var(--ink);font-weight:600}.card__body{display:flex;flex-direction:column;gap:14px}@media (max-height: 820px){.card{padding:16px;gap:8px}.card__body{gap:10px}}.chip-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:600;font-size:.84rem;line-height:1.1;background:var(--paper);border:1.5px solid var(--line);border-radius:11px;padding:9px 13px;color:var(--ink);transition:border-color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.chip-btn:hover{border-color:var(--violet)}.chip-btn--active{background:var(--violet);border-color:var(--violet);color:#fff}.chip-btn__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.huella{display:block;overflow:visible}.huella--lg{filter:drop-shadow(0 10px 16px rgba(28,24,48,.22))}@media (prefers-reduced-motion: no-preference){.huella--live path{transition:d .05s linear}}.trait-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 44px;align-items:center;gap:var(--space-3);min-height:28px}.trait-row__label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-weight:600;font-size:.84rem;line-height:1.15}.trait-row__icon{flex-shrink:0;color:var(--trait-ink)}.trait-row__value{font-family:var(--font-mono);font-weight:700;font-size:.8rem;text-align:right;color:var(--trait-ink)}.trait-row__bar{height:8px;border-radius:var(--radius-pill);background:var(--line);overflow:hidden}.trait-row__bar-fill{height:100%;width:var(--fill);border-radius:var(--radius-pill);background:var(--trait-color);transition:width var(--duration-standard) var(--ease-standard)}.trait-row__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:var(--radius-pill);background:linear-gradient(to right,var(--trait-color) var(--fill),var(--line) var(--fill));cursor:pointer}.trait-row__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--trait-color);box-shadow:var(--shadow-soft)}.trait-row__range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--trait-color);box-shadow:var(--shadow-soft)}.trait-row__range:focus-visible{border-radius:var(--radius-pill)}.detail{display:flex;flex-direction:column;gap:8px}.detail__head{display:flex;align-items:center;gap:var(--space-3)}.detail__word{display:block;font-family:var(--font-display);font-weight:700;font-size:1.7rem;line-height:1.1}.detail__cat{display:block;font-family:var(--font-ui);font-weight:600;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.detail__sub{font-family:var(--font-mono);font-weight:700;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px}.detail__rows{display:flex;flex-direction:column;gap:4px}.detail__note{font-size:.82rem;line-height:1.4;color:var(--muted);margin-top:-2px}.detail__note b{color:var(--ink)}.detail__neighbors{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px}.detail__neighbor{width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:var(--paper);border:1.5px solid var(--line);border-radius:11px;padding:6px 10px;transition:border-color var(--duration-fast) var(--ease-standard)}.detail__neighbor:hover{border-color:var(--violet)}.detail__neighbor-text{display:flex;flex-direction:column;min-width:0}.detail__neighbor-name{font-family:var(--font-ui);font-weight:600;font-size:.92rem}.detail__pct{font-family:var(--font-mono);font-weight:700;font-size:.78rem;color:var(--violet-ink)}.ms__filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ms__count{font-family:var(--font-mono);font-size:.7rem;opacity:.6}.ms__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.ms__card{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:8px 6px;font-family:var(--font-ui);font-weight:600;font-size:.82rem;transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.ms__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.ms__back{align-self:flex-start;font-family:var(--font-ui);font-weight:600;font-size:.86rem;color:var(--violet-ink);padding:2px 0}.sr__queries,.sr__modes{display:flex;flex-wrap:wrap;gap:6px}.sr__modes{margin-top:4px}.sr__typed{background:var(--paper);border-radius:12px;padding:10px 14px;font-family:var(--font-ui);font-size:.98rem;line-height:1.4}.sr__typed b{color:var(--violet-ink)}.sr__results{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.sr__result{display:flex;align-items:flex-start;gap:12px;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;transition:opacity var(--duration-fast) var(--ease-standard)}.sr__result--muted{opacity:.55}.sr__result-text{display:flex;flex-direction:column;gap:3px;min-width:0}.sr__result-title{font-family:var(--font-ui);font-weight:600;font-size:.98rem}.sr__result-snippet{font-size:.88rem;line-height:1.45;color:var(--ink-soft)}.sr__reason{font-family:var(--font-mono);font-size:.76rem;color:var(--muted)}.sr__pct{font-family:var(--font-mono);font-weight:700;font-size:.82rem;color:var(--violet-ink)}.sr__bonus,.sr__mismatch,.sr__answer{display:inline-block;margin-top:2px;padding:2px 8px;border-radius:999px;font-size:.74rem;font-weight:600}.sr__bonus{background:var(--violet-soft);color:var(--violet-ink)}.sr__mismatch{background:var(--coral-soft);color:var(--coral-ink)}.sr__answer{background:var(--green-soft);color:var(--green-ink)}.sr__empty{max-width:36ch;color:var(--muted);font-size:.9rem;line-height:1.4;background:var(--paper);border-radius:var(--radius-md);padding:16px}.sr__note,.sr__disclaimer{font-size:.86rem;line-height:1.5;color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-ui);font-weight:600;font-size:.92rem;line-height:1;border:1.5px solid transparent;border-radius:13px;padding:13px 18px;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--violet);color:#fff;box-shadow:0 10px 22px -14px var(--violet)}.btn--primary:hover{box-shadow:0 14px 26px -14px var(--violet)}.btn--ghost{background:var(--paper);border-color:var(--line);color:var(--ink)}.btn--ghost:hover{border-color:var(--violet)}.btn--soft{background:var(--violet-soft);color:var(--violet-ink)}.btn--soft:hover{border-color:var(--violet)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ss__templates{display:flex;flex-wrap:wrap;gap:6px}.ss__templates .chip-btn{padding:7px 10px}.ss__top{display:flex;align-items:center;gap:var(--space-3);background:var(--paper);border-radius:14px;padding:10px 16px}.ss__sentence{flex:1;font-family:var(--font-ui);font-weight:600;font-size:1.25rem;line-height:1.35}.ss__blank{color:var(--coral-ink);letter-spacing:.08em}.ss__filled{background:var(--coral-soft);color:var(--coral-ink);border-radius:8px;padding:1px 8px;margin-right:-5px}.ss__cands{list-style:none;display:flex;flex-direction:column;gap:4px}.ss__cand{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-3);width:100%;overflow:hidden;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:10px;padding:5px 12px;transition:border-color var(--duration-fast) var(--ease-standard)}.ss__cand:hover{border-color:var(--violet)}.ss__fill{position:absolute;inset:0 auto 0 0;background:var(--violet-soft);z-index:0;transition:width .5s cubic-bezier(.2,.8,.2,1)}.ss__word,.ss__pct{position:relative;z-index:1}.ss__word{font-family:var(--font-ui);font-weight:600;font-size:1rem}.ss__pct{font-family:var(--font-mono);font-weight:700;font-size:.9rem;color:var(--violet-ink)}.ss__cand--rolling{border-color:var(--coral)}.ss__cand--rolling .ss__fill,.ss__cand--chosen .ss__fill{background:var(--coral-soft)}.ss__cand--chosen{border-color:var(--coral)}.ss__cand--chosen .ss__pct{color:var(--coral-ink)}.ss__why{font-size:.86rem;line-height:1.5;color:var(--ink-soft)}.ss__why b{font-family:var(--font-ui)}.ss__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.ss__modes{display:flex;gap:var(--space-2);flex-wrap:wrap}.ss__note{min-height:1.45em;font-size:.88rem;line-height:1.45;color:var(--coral-ink);font-weight:500}.ss__disclaimer{font-size:.86rem;line-height:1.5;color:var(--ink-soft)}.vs__load{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.vs__load .chip-btn{padding:7px 10px}.vs__load-label{font-family:var(--font-mono);font-weight:700;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:2px}.vs__body{display:flex;gap:var(--space-5);align-items:center}.vs__rows{flex:1 1 260px;display:flex;flex-direction:column;gap:3px;min-width:0}.vs__huella-wrap{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--paper);border-radius:var(--radius-md);padding:10px}.vs__huella-caption{max-width:15ch;text-align:center;font-size:.74rem;line-height:1.35;color:var(--muted)}.vs__huella-caption b{color:var(--ink)}.vs__result{background:var(--violet-soft);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.vs__result-kicker{font-family:var(--font-mono);font-weight:700;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--violet-ink)}.vs__result-word{font-family:var(--font-display);font-weight:700;font-size:1.7rem;line-height:1.1;display:flex;align-items:baseline;gap:var(--space-3)}.vs__result-pct{font-family:var(--font-mono);font-size:.95rem;color:var(--violet-ink)}.vs__others{display:flex;gap:8px}.vs__other{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:6px 12px 8px;font-family:var(--font-ui);font-weight:600;font-size:.8rem;transition:border-color var(--duration-fast) var(--ease-standard)}.vs__other:hover{border-color:var(--violet)}.vs__other-pct{font-family:var(--font-mono);font-weight:700;font-size:.72rem;color:var(--violet-ink)}.vs__disclaimer{font-size:.86rem;line-height:1.5;color:var(--ink-soft)}@media (max-width: 640px){.vs__body{flex-direction:column}}.stage{min-height:100dvh;display:flex;flex-direction:column}.stage__main{flex:1;width:100%;max-width:var(--content-w);margin:0 auto;padding:var(--space-5) var(--space-5) var(--space-7);overflow-x:clip}.stage__panel{will-change:transform,opacity}.stage__foot{position:sticky;bottom:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--paper-92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line)}.stage__hint{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-weight:500;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stage__nav{display:flex;gap:var(--space-2);flex-shrink:0}@media (max-width: 640px){.stage__main{padding:var(--space-4) var(--space-3) var(--space-6)}.stage__foot{padding:var(--space-2) var(--space-3)}.stage__hint{display:none}}@media (max-height: 820px){.stage__main{padding:var(--space-4) var(--space-5) var(--space-5)}}:root{--paper: #f5f1ea;--paper-92: rgba(245, 241, 234, .92);--paper-deep: #ece6da;--card: #ffffff;--ink: #1c1830;--ink-soft: #3b3552;--muted: #6a6580;--line: #e7e2d8;--line-strong: #d6cfbf;--violet: #6d3beb;--violet-soft: #efeafd;--coral: #ff4d6d;--coral-soft: #ffe7ec;--teal: #0bb59f;--teal-soft: #e0f6f2;--amber: #ffab1f;--amber-soft: #fff2d9;--green: #3aa76d;--green-soft: #e3f5ea;--violet-ink: #5a2bd6;--coral-ink: #c81e46;--teal-ink: #066f60;--amber-ink: #85500a;--green-ink: #1c7446;--cat-animales: var(--green);--cat-comida: var(--amber);--cat-ciencia: var(--teal);--cat-emociones: var(--coral);--cat-tecnologia: var(--violet);--cat-animales-ink: var(--green-ink);--cat-comida-ink: var(--amber-ink);--cat-ciencia-ink: var(--teal-ink);--cat-emociones-ink: var(--coral-ink);--cat-tecnologia-ink: var(--violet-ink);--trait-tamano: #4a7fc4;--trait-agradable: #d9822b;--font-ui: "Jost", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--font-display: "Jost", system-ui, -apple-system, sans-serif;--text-title: clamp(1.25rem, 2vw, 1.6rem);--text-body: .95rem;--text-small: .82rem;--text-micro: .7rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-card: 0 20px 50px -30px rgba(28, 24, 48, .35);--shadow-soft: 0 8px 24px -16px rgba(28, 24, 48, .35);--ease-standard: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-standard: .35s;--content-w: 880px;--focus-ring: 0 0 0 3px rgba(109, 59, 235, .45);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);position:relative;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.11 0 0 0 0 0.09 0 0 0 0 0.19 0 0 0 0.16 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}