@font-face{font-family:Sora;src:url(/fonts/sora-variable.woff2)format("woff2-variations"),url(/fonts/sora-variable.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}:root{--font-display:"Sora", system-ui, -apple-system, "Segoe UI", sans-serif;--bg:#f7f5fb;--bg-elevated:#fff;--text:#1a1620;--text-muted:#6b6478;--border:#e3ddef;--accent-default:#8a6fdf;--accent:var(--accent-default);--focus-ring:#1a1620;--btn-primary-text:#fff;--danger:#d6455f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#14121a;--bg-elevated:#201c29;--text:#f4f2fa;--text-muted:#a49bb8;--border:#322c3d;--accent-default:#a48cf0;--focus-ring:#f4f2fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#14121a;--bg-elevated:#201c29;--text:#f4f2fa;--text-muted:#a49bb8;--border:#322c3d;--accent-default:#a48cf0;--focus-ring:#f4f2fa;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:color-mix(in oklab, var(--bg) 88%, var(--accent) 12%);color:var(--text);min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;transition:background .6s}@media (prefers-reduced-motion:reduce){body{transition:none}}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}button{font-family:inherit}.bg-blobs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.blob{background:var(--accent);opacity:.16;filter:blur(90px)saturate(85%);will-change:transform;border-radius:50%;width:55vmax;height:55vmax;transition:background .6s;position:absolute}.blob-1{top:-20vmax;left:-15vmax}.blob-2{opacity:.12;bottom:-25vmax;right:-20vmax}@media (prefers-reduced-motion:no-preference){.blob-1{animation:22s ease-in-out infinite blob-drift-1}.blob-2{animation:26s ease-in-out infinite blob-drift-2}}@media (prefers-reduced-motion:reduce){.blob{transition:none}}@keyframes blob-drift-1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(6vmax,8vmax)scale(1.1)}}@keyframes blob-drift-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-5vmax,-6vmax)scale(1.08)}}.app-shell{z-index:1;flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.sound-toggle{top:max(12px, env(safe-area-inset-top));z-index:2;border:1px solid var(--border);background:var(--bg-elevated);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:fixed;right:12px}.btn{appearance:none;cursor:pointer;border:none;border-radius:999px;min-height:44px;padding:12px 24px;font-size:16px;font-weight:600;transition:transform .15s,opacity .15s}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--accent-default);color:var(--btn-primary-text)}.btn-secondary{color:var(--text);border:1.5px solid var(--border);background:0 0}.btn-large{width:100%;padding:16px 24px;font-size:18px}.btn:focus-visible,.swatch:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.screen{padding:24px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;align-items:center;width:100%;max-width:720px;margin:0 auto;display:flex}.center-screen{text-align:center;justify-content:center;align-items:center;gap:16px}.landing-screen{text-align:center;justify-content:center}.landing-content{flex-direction:column;gap:14px;width:100%;display:flex}.landing-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);margin:0;font-size:42px;font-weight:700}.landing-subtitle{color:var(--text-muted);margin:0;font-size:18px}.landing-streak{margin:0;font-weight:600}.landing-tagline{color:var(--text-muted);margin:8px 0 4px}.landing-footnote{color:var(--text-muted);margin-top:8px;font-size:13px}.progress-dots{gap:8px;margin-bottom:16px;display:flex}.progress-dot{background:var(--text-muted);opacity:.35;border-radius:50%;width:8px;height:8px}.progress-dot-done{background:var(--accent-default);opacity:1}.progress-dot-active{background:var(--accent-default);opacity:1;transform:scale(1.4)}.word-screen{gap:16px;width:100%}.word-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:14px}.word-text{font-family:var(--font-display);text-align:center;color:var(--text);margin:0 0 8px;font-size:42px;font-weight:600}@media (prefers-reduced-motion:no-preference){.word-text,.category-chip{animation:.45s cubic-bezier(.2,.8,.3,1) word-enter}}@keyframes word-enter{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.category-chip{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);text-transform:none;letter-spacing:normal;border-radius:999px;align-items:center;gap:6px;margin-bottom:4px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.category-chip-icon{width:16px;height:16px;display:block}.word-footer{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:auto;padding-top:16px;display:flex}.color-preview-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:18px;align-items:center;gap:12px;width:100%;min-height:64px;margin-bottom:4px;padding:10px 14px;transition:transform .15s;display:flex}@media (prefers-reduced-motion:reduce){.color-preview-card{transition:none}}.color-preview-card-filled{transform:scale(1.01)}.color-preview-swatch{border-radius:12px;flex-shrink:0;width:44px;height:44px;box-shadow:0 2px 6px #140a282e,inset 0 1px #ffffff59}.color-preview-text{flex-direction:column;display:flex}.color-preview-name{font-size:16px;font-weight:700}.color-preview-family{color:var(--text-muted);text-transform:capitalize;font-size:12px}.color-preview-placeholder{color:var(--text-muted);font-size:14px}.selected-color-name{color:var(--text-muted);min-height:20px;margin:0}.swatch-grid-scroll{-webkit-overflow-scrolling:touch;border-radius:16px;width:100%;max-height:44vh;overflow-y:auto}.swatch-grid-scroll-compact{max-height:26vh}.swatch-grid{flex-direction:column;gap:4px;width:100%;display:flex}.swatch-family-row{align-items:center;gap:8px;padding:4px 4px 8px;display:flex}.swatch-family-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:right;flex:0 0 64px;font-size:11px;font-weight:600}.swatch-row{flex-wrap:wrap;flex:1;gap:8px;display:flex}.swatch{cursor:pointer;scroll-snap-align:center;border:1.5px solid #00000014;border-radius:14px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .1s,box-shadow .1s;display:flex;position:relative;box-shadow:0 1px 2px #140a281f}@media (prefers-reduced-motion:reduce){.swatch{transition:none}}.swatch:active:not(:disabled){transform:scale(.95)}.swatch-selected{border:2px solid var(--text);box-shadow:0 0 0 2px var(--bg-elevated), 0 0 0 4px var(--accent-default);transform:scale(1.06)}@media (prefers-reduced-motion:no-preference){.swatch-selected{animation:.15s ease-out swatch-select}}@keyframes swatch-select{0%{transform:scale(.96)}to{transform:scale(1.06)}}.swatch-secondary{border:3px dashed var(--text)}.swatch-check{color:#fff;text-shadow:0 0 3px #0009;pointer-events:none;font-weight:700}.swatch-heat{pointer-events:none;background:radial-gradient(circle,#0000008c,#00000026);border-radius:10px;position:absolute;inset:0}.reveal-screen{text-align:center;gap:12px;width:100%}.reveal-word{font-family:var(--font-display);margin:0 0 4px;font-size:28px;font-weight:600}.reveal-card{text-align:left;background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:stretch;gap:12px;width:100%;padding:16px;display:flex}@media (prefers-reduced-motion:no-preference){.reveal-card{animation:.35s reveal-fade-in}}@keyframes reveal-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal-you-row{align-items:center;gap:10px;font-size:15px;display:flex}.reveal-you-chip{border:1.5px solid #0000001a;border-radius:10px;flex-shrink:0;width:32px;height:32px}.reveal-score-inline{color:var(--text-muted);margin-left:auto;font-size:18px;font-weight:700}.reveal-score-inline-max{font-size:12px;font-weight:400}.reveal-early-crowd{color:var(--text-muted);margin:0;font-size:12px}.starter-data-note{opacity:.8}.chart-toggle{background:var(--bg);border-radius:999px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.chart-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;min-height:32px;padding:6px 14px;font-size:13px;font-weight:600}.chart-toggle-btn.active{background:var(--accent-default);color:var(--btn-primary-text)}.family-chart-bars{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bar-row{grid-template-columns:72px 1fr 40px;align-items:center;gap:8px;font-size:13px;display:grid}.bar-row-callout{border-top:1px dashed var(--border);grid-template-columns:1fr 40px;padding-top:4px}.bar-label{white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:flex}.you-tag{background:var(--accent-default);color:var(--btn-primary-text);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}.bar-track{background:var(--bg);border-radius:999px;height:18px;overflow:hidden}.bar-fill{border-radius:999px;min-width:6px;height:100%;display:block}.bar-fill-other{background:repeating-linear-gradient(135deg, var(--text-muted) 0 4px, transparent 4px 8px);opacity:.5}.bar-row-you .bar-label{color:var(--text)}.bar-row-you .bar-track{outline:2px solid var(--accent-default);outline-offset:1px}.bar-percent{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted)}.family-chart-donut{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.donut-legend{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.donut-legend li{align-items:center;gap:6px;display:flex}.legend-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.legend-you{font-weight:700}.reveal-verdict{color:var(--text);margin:0;font-size:14px;line-height:1.5}.top-swatch-reveal{border-top:1px solid var(--border);padding-top:10px}.top-swatch-toggle{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;min-height:36px;padding:4px 0;font-size:13px;display:flex}.top-swatch-chip{border:1px solid #0000001a;border-radius:6px;flex-shrink:0;width:20px;height:20px}.top-swatch-caret{color:var(--text-muted);margin-left:auto;font-size:10px}.top-swatches-panel{flex-direction:column;gap:6px;padding-top:8px;display:flex}.top-swatches-item{align-items:center;gap:8px;font-size:13px;display:flex}.top-swatches-name{flex:1}.top-swatches-percent{color:var(--text-muted);font-variant-numeric:tabular-nums}.summary-screen{text-align:center;gap:10px;width:100%}.summary-puzzle{color:var(--text-muted);margin:0}.summary-score{font-family:var(--font-display);font-size:56px;font-weight:700}.summary-score-max{color:var(--text-muted);font-size:22px}.summary-tier{margin:0;font-size:20px}.summary-percentile{color:var(--text-muted);max-width:320px;margin:6px 0 0;font-size:14px;line-height:1.4}.summary-percentile strong{color:var(--text)}.summary-percentile-note{opacity:.8;font-size:12px;display:block}.summary-streak{margin:0;font-weight:600}.summary-word-scores{gap:8px;margin:12px 0;display:flex}.summary-word-score{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;min-width:36px;padding:8px 10px;font-weight:600}.summary-actions{flex-direction:column;gap:10px;width:100%;max-width:320px;margin-top:8px;display:flex}.summary-share-status{color:var(--text-muted);font-size:14px}.summary-countdown{color:var(--text-muted);margin-top:16px}.ad-slot{border:1px dashed var(--border);border-radius:12px;width:100%;margin-top:24px;padding:16px}.ad-slot-label{color:var(--text-muted);text-transform:uppercase;font-size:11px}.ad-slot-placeholder{color:var(--text-muted);padding:24px 0}.privacy-screen{text-align:left;align-items:stretch}.privacy-content{max-width:640px;line-height:1.6}.privacy-content h2{margin-top:24px;font-size:18px}.site-footer{color:var(--text-muted);justify-content:center;gap:8px;padding:16px 0 24px;font-size:13px;display:flex}.site-footer a{color:inherit;text-decoration:underline}.site-footer a:hover{color:var(--text)}.site-footer-link-btn{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.site-footer-link-btn:hover{color:var(--text)}.archive-screen{text-align:left;align-items:stretch;gap:16px}.archive-header{align-items:center;gap:12px;display:flex}.archive-title{font-family:var(--font-display);margin:0;font-size:22px}.archive-status{color:var(--text-muted);text-align:center;padding:24px 0}.archive-gated-banner{background:color-mix(in oklab, var(--accent-default) 14%, var(--bg-elevated));border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.archive-gated-dismiss{appearance:none;color:inherit;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.archive-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.archive-row{appearance:none;border:1px solid var(--border);background:var(--bg-elevated);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:15px;display:flex}.archive-row-date{font-weight:600}.archive-row-number{color:var(--text-muted);margin-left:auto}.archive-row-gated{opacity:.55}.archive-row-lock{font-size:14px}.replay-badge{color:var(--text-muted);text-align:center;margin:0 0 4px;font-size:13px}.summary-replay-badge{color:var(--text-muted);margin:0 0 4px;font-size:13px}