:root{--bg: #f3f4f1;--paper: #ffffff;--ink: #15171c;--muted: #5f6470;--line: #d9dcd4;--brand: #ffc400;--c0: #ffc400;--c1: #2f6bff;--c2: #ff5a4e;--c3: #1fb57a;--c4: #9b6bff;--c5: #ff8a1f;--ok: #1fb57a;--danger: #d93a2f;--display: "Dela Gothic One", "Zen Kaku Gothic New", system-ui, sans-serif;--body: "Zen Kaku Gothic New", "Hiragino Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--r: 10px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;word-break:auto-phrase}h1,h2,h3{line-height:1.3;text-wrap:balance;margin:0}p{margin:0}a{color:inherit}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:3px solid var(--c1);outline-offset:2px}.mono{font-family:var(--mono);letter-spacing:.02em}.display{font-family:var(--display);font-weight:400}.brand{font-family:var(--display);font-size:1.35rem;text-decoration:none;letter-spacing:.04em}.link{color:var(--c1);font-weight:700;text-underline-offset:3px}.err{color:var(--danger);font-weight:700;margin-top:8px}.notice{background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--r);margin:12px 0}.hint{color:var(--muted);font-size:.88rem}.eyebrow{color:var(--muted);font-weight:700;letter-spacing:.06em}.btn-primary,.btn-ghost,.btn-text,.chip,.send,.qa-btn{border-radius:var(--r);border:2px solid var(--ink);padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn-primary{background:var(--brand);box-shadow:0 3px 0 var(--ink)}.btn-primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.btn-primary.sm{padding:6px 14px;font-size:.9rem}.btn-ghost{background:var(--paper)}.btn-text{border-color:transparent;background:none;padding:6px 8px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.chip{background:var(--paper);border-width:1.5px;padding:6px 12px;font-size:.88rem;font-weight:500}input,textarea{width:100%;border:2px solid var(--ink);border-radius:var(--r);padding:10px 12px;background:var(--paper)}textarea{resize:vertical}.signs{display:grid;grid-template-columns:repeat(var(--n, 4),minmax(0,1fr));align-items:end;gap:clamp(10px,2.4vw,36px);height:100%}.sign-col{display:flex;flex-direction:column;align-items:center;min-width:0}.sign{background:var(--c);border:3px solid var(--ink);border-radius:6px;width:100%;max-width:220px;aspect-ratio:4 / 3;display:grid;place-items:center;align-content:center;transform:rotate(calc((var(--i, 0) - 1.5) * 1.6deg));box-shadow:0 4px 0 var(--ink)}.sign b{font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,3.4vw,3.4rem);line-height:1}.sign span{font-family:var(--mono);font-weight:600;font-size:clamp(.85rem,1.6vw,1.6rem)}.stick{width:clamp(8px,1vw,14px);background:var(--ink);border-radius:0 0 3px 3px;height:calc(16px + var(--h, 0) * var(--reach, 180px));transition:height .7s cubic-bezier(.2,.9,.25,1.15)}.sign-col[data-lead="1"] .sign{outline:4px solid var(--ink);outline-offset:4px}.lp{min-height:100dvh;display:flex;flex-direction:column}.lp-top{display:flex;justify-content:space-between;align-items:center;padding:18px clamp(16px,4vw,48px)}.lp-top nav{display:flex;gap:18px}.lp-top nav a{font-weight:700;text-decoration:none;font-size:.92rem}.lp-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(24px,6vw,72px) clamp(16px,4vw,48px) clamp(40px,7vw,96px);max-width:1240px;width:100%;margin:0 auto}.lp-title{font-family:var(--display);font-weight:400;font-size:clamp(2rem,5.2vw,4.1rem);letter-spacing:.01em}.lp-title.sm{font-size:clamp(1.6rem,3.6vw,2.6rem)}.lp-lead{margin-top:18px;font-size:clamp(1rem,1.5vw,1.15rem);color:#33363d;max-width:34em}.create{margin-top:32px}.create-label{font-size:.85rem;font-weight:700;color:var(--muted)}.create-row{display:flex;gap:10px;margin-top:6px}.create-row input{flex:1;min-width:0}.join-code{margin-top:18px;display:flex;gap:8px;align-items:center;font-size:.92rem;color:var(--muted)}.join-code input{width:9.5em;font-family:var(--mono);padding:7px 10px}.join-code .btn-ghost{padding:7px 14px}.lp-demo{background:var(--paper);border:3px solid var(--ink);border-radius:14px;padding:22px 22px 16px;box-shadow:8px 8px 0 var(--ink);aspect-ratio:16 / 10;display:grid;grid-template-rows:auto 1fr auto;gap:14px}.lp-demo-q{font-weight:700;font-size:clamp(1rem,1.8vw,1.3rem)}.lp-demo .signs{--reach: clamp(60px, 11vw, 150px)}.lp-demo .stick{animation:raise 1.1s cubic-bezier(.2,.9,.25,1.2) both;animation-delay:calc(.25s + var(--i) * .14s)}.lp-demo-foot{font-family:var(--mono);font-size:.8rem;color:var(--muted);border-top:1.5px solid var(--line);padding-top:8px}@keyframes raise{0%{height:16px}}.lp-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);padding:clamp(32px,5vw,64px) clamp(16px,4vw,48px);background:var(--paper);border-block:2px solid var(--ink)}.lp-how h2{font-size:1.15rem;margin-bottom:6px}.lp-how p{color:#3c3f46;font-size:.95rem}.lp-free{padding:clamp(32px,5vw,64px) clamp(16px,4vw,48px);max-width:860px}.lp-free h2{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.4vw,1.8rem);margin-bottom:12px}.lp-free p{margin-bottom:14px}.lp-foot{margin-top:auto;display:flex;gap:20px;flex-wrap:wrap;padding:20px clamp(16px,4vw,48px);font-size:.85rem;color:var(--muted);border-top:1.5px solid var(--line)}.doc-main{max-width:760px;width:100%;margin:0 auto;padding:16px clamp(16px,4vw,32px) 64px}.doc-sec{margin-top:40px}.doc-sec h2{font-size:1.15rem;margin:24px 0 8px}.doc-sec ul,.doc-sec ol{padding-left:1.3em;margin:0}.doc-sec li{margin:4px 0}.price{margin-top:32px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:var(--paper);border:3px solid var(--ink);border-radius:14px;padding:24px;box-shadow:6px 6px 0 var(--ink)}.price-n{font-family:var(--display);font-size:4rem;line-height:1}.price-n span{font-size:1.4rem;margin-left:4px}.price ul{margin:0;padding-left:1.2em;font-size:.95rem}.form{display:grid;gap:14px}.form label{display:grid;gap:4px;font-weight:700;font-size:.92rem}.form em{font-style:normal;font-size:.72rem;background:var(--ink);color:#fff;border-radius:4px;padding:1px 6px;margin-left:8px;vertical-align:2px}.form input,.form textarea{font-weight:400}.form .btn-primary{justify-self:start}.hp{position:absolute;left:-9999px;width:1px;height:1px}.done{background:var(--paper);border:2px solid var(--ok);border-radius:var(--r);padding:16px;font-weight:700}body[data-view=phone]{background:var(--paper)}.phone{min-height:100dvh;display:flex;flex-direction:column;max-width:560px;margin:0 auto}.phone-top{display:flex;gap:8px;align-items:center;padding:12px 16px;border-bottom:1.5px solid var(--line);font-size:.85rem;font-weight:700}.phone-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;background:var(--line);flex:none}.dot[data-live="1"]{background:var(--ok);box-shadow:0 0 0 3px #1fb57a33}.phone-main{flex:1;padding:20px 16px 24px;display:flex;flex-direction:column;gap:24px}.wait{text-align:center;padding:48px 8px;display:grid;gap:10px;justify-items:center;color:var(--muted)}.wait-big{font-family:var(--display);font-size:1.5rem;color:var(--ink)}.ask-title{font-size:1.35rem;margin-bottom:16px}.options{display:grid;gap:10px}.option{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;text-align:left;padding:14px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r);font-weight:700;min-height:58px}.option-letter{position:relative;flex:none;width:34px;height:34px;display:grid;place-items:center;background:var(--c);border:2px solid var(--ink);border-radius:5px;font-family:var(--display);font-weight:400}.option-label{position:relative;flex:1}.option-pct{position:relative;font-family:var(--mono)}.option-fill{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--c) 28%,transparent);transition:width .6s ease}.option[data-mine="1"]{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--ink)}.option[data-mine="1"] .option-letter{transform:translateY(-4px) rotate(-4deg);box-shadow:0 4px 0 var(--ink);transition:transform .2s ease}.option:disabled{opacity:1}.status{margin-top:14px;color:var(--muted);font-size:.9rem;min-height:1.5em}.compose{display:grid;gap:8px}.compose-row{display:flex;justify-content:space-between;align-items:center}.count{font-family:var(--mono);font-size:.82rem;color:var(--muted)}.count[data-over="1"]{color:var(--danger)}.send{background:var(--brand)}.sent{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:6px}.sent li{background:var(--bg);border-radius:6px;padding:4px 10px;font-size:.9rem}.ad{margin-top:auto;border:1.5px solid var(--line);border-radius:var(--r);padding:12px 14px;background:var(--bg);display:grid;gap:4px}.ad-meta{display:flex;gap:8px;align-items:center;font-size:.75rem;color:var(--muted);font-weight:700}.ad-pr{font-family:var(--mono);font-size:.68rem;font-weight:600;border:1.5px solid currentColor;border-radius:3px;padding:0 4px;line-height:1.5}.ad-head{font-weight:700;font-size:.95rem}.ad-cta{font-weight:700;color:var(--c1);font-size:.9rem;text-underline-offset:3px}.ad-note{font-size:.72rem;color:var(--muted)}.phone-bar{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1.5px solid var(--line)}.reacts{display:flex;gap:4px}.react{font-size:1.35rem;background:none;border:none;padding:4px 6px;border-radius:8px}.react:active:not(:disabled){transform:scale(1.25)}.qa-btn{background:var(--ink);color:#fff;padding:8px 14px}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);z-index:10;padding:16px;overflow:auto;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head h2{font-family:var(--display);font-weight:400}.close{background:none;border:2px solid var(--ink);border-radius:var(--r);padding:6px 12px;font-weight:700}.qa-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.qa-list li{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1.5px solid var(--line);border-radius:var(--r);padding:10px 12px}.qa-list .empty{justify-content:center;color:var(--muted);border-style:dashed}.like{flex:none;background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:4px 10px;font-weight:700;font-size:.85rem}.like[data-on="1"]{background:var(--brand)}body[data-view=screen]{overflow:hidden}.screen{height:100dvh;display:flex;flex-direction:column;padding:4vh 4vw 0;position:relative}.screen>section{flex:1;display:flex;flex-direction:column;min-height:0}.question{font-family:var(--display);font-weight:400;font-size:clamp(1.6rem,3.6vw,3.6rem);max-width:80%;margin-bottom:3vh}.join{flex-direction:row!important;align-items:center;justify-content:center;gap:6vw}.join-qr{width:min(42vh,36vw);aspect-ratio:1;background:var(--paper);border:4px solid var(--ink);border-radius:18px;padding:3%;box-shadow:10px 10px 0 var(--ink)}.join-qr svg{width:100%;height:100%;display:block}.join-copy .display{font-size:clamp(2rem,4.6vw,4.6rem);margin:8px 0 20px}.join-copy .eyebrow{font-size:clamp(1rem,1.6vw,1.6rem)}.join-url{font-size:clamp(1.2rem,2.4vw,2.4rem);background:var(--brand);border:3px solid var(--ink);display:inline-block;padding:2px 16px;border-radius:8px}.join-note{margin-top:16px;font-size:clamp(.95rem,1.4vw,1.4rem);color:var(--muted)}.choice .signs{flex:1;min-height:0;padding-bottom:1vh;--reach: 24vh;margin-right:clamp(120px,13vw,200px)}.choice .sign{max-width:min(260px,22vh)}.sign-label{margin-top:1.4vh;font-weight:700;font-size:clamp(.9rem,1.6vw,1.6rem);text-align:center;line-height:1.35;min-height:2.7em}.stage-foot{display:flex;gap:24px;align-items:center;padding:1.5vh 0;font-size:clamp(.9rem,1.3vw,1.3rem);color:var(--muted);border-top:2px solid var(--line);margin-right:12vw}.phase{font-weight:700;padding:2px 12px;border-radius:999px;border:2px solid currentColor}.phase[data-phase=open]{color:var(--ok)}.cloud{flex:1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:1.2vh 2.4vw;padding:2vh 10vw 2vh 0}.word{font-weight:700;line-height:1.15;position:relative;border-bottom:.12em solid var(--c);animation:pop .4s cubic-bezier(.2,.9,.3,1.4) both}.word[data-hot="1"]{font-family:var(--display);font-weight:400;background:var(--c);border:3px solid var(--ink);border-radius:6px;padding:0 .25em}.word sub{font-family:var(--mono);font-size:.4em;margin-left:4px;vertical-align:baseline}@keyframes pop{0%{transform:scale(.6);opacity:0}}.slips{flex:1;list-style:none;padding:0 12vw 0 0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(30vw,420px),1fr));gap:1.6vh 1.6vw;align-content:start;overflow:hidden}.slip{background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:1.4vh 1.2vw;font-size:clamp(1rem,1.6vw,1.6rem);font-weight:500;animation:pop .4s ease both}.empty{color:var(--muted);font-size:clamp(1rem,1.8vw,1.8rem)}.qa-board{flex:1;list-style:none;padding:0 14vw 0 0;margin:0;display:grid;gap:1.4vh;align-content:start}.qa-board li{display:flex;gap:1.6vw;align-items:center;background:var(--paper);border:2px solid var(--ink);border-radius:10px;padding:1.4vh 1.4vw;font-size:clamp(1rem,1.9vw,1.9rem);font-weight:700}.qa-likes{flex:none;min-width:2.4em;text-align:center;background:var(--brand);border:2px solid var(--ink);border-radius:6px}.corner-qr{position:absolute;right:2.4vw;bottom:7vh;display:grid;justify-items:center;gap:6px;background:var(--paper);border:3px solid var(--ink);border-radius:12px;padding:10px;font-size:clamp(.65rem,.9vw,.9rem)}.corner-qr svg{width:clamp(80px,9vw,140px);height:auto;display:block}.credit{display:flex;gap:10px;align-items:center;justify-content:center;padding:1.2vh 0 1.6vh;font-size:clamp(.75rem,1vw,1rem);color:var(--muted)}.floats{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:5}.float{position:absolute;bottom:-60px;font-size:clamp(2rem,4vw,4rem);animation:rise 3s ease-out forwards}@keyframes rise{to{transform:translateY(-80vh);opacity:0}}.host{max-width:920px;margin:0 auto;padding:0 16px 80px;display:grid;gap:22px}.host-top{display:flex;gap:14px;align-items:center;padding:16px 0 4px}.host-title{flex:1;min-width:0;font-weight:700;font-size:1.15rem;border-color:transparent;background:transparent;padding:6px 8px}.host-title:hover,.host-title:focus{border-color:var(--ink);background:var(--paper)}.host-code{background:var(--brand);border:2px solid var(--ink);border-radius:6px;padding:2px 10px;font-weight:600}.host-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.host-links .hint{flex-basis:100%}.host h2{font-size:.95rem;color:var(--muted);margin-bottom:8px}.now{background:var(--paper);border:3px solid var(--ink);border-radius:14px;padding:18px;box-shadow:6px 6px 0 var(--ink)}.now-title{font-family:var(--display);font-size:1.35rem;margin-bottom:14px}.now-row{display:flex;flex-wrap:wrap;gap:8px}.qlist ol{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}.qlist li{display:flex;gap:10px;align-items:center;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r);padding:10px 12px}.qlist li[data-on="1"]{border:2px solid var(--ink);background:color-mix(in srgb,var(--brand) 22%,var(--paper))}.qkind{flex:none;font-size:.72rem;font-weight:700;border:1.5px solid var(--ink);border-radius:4px;padding:0 6px}.qtitle{flex:1;min-width:0;font-weight:700;display:grid}.qtitle small{font-weight:400;color:var(--muted);font-size:.8rem}.add{display:grid;gap:10px;background:var(--paper);border:2px dashed var(--ink);border-radius:14px;padding:16px}.add>.btn-primary{justify-self:start}.seg{display:inline-flex;border:2px solid var(--ink);border-radius:var(--r);overflow:hidden;justify-self:start}.seg button{border:none;background:var(--paper);padding:6px 14px;font-weight:700;font-size:.9rem}.seg button+button{border-left:2px solid var(--ink)}.seg button[data-on="1"]{background:var(--ink);color:#fff}.opts{display:grid;gap:6px}.opt-row{display:flex;gap:8px;align-items:center}.opt-letter{flex:none;width:30px;height:30px;display:grid;place-items:center;background:var(--c);border:2px solid var(--ink);border-radius:5px;font-family:var(--display)}.opts .btn-text{justify-self:start}.presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:.85rem;color:var(--muted)}.mod-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mod-head h2{margin:0}.toggle{display:flex;gap:8px;align-items:center;font-weight:700;font-size:.9rem}.toggle input{width:20px;height:20px;accent-color:var(--ink)}.badge{background:var(--c2);color:#fff;border-radius:999px;padding:0 8px;font-size:.8rem;margin-left:4px}.mod ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.mod li{display:flex;gap:10px;align-items:center;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r);padding:8px 12px}.mod-text{flex:1;min-width:0;overflow-wrap:anywhere}.mod>.btn-ghost{margin-top:10px}.host-empty{padding:15vh 0;display:grid;gap:12px;text-align:center;justify-items:center}@media(max-width:760px){.lp-hero,.lp-how{grid-template-columns:1fr}.create-row{flex-direction:column}.price{grid-template-columns:1fr}.qlist li,.mod li{flex-wrap:wrap}.qtitle{flex-basis:calc(100% - 60px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}}.demo{min-height:100dvh;padding:0 clamp(16px,3vw,40px) 32px}.demo-top{display:flex;align-items:center;gap:16px 24px;flex-wrap:wrap;padding:16px 0 12px}.demo-lead{flex:1;min-width:240px;font-size:clamp(1rem,1.6vw,1.2rem)}.demo-lead b{background:var(--brand);padding:0 4px}.demo-steps{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0 16px;border-top:1.5px solid var(--line)}.demo-steps-label{font-family:var(--mono);font-size:.82rem;color:var(--muted)}.demo-steps .chip[aria-pressed=true]{background:var(--ink);color:#fff}.demo-host{margin-left:auto;font-size:.9rem}.demo-stage{display:grid;grid-template-columns:minmax(0,1fr) clamp(220px,24vw,340px);gap:clamp(16px,2.5vw,32px);align-items:start}.demo-stage figure{margin:0}.demo-stage figcaption{font-family:var(--mono);font-size:.8rem;color:var(--muted);margin-top:8px}.scaled{position:relative;overflow:hidden;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r)}.scaled iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0}.demo-phone .scaled{border-width:8px;border-radius:28px}.demo-note{margin-top:20px;font-size:.85rem;color:var(--muted)}.lp-try{margin-top:14px;font-size:.95rem}@media(max-width:760px){.demo-stage{grid-template-columns:1fr}.demo-stage .demo-phone{max-width:230px;margin:0 auto;width:100%}.demo-host{margin-left:0}}.btn-link{background:none;border:0;padding:0;font:inherit;font-weight:700;text-decoration:underline;text-align:left}