@font-face{font-family:Inter;src:url(/fonts/Inter-Bold.ttf);font-weight:700}@font-face{font-family:Montserrat;src:url(/fonts/Montserrat-Bold.ttf);font-weight:700}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1d1d1f;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f6fbff;font:400 1rem/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background-color:#f6fbff;background-image:radial-gradient(58rem 26rem at 12% -6%,#38bdf84d,#0000 62%),radial-gradient(46rem 22rem at 92% -8%,#f472b62e,#0000 62%),none;background-position:0 0,0 0,0 0;background-repeat:no-repeat;background-size:auto,auto,auto;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;margin:0}::selection{background:#38bdf84d}:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #0ea5e980}h1{letter-spacing:-.03em;text-wrap:balance;margin:0 0 .9rem;font-size:clamp(2rem,5.4vw,3.6rem);font-weight:700;line-height:1.05}h2{letter-spacing:-.012em;margin:0 0 .8rem;font-size:1.15rem;font-weight:650;line-height:1.25}h2.sub{margin-top:1.6rem}p{margin:.25rem 0 .8rem}.muted{color:#6e6e73;font-size:.875rem;line-height:1.45}label{color:#6e6e73;margin-bottom:.25rem;font-size:.78rem;font-weight:600;display:block}label.inline{align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:inline-flex}.hero{text-align:center;max-width:1120px;margin:0 auto;padding:3.6rem 1.25rem 1.8rem}.hero p{color:#4b5563;text-wrap:pretty;max-width:44rem;margin:0 auto;font-size:1.125rem;line-height:1.5}html,body{overflow-x:clip}main{grid-template-columns:minmax(280px,400px) 1fr;gap:1.25rem;max-width:1120px;margin:0 auto;padding:0 1.25rem 2rem;display:grid}main.landscape{grid-template-columns:minmax(320px,620px) 1fr}.stage{align-self:start;position:sticky;top:1.25rem}@media (max-width:800px){main,main.landscape{grid-template-columns:minmax(0,1fr)}.stage{position:static}.hero{padding-top:2.4rem}.row button{flex:auto}}.card{background:#fff;border:1px solid #0f284612;border-radius:22px;min-width:0;margin-bottom:1.25rem;padding:1.4rem;box-shadow:0 1px 2px #0f28460a,0 14px 34px #0f28460f}.player{aspect-ratio:9/16;background:#0b1620;border-radius:22px;width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 44px #0f28462e}.player video{object-fit:contain;width:100%;height:100%;display:block}.overlay{text-align:center;pointer-events:none;color:#fff;padding:0 6%;font-weight:700;line-height:1.15;position:absolute;left:0;right:0;transform:translateY(-50%)}.player.empty{background:#0b1620 url(/placeholder.jpg) 50%/cover no-repeat}.player.empty video,.player.empty .overlay{display:none}.play{opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none;width:4.5rem;height:4.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player:not(.empty) .play{display:none}.credit{letter-spacing:.02em;color:#ffffffc7;text-shadow:0 1px 2px #0000008c;pointer-events:none;font-size:.6rem;line-height:1;position:absolute;bottom:.45rem;right:.6rem}.player:not(.empty) .credit{display:none}video.preview{border-radius:16px;width:100%;max-width:260px;margin-top:.8rem;display:block}.drop{text-align:center;cursor:pointer;background:#f3faff;border:1.5px dashed #8fd3f6;border-radius:20px;flex-direction:column;align-items:center;gap:.3rem;padding:2rem 1rem;transition:background .16s,border-color .16s,transform .16s cubic-bezier(.2,.8,.2,1);display:flex}.drop:hover{background:#e7f5fe}.drop:active{transform:scale(.99)}.drop.over{background:#dcf0fd;border-style:solid;border-color:#0ea5e9}.drop strong{letter-spacing:-.01em;word-break:break-word;font-size:1.05rem}.drop-icon{color:#0ea5e9;width:44px;height:44px;margin-bottom:.3rem}button{font:inherit;color:#0369a1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#e4f4fd;border:0;border-radius:999px;padding:.6rem 1.15rem;font-size:.95rem;font-weight:600;transition:transform .11s cubic-bezier(.2,.8,.2,1),background .15s,box-shadow .15s}button:hover{background:#d3ecfb}button:active{transform:scale(.96)}button.primary{color:#fff;background:#e11d74;box-shadow:0 6px 16px #e11d7447}button.primary:hover{background:#c4155f}button.quiet{background:0 0}button.quiet:hover{background:#eaf6fd}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}[data-preset]{background:#e4f4fd}[data-preset].on{color:#fff;background:#0ea5e9}[data-preset].on:hover{background:#0284c7}input[type=text],input[type=number],textarea,select{font:inherit;width:100%;color:inherit;background:#fff;border:1px solid #0f284624;border-radius:12px;padding:.55rem .75rem;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 4px #0ea5e933}textarea{resize:vertical;min-height:5rem;line-height:1.45}select{appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%230ea5e9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right .8rem center no-repeat;width:auto;padding-right:2rem}.grid2 select,.grid2 input{width:100%}input[type=color]{cursor:pointer;background:#fff;border:1px solid #0f284624;border-radius:12px;width:100%;height:2.5rem;padding:3px}input[type=checkbox]{accent-color:#0ea5e9;width:1.05rem;height:1.05rem}.row{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.8rem 0;display:flex}input.ms{width:7rem}.row.tools{margin-bottom:.2rem}.grid2{grid-template-columns:1fr 1fr;gap:.8rem 1rem;display:grid}.words{background:#f7fbfe;border-radius:16px;flex-wrap:wrap;gap:.2rem;max-height:340px;padding:.4rem;display:flex;overflow:auto}.words:empty{display:none}.w{color:#1d1d1f;background:0 0;border-radius:9px;padding:.2rem .5rem;font-size:.95rem;font-weight:500}.w:hover{background:#dff1fc}.w.active{color:#9d174d;background:#fde0ee}.w.selected{box-shadow:0 0 0 2px #38bdf8}.w.short{-webkit-text-decoration:underline wavy #e11d48;text-decoration:underline wavy #e11d48}.w input{border-radius:8px;width:8rem;padding:.1rem .4rem}.cheats{flex-wrap:wrap;gap:.5rem;margin:0 0 .8rem;display:flex}.cheat{color:#3b4a5a;background:#f3faff;border:1px solid #0ea5e929;border-radius:14px;align-items:center;gap:.5rem;padding:.4rem .75rem .4rem .45rem;font-size:.82rem;font-weight:500;display:inline-flex}.cheat .keys{gap:.25rem;display:inline-flex}kbd{color:#0369a1;background:#fff;border:1px solid #0ea5e959;border-bottom-width:3px;border-radius:8px;justify-content:center;align-items:center;min-width:1.9rem;height:1.9rem;padding:0 .5rem;font:650 .8rem/1 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;display:inline-flex;box-shadow:0 1px 2px #0f284614}kbd.wide{min-width:4.2rem}.cheat .pointer{color:#fff;background:#e11d74;border-radius:8px;width:1.9rem;height:1.9rem;padding:.4rem;box-shadow:0 3px 8px #e11d744d}@media (hover:none){.cheat.kb{display:none}}.banner{color:#075985;background:#e8f6fe;border-radius:14px;margin:.6rem 0;padding:.7rem .9rem;font-size:.875rem;line-height:1.45}.banner.err{color:#9d174d;background:#ffeaf3}.bar{background:#dbeaf4;border-radius:99px;height:6px;margin:.6rem 0 .3rem;overflow:hidden}.bar>div{background:linear-gradient(90deg,#38bdf8,#f472b6);border-radius:99px;width:0;height:100%;transition:width .22s cubic-bezier(.2,.8,.2,1)}.hidden{display:none!important}img.check{background:#303030;border-radius:14px;max-width:100%;max-height:420px;margin-top:.6rem}footer{text-align:center;border-top:1px solid #0f284614;max-width:1120px;margin:0 auto;padding:1.6rem 1.25rem 3rem}footer .support{text-align:center;color:#3b4a5a;max-width:none;margin:0 0 1.4rem;font-size:.95rem}a.pill{color:#0369a1;background:#e4f4fd;border-radius:999px;margin-left:.3rem;padding:.35rem .9rem;font-weight:600;text-decoration:none;transition:transform .11s cubic-bezier(.2,.8,.2,1),background .15s;display:inline-block}a.pill:hover{background:#d3ecfb}a.pill:active{transform:scale(.96)}footer h2{letter-spacing:.02em;color:#6e6e73;margin-bottom:.3rem;font-size:.78rem;font-weight:650}footer p{color:#8a8a8f;max-width:56ch;margin:0 auto;font-size:.75rem;line-height:1.5}.turnstile{margin-top:.8rem}main.page{grid-template-columns:none;display:block}.page{max-width:760px;margin:0 auto;padding:0 1.25rem 2rem}.page h2{letter-spacing:-.015em;margin-top:2rem;font-size:1.35rem}.page p,.page li{color:#2c2c2e;line-height:1.6}.page ol,.page ul{padding-left:1.3rem}.page li{margin-bottom:.45rem}.page a{color:#0369a1;text-underline-offset:.15em}.page ul.links{flex-direction:column;gap:.4rem;padding:0;list-style:none;display:flex}.page ul.links a{font-weight:600}.info{padding-bottom:3rem}.info details{background:#fff;border:1px solid #0f284612;border-radius:16px;margin-bottom:.6rem;padding:.85rem 1.1rem;box-shadow:0 1px 2px #0f28460a}.info summary{cursor:pointer;font-weight:600;list-style:none}.info summary::-webkit-details-marker{display:none}.info summary:after{content:"+";float:right;color:#0ea5e9;font-weight:700}.info details[open] summary:after{content:"−"}.info details p{margin:.6rem 0 .2rem}.page-hero{padding-bottom:1rem}.hero p.crumb{margin:0 auto 1rem;font-size:.9rem}.crumb a{color:#0369a1;font-weight:600;text-decoration:none}a.cta{background:#e11d74;border-radius:999px;padding:.7rem 1.4rem;font-weight:650;transition:transform .11s cubic-bezier(.2,.8,.2,1),background .15s;display:inline-block;box-shadow:0 6px 16px #e11d7447;color:#fff!important;text-decoration:none!important}a.cta:hover{background:#c4155f}a.cta:active{transform:scale(.96)}.note{background:#e8f6fe;border-radius:16px;margin:1.6rem 0;padding:.2rem 1.1rem}.note p{color:#075985;font-size:.9rem}.consent{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(180%);background:#ffffffeb;border:1px solid #0f284614;border-radius:20px;width:min(560px,100% - 2rem);padding:1rem 1.1rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #0f284633}.consent p{margin:0 0 .6rem;font-size:.875rem;line-height:1.45}.consent .row{margin:0}button.small{margin-top:.6rem;padding:.3rem .7rem;font-size:.75rem}@media (prefers-reduced-transparency:reduce){.consent{-webkit-backdrop-filter:none;background:#fff}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}button:active,.drop:active{transform:none}}@media (prefers-contrast:more){.card,input,textarea,select{border-color:#00000073}.muted,label{color:#3a3a3c}}