.cp.svelte-19z82bi{z-index:1000;background:var(--panel);width:300px;color:var(--text);border:1px solid var(--border);transform-origin:24px 0;animation:svelte-19z82bi-pop .38s var(--spring);border-radius:28px;padding:14px 16px 16px;position:fixed;box-shadow:0 24px 60px -18px #1f2a4d59,0 2px 8px #1f2a4d14}.cp.up.svelte-19z82bi{transform-origin:24px 100%}@keyframes svelte-19z82bi-pop{0%{opacity:0;transform:scale(.88)translateY(-6px)}}.cp.sheet.svelte-19z82bi{width:auto;padding:14px 20px calc(20px + env(safe-area-inset-bottom));border-bottom:0;border-radius:28px 28px 0 0;animation:.42s cubic-bezier(.2,.9,.25,1) svelte-19z82bi-rise;inset:auto 0 0}@keyframes svelte-19z82bi-rise{0%{transform:translateY(100%)}}.scrim.svelte-19z82bi{z-index:999;cursor:default;background:#1f2a4d38;border:0;padding:0;animation:.3s svelte-19z82bi-fade;position:fixed;inset:0}@keyframes svelte-19z82bi-fade{0%{opacity:0}}.top.svelte-19z82bi{justify-content:space-between;align-items:center;gap:10px;margin:0 -4px 10px 4px;display:flex}.top.svelte-19z82bi b:where(.svelte-19z82bi){text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:700;overflow:hidden}.done.svelte-19z82bi{background:var(--accent);width:36px;height:36px;color:var(--on-accent);cursor:pointer;transition:border-radius .45s var(--spring), background .2s;border:0;border-radius:18px;flex:none;place-items:center;display:grid}.done.svelte-19z82bi:hover{background:var(--accent-2);border-radius:12px}.done.svelte-19z82bi svg:where(.svelte-19z82bi){fill:currentColor;width:20px;height:20px}.sv.svelte-19z82bi{cursor:crosshair;touch-action:none;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), hsl(var(--h) 100% 50%);border-radius:20px;outline:none;height:172px;position:relative;box-shadow:inset 0 0 0 1px #0000000f}.sheet.svelte-19z82bi .sv:where(.svelte-19z82bi){height:200px}.hue.svelte-19z82bi{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0 16.66%,#0f0 33.33%,#0ff 50%,#00f 66.66%,#f0f 83.33%,red);border-radius:99px;outline:none;height:18px;margin:16px 0 0;position:relative;box-shadow:inset 0 0 0 1px #0000000f}.th.svelte-19z82bi{pointer-events:none;background:var(--c);width:24px;height:24px;transition:scale .35s var(--spring);border-radius:50%;margin:-12px 0 0 -12px;position:absolute;box-shadow:0 0 0 3px #fff,0 2px 8px #0000004d}.hue.svelte-19z82bi .th:where(.svelte-19z82bi){background:hsl(var(--h) 100% 50%);top:50%}.drag.svelte-19z82bi .th:where(.svelte-19z82bi){scale:1.22}.sv.svelte-19z82bi:focus-visible .th:where(.svelte-19z82bi),.hue.svelte-19z82bi:focus-visible .th:where(.svelte-19z82bi){box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--accent), 0 2px 8px #0000004d}.row.svelte-19z82bi{align-items:center;gap:10px;margin-top:16px;display:flex}.pv.svelte-19z82bi{background:var(--c);border-radius:14px;flex:none;width:44px;height:44px;box-shadow:inset 0 0 0 1px #0000001a}.hex.svelte-19z82bi{border:1px solid var(--border-2);background:var(--panel);letter-spacing:.02em;text-transform:lowercase;min-width:0;height:44px;transition:border-color .15s, box-shadow .15s, border-radius .45s var(--spring);border-radius:14px;outline:none;flex:1;padding:0 14px;font-weight:600}.hex.svelte-19z82bi:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);border-radius:22px}.drop.svelte-19z82bi{cursor:pointer;background:var(--panel-3);width:44px;height:44px;color:var(--accent);transition:border-radius .45s var(--spring), background .2s;border:0;border-radius:22px;flex:none;place-items:center;display:grid}.drop.svelte-19z82bi:hover{background:var(--lime);border-radius:14px}.drop.svelte-19z82bi svg:where(.svelte-19z82bi){fill:currentColor;width:20px;height:20px}.recent.svelte-19z82bi{margin-top:14px}.recent.svelte-19z82bi span:where(.svelte-19z82bi){color:var(--muted);margin:0 0 8px 2px;font-size:.78rem;font-weight:600;display:block}.dots.svelte-19z82bi{flex-wrap:wrap;gap:8px;display:flex}.dots.svelte-19z82bi button:where(.svelte-19z82bi){cursor:pointer;background:var(--c);width:26px;height:26px;transition:scale .3s var(--spring);border:0;border-radius:50%;padding:0;box-shadow:inset 0 0 0 1px #0000001f}.dots.svelte-19z82bi button:where(.svelte-19z82bi):hover{scale:1.12}.dots.svelte-19z82bi button.on:where(.svelte-19z82bi){box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--text)}@media (prefers-reduced-motion:reduce){.cp.svelte-19z82bi,.cp.sheet.svelte-19z82bi,.scrim.svelte-19z82bi{animation:none}.th.svelte-19z82bi,.done.svelte-19z82bi,.drop.svelte-19z82bi,.hex.svelte-19z82bi,.dots.svelte-19z82bi button:where(.svelte-19z82bi){transition:none}}dialog.svelte-1r3wzij{background:var(--panel);width:min(400px,100vw - 32px);color:var(--text);box-shadow:0 30px 80px -20px #00000059, 0 0 0 1px var(--border);border:0;border-radius:30px;padding:0;overflow:visible}dialog[open].svelte-1r3wzij{animation:svelte-1r3wzij-pop .45s var(--spring)}dialog.svelte-1r3wzij::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1f2a4d61;animation:.2s svelte-1r3wzij-fade}@keyframes svelte-1r3wzij-pop{0%{opacity:0;translate:0 12px;scale:.86}}@keyframes svelte-1r3wzij-fade{0%{opacity:0}}.box.svelte-1r3wzij{text-align:center;flex-direction:column;align-items:center;padding:26px 22px 20px;display:flex}.ic.svelte-1r3wzij{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:20px;place-items:center;margin-bottom:14px;display:grid}.danger.svelte-1r3wzij .ic:where(.svelte-1r3wzij){background:var(--danger-soft);color:var(--danger)}.ic.svelte-1r3wzij svg:where(.svelte-1r3wzij){fill:currentColor}h2.svelte-1r3wzij{font-size:1.2rem;line-height:1.25}p.svelte-1r3wzij{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:.93rem;line-height:1.45}.field.svelte-1r3wzij{text-align:left;width:100%;margin-top:16px}.user.svelte-1r3wzij{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.acts.svelte-1r3wzij{gap:3px;width:100%;margin-top:22px;display:flex}.b.svelte-1r3wzij{height:48px;font:inherit;cursor:pointer;background:var(--panel-3);color:var(--text);transition:border-radius .45s var(--spring), background .2s, scale .25s var(--spring);border:0;border-radius:8px;flex:1;font-size:.95rem;font-weight:750}.b.svelte-1r3wzij:first-child{border-radius:24px 8px 8px 24px}.b.svelte-1r3wzij:last-child{border-radius:8px 24px 24px 8px}.b.svelte-1r3wzij:hover{border-radius:16px}.b.svelte-1r3wzij:active{scale:.96}.b.svelte-1r3wzij:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.go.svelte-1r3wzij{background:var(--accent);color:var(--on-accent)}.danger.svelte-1r3wzij .go:where(.svelte-1r3wzij){background:var(--danger);color:#fff}.go.svelte-1r3wzij:disabled{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){dialog[open].svelte-1r3wzij{animation:none}dialog.svelte-1r3wzij::backdrop{animation:none}.b.svelte-1r3wzij{transition:none}}.sticker.svelte-1y6wc07{display:block;overflow:visible}.fluid.svelte-1y6wc07{width:100%;height:auto}.piece.svelte-1y6wc07,.hopper.svelte-1y6wc07{transform-box:view-box;transform-origin:var(--ox) var(--oy)}.colours.svelte-1y6wc07 .letter:where(.svelte-1y6wc07){cursor:default}.animated.svelte-1y6wc07 .letter:where(.svelte-1y6wc07){animation:svelte-1y6wc07-pop-in .7s cubic-bezier(.3, 1.6, .55, 1) calc(var(--n) * 70ms) both, svelte-1y6wc07-wave 4.5s ease-in-out calc(1.2s + var(--n) * .11s) infinite}.animated.svelte-1y6wc07 .confetti:where(.svelte-1y6wc07){animation:svelte-1y6wc07-pop-in .6s cubic-bezier(.3, 1.6, .55, 1) calc(.7s + var(--n) * 90ms) both, svelte-1y6wc07-drift calc(3.2s + var(--n) * .7s) ease-in-out calc(var(--n) * -.9s) infinite alternate}.animated.svelte-1y6wc07 .hopper.hop:where(.svelte-1y6wc07){animation:.65s cubic-bezier(.3,1.5,.55,1) svelte-1y6wc07-hop}@keyframes svelte-1y6wc07-pop-in{0%{opacity:0;translate:0 -18px;scale:.3}to{opacity:1;translate:0;scale:1}}@keyframes svelte-1y6wc07-wave{0%,16%,to{translate:0}8%{translate:0 -7px}}@keyframes svelte-1y6wc07-wiggle{0%,to{rotate:0deg}25%{rotate:-9deg}75%{rotate:9deg}}@keyframes svelte-1y6wc07-drift{0%{translate:0;rotate:0deg}to{translate:0 -7px;rotate:35deg}}@keyframes svelte-1y6wc07-hop{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-16px)scale(.92,1.08)}60%{transform:translateY(0)scale(1.08,.92)}to{transform:none}}@media (prefers-reduced-motion:reduce){.animated.svelte-1y6wc07 .letter:where(.svelte-1y6wc07),.animated.svelte-1y6wc07 .confetti:where(.svelte-1y6wc07),.animated.svelte-1y6wc07 .hopper.hop:where(.svelte-1y6wc07){animation:none}}.foot.svelte-1ho7oxz{padding:56px 12px 12px}.foot-card.svelte-1ho7oxz{color:#e6ecf8;background:#1f2a4d;border-radius:44px;max-width:1180px;margin:0 auto;padding:48px 44px 20px;position:relative;overflow:hidden}.foot-top.svelte-1ho7oxz{z-index:1;flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex;position:relative}.foot-brand.svelte-1ho7oxz{flex-direction:column;align-items:flex-start;gap:18px;max-width:360px;display:flex}.foot-tag.svelte-1ho7oxz{color:#c8d2ea;font-size:1.12rem;line-height:1.5}.pill.svelte-1ho7oxz{--h:48px;height:var(--h);border-radius:calc(var(--h) / 2);color:#1f2a4d;white-space:nowrap;transition:border-radius .45s var(--spring), transform .35s var(--spring), background .15s;background:#f4c8eb;justify-content:center;align-items:center;padding:0 22px;font-size:.98rem;font-weight:700;text-decoration:none;display:inline-flex}.pill.svelte-1ho7oxz:hover{background:#eeb5e1}.pill.svelte-1ho7oxz:active{border-radius:calc(var(--h) / 4);transform:scale(.97)}.foot-cta.svelte-1ho7oxz{flex-wrap:wrap;gap:8px;display:flex}.pill.ghost.svelte-1ho7oxz{color:#fff;background:#ffffff1a;gap:9px}.pill.ghost.svelte-1ho7oxz:hover{background:#ffffff2e}.pill.svelte-1ho7oxz svg:where(.svelte-1ho7oxz){fill:currentColor;width:20px;height:20px}.foot-cols.svelte-1ho7oxz{flex-wrap:wrap;align-items:flex-start;gap:56px;display:flex}.foot-cols.svelte-1ho7oxz div:where(.svelte-1ho7oxz){flex-direction:column;gap:10px;display:flex}.foot-cols.svelte-1ho7oxz h4:where(.svelte-1ho7oxz){letter-spacing:.08em;text-transform:uppercase;color:#f4c8eb;margin:0 0 4px;font-size:.78rem}.foot-cols.svelte-1ho7oxz a:where(.svelte-1ho7oxz){color:#e6ecf8;width:-moz-fit-content;width:fit-content;transition:background-size .35s var(--spring), color .2s;background:linear-gradient(#f4c8eb,#f4c8eb) 0 100%/0% 2px no-repeat;padding:2px 0;font-weight:600;text-decoration:none}.foot-cols.svelte-1ho7oxz a:where(.svelte-1ho7oxz):hover{color:#fff;background-size:100% 2px}.wordmark.svelte-1ho7oxz{width:min(640px,94%);height:auto;margin:34px auto 14px;animation:6s ease-in-out infinite svelte-1ho7oxz-float;display:block;position:relative}@keyframes svelte-1ho7oxz-float{50%{translate:0 -12px;rotate:-1.2deg}}@media (max-width:900px){.foot-card.svelte-1ho7oxz{padding:40px 28px 20px}}@media (max-width:560px){.foot.svelte-1ho7oxz{padding:44px 8px 8px}.foot-card.svelte-1ho7oxz{border-radius:34px;padding:34px 22px 18px}.foot-cols.svelte-1ho7oxz{gap:28px 40px}}@media (prefers-reduced-motion:reduce){.wordmark.svelte-1ho7oxz{animation:none}.pill.svelte-1ho7oxz,.foot-cols.svelte-1ho7oxz a:where(.svelte-1ho7oxz){transition:none}}.wrap.svelte-sd6peo{max-width:1180px;margin:0 auto;padding:0 28px}h1.svelte-sd6peo,h2.svelte-sd6peo,h3.svelte-sd6peo{font-family:var(--display)}.pill.svelte-sd6peo{--h:48px;height:var(--h);border-radius:calc(var(--h) / 2);font:inherit;cursor:pointer;white-space:nowrap;transition:border-radius .45s var(--spring), transform .35s var(--spring), background .15s;border:0;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:.98rem;font-weight:700;text-decoration:none;display:inline-flex}.pill.svelte-sd6peo:active{border-radius:calc(var(--h) / 4);transform:scale(.97)}.pill.lime.svelte-sd6peo{color:#1f2a4d;background:#f4c8eb}.pill.lime.svelte-sd6peo:hover{background:#eeb5e1}.pill.tonal.svelte-sd6peo{color:#fff;background:#ffffff29}.pill.tonal.svelte-sd6peo:hover{background:#ffffff3d}.pill.big.svelte-sd6peo{--h:58px;padding:0 28px;font-size:1.06rem}.pill.svelte-sd6peo svg:where(.svelte-sd6peo){fill:currentColor;width:20px;height:20px}.duo.svelte-sd6peo{gap:3px;margin-left:8px;display:inline-flex}.duo.svelte-sd6peo .pill:where(.svelte-sd6peo){margin:0}.duo.svelte-sd6peo .pill:where(.svelte-sd6peo):first-child{border-radius:22px 8px 8px 22px}.duo.svelte-sd6peo .pill:where(.svelte-sd6peo):last-child{border-radius:8px 22px 22px 8px}.duo.svelte-sd6peo .pill:where(.svelte-sd6peo):active{border-radius:12px}.hero.svelte-sd6peo{color:#fff;background:#4a6ab5;padding-bottom:0;display:flow-root;position:relative}.top.svelte-sd6peo{justify-content:space-between;align-items:center;height:84px;display:flex}.brand.svelte-sd6peo{transition:transform .5s var(--spring);display:inline-flex}.brand.svelte-sd6peo:hover{transform:rotate(-3deg)scale(1.04)}nav.svelte-sd6peo{align-items:center;gap:6px;display:flex}.navlink.svelte-sd6peo{color:#fff;border-radius:10px;padding:10px 14px;font-weight:600;text-decoration:none}.navlink.svelte-sd6peo:hover{background:#ffffff1f}nav.svelte-sd6peo .pill:where(.svelte-sd6peo){--h:44px;margin-left:8px}.pill.round.svelte-sd6peo,.top.svelte-sd6peo .pill.round:where(.svelte-sd6peo){width:var(--h);padding:0}.pill.round.svelte-sd6peo svg:where(.svelte-sd6peo){flex:none}.hero-copy.svelte-sd6peo{text-align:center;flex-direction:column;align-items:center;padding-top:52px;scroll-margin-top:20px;display:flex}h1.svelte-sd6peo{letter-spacing:-.04em;color:#fff;font-size:clamp(2.9rem,7vw,5.6rem);font-weight:700;line-height:1.04}mark.svelte-sd6peo{--hl:#4a6ab5;color:#f4c8eb;background:var(--hl);white-space:nowrap;border-radius:.16em;margin-left:.06em;padding:.04em .15em .13em;line-height:.9;display:inline-block;transform:rotate(-2deg);box-shadow:0 0 0 .05em #fff,0 .07em 0 .05em #d9c7e8}h1.svelte-sd6peo mark:where(.svelte-sd6peo),.closer.svelte-sd6peo mark:where(.svelte-sd6peo){--hl:#f4c8eb;color:#1f2a4d}h1.svelte-sd6peo mark:where(.svelte-sd6peo){transform:rotate(-3deg)}.closer.svelte-sd6peo mark:where(.svelte-sd6peo){transform:rotate(2deg)}.lead.svelte-sd6peo{color:#e6ecf8;max-width:560px;margin:22px 0 30px;font-size:1.2rem;line-height:1.55}.dl.svelte-sd6peo{flex-direction:column;align-items:center;gap:12px;display:flex}.cta.svelte-sd6peo{gap:3px;display:flex}.cta.pair.svelte-sd6peo .pill:where(.svelte-sd6peo):first-child{border-radius:29px 10px 10px 29px}.cta.pair.svelte-sd6peo .pill:where(.svelte-sd6peo):last-child{border-radius:10px 29px 29px 10px}.cta.pair.svelte-sd6peo .pill:where(.svelte-sd6peo):active{border-radius:14px}.key.svelte-sd6peo{color:#1f2a4d;min-width:2.1em;height:1.6em;font:inherit;vertical-align:.1em;animation:svelte-sd6peo-keypress-em 2.8s var(--spring) infinite;background:#fff;border-radius:.38em;place-items:center;margin:0 .12em;padding:0 .45em;font-size:.9em;font-weight:800;display:inline-grid;box-shadow:inset 0 0 0 .08em #d9dff0,0 .24em #d9dff0}@keyframes svelte-sd6peo-keypress-em{0%,70%,to{translate:0;box-shadow:inset 0 0 0 .08em #d9dff0,0 .24em #d9dff0}78%{background:#e3e9f6;translate:0 .19em;box-shadow:inset 0 0 0 .08em #4a6ab5,0 .05em #d9dff0}}.fine.svelte-sd6peo,.soon.svelte-sd6peo{color:#c8d2ea;margin:0;font-size:.9rem}.soon.svelte-sd6peo{color:#fff;font-weight:650}.stage.svelte-sd6peo{z-index:1;animation:svelte-sd6peo-phone-in 1.1s var(--spring) .4s backwards;margin-bottom:-150px;padding-top:56px;position:relative}.win.svelte-sd6peo{color:#1f2a4d;text-align:left;-webkit-user-select:none;user-select:none;background:#fff;border-radius:22px;max-width:1000px;margin:0 auto;overflow:hidden;box-shadow:0 0 0 1px #1f2a4d1f,0 40px 80px -30px #1f2a4d8c}.titlebar.svelte-sd6peo{color:#5d6482;background:#fae5f6;align-items:center;gap:8px;height:34px;padding:0 0 0 14px;display:flex}.titlebar.svelte-sd6peo img:where(.svelte-sd6peo){opacity:.9}.wc.svelte-sd6peo{height:100%;margin-left:auto;display:flex}.wc.svelte-sd6peo b:where(.svelte-sd6peo){width:44px;position:relative}.wc.svelte-sd6peo b:where(.svelte-sd6peo):before{content:"";background:#5d6482;width:10px;height:1.5px;position:absolute;top:50%;left:50%;translate:-50% -50%}.wc.svelte-sd6peo b:where(.svelte-sd6peo):nth-child(2):before{background:0 0;height:9px;box-shadow:inset 0 0 0 1.4px #5d6482}.wc.svelte-sd6peo b:where(.svelte-sd6peo):nth-child(3):before{width:12px;height:1.5px;box-shadow:none;rotate:45deg}.wc.svelte-sd6peo b:where(.svelte-sd6peo):nth-child(3):after{content:"";background:#5d6482;width:12px;height:1.5px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-45deg}.app.svelte-sd6peo{background:#fae5f6;height:500px;display:flex}.rail.svelte-sd6peo{flex-direction:column;flex:none;align-items:center;gap:3px;width:76px;padding:14px 0;display:flex}.seg.svelte-sd6peo{color:#5d6482;background:#f6dcef;border-radius:8px;flex-direction:column;align-items:center;gap:4px;width:62px;padding:11px 0 9px;font-size:.68rem;font-weight:650;display:flex}.seg.svelte-sd6peo:first-child{border-radius:26px 26px 8px 8px}.seg.svelte-sd6peo:last-child{border-radius:8px 8px 26px 26px}.seg.on.svelte-sd6peo{color:#fff;background:#4a6ab5;border-radius:26px;padding:16px 0 14px}.seg.svelte-sd6peo svg:where(.svelte-sd6peo){fill:currentColor;width:20px;height:20px}.body.svelte-sd6peo{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.atop.svelte-sd6peo{flex:none;align-items:center;gap:10px;height:60px;padding:0 16px 0 4px;display:flex}.grow.svelte-sd6peo{flex:1}.srch.svelte-sd6peo{color:#5d6482;white-space:nowrap;align-items:center;gap:5px;font-size:.82rem;font-weight:650;display:inline-flex}kbd.svelte-sd6peo{color:#5d6482;min-width:20px;height:20px;font:inherit;background:#f6dcef;border-radius:6px;place-items:center;padding:0 5px;font-size:.7rem;font-weight:750;display:inline-grid}.savebtn.svelte-sd6peo{color:#fff;white-space:nowrap;height:40px;transition:border-radius .35s var(--spring), transform .3s var(--spring);background:#4a6ab5;border-radius:20px;align-items:center;gap:7px;padding:0 8px 0 16px;font-size:.86rem;font-weight:700;display:inline-flex}.savebtn.svelte-sd6peo svg:where(.svelte-sd6peo){fill:currentColor;width:17px;height:17px}.savebtn.svelte-sd6peo kbd:where(.svelte-sd6peo){color:#fff;background:#ffffff38}.savebtn.press.svelte-sd6peo{border-radius:10px;transform:scale(.94)}.mplay.svelte-sd6peo{white-space:nowrap;background:#fff;border-radius:17px;align-items:center;gap:8px;height:34px;padding:0 12px 0 4px;font-size:.8rem;display:inline-flex;box-shadow:inset 0 0 0 1px #f1d3e8}.mplay.svelte-sd6peo i:where(.svelte-sd6peo){background:#1f2a4d;border-radius:13px;place-items:center;width:26px;height:26px;display:grid}.mplay.svelte-sd6peo i:where(.svelte-sd6peo) svg:where(.svelte-sd6peo){fill:#f4c8eb;width:15px;height:15px}.mplay.svelte-sd6peo b:where(.svelte-sd6peo){font-weight:750}.mplay.svelte-sd6peo span:where(.svelte-sd6peo){color:#5d6482;font-variant-numeric:tabular-nums;font-weight:650}.panel.svelte-sd6peo{background:#fff;border-radius:24px 0 0;flex:1;min-height:0;margin-left:4px;padding:22px 22px 0;overflow:hidden;box-shadow:0 0 0 1px #f1d3e8}.phead.svelte-sd6peo{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ph.svelte-sd6peo{letter-spacing:-.02em;font-size:1.45rem;font-weight:800;display:block}.phead.svelte-sd6peo small:where(.svelte-sd6peo){color:#5d6482;margin-top:2px;font-size:.8rem;display:block}.phead.svelte-sd6peo small:where(.svelte-sd6peo) kbd:where(.svelte-sd6peo){min-width:18px;height:18px;font-size:.66rem}.psearch.svelte-sd6peo{color:#8a90a8;background:#fdf2fa;border-radius:19px;align-items:center;gap:8px;width:210px;height:38px;padding:0 14px;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #f1d3e8}.psearch.svelte-sd6peo svg:where(.svelte-sd6peo){fill:currentColor;width:17px;height:17px}.games.svelte-sd6peo{background:#f6dcef;border-radius:22px;gap:3px;width:-moz-fit-content;width:fit-content;max-width:100%;margin:14px 0;padding:4px;display:flex;overflow:hidden}.games.svelte-sd6peo span:where(.svelte-sd6peo){color:#5d6482;white-space:nowrap;background:#fff;border-radius:7px;flex:none;align-items:center;gap:5px;height:30px;padding:0 12px;font-size:.76rem;font-weight:650;display:inline-flex}.games.svelte-sd6peo span:where(.svelte-sd6peo):first-child{border-radius:18px 7px 7px 18px}.games.svelte-sd6peo span:where(.svelte-sd6peo):last-child{border-radius:7px 18px 18px 7px}.games.svelte-sd6peo span.on:where(.svelte-sd6peo){color:#fff;background:#4a6ab5;border-radius:18px}.games.svelte-sd6peo small:where(.svelte-sd6peo){opacity:.7;font-size:.68rem}.grid.svelte-sd6peo{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.card.svelte-sd6peo{background:#fff;border-radius:20px;flex-direction:column;padding:5px;display:flex;box-shadow:0 0 0 1px #f1d3e8}.thumb.svelte-sd6peo{aspect-ratio:16/9;background:#1f2a4d;border-radius:15px;place-items:center;display:grid;position:relative;overflow:hidden}.pl.svelte-sd6peo{fill:#ffffffd9;width:26px;height:26px}.tag.svelte-sd6peo,.len.svelte-sd6peo{white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:.66rem;font-weight:750;display:inline-flex;position:absolute}.tag.svelte-sd6peo{text-overflow:ellipsis;color:#1f2a4d;background:#ffffffeb;max-width:calc(100% - 14px);top:7px;left:7px;overflow:hidden}.tag.svelte-sd6peo svg:where(.svelte-sd6peo){fill:currentColor;flex:none;width:12px;height:12px}.len.svelte-sd6peo{color:#fff;font-variant-numeric:tabular-nums;background:#0009;bottom:7px;right:7px}.info.svelte-sd6peo{flex-direction:column;min-width:0;padding:8px 7px 2px;display:flex}.info.svelte-sd6peo b:where(.svelte-sd6peo){text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.info.svelte-sd6peo span:where(.svelte-sd6peo){color:#8a90a8;white-space:nowrap;font-size:.7rem}.acts.svelte-sd6peo{gap:3px;padding:6px 1px 1px;display:flex}.share.svelte-sd6peo{color:#4a6ab5;background:#4a6ab51f;border-radius:15px 7px 7px 15px;flex:1;justify-content:center;align-items:center;gap:5px;height:30px;font-size:.74rem;font-weight:750;display:inline-flex}.acts.svelte-sd6peo .ic:where(.svelte-sd6peo){color:#5d6482;background:#fdf2fa;border-radius:7px;place-items:center;width:34px;height:30px;display:grid}.acts.svelte-sd6peo .ic:where(.svelte-sd6peo):last-child{border-radius:7px 15px 15px 7px}.share.svelte-sd6peo svg:where(.svelte-sd6peo),.acts.svelte-sd6peo .ic:where(.svelte-sd6peo) svg:where(.svelte-sd6peo){fill:currentColor;width:15px;height:15px}.mtoast.svelte-sd6peo{color:#fae5f6;white-space:nowrap;background:#1f2a4d;border-radius:10px;align-items:center;gap:8px;padding:10px 16px 10px 12px;font-size:.84rem;font-weight:650;display:inline-flex;position:absolute;bottom:18px;left:50%;translate:-50%;box-shadow:0 10px 30px #0000002e}.mtoast.svelte-sd6peo svg:where(.svelte-sd6peo){fill:#f4c8eb;width:18px;height:18px}.sec.svelte-sd6peo{padding:80px 0}#how.svelte-sd6peo{padding-top:220px;padding-bottom:40px}h2.svelte-sd6peo{letter-spacing:-.03em;margin-bottom:36px;font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:700;line-height:1.05}.steps.svelte-sd6peo{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.step.svelte-sd6peo{--chip:#4a6ab51f;transition:border-radius .5s var(--spring);background:#fff;border-radius:26px;flex-direction:column;gap:8px;padding:22px;display:flex;box-shadow:inset 0 0 0 1px #f1d3e8}.step.svelte-sd6peo:hover{border-radius:36px}.step.svelte-sd6peo h3:where(.svelte-sd6peo){margin-top:6px;font-size:1.3rem}.step.svelte-sd6peo p:where(.svelte-sd6peo){color:#5d6482;font-size:.95rem;line-height:1.5}.num.svelte-sd6peo b:where(.svelte-sd6peo){color:#4a6ab5;font-size:.95rem;font-weight:800;position:relative}.demo.svelte-sd6peo{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:92px;margin-top:auto;padding-top:14px;display:flex}.buf.svelte-sd6peo{background:#fae5f6;border-radius:7px;width:100%;height:14px;position:relative;overflow:hidden}.buf.svelte-sd6peo i:where(.svelte-sd6peo){background:repeating-linear-gradient(90deg,#f4c8eb 0 22px,#eeb5e1 22px 24px);animation:1.6s linear infinite svelte-sd6peo-roll;position:absolute;inset:0}.demo.svelte-sd6peo small:where(.svelte-sd6peo){color:#8a90a8;font-size:.8rem;font-weight:600}.bigkey.svelte-sd6peo{color:#1f2a4d;min-width:74px;height:58px;animation:svelte-sd6peo-keypress 2.8s var(--spring) infinite;background:#fff;border-radius:16px;font-size:1.3rem;box-shadow:inset 0 0 0 1.5px #d9dff0,0 5px #d9dff0}.tl.svelte-sd6peo{background:repeating-linear-gradient(90deg,#e3e9f6 0 3px,#0000 3px 7px) 50%/100% 60% no-repeat,#f4f6fb;border-radius:10px;width:100%;height:34px;position:relative}.sel.svelte-sd6peo{background:#f4c8eb8c;border-radius:8px;position:absolute;inset:0 26% 0 22%;box-shadow:inset 0 0 0 2px #4a6ab5}.sel.svelte-sd6peo i:where(.svelte-sd6peo){background:#4a6ab5;border-radius:3px;width:6px;position:absolute;top:4px;bottom:4px}.sel.svelte-sd6peo i:where(.svelte-sd6peo):first-child{left:-3px}.sel.svelte-sd6peo i:where(.svelte-sd6peo):last-child{right:-3px}.copied.svelte-sd6peo{color:#fff;background:#1f2a4d;border-radius:10px;align-items:center;gap:6px;padding:5px 11px 5px 8px;font-size:.8rem;font-weight:700;display:inline-flex}.copied.svelte-sd6peo svg:where(.svelte-sd6peo){fill:#f4c8eb;width:15px;height:15px}#features.svelte-sd6peo,#faq.svelte-sd6peo{padding-top:64px}#features.svelte-sd6peo{padding-bottom:30px}.trim.svelte-sd6peo{--pk:#f4c8eb;background:var(--pk);height:14px;margin-bottom:18px;position:relative}.trim.svelte-sd6peo:after{content:"";background:radial-gradient(circle at 18px 0, var(--pk) 17.5px, transparent 18px) calc(var(--sp,0) * -252px) 0 / 36px 18px repeat-x;height:18px;position:absolute;top:calc(100% - 1px);left:0;right:0}.trim.rev.svelte-sd6peo:after{background-position:calc(var(--sp,0) * 252px) 0}.bento.svelte-sd6peo{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:10px;display:grid}.tile.svelte-sd6peo{--fg:#1f2a4d;--sub:#5d6482;--chip:#1a181414;--ic:#1f2a4d;min-height:168px;color:var(--fg);transition:border-radius .5s var(--spring);background:#fff;border-radius:24px;flex-direction:column;justify-content:space-between;gap:14px;padding:20px 22px;display:flex}.tile.svelte-sd6peo:hover{border-radius:34px}.tile.big.svelte-sd6peo{grid-column:span 2;min-height:0}.tile.wide.svelte-sd6peo{flex-flow:wrap;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:14px 22px;min-height:0}.tile.svelte-sd6peo h3:where(.svelte-sd6peo){letter-spacing:-.02em;margin-bottom:4px;font-size:1.12rem;font-weight:700}.tile.big.svelte-sd6peo h3:where(.svelte-sd6peo){font-size:1.42rem}.tile.svelte-sd6peo p:where(.svelte-sd6peo){color:var(--sub);max-width:40ch;font-size:.92rem;line-height:1.45}.tile.wide.svelte-sd6peo h3:where(.svelte-sd6peo){margin:0}.blue.svelte-sd6peo{--fg:#fff;--sub:#e6ecf8;--chip:#ffffff29;--ic:#f4c8eb;background:#4a6ab5}.navy.svelte-sd6peo{--fg:#fff;--sub:#c8d2ea;--chip:#f4c8eb24;--ic:#f4c8eb;background:#1f2a4d}.lime.svelte-sd6peo{--fg:#1f2a4d;--sub:#5a3a55;--chip:#10204f1a;--ic:#1f2a4d;background:#f4c8eb}.sky.svelte-sd6peo{--fg:#1f2a4d;--sub:#4f5677;--chip:#4a6ab524;--ic:#4a6ab5;background:#e3e9f6}.paper.svelte-sd6peo{--ic:#4a6ab5;--chip:#4a6ab51a;background:#fff;box-shadow:inset 0 0 0 1px #f1d3e8}.deep.svelte-sd6peo{--fg:#fff;--sub:#d6deef;--chip:#ffffff24;--ic:#fff;background:#3a5699}.ink.svelte-sd6peo{--fg:#fff;--sub:#c8d2ea;--chip:#ffffff1f;--ic:#f4c8eb;background:#1f2a4d}.badge.svelte-sd6peo{flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative}.badge.svelte-sd6peo svg:where(.svelte-sd6peo){width:100%;height:100%;fill:var(--chip);transition:transform .8s var(--spring);position:absolute;inset:0}.badge.svelte-sd6peo .ic:where(.svelte-sd6peo){width:20px;height:20px;fill:var(--ic);position:relative;inset:auto}.tile.svelte-sd6peo:hover .badge:where(.svelte-sd6peo) svg:where(.svelte-sd6peo):first-child,.step.svelte-sd6peo:hover .badge:where(.svelte-sd6peo) svg:where(.svelte-sd6peo):first-child{transform:rotate(40deg)scale(1.06)}.chips.svelte-sd6peo{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tile.wide.svelte-sd6peo .chips:where(.svelte-sd6peo){margin-top:0}.chips.svelte-sd6peo span:where(.svelte-sd6peo){background:var(--chip);transition:transform .35s var(--spring);border-radius:99px;padding:4px 10px;font-size:.78rem;font-weight:700}.chips.svelte-sd6peo span:where(.svelte-sd6peo):hover{transform:translateY(-3px)}.keys.svelte-sd6peo{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px 16px;margin:14px 0 0;padding:0;list-style:none;display:grid}.keys.svelte-sd6peo li:where(.svelte-sd6peo){color:#4f5677;align-items:center;gap:10px;font-size:.88rem;display:flex}.keys.svelte-sd6peo li:where(.svelte-sd6peo) span:where(.svelte-sd6peo){flex:none;gap:3px;min-width:64px;display:inline-flex}.keys.svelte-sd6peo kbd:where(.svelte-sd6peo){color:#1f2a4d;background:#fff;border-radius:8px;min-width:26px;height:26px;font-size:.75rem;box-shadow:inset 0 0 0 1.5px #d9dff0,0 2px #d9dff0}.faq.svelte-sd6peo{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 24px;display:grid}.qa.svelte-sd6peo{transition:border-radius .5s var(--spring), background .3s, box-shadow .3s, transform .35s var(--spring);background:#fff;border-radius:18px;box-shadow:inset 0 0 0 1px #f1d3e8}.qa.svelte-sd6peo:hover{transform:translateY(-2px)}.qa.svelte-sd6peo:active{transform:scale(.99)}.qa.open.svelte-sd6peo{background:#e3e9f6;border-radius:30px;box-shadow:inset 0 0 0 1px #0000}.q.svelte-sd6peo{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;font-size:1.04rem;font-weight:700;display:flex}.plus.svelte-sd6peo{width:32px;height:32px;transition:transform .55s var(--spring), background .25s, border-radius .5s var(--spring);background:#fae5f6;border-radius:50%;flex:none;position:relative}.plus.svelte-sd6peo:before,.plus.svelte-sd6peo:after{content:"";background:#4a6ab5;border-radius:2px;width:12px;height:2.5px;transition:background .25s;position:absolute;top:50%;left:50%;translate:-50% -50%}.plus.svelte-sd6peo:after{rotate:90deg}.q.svelte-sd6peo:hover .plus:where(.svelte-sd6peo){border-radius:10px}.open.svelte-sd6peo .plus:where(.svelte-sd6peo){background:#4a6ab5;border-radius:50%;transform:rotate(135deg)}.open.svelte-sd6peo .plus:where(.svelte-sd6peo):before,.open.svelte-sd6peo .plus:where(.svelte-sd6peo):after{background:#fff}.a.svelte-sd6peo{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1);display:grid}.a.svelte-sd6peo>div:where(.svelte-sd6peo){overflow:hidden}.open.svelte-sd6peo .a:where(.svelte-sd6peo){grid-template-rows:1fr}.a.svelte-sd6peo p:where(.svelte-sd6peo){color:#4f5677;opacity:0;transition:opacity .3s, translate .45s var(--spring);padding:0 22px 22px;line-height:1.55;translate:0 -8px}.open.svelte-sd6peo .a:where(.svelte-sd6peo) p:where(.svelte-sd6peo){opacity:1;transition-delay:80ms;translate:0}.intro.svelte-sd6peo span:where(.svelte-sd6peo),.intro.svelte-sd6peo mark:where(.svelte-sd6peo){animation:svelte-sd6peo-word-in .9s var(--spring) calc(var(--i) * 90ms + 80ms) backwards;display:inline-block}.intro.svelte-sd6peo mark:where(.svelte-sd6peo){animation:svelte-sd6peo-word-in .9s var(--spring) calc(var(--i) * 90ms + 80ms) backwards, svelte-sd6peo-stick .55s var(--spring) .75s backwards}.enter.svelte-sd6peo{animation:svelte-sd6peo-rise .8s var(--spring) calc(var(--i) * 90ms + 80ms) backwards}@keyframes svelte-sd6peo-word-in{0%{opacity:0;filter:blur(6px);translate:0 .45em;rotate:4deg}to{opacity:1;filter:blur();translate:0;rotate:0deg}}@keyframes svelte-sd6peo-rise{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0}}@keyframes svelte-sd6peo-phone-in{0%{opacity:0;translate:0 80px;scale:.94}to{opacity:1;translate:0;scale:1}}@keyframes svelte-sd6peo-spin{to{rotate:360deg}}@keyframes svelte-sd6peo-stick{0%{scale:1}35%{scale:1.12}70%{scale:.96}to{scale:1}}@keyframes svelte-sd6peo-slap{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}@keyframes svelte-sd6peo-blink{50%{opacity:.35}}@keyframes svelte-sd6peo-roll{to{background-position:24px 0}}@keyframes svelte-sd6peo-keypress{0%,70%,to{translate:0;box-shadow:inset 0 0 0 1.5px #d9dff0,0 5px #d9dff0}78%{background:#e3e9f6;translate:0 4px;box-shadow:inset 0 0 0 1.5px #4a6ab5,0 1px #d9dff0}}.rv{opacity:0}.rv.in{opacity:1;animation:svelte-sd6peo-rise .8s var(--spring) var(--d,0s) backwards}.tile.svelte-sd6peo.rv.in,.step.svelte-sd6peo.rv.in{animation:svelte-sd6peo-pop .75s var(--spring) var(--d,0s) backwards}h2.svelte-sd6peo mark:where(.svelte-sd6peo){opacity:0}h2.svelte-sd6peo.in mark:where(.svelte-sd6peo){opacity:1;animation:svelte-sd6peo-slap .6s var(--spring) .25s backwards}@keyframes svelte-sd6peo-pop{0%{opacity:0;translate:0 36px;scale:.92}to{opacity:1;translate:0;scale:1}}.badge.svelte-sd6peo svg:where(.svelte-sd6peo):first-child{animation:28s linear infinite svelte-sd6peo-spin}.closer.svelte-sd6peo{text-align:center;background:#4a6ab5;padding:80px 0 96px;position:relative}.closer.svelte-sd6peo:after{content:"";background:radial-gradient(circle at 18px 0,#4a6ab5 17.5px,#0000 18px) 0 0/36px 18px repeat-x;height:18px;animation:2.4s linear infinite svelte-sd6peo-frosting;position:absolute;bottom:-17px;left:0;right:0}@keyframes svelte-sd6peo-frosting{to{background-position:36px 0}}.closer.svelte-sd6peo h2:where(.svelte-sd6peo){color:#f4c8eb;margin-bottom:28px}@media (max-width:900px){.grid.svelte-sd6peo{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.svelte-sd6peo .card:where(.svelte-sd6peo):nth-child(n+5),.srch.svelte-sd6peo{display:none}.app.svelte-sd6peo{height:440px}.psearch.svelte-sd6peo{width:150px}.steps.svelte-sd6peo{grid-template-columns:1fr}.bento.svelte-sd6peo{grid-template-columns:repeat(2,minmax(0,1fr))}.faq.svelte-sd6peo{grid-template-columns:1fr}.navlink[href^=\#].svelte-sd6peo{display:none}.stage.svelte-sd6peo{margin-bottom:-120px}#how.svelte-sd6peo{padding-top:180px}}@media (max-width:560px){.cta.pair.svelte-sd6peo{flex-direction:column;align-items:stretch;width:min(100%,340px)}.cta.pair.svelte-sd6peo .pill:where(.svelte-sd6peo):first-child{border-radius:27px 27px 10px 10px}.cta.pair.svelte-sd6peo .pill:where(.svelte-sd6peo):last-child{border-radius:10px 10px 27px 27px}.wrap.svelte-sd6peo{padding:0 18px}.hero-copy.svelte-sd6peo{padding-top:28px}.stage.svelte-sd6peo{margin-bottom:-90px;padding-top:40px}#how.svelte-sd6peo{padding-top:140px}.win.svelte-sd6peo{border-radius:16px}.titlebar.svelte-sd6peo{height:28px}.app.svelte-sd6peo{height:360px}.rail.svelte-sd6peo{width:52px;padding:10px 0}.seg.svelte-sd6peo{width:42px;padding:8px 0 6px;font-size:.56rem}.seg.on.svelte-sd6peo{padding:11px 0 9px}.seg.svelte-sd6peo svg:where(.svelte-sd6peo){width:16px;height:16px}.atop.svelte-sd6peo{height:46px;padding:0 10px 0 2px}.savebtn.svelte-sd6peo{height:32px;padding:0 6px 0 11px;font-size:.74rem}.panel.svelte-sd6peo{border-radius:18px 0 0;padding:14px 10px 0}.ph.svelte-sd6peo{font-size:1.1rem}.phead.svelte-sd6peo small:where(.svelte-sd6peo),.psearch.svelte-sd6peo,.info.svelte-sd6peo span:where(.svelte-sd6peo),.acts.svelte-sd6peo .ic:where(.svelte-sd6peo){display:none}.games.svelte-sd6peo{margin:10px 0}.games.svelte-sd6peo span:where(.svelte-sd6peo){height:26px;padding:0 9px;font-size:.68rem}.grid.svelte-sd6peo{gap:8px}.card.svelte-sd6peo{border-radius:16px;padding:4px}.thumb.svelte-sd6peo{border-radius:12px}.tag.svelte-sd6peo{padding:2px 6px;font-size:.58rem}.info.svelte-sd6peo b:where(.svelte-sd6peo){font-size:.72rem}.share.svelte-sd6peo{height:26px;font-size:.66rem}.mtoast.svelte-sd6peo{font-size:.74rem;bottom:12px}.wc.svelte-sd6peo b:where(.svelte-sd6peo){width:32px}.bento.svelte-sd6peo{grid-template-columns:1fr}.tile.big.svelte-sd6peo{grid-column:auto}.tile.svelte-sd6peo,.tile.big.svelte-sd6peo{min-height:0}nav.svelte-sd6peo .navlink:where(.svelte-sd6peo){display:none}.top.svelte-sd6peo .pill:where(.svelte-sd6peo){--h:40px;padding:0 16px;font-size:.92rem}.pill.big.svelte-sd6peo{--h:54px;padding:0 22px;font-size:1rem}}@media (max-width:430px){.pill.round.spare.svelte-sd6peo{display:none}}@media (max-width:380px){.brand.svelte-sd6peo svg{width:auto;height:40px}.top.svelte-sd6peo .pill:where(.svelte-sd6peo){padding:0 14px}nav.svelte-sd6peo .pill:where(.svelte-sd6peo),.duo.svelte-sd6peo{margin-left:4px}}@media (prefers-reduced-motion:reduce){.pill.svelte-sd6peo,.tile.svelte-sd6peo,.step.svelte-sd6peo,.badge.svelte-sd6peo svg:where(.svelte-sd6peo),.qa.svelte-sd6peo,.plus.svelte-sd6peo,.a.svelte-sd6peo,.a.svelte-sd6peo p:where(.svelte-sd6peo),.savebtn.svelte-sd6peo{transition:none}.intro.svelte-sd6peo span:where(.svelte-sd6peo),.intro.svelte-sd6peo mark:where(.svelte-sd6peo),.enter.svelte-sd6peo,.stage.svelte-sd6peo,.badge.svelte-sd6peo svg:where(.svelte-sd6peo):first-child,h2.svelte-sd6peo mark:where(.svelte-sd6peo),.buf.svelte-sd6peo i:where(.svelte-sd6peo),.bigkey.svelte-sd6peo{animation:none!important}h2.svelte-sd6peo mark:where(.svelte-sd6peo){opacity:1}.key.svelte-sd6peo{animation:none}.rv{opacity:1!important;animation:none!important}.closer.svelte-sd6peo:after{animation:none}}:root{--bg:#fae5f6;--panel:#fff;--panel-2:#fdf2fa;--panel-3:#f6dcef;--border:#f1d3e8;--border-2:#e2bcd7;--text:#1f2a4d;--muted:#5d6482;--faint:#9aa0b6;--accent:#4a6ab5;--accent-2:#3d5a9e;--accent-soft:#4a6ab51f;--on-accent:#fff;--lime:#f4c8eb;--ok:#2f7d32;--on:#4a6ab5;--danger:#c62a1d;--field:#fff;--hairline:#0000001a;--danger-soft:#fde8e6;--danger-ink:#9b2c22;--danger-line:#f2a39b;--ok-soft:#e7f6ec;--ok-ink:#23744d;--ok-line:#9ad3ac;--warn-soft:#fff5d6;--warn-line:#f0cf6b;--pink-soft:#fde3ee;--pink-ink:#b0306a;--r:14px;--r-lg:20px;--spring:cubic-bezier(.3, 1.5, .55, 1);--display:"Google Sans Flex", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font-family:Google Sans Flex,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100vh;margin:0}*{scrollbar-width:none}::-webkit-scrollbar{display:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.025em;font-weight:700}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:var(--lime);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{--h:42px;height:var(--h);border-radius:calc(var(--h) / 2);border:1px solid var(--border-2);background:var(--panel);cursor:pointer;white-space:nowrap;transition:background .15s, border-color .15s, transform .35s var(--spring), border-radius .45s var(--spring), opacity .15s;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:var(--panel-2);border-color:var(--border-2)}.btn:active{border-radius:calc(var(--h) / 4);transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:var(--text);color:var(--bg);border-color:#0000}.btn.primary:hover{background:color-mix(in srgb, var(--text) 86%, var(--bg))}.btn.accent{background:var(--accent);color:var(--on-accent);border-color:#0000}.btn.accent:hover{background:var(--accent-2)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--panel-3)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent);background:var(--panel)}.btn.danger:hover{background:color-mix(in srgb, var(--danger) 8%, var(--panel))}.btn.sm{--h:34px;padding:0 14px;font-size:.85rem}.btn.lg{--h:52px;padding:0 26px;font-size:1rem}.btn.icon{--h:34px;width:34px;padding:0}.input,.select,.textarea{border:1px solid var(--border-2);background:var(--panel);border-radius:14px;outline:none;width:100%;height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;height:auto;min-height:96px;padding:12px 14px;line-height:1.5}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--faint)}.select{appearance:none;cursor:pointer;background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23676767'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") right 8px center/20px no-repeat;padding-right:34px}.label{color:var(--text);margin-bottom:8px;font-size:.86rem;font-weight:600;display:block}.field{display:block}.field+.field{margin-top:14px}.hint{color:var(--faint);margin-top:6px;font-size:.8rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:0 1px 2px #00000008}.panel+.panel{margin-top:16px}.panel-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;font-size:.95rem;font-weight:700;display:flex}.panel-sub{color:var(--muted);font-size:.82rem;font-weight:400}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:560px){.grid-2{grid-template-columns:1fr}}.muted{color:var(--muted)}.row{align-items:center;gap:10px;display:flex}.spacer{flex:1}.svg-i{fill:currentColor;flex:none;width:18px;height:18px}.vbubble{z-index:1000;background:var(--panel);max-width:min(320px,100vw - 24px);color:var(--text);box-shadow:0 0 0 2px var(--lime), 0 18px 36px -14px color-mix(in srgb, var(--accent) 50%, transparent);pointer-events:none;transform-origin:var(--ax,28px) top;animation:vb-in .5s var(--spring) both;border-radius:20px;align-items:center;gap:10px;padding:7px 16px 7px 7px;font-size:.9rem;font-weight:600;line-height:1.3;display:flex;position:fixed}.vbubble.up{transform-origin:var(--ax,28px) bottom;animation-name:vb-in-up}.vbubble:before{content:"";left:calc(var(--ax,28px) - 7px);background:var(--panel);border:2px solid var(--lime);border-bottom:0;border-right:0;border-radius:4px 0 0;width:13px;height:13px;position:absolute;top:-7px;rotate:45deg}.vbubble.up:before{border:2px solid var(--lime);border-top:0;border-left:0;border-radius:0 0 4px;top:auto;bottom:-7px}.vb-ic{background:var(--accent);width:30px;height:30px;animation:vb-pop .55s 80ms var(--spring) both;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 -3px #1f2a4d40}.vb-ic svg{width:17px;height:17px;fill:var(--on-accent);animation:.6s ease-in-out .25s vb-wiggle}.vbubble.out{animation:.2s ease-in forwards vb-out}@keyframes vb-in{0%{opacity:0;filter:blur(4px);translate:0 -10px;scale:.55}}@keyframes vb-in-up{0%{opacity:0;filter:blur(4px);translate:0 10px;scale:.55}}@keyframes vb-out{to{opacity:0;filter:blur(2px);translate:0 -4px;scale:.9}}@keyframes vb-pop{0%{rotate:-60deg;scale:0}}@keyframes vb-wiggle{25%{rotate:-14deg}50%{rotate:10deg}75%{rotate:-5deg}}.vb-nudge{animation:.42s ease-in-out vb-nudge}@keyframes vb-nudge{20%{translate:-5px}45%{translate:4px}70%{translate:-2px}}@media (prefers-reduced-motion:reduce){.vbubble,.vbubble.out,.vb-ic,.vb-ic svg,.vb-nudge{animation-duration:10ms}}.toasts{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);border:1px solid var(--text);border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;animation:.25s toast-in;display:flex;box-shadow:0 10px 30px #0000002e}.toast.err{background:var(--panel);color:var(--text);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}.toast .dot{background:var(--lime);border-radius:50%;width:8px;height:8px}.toast.err .dot{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-h{font-size:1.6rem}.page-sub{color:var(--muted);margin:2px 0 20px}.group-h{letter-spacing:-.01em;color:var(--accent);margin:26px 0 10px 16px;font-size:.95rem;font-weight:700}.intro{color:var(--muted);margin-bottom:16px;font-size:.92rem}@media (prefers-reduced-motion:reduce){.btn{transition:background .15s,border-color .15s,opacity .15s}}