:root{--ink:#182031;--sub:#5a6478;--bubble:#fff;--chat-bg:#dfe6ef;--paper:#f6f8fb;--line:#e3e8f0;--green:#0fa06b;--radius:16px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.hwrap{max-width:960px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:10px}.logo{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.15rem;text-decoration:none;color:var(--ink)}.logo em{font-style:normal;color:var(--accent)}main{max-width:960px;margin:0 auto;padding:0 16px 60px}.hero{padding:26px 0 6px;text-align:center}.crumbs{font-size:.8rem;color:var(--sub);margin-bottom:10px}.crumbs a{color:var(--sub)}h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:clamp(1.45rem,4.6vw,2.2rem);line-height:1.15;letter-spacing:-.01em}.livecount{display:inline-flex;align-items:center;gap:7px;margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.83rem;color:var(--sub)}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.35}}section{margin-top:36px}h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.3rem;margin-bottom:12px;letter-spacing:-.01em}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;align-items:flex-start}.row>label:first-child{font-size:.82rem;font-weight:700;color:var(--sub);width:100%;display:block}.fld{flex:1;min-width:200px}.fld label{display:block;font-size:.82rem;font-weight:700;color:var(--sub);margin-bottom:6px}.pchips{display:flex;gap:6px;flex-wrap:wrap;width:100%}.pc{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 15px;font-size:.88rem;font-weight:600;cursor:pointer;color:var(--sub);transition:.15s}.pc.on{background:var(--ink);border-color:var(--ink);color:#fff}.emopick{display:flex;gap:6px;flex-wrap:wrap}.emopick button{font-size:1.25rem;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;min-width:44px;height:44px;padding:0 10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.emopick button.noneb{font-size:.82rem;font-weight:600;color:var(--sub)}.cemo{width:130px;height:44px;border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font-size:1.05rem;background:var(--paper)}.cemo.on{border-color:var(--accent);background:var(--accent-soft)}.emopick button.on{border-color:var(--accent);background:var(--accent-soft)}input[type=text]{border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;font-size:.95rem;width:100%;background:#fff}input[type=range]{width:100%;accent-color:var(--accent);margin-top:8px}.tog{display:flex;align-items:center;gap:8px;font-size:.88rem;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;cursor:pointer;user-select:none}.tog input{accent-color:var(--accent)}.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.fgrid>label:first-child{grid-column:1/-1;width:auto}.genbtn{width:100%;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:800;font-size:1.05rem;font-family:"Bricolage Grotesque",sans-serif;padding:15px;cursor:pointer;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 40%,transparent);transition:.15s}.genbtn:active{transform:scale(.98)}.phone{background:var(--chat-bg);background-image:radial-gradient(#c9d4e2 1px,transparent 1px);background-size:22px 22px;border:1px solid var(--line);border-radius:24px;max-width:620px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 12px 40px rgba(24,32,49,.10)}.phone-top{background:rgba(255,255,255,.85);backdrop-filter:blur(6px);display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:.88rem;font-weight:600}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-soft));display:grid;place-items:center;font-size:.85rem}.phone-top small{display:block;font-weight:400;color:var(--green);font-size:.72rem}.wall{height:360px;overflow-y:auto;padding:16px 14px 90px;-webkit-overflow-scrolling:touch}.msg{background:var(--bubble);border-radius:14px 14px 14px 4px;padding:7px 12px;margin:0 auto 7px 0;max-width:78%;width:max-content;font-size:.92rem;box-shadow:0 1px 1px rgba(24,32,49,.08)}.msg.wide{max-width:92%;word-break:break-word}.msg time{font-size:.62rem;color:#9aa5b8;margin-left:8px}.copybar{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;background:linear-gradient(transparent,rgba(223,230,239,.6) 30%,var(--chat-bg))}.copybtn{width:100%;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:800;font-size:1.02rem;font-family:"Bricolage Grotesque",sans-serif;padding:14px;cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 45%,transparent);display:flex;align-items:center;justify-content:center;gap:8px;transition:.15s}.copybtn:active{transform:scale(.98)}.copybtn.done{background:var(--green)}.copybtn2{border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;padding:11px 20px;cursor:pointer;font-size:.9rem}.btn2{border:1.5px solid var(--accent);background:#fff;color:var(--accent-deep);border-radius:999px;padding:10px 18px;font-weight:700;cursor:pointer;font-size:.88rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 10px;max-width:620px;margin-left:auto;margin-right:auto}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}.stat small{display:block;font-size:.66rem;letter-spacing:.08em;color:var(--sub);font-weight:700}.stat b{font-size:1.1rem;font-family:"Bricolage Grotesque",sans-serif}#outta{width:100%;max-width:620px;display:block;margin:0 auto;height:200px;border:1.5px solid var(--line);border-radius:12px;padding:12px;font-size:.9rem;font-family:inherit;resize:vertical;background:#fff}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}.prose p{margin-bottom:12px;color:#333c50}.prose h3{font-weight:800;margin:16px 0 6px;font-size:1.02rem}details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:8px}summary{font-weight:700;cursor:pointer;font-size:.95rem}details p{margin-top:8px;color:#333c50;font-size:.92rem}.reacts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.react{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-size:.92rem;cursor:pointer;font-weight:600}.react:active{transform:scale(.95)}.comment{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:8px;font-size:.92rem}.comment b{color:var(--accent-deep)}.comment small{color:#9aa5b8;margin-left:6px}.cform{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cform input{flex:1;min-width:140px}.related{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.rcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;text-decoration:none;color:var(--ink);font-size:.9rem;transition:.15s}.rcard:hover{border-color:var(--accent);transform:translateY(-2px)}.rcard b{display:block;font-family:"Bricolage Grotesque",sans-serif}.rcard span{color:var(--sub);font-size:.8rem}.ideas{display:flex;flex-wrap:wrap;gap:8px}.idea{border:1.5px dashed var(--accent);background:#fff;color:var(--accent-deep);border-radius:999px;padding:9px 16px;font-size:.88rem;cursor:pointer;font-weight:600;transition:.15s}.idea:hover{background:var(--accent-soft)}.varsec h2{font-size:1.05rem;background:var(--accent);color:#fff;padding:10px 16px;border-radius:12px}.varblock{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.vartext{max-height:150px;overflow:hidden;color:#333c50;font-size:.92rem;line-height:1.8;position:relative;margin-bottom:12px;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.herohome{padding-top:34px}.herohome h1{font-size:clamp(1.7rem,5.5vw,2.6rem)}.herosub{color:var(--sub);max-width:600px;margin:14px auto 0;font-size:1rem;line-height:1.7}.demo-wall{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.demo-wall span{background:#fff;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:6px 12px;font-size:.85rem;box-shadow:0 1px 1px rgba(24,32,49,.08);animation:floaty 3s ease-in-out infinite}.demo-wall span:nth-child(2n){animation-delay:.6s}.demo-wall span:nth-child(3n){animation-delay:1.2s}@keyframes floaty{50%{transform:translateY(-5px)}}.qchips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px}.qchip{background:var(--accent);color:#fff;text-decoration:none;border-radius:999px;padding:11px 20px;font-weight:700;font-size:.95rem;box-shadow:0 5px 16px rgba(63,99,240,.3);transition:.15s}.qchip:hover{transform:translateY(-2px)}.qchip:nth-child(2){background:#e63e6d;box-shadow:0 5px 16px rgba(230,62,109,.3)}.qchip:nth-child(3){background:#0e9f8f;box-shadow:0 5px 16px rgba(14,159,143,.3)}.qchip:nth-child(4){background:#475569;box-shadow:0 5px 16px rgba(71,85,105,.3)}.qchip:nth-child(5){background:#8b5cf6;box-shadow:0 5px 16px rgba(139,92,246,.3)}.hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.hcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;color:var(--ink);transition:.15s}.hcard:hover{transform:translateY(-2px);border-color:var(--accent)}.hcard .big{font-size:1.9rem}.hcard b{display:block;font-family:"Bricolage Grotesque",sans-serif;margin:6px 0 2px}.hcard span{color:var(--sub);font-size:.84rem}.prose2 p{color:#333c50;font-size:.96rem}.readyhint{display:table;margin:14px auto 0;background:var(--accent-soft);color:var(--accent-deep);border:1.5px dashed var(--accent);border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:.15s}.readyhint:hover{background:var(--accent);color:#fff}#totop{position:fixed;right:16px;bottom:18px;z-index:60;width:46px;height:46px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:1.3rem;font-weight:800;cursor:pointer;box-shadow:0 6px 20px rgba(24,32,49,.28);opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s}#totop.show{opacity:1;pointer-events:auto;transform:none}.adwrap{margin:22px auto;max-width:960px;min-height:50px}footer{border-top:1px solid var(--line);margin-top:60px;background:#fff;color:var(--sub);font-size:.88rem}.fwrap{max-width:960px;margin:0 auto;padding:32px 16px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}.fcol b{display:block;color:var(--ink);margin-bottom:10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.fcol a{display:block;color:var(--sub);text-decoration:none;padding:4px 0}.fcol a:hover{color:var(--accent-deep)}.fbrand p{margin-top:8px;font-size:.85rem;max-width:240px}.fbottom{border-top:1px solid var(--line);text-align:center;padding:16px;font-size:.82rem}#out.waiting{display:none}@media (max-width:640px){.fld{flex:1 1 100%;min-width:0}.fgrid{grid-template-columns:1fr 1fr}.pc{padding:8px 12px;font-size:.84rem}.fwrap{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.dot{animation:none}}.vartext{max-height:74px}.vartext.open{max-height:none;-webkit-mask-image:none;mask-image:none}.varmore{background:none;border:0;color:var(--accent-deep);font-weight:700;font-size:.85rem;cursor:pointer;padding:6px 0;margin-bottom:8px;display:block}#stickygen{position:fixed;left:0;right:0;bottom:0;z-index:55;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-top:1px solid var(--line);transform:translateY(110%);transition:.25s;display:none}#stickygen.show{transform:none}#stickygen button{width:100%;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:800;font-size:1rem;font-family:"Bricolage Grotesque",sans-serif;padding:13px;cursor:pointer;box-shadow:0 6px 18px rgba(63,99,240,.35)}@media (max-width:640px){#stickygen{display:block}}.burst{position:fixed;z-index:70;font-size:1.3rem;pointer-events:none;animation:burst 1.1s ease-out forwards}@keyframes burst{0%{opacity:1;transform:translate(0,0) scale(.7) rotate(0)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.25) rotate(var(--rot))}}@media (prefers-reduced-motion:reduce){.burst{display:none}}.hero{background:radial-gradient(620px 240px at 50% -30px,color-mix(in srgb,var(--accent) 9%,transparent),transparent)}.copybtn{padding:16px;font-size:1.06rem}@keyframes pulseonce{0%{transform:scale(1)}45%{transform:scale(1.045)}100%{transform:scale(1)}}.copybtn.pulse{animation:pulseonce .7s ease 2}.varsec h2{background:var(--accent-soft);color:var(--accent-deep);border-left:5px solid var(--accent);border-radius:10px}.themebtn{margin-left:auto;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s}.themebtn:active{transform:scale(.92)}html[data-theme="dark"]{--ink:#eef2fa;--sub:#93a0b8;--paper:#0e1322;--line:#232c42;--bubble:#1a2238;--chat-bg:#0a0e1a;--accent-soft:#1b2647;--green:#2dd792}html[data-theme="dark"] body{background:radial-gradient(1200px 500px at 50% -100px,#182348,var(--paper) 60%)}html[data-theme="dark"] header{background:rgba(14,19,34,.85);backdrop-filter:blur(10px)}html[data-theme="dark"] .logo{color:#fff}html[data-theme="dark"] h1{color:#fff}html[data-theme="dark"] .panel,html[data-theme="dark"] .stat,html[data-theme="dark"] .comment,html[data-theme="dark"] .varblock,html[data-theme="dark"] details,html[data-theme="dark"] .rcard,html[data-theme="dark"] .livecount,html[data-theme="dark"] .hcard{background:#151c31;border-color:var(--line)}html[data-theme="dark"] .pc,html[data-theme="dark"] .emopick button,html[data-theme="dark"] .cemo,html[data-theme="dark"] input[type=text],html[data-theme="dark"] #outta,html[data-theme="dark"] .tog,html[data-theme="dark"] .react,html[data-theme="dark"] .idea{background:#0e1322;border-color:#2a3552;color:#c3cde0}html[data-theme="dark"] .pc.on{background:var(--accent);border-color:var(--accent);color:#fff}html[data-theme="dark"] .emopick button.on{background:var(--accent-soft);border-color:var(--accent)}html[data-theme="dark"] .phone{background:#0a0e1a;background-image:radial-gradient(#1c2740 1px,transparent 1px);background-size:22px 22px;box-shadow:0 20px 60px rgba(0,0,0,.5)}html[data-theme="dark"] .phone-top{background:rgba(21,28,49,.9);border-color:#232c42}html[data-theme="dark"] .msg{background:#1a2238;color:#eef2fa;box-shadow:none}html[data-theme="dark"] .msg time{color:#5d6b88}html[data-theme="dark"] .copybar{background:linear-gradient(transparent,rgba(10,14,26,.7) 30%,#0a0e1a)}html[data-theme="dark"] .btn2{background:transparent}html[data-theme="dark"] .readyhint{background:var(--accent-soft)}html[data-theme="dark"] .vartext{color:#b9c3d8}html[data-theme="dark"] .prose p,html[data-theme="dark"] .prose h3,html[data-theme="dark"] details p,html[data-theme="dark"] li,html[data-theme="dark"] .prose2 p{color:#c3cde0}html[data-theme="dark"] summary,html[data-theme="dark"] .fcol b{color:#eef2fa}html[data-theme="dark"] footer{background:#0b0f1c;border-color:#232c42}html[data-theme="dark"] #stickygen{background:rgba(14,19,34,.92);border-color:#232c42}html[data-theme="dark"] .varsec h2{background:var(--accent-soft);color:#cdd8ff}html[data-theme="dark"] .themebtn{background:#151c31;border-color:#2a3552}@media (prefers-color-scheme:dark){html:not([data-theme="light"]){--ink:#eef2fa;--sub:#93a0b8;--paper:#0e1322;--line:#232c42;--bubble:#1a2238;--chat-bg:#0a0e1a;--accent-soft:#1b2647;--green:#2dd792}html:not([data-theme="light"]) body{background:radial-gradient(1200px 500px at 50% -100px,#182348,var(--paper) 60%)}html:not([data-theme="light"]) header{background:rgba(14,19,34,.85);backdrop-filter:blur(10px)}html:not([data-theme="light"]) .logo{color:#fff}html:not([data-theme="light"]) h1{color:#fff}html:not([data-theme="light"]) .panel,html:not([data-theme="light"]) .stat,html:not([data-theme="light"]) .comment,html:not([data-theme="light"]) .varblock,html:not([data-theme="light"]) details,html:not([data-theme="light"]) .rcard,html:not([data-theme="light"]) .livecount,html:not([data-theme="light"]) .hcard{background:#151c31;border-color:var(--line)}html:not([data-theme="light"]) .pc,html:not([data-theme="light"]) .emopick button,html:not([data-theme="light"]) .cemo,html:not([data-theme="light"]) input[type=text],html:not([data-theme="light"]) #outta,html:not([data-theme="light"]) .tog,html:not([data-theme="light"]) .react,html:not([data-theme="light"]) .idea{background:#0e1322;border-color:#2a3552;color:#c3cde0}html:not([data-theme="light"]) .pc.on{background:var(--accent);border-color:var(--accent);color:#fff}html:not([data-theme="light"]) .emopick button.on{background:var(--accent-soft);border-color:var(--accent)}html:not([data-theme="light"]) .phone{background:#0a0e1a;background-image:radial-gradient(#1c2740 1px,transparent 1px);background-size:22px 22px;box-shadow:0 20px 60px rgba(0,0,0,.5)}html:not([data-theme="light"]) .phone-top{background:rgba(21,28,49,.9);border-color:#232c42}html:not([data-theme="light"]) .msg{background:#1a2238;color:#eef2fa;box-shadow:none}html:not([data-theme="light"]) .msg time{color:#5d6b88}html:not([data-theme="light"]) .copybar{background:linear-gradient(transparent,rgba(10,14,26,.7) 30%,#0a0e1a)}html:not([data-theme="light"]) .btn2{background:transparent}html:not([data-theme="light"]) .readyhint{background:var(--accent-soft)}html:not([data-theme="light"]) .vartext{color:#b9c3d8}html:not([data-theme="light"]) .prose p,html:not([data-theme="light"]) .prose h3,html:not([data-theme="light"]) details p,html:not([data-theme="light"]) li,html:not([data-theme="light"]) .prose2 p{color:#c3cde0}html:not([data-theme="light"]) summary,html:not([data-theme="light"]) .fcol b{color:#eef2fa}html:not([data-theme="light"]) footer{background:#0b0f1c;border-color:#232c42}html:not([data-theme="light"]) #stickygen{background:rgba(14,19,34,.92);border-color:#232c42}html:not([data-theme="light"]) .varsec h2{background:var(--accent-soft);color:#cdd8ff}html:not([data-theme="light"]) .themebtn{background:#151c31;border-color:#2a3552}}html[data-theme="dark"]{--accent-deep:color-mix(in srgb,var(--accent) 55%,#fff)}html[data-theme="dark"] .readyhint{color:var(--accent-deep);border-color:var(--accent)}html[data-theme="dark"] .btn2{color:var(--accent-deep)}html[data-theme="dark"] .idea{color:var(--accent-deep)}html[data-theme="dark"] .comment b{color:var(--accent-deep)}html[data-theme="dark"] .fcol a:hover{color:var(--accent-deep)}@media (prefers-color-scheme:dark){html:not([data-theme="light"]){--accent-deep:color-mix(in srgb,var(--accent) 55%,#fff)}html:not([data-theme="light"]) .readyhint{color:var(--accent-deep);border-color:var(--accent)}html:not([data-theme="light"]) .btn2{color:var(--accent-deep)}html:not([data-theme="light"]) .idea{color:var(--accent-deep)}html:not([data-theme="light"]) .comment b{color:var(--accent-deep)}html:not([data-theme="light"]) .fcol a:hover{color:var(--accent-deep)}}
html[data-theme="dark"] .demo-wall span{background:#1a2238;border-color:#2a3552;color:#e6ebf7}
@media (prefers-color-scheme: dark){html:not([data-theme="light"]) .demo-wall span{background:#1a2238;border-color:#2a3552;color:#e6ebf7}}