@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:DM Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-italic-DRLHr0TN.woff2) format("woff2"),url(/assets/dm-sans-latin-400-italic-i6QPgQBE.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-normal-DRC__1Mx.woff2) format("woff2"),url(/assets/instrument-sans-latin-400-normal-D1W7dsQl.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/instrument-sans-latin-500-normal-Dk9ku72i.woff2) format("woff2"),url(/assets/instrument-sans-latin-500-normal-Z6ESRlEs.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/instrument-sans-latin-600-normal-B7fBEWYG.woff2) format("woff2"),url(/assets/instrument-sans-latin-600-normal-B9e8oLYv.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/instrument-sans-latin-700-normal-CYfAanHo.woff2) format("woff2"),url(/assets/instrument-sans-latin-700-normal-DfAjL1vF.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-sans-latin-400-italic-DCPiXYsF.woff2) format("woff2"),url(/assets/instrument-sans-latin-400-italic-CX4K8MRt.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff")}@font-face{font-family:Sunliner Revival;src:url(/fonts/SunlinerRevivalRegular.woff2) format("woff2"),url(/fonts/SunlinerRevivalRegular.woff) format("woff"),url(/fonts/SunlinerRevivalRegular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Holidaze Display;src:url(/fonts/HolidazeDisplayRegular.woff2) format("woff2"),url(/fonts/HolidazeDisplayRegular.woff) format("woff"),url(/fonts/HolidazeDisplayRegular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Holidaze Display;src:url(/fonts/HolidazeDisplayItalic.woff2) format("woff2"),url(/fonts/HolidazeDisplayItalic.woff) format("woff"),url(/fonts/HolidazeDisplayItalic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:block}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #f8f1e5;--orange: #d3437c;--pink: rgba(211, 67, 124, .12);--white: #ffffff;--dark: #0a0a0a;--muted: #737373;--border: rgba(0, 0, 0, .08);--error: #c0392b;--ok: #27ae60;--pos1: #d46247;--pos2: #9b59b6;--pos3: #2e86c1;--pos4: #27ae60;--ff: "DM Sans", system-ui, sans-serif;--ff-serif: "Instrument Serif", Georgia, serif;--ff-sans: "Instrument Sans", system-ui, sans-serif;--deep-peach: #d3437c;--deep-sage: #247d57;--deep-blue: #6e48b5;--accent: var(--deep-peach);--accent-soft: rgba(211, 67, 124, .28);--tutorial-accent: var(--accent);--tutorial-accent-soft: var(--accent-soft);--tutorial-accent-bg: var(--accent-soft);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-base: .22s;--dur-slow: .32s}body{background:var(--cream);color:var(--dark);font-family:var(--ff);min-height:100dvh;display:flex;flex-direction:column;align-items:center;overscroll-behavior-y:none;overflow-x:hidden}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.animated-mascot{display:block;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.simple-wordmark,.simple-tag{-webkit-user-select:none;user-select:none}.animated-mascot .frame{display:block}.animated-mascot .frame-open{position:relative;width:100%;height:100%}.animated-mascot .frame-closed{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.animated-mascot.blinking .frame-open{opacity:0}.animated-mascot.blinking .frame-closed{opacity:1}.animated-mascot.bouncing{animation:heroMascotBounce .36s cubic-bezier(.34,1.4,.64,1)}@keyframes heroMascotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animated-mascot svg{width:100%;height:100%;display:block;overflow:visible;filter:url(#pig-boil-subtle)}.animated-mascot svg #ears>path,.animated-mascot svg #leaves{transform-box:fill-box}.animated-mascot[data-mode=classic] svg #ears>path{transform-origin:50% 100%}.animated-mascot[data-mode=classic] svg #ears>path:nth-child(1){animation:heroMascotEarA 1.7s cubic-bezier(.45,0,.55,1) infinite}.animated-mascot[data-mode=classic] svg #ears>path:nth-child(2){animation:heroMascotEarB 1.7s cubic-bezier(.45,0,.55,1) infinite}@keyframes heroMascotEarA{0%,to{transform:rotate(0)}50%{transform:rotate(7deg)}}@keyframes heroMascotEarB{0%,to{transform:rotate(0)}50%{transform:rotate(-7deg)}}.animated-mascot[data-mode=soyboy] svg #leaves{transform-origin:50% 100%;animation:heroMascotLeaves 2.4s cubic-bezier(.45,0,.55,1) infinite}@keyframes heroMascotLeaves{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.animated-mascot[data-mode=thisthat] svg #hair{display:none}.animated-mascot .hair-anim{position:absolute;top:0;left:0;width:100%;pointer-events:none}.animated-mascot .hair-anim svg{width:100%;height:auto;display:block;filter:url(#pig-boil-subtle)}.animated-mascot .hair-frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.animated-mascot .hair-frame.is-on{opacity:1}@media (prefers-reduced-motion: reduce){.animated-mascot svg{filter:none!important}.animated-mascot svg #ears>path,.animated-mascot svg #leaves,.animated-mascot.bouncing{animation:none!important}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes tileAccept{0%{transform:scale(1)}40%{transform:scale(1.2)}70%{transform:scale(.93)}to{transform:scale(1)}}@keyframes tileSuccess{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.25) rotate(-6deg)}50%{transform:scale(1.25) rotate(6deg)}75%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes countdownPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes successBounce{0%{transform:scale(.8) translateY(10px);opacity:0}60%{transform:scale(1.06) translateY(-4px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(60px) rotate(360deg);opacity:0}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stagger>*{animation:riseIn .38s var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:60ms}.stagger>*:nth-child(3){animation-delay:.11s}.stagger>*:nth-child(4){animation-delay:.16s}.stagger>*:nth-child(5){animation-delay:.21s}.stagger>*:nth-child(6){animation-delay:.25s}.stagger>*:nth-child(7){animation-delay:.29s}.stagger>*:nth-child(n+8){animation-delay:.32s}@keyframes emojiBurst{0%{transform:translate(-50%,-50%) rotate(0) scale(.4);opacity:0}18%{opacity:1}to{transform:translate(calc(-50% + var(--burst-dx)),calc(-50% + var(--burst-dy))) rotate(var(--burst-rot)) scale(.85);opacity:0}}.shake{animation:shake .24s ease}.mascot-icon svg{display:block;width:100%;height:100%}.soyboy{--orange: #247d57;--accent: var(--deep-sage);--accent-soft: rgba(36, 125, 87, .22);--pink: rgba(36, 125, 87, .12)}.thisthat{--orange: #6e48b5;--accent: var(--deep-blue);--accent-soft: rgba(110, 72, 181, .2);--pink: rgba(110, 72, 181, .12)}:root[data-exp-colored-bg="1"][data-exp-mode=classic]{--cream: #ffe2c7;--muted: rgba(0, 0, 0, .62);--border: rgba(0, 0, 0, .16);--accent: var(--deep-peach);--accent-soft: rgba(212, 98, 71, .22)}:root[data-exp-colored-bg="1"][data-exp-mode=soyboy]{--cream: #b7d197;--muted: rgba(0, 0, 0, .62);--border: rgba(0, 0, 0, .16);--accent: var(--deep-sage);--accent-soft: rgba(36, 125, 87, .14)}:root[data-exp-colored-bg="1"][data-exp-mode=thisthat]{--cream: #cce1f2;--muted: rgba(0, 0, 0, .62);--border: rgba(0, 0, 0, .16);--accent: var(--deep-blue);--accent-soft: rgba(46, 131, 197, .16)}:root[data-theme=dark]{--accent: var(--deep-peach)}:root[data-theme=dark] .soyboy{--accent: var(--deep-sage)}:root[data-theme=dark] .thisthat{--accent: var(--deep-blue)}:root[data-exp-colored-bg="1"] .info-card,:root[data-exp-colored-bg="1"] .mode-pill{background:#fffcf7;border-color:#00000014;color:var(--dark)}:root[data-theme=dark][data-exp-colored-bg="1"] .info-card,:root[data-theme=dark][data-exp-colored-bg="1"] .mode-pill{background:#ffffff1a;border-color:#ffffff24}:root[data-exp-colored-bg="1"] .info-card-title,:root[data-exp-colored-bg="1"] .info-list-text{color:var(--dark)}:root[data-exp-colored-bg="1"] .info-num{background:var(--accent-soft);color:var(--accent)}:root[data-exp-colored-bg="1"] .mode-pill:hover:not(.active){background:#fffbf6eb}:root[data-exp-colored-bg="1"] .mode-pill.active{background:#1a1918;color:#fff;border-color:#1a1918}:root[data-theme=dark][data-exp-colored-bg="1"] .mode-pill.active{background:#f5f3f0;color:#1a1918;border-color:#f5f3f0}:root[data-exp-colored-bg="1"] .btn-primary{background:#1a1918;color:#fff}:root[data-exp-colored-bg="1"] .btn-primary:hover{filter:brightness(1.18)}:root[data-theme=dark][data-exp-colored-bg="1"] .btn-primary{background:#f5f3f0;color:#1a1918}:root[data-theme=dark][data-exp-colored-bg="1"] .btn-primary:hover{filter:brightness(.92)}:root[data-exp-colored-bg="1"] .btn-ghost{color:var(--dark);background:#fffbf69e;border-color:#00000029}:root[data-exp-colored-bg="1"] .btn-ghost:hover{background:#fffbf6e0;border-color:#00000038;color:var(--dark)}:root[data-theme=dark][data-exp-colored-bg="1"] .btn-ghost{color:var(--dark);background:#ffffff14;border-color:#ffffff29}:root[data-theme=dark][data-exp-colored-bg="1"] .btn-ghost:hover{background:#ffffff24}:root[data-exp-colored-bg="1"] .best-chip{color:var(--dark)}:root[data-exp-colored-bg="1"] .best-chip strong{color:var(--accent)}:root[data-exp-colored-bg="1"] .simple-tag{color:var(--muted)}.simple-start{padding-top:4vh}.simple-segmented-wrap{display:flex;justify-content:center;margin-bottom:8vh}.mode-segmented{display:inline-flex;background:#0000000d;border-radius:999px;padding:4px;gap:2px}.seg-tab{display:inline-flex;align-items:center;padding:10px 20px;border:none;background:transparent;border-radius:999px;font-family:var(--ff-sans);font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--muted);cursor:pointer;touch-action:manipulation;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform .1s var(--ease-out);min-height:40px;white-space:nowrap}@media (max-width: 480px){.seg-tab{padding:10px 14px;font-size:13px}}@media (max-width: 360px){.seg-tab{padding:9px 11px;font-size:12.5px}}.seg-tab:active{transform:scale(.96)}.seg-tab.active{background:var(--dark);color:var(--cream)}:root[data-theme=dark] .mode-segmented{background:#ffffff14}:root[data-theme=dark] .seg-tab.active{background:var(--dark);color:var(--cream)}:root[data-theme=dark] .seg-tab:not(.active){color:var(--muted)}:root[data-exp-colored-bg="1"] .mode-segmented{background:#fffcf7}:root[data-exp-colored-bg="1"] .seg-tab.active{background:#1a1918;color:#fff}:root[data-exp-colored-bg="1"] .seg-tab:not(.active){color:#0000009e}:root[data-theme=dark][data-exp-colored-bg="1"] .mode-segmented{background:#00000052}:root[data-theme=dark][data-exp-colored-bg="1"] .seg-tab.active{background:#f5f3f0;color:#1a1918}:root[data-theme=dark][data-exp-colored-bg="1"] .seg-tab:not(.active){color:#ffffffb8}.simple-hero{display:flex;flex-direction:column;align-items:center;gap:12px}.simple-wordmark{font-family:var(--ff-serif);font-size:68px;font-weight:600;letter-spacing:0;line-height:1;text-align:center;margin-top:-8px;font-synthesis:weight style;-webkit-text-stroke:.3px currentColor}.simple-wordmark .accent{color:var(--accent);font-family:inherit;font-weight:inherit;font-style:inherit}.simple-tag{font-family:var(--ff-sans);font-size:17px;color:var(--muted);text-align:center;max-width:22ch;line-height:1.4;margin-top:4px}:root[data-exp-colored-bg="1"] .simple-tag{color:#000000a8}.simple-tag-meta{display:inline-block;margin-top:4px;font-size:14px;font-weight:600;letter-spacing:.02em;opacity:.78}.simple-actions{display:flex;flex-direction:column;gap:12px;margin-top:36px}.simple-footer{display:flex;justify-content:center;gap:18px;margin-top:22px}.simple-link{background:none;border:none;padding:10px 4px;font-family:var(--ff-sans);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;letter-spacing:.02em;transition:color var(--dur-fast) var(--ease-out)}.simple-link:hover{color:var(--dark)}:root[data-exp-colored-bg="1"] .simple-link{color:#0000008c}:root[data-exp-colored-bg="1"] .simple-link:hover{color:#1a1918}.simple-credit{margin-top:36px;text-align:center;font-family:var(--ff-sans);font-size:12px;font-weight:600;color:var(--muted);opacity:.7}@media (min-width: 640px){.simple-wordmark{font-size:96px}.simple-tag{font-size:20px}}.debug-badge{position:fixed;top:max(12px,env(safe-area-inset-top,0px));right:12px;background:#000000c7;color:#ffa86f;font-family:var(--ff-sans);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border:none;border-radius:999px;cursor:pointer;z-index:1001;opacity:.5;transition:opacity .15s var(--ease-out),transform .1s var(--ease-out);touch-action:manipulation}.debug-badge:hover{opacity:1}.debug-badge:active{transform:scale(.94)}.prefs-collapse{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .34s var(--ease-out),opacity .22s var(--ease-out)}.prefs-collapse.open{grid-template-rows:1fr;opacity:1}.prefs-collapse>*{overflow:hidden;min-height:0}.cp-fab{position:fixed;right:16px;bottom:16px;width:52px;height:52px;border-radius:999px;border:none;background:#1a1918;color:#fff;font-size:22px;cursor:pointer;z-index:1000;box-shadow:0 6px 20px #0000002e;transition:transform .12s var(--ease-out);touch-action:manipulation}.cp-fab:hover{transform:scale(1.06)}.cp-fab:active{transform:scale(.95)}.cp-floating{position:fixed;right:16px;bottom:16px;width:296px;background:#fff;color:#1a1918;border-radius:18px;padding:16px;z-index:1000;box-shadow:0 12px 40px #00000038;font-family:var(--ff-sans)}:root[data-theme=dark] .cp-floating{background:#2a2826;color:#f5f3f0}.cp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cp-title{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.cp-close{width:30px;height:30px;border-radius:999px;border:none;background:#0000000f;cursor:pointer;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:inherit}:root[data-theme=dark] .cp-close{background:#ffffff1a}.cp-close:hover{background:#0000001a}.cp-swatches{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.cp-swatch{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1.5px solid transparent;background:#0000000a;border-radius:10px;cursor:pointer;font-family:inherit;transition:border-color .15s var(--ease-out),background .15s var(--ease-out);text-align:left}:root[data-theme=dark] .cp-swatch{background:#ffffff0f}.cp-swatch.active{border-color:currentColor}.cp-swatch-color{width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.18);flex-shrink:0}.cp-swatch-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.cp-swatch-label{font-size:11px;font-weight:600;opacity:.62}.cp-swatch-hex{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:600;letter-spacing:-.02em}.cp-contrast{display:flex;flex-direction:column;gap:4px;padding:10px;background:#00000008;border-radius:10px;margin-bottom:12px}:root[data-theme=dark] .cp-contrast{background:#ffffff0a}.cp-contrast-title{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.55;margin-bottom:2px}.cp-contrast-row{display:flex;align-items:center;gap:8px}.cp-contrast-preview{width:26px;height:22px;border-radius:5px;display:grid;place-items:center;font-family:var(--ff-serif);font-weight:600;font-size:13px;line-height:1;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.cp-contrast-label{font-size:11px;font-weight:600;opacity:.72;flex:1;min-width:0}.cp-contrast-ratio{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;font-weight:700;letter-spacing:-.02em}.cp-contrast-badge{font-size:9px;font-weight:800;letter-spacing:.06em;padding:2px 6px;border-radius:999px;min-width:32px;text-align:center}.cp-contrast-badge.aaa{background:#27ae6029;color:#1e7e3e}.cp-contrast-badge.aa{background:#27ae601f;color:#2e8a50}.cp-contrast-badge.large{background:#d494212e;color:#9a6b0f;min-width:52px}.cp-contrast-badge.fail{background:#c0392b29;color:#b53a2b}:root[data-theme=dark] .cp-contrast-badge.aaa{color:#5dcb85}:root[data-theme=dark] .cp-contrast-badge.aa{color:#6ad494}:root[data-theme=dark] .cp-contrast-badge.large{color:#e5b860}:root[data-theme=dark] .cp-contrast-badge.fail{color:#e07567}.hsv-pad{position:relative;width:100%;height:132px;border-radius:10px;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.hsv-pad-marker{position:absolute;width:14px;height:14px;border:2px solid #fff;box-shadow:0 0 0 1px #00000073,0 1px 4px #00000040;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.hsv-hue{position:relative;width:100%;height:14px;margin-top:12px;border-radius:999px;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hsv-hue-marker{position:absolute;top:50%;width:14px;height:18px;margin-left:-7px;margin-top:-9px;border:2px solid #fff;border-radius:4px;box-shadow:0 0 0 1px #00000073,0 1px 4px #00000040;pointer-events:none;background:transparent}.hsv-hex-row{display:flex;gap:8px;align-items:center;margin-top:12px}.hsv-hex{flex:1;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;padding:8px 10px;border:1px solid rgba(0,0,0,.14);border-radius:8px;background:#00000005;color:inherit;text-transform:uppercase;letter-spacing:.04em}:root[data-theme=dark] .hsv-hex{background:#ffffff0d;border-color:#ffffff24}.hsv-hex:focus{outline:2px solid currentColor;outline-offset:1px}.cp-actions{display:flex;gap:8px;margin-top:12px}.cp-btn{flex:1;padding:8px 12px;border:1px solid rgba(0,0,0,.12);background:#0000000a;border-radius:999px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;color:inherit}:root[data-theme=dark] .cp-btn{background:#ffffff0f;border-color:#ffffff24}.cp-btn:hover{background:#00000014}.cp-btn.primary{background:#1a1918;color:#fff;border-color:#1a1918}:root[data-theme=dark] .cp-btn.primary{background:#f5f3f0;color:#1a1918;border-color:#f5f3f0}.cp-btn.primary:hover{filter:brightness(1.2)}.big-demo{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:120px}.big-demo-sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;box-sizing:border-box;overflow:hidden}.big-demo-sticky-inner{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.big-demo-eyebrow{font-family:var(--ff-sans);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:24px}.big-demo-progress{display:flex;gap:8px;margin-bottom:36px}.big-demo-progress-dot{width:6px;height:6px;border-radius:50%;background:var(--border);transition:background .28s var(--ease-out),transform .28s var(--ease-out)}.big-demo-progress-dot.active{background:var(--accent);transform:scale(1.4)}.big-demo-tiles{display:flex;gap:14px;justify-content:center;position:relative}.big-demo-tile{width:clamp(72px,18vw,120px);height:clamp(72px,18vw,120px);border-radius:clamp(16px,4vw,26px);border:2px solid rgba(0,0,0,.18);background:#ececea;display:flex;align-items:center;justify-content:center;font-size:clamp(36px,8vw,60px);font-weight:800;color:var(--dark);transition:all .36s var(--ease-spring)}:root[data-theme=dark] .big-demo-tile{background:#2a2826;border-color:#ffffff2e}.big-demo-tile.changed{background:var(--accent-soft, rgba(212, 98, 71, .16));border-color:var(--accent);color:var(--accent);animation:bigTileSnap .7s var(--ease-spring)}@keyframes bigTileSnap{0%{transform:scale(.6) rotate(-10deg);opacity:.4}45%{transform:scale(1.18) rotate(6deg);opacity:1}70%{transform:scale(.96) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.big-demo-pts{position:absolute;top:-42px;left:50%;background:var(--accent);color:#fff;font-family:var(--ff-sans);font-size:14px;font-weight:800;padding:7px 14px;border-radius:999px;letter-spacing:.06em;white-space:nowrap;transform:translate(-50%);animation:bigPtsPop 1.4s var(--ease-spring) .3s both}@keyframes bigPtsPop{0%{transform:translate(-50%) translateY(8px) scale(.4);opacity:0}20%{transform:translate(-50%) translateY(-6px) scale(1.1);opacity:1}55%{transform:translate(-50%) translateY(-12px) scale(1);opacity:1}to{transform:translate(-50%) translateY(-20px) scale(1);opacity:0}}.big-demo-scene{display:flex;flex-direction:column;align-items:center;width:100%}.big-demo-caption{margin:44px auto 0;padding:0 16px;font-family:var(--ff-serif);font-size:clamp(24px,5.2vw,40px);font-weight:500;line-height:1.2;letter-spacing:.25px;color:var(--dark);text-align:center;max-width:100%;text-wrap:balance;min-height:2.5em}.big-demo-caption .accent{color:var(--accent);font-weight:800;font-style:normal;letter-spacing:.5px}.big-demo-caption.is-finale{font-size:clamp(48px,10vw,80px);line-height:1.05;font-synthesis:weight style;-webkit-text-stroke:.5px currentColor}.big-demo-sub{margin:16px auto 0;padding:0 16px;font-family:var(--ff-sans);font-size:15px;font-weight:500;color:var(--muted);max-width:100%;text-wrap:balance;text-align:center;min-height:2.5em}.big-demo-scroll-hint{position:absolute;bottom:max(48px,env(safe-area-inset-bottom,48px));left:50%;transform:translate(-50%);font-family:var(--ff-sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);pointer-events:none;transition:opacity .3s var(--ease-out)}.big-demo-scroll-hint:after{content:"";display:block;margin:6px auto 0;width:1px;height:22px;background:currentColor;animation:hintLine 1.8s var(--ease-in-out) infinite}@keyframes hintLine{0%,to{transform:scaleY(.4);transform-origin:top;opacity:.3}50%{transform:scaleY(1);opacity:1}}.big-demo-finale-cta{margin-top:36px;padding:18px 40px;border-radius:999px;background:#1a1918;color:#fff;border:none;font-family:var(--ff-sans);font-weight:500;font-size:17px;letter-spacing:.01em;cursor:pointer;transition:transform .12s var(--ease-out),filter .12s var(--ease-out);box-shadow:0 8px 24px #00000024}.big-demo-finale-cta:hover{filter:brightness(1.2);transform:translateY(-2px)}.big-demo-finale-cta:active{transform:scale(.97)}:root[data-theme=dark] .big-demo-finale-cta{background:#f5f3f0;color:#1a1918}:root[data-theme=dark] .big-demo-finale-cta:hover{filter:brightness(.92)}.big-demo-finale-ghost{margin-top:14px;padding:12px 28px;border-radius:999px;background:transparent;color:var(--muted);border:none;font-family:var(--ff-sans);font-weight:600;font-size:14px;cursor:pointer;transition:color .12s var(--ease-out)}.big-demo-finale-ghost:hover{color:var(--dark);text-decoration:underline;text-underline-offset:4px}.flying-section{width:100vw;margin-left:calc(50% - 50vw);padding:64px 0 24px;text-align:center;overflow:hidden;position:relative}.flying-pig{display:block;margin:0 auto;width:min(96vw,880px);aspect-ratio:3155.38 / 1458.63;animation:pigSail 5s cubic-bezier(.45,0,.55,1) infinite;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.flying-pig svg{width:100%;height:auto;display:block;overflow:visible;filter:url(#pig-boil)}.boil-defs{position:absolute;width:0;height:0;pointer-events:none}@media (prefers-reduced-motion: reduce){.flying-pig svg{filter:none!important}}.flying-pig svg [id],.flying-pig svg #ears>g,.flying-pig svg #air>path,.flying-pig svg #eyes>path{transform-box:fill-box}@keyframes pigSail{0%,to{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-14px) rotate(1deg)}}.flying-pig svg #body{transform-origin:50% 60%;animation:pigBodyBob .5s cubic-bezier(.45,0,.55,1) infinite}@keyframes pigBodyBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.flying-pig svg #head{transform-origin:55% 90%;animation:pigHeadBob .5s cubic-bezier(.45,0,.55,1) infinite}@keyframes pigHeadBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(.6deg)}}.flying-pig svg #ears>g{transform-origin:50% 100%}.flying-pig svg #ears>g:nth-child(1){animation:pigEarLeft .5s cubic-bezier(.5,0,.5,1) infinite}.flying-pig svg #ears>g:nth-child(2){animation:pigEarRight .5s cubic-bezier(.5,0,.5,1) infinite}@keyframes pigEarLeft{0%,to{transform:translateY(0) rotate(0) scaleY(1)}50%{transform:translateY(-10px) rotate(-12deg) scaleY(1.08)}}@keyframes pigEarRight{0%,to{transform:translateY(0) rotate(0) scaleY(1)}50%{transform:translateY(-10px) rotate(12deg) scaleY(1.08)}}.flying-pig svg #tail{transform-origin:50% 100%;animation:pigTailWave .85s cubic-bezier(.45,0,.55,1) infinite}@keyframes pigTailWave{0%,to{transform:rotate(-6deg)}50%{transform:rotate(9deg)}}.flying-pig svg #air>path{transform-origin:50% 50%;animation:pigWindStreak .95s linear infinite;will-change:transform,opacity}.flying-pig svg #air>path:nth-child(1){animation-delay:0s}.flying-pig svg #air>path:nth-child(2){animation-delay:-.19s}.flying-pig svg #air>path:nth-child(3){animation-delay:-.38s}.flying-pig svg #air>path:nth-child(4){animation-delay:-.57s}.flying-pig svg #air>path:nth-child(5){animation-delay:-.76s}@keyframes pigWindStreak{0%{transform:translate(40px) scaleX(1);opacity:0}10%{transform:translate(28px) scaleX(1.05);opacity:.85}25%{transform:translate(8px) scaleX(1.1);opacity:1}65%{transform:translate(-30px) scaleX(1.15);opacity:1}90%{transform:translate(-58px) scaleX(1.1);opacity:.5}to{transform:translate(-70px) scaleX(1);opacity:0}}.flying-pig svg #eyes>path{animation:pigBlink 5.2s infinite}@keyframes pigBlink{0%,94%,to{opacity:1}96%,97%{opacity:0}}@media (prefers-reduced-motion: reduce){.flying-pig,.flying-pig svg [id],.flying-pig svg #ears>path,.flying-pig svg #air>path,.flying-pig svg #eyes>path{animation:none!important}}.signup-section{max-width:460px;margin:24px auto 96px;padding:0 20px;text-align:center}.signup-pre{font-family:var(--ff-serif);font-size:22px;font-weight:500;line-height:1.3;color:var(--dark);margin-bottom:20px;letter-spacing:.25px}.signup-sub{font-family:var(--ff-sans);font-size:13px;color:var(--muted);margin-bottom:24px}.signup-form{display:flex;gap:8px;align-items:center;border-bottom:1.5px solid var(--dark);padding-bottom:8px}.signup-form input{flex:1;background:transparent;border:none;font-family:var(--ff-sans);font-size:16px;padding:10px 0;color:var(--dark);outline:none;min-width:0}.signup-form input::placeholder{color:var(--muted)}.signup-form button{background:none;border:none;cursor:pointer;font-family:var(--ff-sans);font-weight:700;font-size:15px;color:var(--accent);padding:8px 4px;letter-spacing:.02em;transition:transform .12s var(--ease-out)}.signup-form button:hover{transform:translate(2px)}.signup-form button:active{transform:scale(.95)}.signup-success{font-family:var(--ff-serif);font-size:22px;font-weight:500;color:var(--accent);animation:fadeIn .28s var(--ease-out)}.signup-error{font-family:var(--ff-sans);font-size:13px;color:var(--accent);margin-top:10px}.signup-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.demo-section{margin-top:96px;padding-bottom:64px;text-align:center;position:relative}.demo-section:before{content:"↓";display:block;font-family:var(--ff-serif);font-size:28px;color:var(--muted);opacity:.5;margin-bottom:40px;animation:nudgeDown 2.4s var(--ease-in-out) infinite}@keyframes nudgeDown{0%,to{transform:translateY(0);opacity:.3}50%{transform:translateY(6px);opacity:.6}}.demo-title{font-family:var(--ff-serif);font-weight:600;font-size:36px;line-height:1;margin-bottom:48px;letter-spacing:0}.demo-title em{font-style:italic;color:var(--accent)}.demo-steps{display:flex;flex-direction:column;gap:64px;margin:0 auto;max-width:360px}.demo-step{position:relative;opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.demo-step.visible{opacity:1;transform:translateY(0)}.demo-tile-row{display:flex;justify-content:center;gap:8px;position:relative}.demo-tile{width:56px;height:56px;border-radius:16px;border:1.5px solid rgba(0,0,0,.18);background:#ececea;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:var(--dark);transition:background-color .36s var(--ease-spring),border-color .36s var(--ease-spring),color .36s var(--ease-spring),transform .42s var(--ease-spring)}:root[data-theme=dark] .demo-tile{border-color:#ffffff2e}.demo-step.visible .demo-tile.changed{background:var(--accent-soft, rgba(236, 105, 74, .14));border-color:var(--accent);color:var(--accent);animation:tileWiggle .6s var(--ease-spring) .24s}@keyframes tileWiggle{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.18) rotate(-5deg)}55%{transform:scale(1.1) rotate(4deg)}80%{transform:scale(1.04) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.demo-pts{position:absolute;top:-18px;left:50%;transform:translate(-50%) translateY(8px);background:var(--accent);color:#fff;font-family:var(--ff-sans);font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;letter-spacing:.06em;opacity:0;pointer-events:none;white-space:nowrap}.demo-step.visible .demo-pts{animation:ptsFloat 1.1s var(--ease-spring) .38s forwards}@keyframes ptsFloat{0%{transform:translate(-50%) translateY(8px) scale(.4);opacity:0}30%{transform:translate(-50%) translateY(-14px) scale(1.1);opacity:1}80%{transform:translate(-50%) translateY(-22px) scale(1);opacity:1}to{transform:translate(-50%) translateY(-30px) scale(1);opacity:0}}.demo-caption{margin-top:22px;font-family:var(--ff-sans);font-size:15px;font-weight:500;color:var(--muted);line-height:1.45}.demo-caption em{font-family:var(--ff-serif);font-style:italic;font-weight:500;font-size:17px;color:var(--accent);margin:0 1px}.demo-mascot{position:absolute;top:-8px;width:64px;height:64px;pointer-events:none;opacity:0;transform:rotate(-12deg) translate(40px);transition:opacity .6s var(--ease-out) .4s,transform .8s var(--ease-spring) .4s}.demo-step.visible .demo-mascot{opacity:1;transform:rotate(-6deg) translate(0);animation:mascotBob 2.6s var(--ease-in-out) 1.2s infinite}@keyframes mascotBob{0%,to{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}}.demo-mascot.left{left:-72px}.demo-mascot.right{right:-72px;transform:rotate(12deg) translate(-40px)}.demo-step.visible .demo-mascot.right{transform:rotate(6deg) translate(0)}.demo-step.visible .demo-mascot.right{animation:mascotBobR 2.6s var(--ease-in-out) 1.2s infinite}@keyframes mascotBobR{0%,to{transform:rotate(6deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-6px)}}@media (max-width: 480px){.demo-mascot{width:48px;height:48px}.demo-mascot.left{left:-16px;top:-32px}.demo-mascot.right{right:-16px;top:-32px}}.demo-finale{margin-top:80px;font-family:var(--ff-serif);font-size:28px;font-style:italic;text-align:center;color:var(--accent);opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-spring)}.demo-finale.visible{opacity:1;transform:translateY(0)}.demo-finale-arrow{display:inline-block;animation:arrowUp 1.6s var(--ease-in-out) infinite}@keyframes arrowUp{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.simple-wordmark{cursor:default}.simple-wordmark .letter{display:inline-block;transition:transform .28s var(--ease-spring)}.simple-wordmark:hover .letter{animation:letterWiggle .6s var(--ease-spring)}@keyframes letterWiggle{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-6deg) translateY(-4px)}55%{transform:rotate(5deg) translateY(2px)}80%{transform:rotate(-2deg) translateY(-1px)}}.btn-dark{background:#1a1918;color:#fff;box-shadow:0 2px 6px #00000014}.btn-dark:hover{filter:brightness(1.5);transform:translateY(-2px);box-shadow:0 10px 22px #00000038}.btn-dark:active{filter:brightness(.95);transform:translateY(0);box-shadow:0 2px 6px #00000014}:root[data-theme=dark] .btn-dark{background:#f5f3f0;color:#1a1918}:root[data-theme=dark] .btn-dark:hover{filter:brightness(.94);transform:translateY(-2px);box-shadow:0 10px 22px #0006}#root{width:100%;max-width:380px;padding:env(safe-area-inset-top,0) 20px calc(24px + env(safe-area-inset-bottom,0));display:flex;flex-direction:column}@media (min-width: 640px){#root{max-width:520px}}:root[data-screen=start] #root{max-width:1100px}@media (min-width: 640px){:root[data-screen=start] #root{max-width:1100px}}.hdr{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px 0 0;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out);border-radius:12px}@media (min-width: 640px){.hdr{gap:10px}}.hdr:hover{opacity:.85}.hdr:focus-visible{outline-offset:4px}.wordmark{font-family:var(--ff-serif);font-size:40px;font-weight:600;letter-spacing:-.005em;line-height:1;margin-top:2px;font-synthesis:weight style;-webkit-text-stroke:.3px currentColor}.hdr.hdr-compact .wordmark{font-size:32px}.hdr.hdr-compact{padding-top:12px}.play-wordmark{display:grid;grid-template-columns:auto auto auto;justify-content:center;align-items:end;gap:10px;line-height:.9;white-space:nowrap;color:var(--dark)}.play-wordmark .word{font-weight:400;color:var(--dark)}.play-wordmark-mascot{display:inline-flex;align-items:end;margin-bottom:0}.play-wordmark-mascot .mascot-icon{display:block}.play-wordmark-classic{font-family:"Belanosima",var(--ff-serif),serif;font-size:64px}.play-wordmark-soyboy{font-family:"Sunliner Revival",var(--ff-serif),serif;font-size:60px;letter-spacing:-.02em}.play-wordmark-thisthat{font-family:"Holidaze Display","Bagel Fat One",var(--ff-serif),serif;font-size:68px;letter-spacing:-.01em;transform:translateY(.08em)}.hdr-compact .wordmark{display:none}@media (max-width: 480px){.play-wordmark-classic{font-size:48px}.play-wordmark-soyboy{font-size:44px}.play-wordmark-thisthat{font-size:52px}.play-wordmark-mascot .mascot-icon{transform:scale(.78);transform-origin:bottom center}}:root[data-screen=playing]:not([data-theme=dark]) body,:root[data-screen=end]:not([data-theme=dark]) body{background:#fff3dd}.game-action-link,.hint-link{background:none;border:none;padding:6px 10px;font-family:var(--ff-sans);font-size:14px;font-weight:600;color:var(--accent);cursor:pointer;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;transition:opacity .12s var(--ease-out)}.game-action-link:hover,.hint-link:hover{opacity:.75}.game-action-link:active,.hint-link:active{transform:scale(.97)}.hint-link.active{text-decoration:underline;text-underline-offset:3px}.goal-strip{background:transparent;padding:8px 0 4px;gap:10px}.goal-strip-label{font-family:var(--ff-sans);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.goal-strip-tile{width:32px;height:32px;border-radius:8px;background:transparent;border:1.5px solid var(--accent);font-size:15px;font-weight:800;color:var(--accent)}:root[data-theme=dark] .goal-strip-tile{background:transparent}.wordmark .accent{color:var(--accent);font-family:inherit;font-weight:inherit;font-style:inherit}.card{background:var(--white);border-radius:24px;padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ff-sans);font-weight:500;font-size:17px;border:none;border-radius:999px;cursor:pointer;padding:15px 24px;transition:transform .1s var(--ease-out),filter var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out);line-height:1;touch-action:manipulation;min-height:48px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--orange);color:#fff}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:active{filter:brightness(.96)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border);font-weight:500}.btn-ghost:hover{color:var(--dark);background:#00000008;border-color:#00000024}.btn-ghost:active{background:#0000000d}:root[data-theme=dark] .btn-ghost:hover{background:#ffffff0a;border-color:#ffffff2e}:root[data-theme=dark] .btn-ghost:active{background:#ffffff12}.btn-full{width:100%}.btn-sm{font-size:13px;padding:10px 18px;border-radius:999px;min-height:44px}.btn-copy{background:#1a1918;color:#f5f3f0}.btn-copy:hover{filter:brightness(1.18)}:root[data-theme=dark] .btn-copy{background:#2e2b28;color:#f5f3f0}.section-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.timer-wrap{margin-top:16px}.goal-strip{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.goal-strip-label{font-family:var(--ff-sans);font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.goal-strip-arrow{color:var(--muted);flex-shrink:0}.goal-strip-word{font-family:var(--ff-sans);font-size:15px;font-weight:700;letter-spacing:.12em;color:var(--accent)}.goal-strip-par{font-family:var(--ff-sans);font-size:11px;font-weight:600;color:var(--muted)}.timer-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.timer-label{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.01em}.timer-secs{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.timer-secs.urgent{color:var(--error)}.timer-track{height:6px;background:#0000002e;border-radius:999px;overflow:hidden}.timer-fill{height:100%;border-radius:999px;background:var(--orange);transition:width 1s linear,background .3s}.timer-fill.urgent{background:var(--error);animation:timerPulse .8s ease-in-out infinite}.timer-fill.paused{background:var(--border);transition:none}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.timer-track.urgent{box-shadow:0 0 0 2px #c0392b2e}.tile-row{display:flex;gap:8px;justify-content:center}.tile{width:64px;height:64px;border-radius:16px;border:none;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:var(--white);-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #00000026;transition:background .12s,color .12s,box-shadow .12s}.tile.next{background:var(--white);color:var(--dark)}.tile:empty{background:var(--white);color:transparent}.tile.cursor:empty{background:var(--white);box-shadow:inset 0 0 0 2px var(--accent),0 1px 2px #0000001c}.tile.accept{animation:tileAccept .28s var(--ease-spring) both}.tile.success-anim{animation:tileSuccess .5s var(--ease-spring) both}.tile.wrong{background:var(--error);color:var(--white)}.tile.changed-ok{background:var(--tutorial-accent);color:var(--white);box-shadow:0 0 0 3px var(--tutorial-accent-soft),0 1px 2px #0000000f}.input-hint{font-size:13px;color:var(--muted);text-align:center;margin-top:10px;min-height:19px;font-weight:500;line-height:1.4}.input-hint.error{color:var(--error);font-weight:700}.input-hint.ok{color:var(--ok);font-weight:700}.score-row{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.score-display{display:flex;align-items:center;gap:10px}.score-badge{background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:14px;border-radius:999px;padding:4px 12px;line-height:1;min-width:0;text-align:center;font-variant-numeric:tabular-nums}.score-sub{font-size:13px;color:var(--muted);font-weight:500}.score-meta{display:flex;align-items:center;gap:0}.score-meta>button{padding-left:0;padding-right:0}.score-meta>button+button:before{content:"•";display:inline-block;margin:0 4px;color:var(--muted);font-weight:700;opacity:.6}.btn-newword{background:none;border:1px solid rgba(0,0,0,.16);color:var(--muted);font-family:var(--ff-sans);font-size:13px;font-weight:700;letter-spacing:.01em;border-radius:999px;padding:9px 14px;line-height:1;cursor:pointer;touch-action:manipulation;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform .1s var(--ease-out)}.btn-newword:hover{color:var(--dark);background:var(--pink);border-color:transparent}.btn-newword:active{transform:scale(.96)}.hint-btn{position:relative;background:none;border:1px solid rgba(0,0,0,.16);color:var(--muted);border-radius:999px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform .1s var(--ease-out)}.hint-btn:hover{color:var(--dark);background:var(--pink);border-color:transparent}.hint-btn:active{transform:scale(.92)}.hint-btn.active{color:var(--dark);border-color:var(--dark)}.hint-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#1a1816;color:#fff;font-family:var(--ff-sans);font-size:12px;font-weight:600;letter-spacing:.01em;padding:6px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .16s var(--ease-out),transform .16s var(--ease-out);z-index:20}.hint-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1a1816}.hint-btn:hover .hint-tooltip,.hint-btn:focus-visible .hint-tooltip{opacity:1;transform:translate(-50%) translateY(0)}@keyframes hintWiggle{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-3px) rotate(-3deg)}30%{transform:translate(3px) rotate(3deg)}45%{transform:translate(-2px) rotate(-2deg)}60%{transform:translate(2px) rotate(2deg)}75%{transform:translate(-1px) rotate(-1deg)}}.tile.wiggle{animation:hintWiggle .9s var(--ease-out) infinite;color:var(--accent)}.restart-btn{background:none;border:1px solid rgba(0,0,0,.16);color:var(--muted);border-radius:999px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform .1s var(--ease-out)}.restart-btn:hover{color:var(--dark);background:var(--pink);border-color:transparent}.restart-btn:active{transform:scale(.92)}:root[data-theme=dark] .btn-newword,:root[data-theme=dark] .hint-btn,:root[data-theme=dark] .restart-btn{border-color:#ffffff38}:root[data-theme=dark] .btn-newword:hover,:root[data-theme=dark] .hint-btn:hover,:root[data-theme=dark] .restart-btn:hover{border-color:transparent}:root[data-theme=dark] .hint-btn.active{border-color:var(--dark)}.best-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-sans);font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.best-chip strong{color:var(--dark);font-weight:800;letter-spacing:0;text-transform:none;font-size:13px}.new-best-banner{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--accent-soft);color:var(--accent);padding:15px 24px;min-height:48px;border-radius:999px;border:1.5px solid var(--accent);font-family:var(--ff-sans);font-weight:700;font-size:16px;letter-spacing:0;text-align:center;margin-top:14px;cursor:pointer;touch-action:manipulation;transition:transform .12s var(--ease-out),background var(--dur-fast) var(--ease-out),box-shadow .2s var(--ease-out);animation:fadeIn .4s var(--ease-out)}.new-best-banner:hover{background:color-mix(in srgb,var(--accent) 22%,transparent);box-shadow:0 6px 18px -10px #00000040}.new-best-banner:active{transform:scale(.98)}.burst-emoji{position:absolute;top:50%;left:50%;width:28px;height:28px;color:var(--accent);line-height:1;pointer-events:none;animation:emojiBurst var(--burst-dur, .9s) var(--ease-out) both;will-change:transform,opacity;z-index:2}.chain-scroll{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-height:200px;overflow-y:auto;overscroll-behavior:contain;width:fit-content;max-width:100%;margin:0 auto}.chain-row{display:flex;align-items:center;gap:6px;animation:slideDown .18s ease}.chain-tile{width:40px;height:40px;border-radius:10px;background:var(--white);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:var(--dark);flex-shrink:0}.chain-tile.changed{background:var(--accent-soft);color:var(--accent)}.chain-pts{font-size:11px;font-weight:600;color:var(--muted);opacity:.7}.pos-legend{display:flex;flex-direction:column;gap:8px}.pos-item{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--muted)}.pos-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.start-hero{background:transparent;border-radius:0;padding:24px 0 0;margin-top:0;display:flex;flex-direction:column;align-items:center}.hero-mark{display:flex;align-items:center;gap:6px}.hero-mark .hero-wordmark{margin-top:2px}.hero-wordmark{font-family:var(--ff-serif);font-size:52px;font-weight:600;letter-spacing:0;line-height:.95;text-align:center}.hero-wordmark .accent{color:var(--accent);font-family:inherit;font-weight:inherit;font-style:inherit}.hero-tag{font-family:var(--ff-sans);font-size:17px;font-weight:400;color:var(--muted);margin-top:14px;text-align:center;line-height:1.4;max-width:32ch}@media (min-width: 640px){.start-hero{padding:28px 0 0}.hero-mark{flex-direction:column;gap:8px}.hero-mark .hero-wordmark{margin-top:0}.hero-mark img{width:120px!important;height:120px!important}.hero-wordmark{font-size:72px;letter-spacing:0;line-height:1}.hero-tag{font-size:18px;margin-top:12px}}.onboard-arrow{font-size:28px;color:var(--border);text-align:center;margin:8px 0;letter-spacing:4px}.onboard-success{text-align:center;animation:successBounce .4s cubic-bezier(.34,1.56,.64,1) both;padding:16px 0 8px}.onboard-success-emoji{font-size:48px;line-height:1}.onboard-success-title{font-size:22px;font-weight:800;margin-top:8px}.onboard-success-sub{font-size:14px;color:var(--muted);margin-top:4px;font-weight:500}.confetti-wrap{position:relative;height:0;overflow:visible;pointer-events:none}.confetti-dot{position:absolute;width:8px;height:8px;border-radius:50%;animation:confettiFall .8s ease-out both}.dead-end-banner{margin-top:16px;background:#fff3cd;border:1.5px solid #f0c040;border-radius:999px;padding:12px 20px;display:flex;align-items:center;gap:10px;animation:slideDown .22s ease}.dead-end-title{color:#7a5800}.dead-end-sub{color:#9a7010}.end-score{font-size:72px;font-weight:700;line-height:1;text-align:center;letter-spacing:-2.5px;font-variant-numeric:tabular-nums}.end-score-label{font-size:14px;font-weight:600;color:var(--muted);text-align:center;margin-top:6px}.share-copied{font-size:12px;color:var(--ok);font-weight:700;text-align:center;margin-top:6px;animation:fadeIn .2s ease}.prefs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.prefs-row:last-child{margin-bottom:0}.prefs-label{font-size:14px;font-weight:600}.prefs-sub{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.4}.toggle{position:relative;width:48px;height:44px;flex-shrink:0;display:flex;align-items:center}.toggle input{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:pointer}.toggle-track{position:absolute;top:50%;left:0;transform:translateY(-50%);width:48px;height:24px;background:#0000002e;border-radius:999px;pointer-events:none;transition:background .2s}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000038;transition:transform .2s}.toggle input:checked+.toggle-track:after{transform:translate(24px)}:root[data-theme=dark] .toggle-track{background:#ffffff47}:root[data-theme=dark] .toggle-track:after{background:#e5e2dc;box-shadow:0 1px 4px #0009}:root[data-theme=dark] .toggle input:checked+.toggle-track:after{background:#fff}:root[data-exp-colored-bg="1"] .toggle-track{background:#00000038}.kbd-hint{text-align:center;font-size:12px;color:var(--muted);margin-top:10px}kbd{background:none;border:none;padding:0;font-family:var(--ff);font-size:11px;font-weight:700}.forever-badge{background:var(--dark);color:var(--cream);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.ladder-goal{margin-top:20px;padding:18px 16px 16px;background:var(--accent-soft, rgba(244, 136, 112, .14));border:1px solid var(--accent);border-radius:16px;text-align:center}.ladder-goal-label{display:block;font-family:var(--ff-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dark);margin-bottom:10px}.ladder-goal-tiles{display:flex;gap:6px;justify-content:center}.ladder-target-tile{width:44px;height:44px;border-radius:10px;border:1.5px solid var(--accent);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--accent)}.ladder-goal-par{margin-top:10px;font-family:var(--ff-sans);font-size:12px;font-weight:600;color:#000000c7}.mode-section-label{font-family:var(--ff-sans);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-pill{padding:18px;border-radius:16px;border:1px solid #e5e5e5;background:#fafafa;font-family:var(--ff-sans);cursor:pointer;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out);color:var(--dark);text-align:left;line-height:1.3;touch-action:manipulation}.mode-pill:hover:not(.active){background:#f5f5f5}.mode-pill:active{transform:scale(.98)}.mode-pill.active{background:var(--dark);color:#fff;border-color:var(--dark);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.mode-pill-title{font-weight:600;font-size:22px}.mode-pill-sub{font-size:14px;margin-top:6px;color:var(--muted);font-family:var(--ff-sans)}.mode-pill.active .mode-pill-sub{color:#ffffffc7}.info-card{background:#fafafa;border-radius:16px;padding:22px 22px 24px;border:1px solid #e5e5e5}.info-card-title{font-family:var(--ff-sans);font-size:17px;font-weight:600;color:var(--dark);margin-bottom:18px;letter-spacing:-.01em}.info-list{display:flex;flex-direction:column;gap:14px}.info-list-row{display:flex;align-items:flex-start;gap:14px}.info-list-text{font-family:var(--ff-sans);font-size:15px;line-height:1.5;padding-top:2px;color:var(--dark)}.info-num{width:26px;height:26px;border-radius:50%;background:#d4624724;color:#d46247;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.prefs-toggle-btn{background:transparent;border:none;cursor:pointer;color:var(--muted);display:flex;align-items:center;gap:6px;font-family:var(--ff-sans);font-size:14px;font-weight:500;padding:12px 0;width:100%;transition:color .15s;touch-action:manipulation}.prefs-toggle-btn:hover{color:var(--dark)}:focus{outline:none}:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:4px}.btn:focus-visible{outline-offset:3px;border-radius:16px}.btn-sm:focus-visible{border-radius:10px}.mode-pill:focus-visible{outline-offset:3px;border-radius:16px}.toggle input:focus-visible+.toggle-track{outline:3px solid var(--orange);outline-offset:2px;border-radius:999px}.prefs-toggle-btn:focus-visible{outline-offset:4px;border-radius:8px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body,.kb,.card,.info-card,.dead-end-banner,kbd,.chain-tile,.chain-tile.changed,.score-badge,.timer-track{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.tile{transition:border-color .2s ease,background-color .2s ease,color .2s ease}:root[data-theme=dark]{--cream: #141413;--white: #1e1d1c;--dark: #f5f5f4;--muted: #a3a3a3;--border: rgba(255, 255, 255, .1);--orange: #f49780;--pink: rgba(244, 151, 128, .14);--error: #e56055;--ok: #4ac47a}:root[data-theme=dark] .soyboy{--orange: #58bb8b}:root[data-theme=dark] .info-card{background:var(--white);border-color:#ffffff1a}:root[data-theme=dark] .info-card-title{color:var(--dark)}:root[data-theme=dark] .mode-pill{background:var(--white);border-color:#ffffff1a;color:var(--dark)}:root[data-theme=dark] .mode-pill:hover:not(.active){background:#252422}:root[data-theme=dark] .mode-pill.active{background:var(--dark);color:var(--cream);border-color:var(--dark)}:root[data-theme=dark] .tile{border-color:#ffffff2e}:root[data-theme=dark] .tile.next,:root[data-theme=dark] .tile:empty,:root[data-theme=dark] .tile.cursor:empty{background:#2a2826}:root[data-theme=dark] .tile.wrong{background:#3a1a16}:root[data-theme=dark]{--accent-soft: rgba(212, 98, 71, .22)}:root[data-theme=dark] .soyboy{--accent-soft: rgba(88, 187, 139, .22)}:root[data-theme=dark] .thisthat{--accent-soft: rgba(143, 182, 224, .22)}:root[data-theme=dark] .dead-end-banner{background:#252010;border-color:#5a4a18;color:#d4b860}:root[data-theme=dark] .dead-end-banner .dead-end-title{color:#d4b860}:root[data-theme=dark] .dead-end-banner .dead-end-sub{color:#a89040}.kb{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:6px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:var(--cream);border-top:1px solid var(--border);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;z-index:100}.kb-row{display:flex;gap:3px;justify-content:center;max-width:500px;margin:0 auto;width:100%}.kb-row:nth-child(2){padding:0 5%}.kb-key{position:relative;flex:1 1 0;min-width:0;height:62px;border:none;border-radius:8px;background:var(--white);color:var(--dark);font-family:var(--ff-sans);font-size:22px;font-weight:700;cursor:pointer;touch-action:manipulation;box-shadow:0 1px 2px #0000001a;transition:transform 30ms ease,background 30ms ease,color 30ms ease}.kb-key:after{content:"";position:absolute;top:-4px;bottom:-4px;left:-2px;right:-2px}.kb-key:active{background:var(--orange);color:#fff;transform:scale(.94)}.kb-key.wide{flex:1.6 1 0;font-size:13px;letter-spacing:.05em}.kb-key.backspace{font-size:24px;letter-spacing:0}:root[data-theme=dark] .kb{background:var(--cream);border-top-color:#ffffff1a}:root[data-theme=dark] .kb-key{background:#2a2826;color:var(--dark);box-shadow:none}@media (hover: none) and (pointer: coarse){body:has(.kb){padding-bottom:230px}}@media (max-width: 380px){.hero-wordmark{font-size:44px;letter-spacing:0}.hero-mark{gap:4px}.hero-mark img{width:68px!important;height:68px!important}.tile{width:56px;height:56px;font-size:24px}.card{padding:22px 20px}.btn{font-size:16px;padding:14px 22px}.info-card{padding:20px}}@media (max-width: 340px){.hero-wordmark{font-size:38px}.hero-mark img{width:58px!important;height:58px!important}}@media (max-width: 320px){.tile{width:48px;height:48px;font-size:20px;border-radius:12px}.hero-wordmark{font-size:34px}.wordmark{font-size:30px}.info-card{padding:16px}}:root{--pilot-cream: #fff3dd}:root[data-screen=start]:not([data-theme=dark]) body{background:var(--mode-bg, #a4902e)}.simple-start-classic{--mode-bg: #a4902e;--mode-accent: #d3437c;--mode-tile-fill: #ffddeb}.simple-start-soyboy{--mode-bg: #3290d9;--mode-accent: #247d57;--mode-tile-fill: #e9f7bd}.simple-start-thisthat{--mode-bg: #9c72de;--mode-accent: #330bab;--mode-tile-fill: #e5d4ff}:root:not([data-theme=dark])[data-exp-mode=classic][data-screen=start] body{background:#a4902e}:root:not([data-theme=dark])[data-exp-mode=soyboy][data-screen=start] body{background:#3290d9}:root:not([data-theme=dark])[data-exp-mode=thisthat][data-screen=start] body{background:#9c72de}.simple-start{padding-top:24px}.simple-start .simple-segmented-wrap{margin-bottom:96px}:root[data-screen=start] .simple-start .mode-segmented{background:#ffffff36;border-radius:999px;padding:5px;gap:4px}:root[data-screen=start] .simple-start .seg-tab{padding:8px 14px;font-family:var(--ff-sans);font-size:16px;font-weight:500;color:var(--pilot-cream);border-radius:14px;background:transparent;min-height:0}:root[data-screen=start] .simple-start .seg-tab:not(.active){color:var(--pilot-cream);background:transparent}:root[data-screen=start] .simple-start .seg-tab.active{background:var(--pilot-cream);color:#0a0a0a;font-weight:600;border-radius:64px;box-shadow:0 6px 10px -2px #0000001a}.simple-start .simple-hero{display:flex;flex-direction:column;align-items:center;gap:18px;animation:fadeIn .28s var(--ease-out)}.simple-start .simple-wordmark{display:grid;grid-template-columns:auto auto auto;justify-content:center;align-items:end;gap:clamp(8px,1.4vw,18px);color:var(--pilot-cream);white-space:nowrap;-webkit-text-stroke:0;font-synthesis:none;min-height:clamp(56px,12.5vw,152px)}.simple-start .simple-wordmark .word{display:block}.simple-start .simple-wordmark .wordmark-mascot{justify-self:center;align-self:end;display:block;width:auto}.simple-start .wordmark-classic .wordmark-mascot{aspect-ratio:127 / 102;height:.88em;margin-bottom:-.1em}.simple-start .wordmark-soyboy .wordmark-mascot{aspect-ratio:100 / 108;height:.9em;margin-bottom:.02em}.simple-start .wordmark-thisthat .wordmark-mascot{aspect-ratio:114 / 107;height:.78em;margin-bottom:.08em}.simple-start .wordmark-mascot .animated-mascot{width:100%!important;height:100%!important}.simple-start .wordmark-classic{font-family:"Belanosima",var(--ff-serif),serif;font-weight:400;font-size:clamp(56px,11vw,136px);line-height:.853}.simple-start .wordmark-soyboy{font-family:"Sunliner Revival",var(--ff-serif),serif;font-weight:400;font-size:clamp(52px,10.2vw,126px);letter-spacing:-.02em;line-height:.921;transform:translateY(.08em)}.simple-start .wordmark-thisthat{font-family:"Holidaze Display","Bagel Fat One",var(--ff-serif),serif;font-weight:400;font-size:clamp(56px,11.8vw,145px);letter-spacing:-.01em;line-height:.95;transform:translateY(.12em)}.simple-start .wordmark-mascot{display:inline-flex;align-items:center;width:clamp(56px,9.5vw,127px);height:clamp(56px,9.5vw,127px);flex-shrink:0}.simple-start .wordmark-mascot .animated-mascot{width:100%;height:100%}.simple-start .simple-tagline{font-family:var(--ff-serif);font-size:clamp(18px,3.2vw,40px);font-weight:400;color:var(--pilot-cream);text-align:center;line-height:1.15;margin:0;white-space:nowrap}@media (max-width: 640px){.simple-start .simple-tagline{white-space:normal;max-width:28ch}}.simple-start .simple-actions{display:flex;flex-direction:column;align-items:center;gap:24px;margin:64px auto 0;width:100%;max-width:380px;align-self:center}.simple-start .simple-hero,.simple-start .simple-segmented-wrap{align-self:center}.simple-start .prefs-collapse{width:100%;max-width:440px;align-self:center;margin:0 auto}.simple-start .btn-dark{background:#0a0a0a;color:var(--pilot-cream);border-radius:999px;padding:15px 56px;font-family:var(--ff-sans);font-weight:500;font-size:18px;width:100%;border:none;cursor:pointer;transition:filter .12s var(--ease-out),transform .12s var(--ease-out)}.simple-start .btn-dark:hover{filter:brightness(1.18);transform:translateY(-1px)}.simple-start .btn-dark:active{transform:scale(.98)}.simple-start .simple-footer{display:inline-flex;align-items:baseline;gap:8px;margin:0}.simple-start .simple-footer .simple-link{background:none;border:none;padding:0;font-family:var(--ff-sans);font-size:16px;font-weight:500;color:var(--pilot-cream);cursor:pointer;text-decoration:none}.simple-start .simple-footer .simple-link:hover{text-decoration:underline;text-underline-offset:4px}.simple-start .simple-footer-sep{color:var(--pilot-cream);opacity:.75;font-size:16px;line-height:1}.simple-start .simple-best{display:inline-flex;align-items:baseline;gap:8px;color:var(--pilot-cream)}.simple-start .simple-best-label{font-family:var(--ff-sans);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.simple-start .simple-best-sep{font-size:11px;opacity:.75}.simple-start .simple-best-value{font-family:var(--ff-sans);font-weight:600;font-size:13px}.simple-start~* .big-demo,.simple-start .big-demo{background:transparent;margin-top:180px}.simple-start .big-demo-eyebrow{color:var(--pilot-cream)}.simple-start .big-demo-progress-dot{background:#fff3dd66}.simple-start .big-demo-progress-dot.active{background:var(--pilot-cream)}.simple-start .big-demo-tile{background:var(--pilot-cream);border-color:#0000002e;color:#0a0a0a}.simple-start .big-demo-tile.changed{background:var(--mode-tile-fill, #ffddeb);border-color:var(--mode-accent, #d3437c);color:var(--mode-accent, #d3437c)}.simple-start .big-demo-pts{background:var(--mode-accent, #d3437c);color:var(--pilot-cream)}.simple-start .big-demo-caption .accent,.simple-start .big-demo-progress-dot.active{color:var(--pilot-cream)}.simple-start .big-demo-caption{color:var(--pilot-cream);font-family:var(--ff-serif);font-style:normal}.simple-start .big-demo-caption .accent{color:var(--pilot-cream);font-weight:700}.simple-start .big-demo-sub{color:#fff3ddd1}.simple-start .big-demo-scroll-hint{color:#fff3ddb3}.simple-start .big-demo-finale-cta{background:#0a0a0a;color:var(--pilot-cream)}.simple-start .big-demo-finale-ghost{color:#fff3ddc7}.simple-start .big-demo-finale-ghost:hover{color:var(--pilot-cream)}.simple-start .flying-section,.simple-start .signup-section{background:transparent}.simple-start .signup-pre{color:var(--pilot-cream);font-size:26px;font-family:var(--ff-serif);font-weight:400}.simple-start .signup-sub{color:#fff3ddc7}.simple-start .signup-form{border-bottom-color:var(--pilot-cream)}.simple-start .signup-form input{color:var(--pilot-cream)}.simple-start .signup-form input::placeholder{color:#fff3dd9e}.simple-start .signup-form button,.simple-start .signup-success{color:var(--pilot-cream)}.simple-flowers{width:100vw;margin-left:calc(50% - 50vw);margin-top:72px;padding:24px 24px 0;display:flex;justify-content:center;align-items:end;gap:clamp(8px,1.5vw,32px)}.simple-flower{--flower-width: clamp(110px, 22vw, 326px);display:block;width:var(--flower-width);height:auto;background-color:#0a0a0a;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;border:none;padding:0;cursor:pointer;flex-shrink:0;transform:rotate(0);transition:transform .52s cubic-bezier(.34,1.3,.64,1)}.simple-flower:hover{filter:brightness(.85)}.simple-flower:active{transform:scale(.94) rotate(var(--rot, 0deg))}.simple-flower.rotated{--rot: 90deg;transform:rotate(90deg)}.simple-flower-1{--m: url(/flowers/flower-1.svg);-webkit-mask-image:var(--m);mask-image:var(--m);aspect-ratio:244.3 / 219.86}.simple-flower-2{--m: url(/flowers/flower-2.svg);-webkit-mask-image:var(--m);mask-image:var(--m);aspect-ratio:218.563 / 201.889}.simple-flower-3{--m: url(/flowers/flower-3.svg);-webkit-mask-image:var(--m);mask-image:var(--m);aspect-ratio:254.787 / 215.721}.simple-flower-4{--m: url(/flowers/flower-4.svg);-webkit-mask-image:var(--m);mask-image:var(--m);aspect-ratio:225.555 / 216.113}.simple-start .simple-tag,.simple-start .simple-tag-meta,.simple-start .simple-credit{display:none}.simple-start .simple-wordmark .letter{display:inline-block;transition:transform .28s var(--ease-spring)}.simple-start .simple-wordmark:hover .letter{animation:letterWiggle .6s var(--ease-spring)}:root[data-theme=dark] .simple-start .mode-segmented{background:#fff3dd1a}:root[data-theme=dark] .simple-start .seg-tab.active{background:var(--pilot-cream);color:#0a0a0a}:root[data-theme=dark] .simple-start .btn-dark{background:var(--pilot-cream);color:#0a0a0a}:root[data-theme=dark] .simple-start .btn-dark:hover{filter:brightness(.92)}:root[data-theme=dark] .simple-start .big-demo-tile{background:#ffffff0f;border-color:#fff3;color:var(--pilot-cream)}:root[data-theme=dark] .simple-start .big-demo-tile.changed{background:#ffffff14;border-color:var(--mode-accent, #d3437c);color:var(--mode-accent, #d3437c)}:root[data-theme=dark] .simple-start .big-demo-finale-cta{background:var(--pilot-cream);color:#0a0a0a}:root[data-theme=dark] .simple-flower{background-color:var(--pilot-cream)}@media (max-width: 1024px){.simple-start .simple-wordmark{gap:clamp(6px,1.2vw,14px)}.simple-start .simple-tagline{font-size:clamp(20px,3vw,32px)}}@media (max-width: 640px){:root[data-screen=start] #root{padding:max(env(safe-area-inset-top,0px),12px) 20px 0;max-width:100vw}:root[data-screen=start]:not([data-theme=dark]) body{min-height:100dvh}.simple-start{padding-top:5vh}.simple-start .simple-segmented-wrap{margin-bottom:56px;margin-top:0}.simple-start .mode-segmented{width:100%;max-width:320px;padding:4px;gap:2px;background:#ffffff2e}.simple-start .seg-tab{flex:1;text-align:center;justify-content:center;padding:10px 8px;font-size:14px;min-height:40px;letter-spacing:-.005em;-webkit-tap-highlight-color:transparent}.simple-start .simple-hero{gap:14px}.simple-start .simple-wordmark{gap:6px;min-height:clamp(72px,22vw,124px)}.simple-start .wordmark-classic{font-size:clamp(54px,18.5vw,104px)}.simple-start .wordmark-soyboy{font-size:clamp(52px,17.5vw,96px);letter-spacing:-.02em}.simple-start .wordmark-thisthat{font-size:clamp(60px,20vw,112px)}.simple-start .wordmark-thisthat .wordmark-mascot{height:.86em}.simple-start .simple-tagline{white-space:normal;text-wrap:balance;width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:0 8px;font-size:clamp(20px,5.4vw,26px);line-height:1.2}.simple-start .simple-actions{margin-top:56px;max-width:100%;gap:16px;padding:0 4px}.simple-start .btn-dark{padding:18px 28px;font-size:17px;font-weight:600;border-radius:36px;box-shadow:0 6px 16px -6px #0000003d;-webkit-tap-highlight-color:transparent}.simple-start .simple-footer{gap:10px;margin-top:2px}.simple-start .simple-footer .simple-link{padding:6px 8px;font-size:14px;-webkit-tap-highlight-color:transparent}.simple-start .simple-best{margin-top:4px;opacity:.85}.simple-start .simple-best-label{font-size:10px;letter-spacing:.1em}.simple-start .simple-best-value{font-size:12px}.simple-flowers{margin-top:56px;padding:0 0 env(safe-area-inset-bottom,0px);gap:2px;overflow:visible}.simple-flower{--flower-width: clamp(78px, 24vw, 130px);-webkit-tap-highlight-color:transparent}.simple-start .big-demo{margin-top:80px}.simple-start .signup-section{margin-top:48px}html{-webkit-text-size-adjust:100%}button,a{-webkit-tap-highlight-color:transparent}}@media (max-width: 380px){:root[data-screen=start] #root{padding-left:16px;padding-right:16px}.simple-start{padding-top:4vh}.simple-start .simple-segmented-wrap{margin-bottom:44px}.simple-start .seg-tab{padding:9px 6px;font-size:13px}.simple-start .simple-wordmark{min-height:clamp(64px,22vw,96px)}.simple-start .wordmark-classic{font-size:clamp(46px,16vw,72px)}.simple-start .wordmark-soyboy{font-size:clamp(44px,15vw,68px)}.simple-start .wordmark-thisthat{font-size:clamp(48px,17vw,76px)}.simple-start .simple-tagline{font-size:18px;padding:0 6px}.simple-start .simple-actions{margin-top:44px}.simple-start .btn-dark{padding:16px 24px;font-size:16px}.simple-flower{--flower-width: clamp(64px, 23vw, 96px)}}@media (min-width: 438px) and (max-width: 640px){.simple-start .simple-tagline{font-size:26px}.simple-start .btn-dark{padding:20px 28px}}