html{scroll-padding-top:84px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.lp-sky{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.lp-sky i{opacity:.55;will-change:transform;border-radius:50%;position:absolute}.lp-sky .o1{inset-inline-start:-25vmax;background:radial-gradient(circle,#7b2ff773,#7b2ff700 60%);width:70vmax;height:70vmax;animation:22s ease-in-out infinite alternate lp-drift;top:-30vmax}.lp-sky .o2{inset-inline-end:-22vmax;background:radial-gradient(circle,#e8336b61,#e8336b00 60%);width:60vmax;height:60vmax;animation:26s ease-in-out infinite alternate-reverse lp-drift;top:-10vmax}.lp-sky .o3{inset-inline-start:15vmax;background:radial-gradient(circle,#ff7a1a4d,#ff7a1a00 60%);width:65vmax;height:65vmax;animation:30s ease-in-out infinite alternate lp-drift;bottom:-45vmax}@keyframes lp-drift{to{transform:translate(6vmax,4vmax)scale(1.08)}}.lp-grid{pointer-events:none;z-index:-1;opacity:.55;position:fixed;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(70% 60% at 50% 25%,#000 0%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 25%,#000 0%,#0000 75%)}.lp-grid:before{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:64px 64px;animation:9s linear infinite lp-pan;position:absolute;inset:-64px 0 0}@keyframes lp-pan{to{transform:translateY(64px)}}.hero{text-align:center;padding:64px 0 56px;position:relative}.lp-spot{inset-inline-start:0;pointer-events:none;z-index:-1;opacity:0;width:640px;height:640px;transform:translate3d(var(--cx,50vw), var(--cy,30vh), 0);background:radial-gradient(circle,#ff7a1a29,#e8336b12 40%,#0000 68%);border-radius:50%;margin:-320px 0 0 -320px;transition:opacity .6s;position:fixed;top:0}.hero:hover .lp-spot{opacity:1}.live-pill{border:1px solid var(--line2);color:var(--soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff09;border-radius:999px;align-items:center;gap:10px;margin-bottom:22px;padding:8px 16px;font-size:13px;display:inline-flex}.live-pill b{color:var(--mute);font-weight:400}.live-pill .ping{background:#7bd88f;border-radius:50%;width:8px;height:8px;animation:2s infinite lp-ping;box-shadow:0 0 #7bd88f99}@keyframes lp-ping{70%{box-shadow:0 0 0 10px #7bd88f00}to{box-shadow:0 0 #7bd88f00}}.hero-mark{width:104px;height:104px;margin:0 auto 18px}.hero-mark .mk{width:100%;height:100%;transform:translate3d(calc(var(--px,0) * 14px), calc(var(--py,0) * 10px), 0) rotate(calc(var(--px,0) * 6deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hero-mark svg{width:100%;height:100%;overflow:visible}.hero-mark .spark{transform-origin:392px 92px;animation:3.2s ease-in-out infinite lp-spark}@keyframes lp-spark{0%,to{transform:scale(1)rotate(0)}45%{transform:scale(1.18)rotate(45deg)}55%{transform:scale(1.12)rotate(45deg)}}.hero-mark .halo{transform-origin:392px 92px;animation:3.2s ease-in-out infinite lp-halo}@keyframes lp-halo{0%,to{opacity:.55}50%{opacity:1}}.hero-mark .ember{opacity:0;transform-origin:392px 92px}.hero-mark .e1{--tx:70px;--ty:-60px;animation:3.2s ease-out 1.3s infinite lp-ember}.hero-mark .e2{--tx:-40px;--ty:-80px;animation:3.2s ease-out 1.45s infinite lp-ember}.hero-mark .e3{--tx:90px;--ty:20px;animation:3.2s ease-out 1.6s infinite lp-ember}@keyframes lp-ember{0%{opacity:0;transform:translate(0)scale(1)}10%{opacity:1}60%,to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.2)}}.hero-title{letter-spacing:-.048em;font-size:clamp(54px,7.2vw,96px);font-weight:700;line-height:.98}.hero-title .ln{margin-bottom:-.08em;padding:0 .06em .08em;display:block;overflow:hidden}.hero-title .ln>span{display:inline-block}.fire-flow{background-size:200% 100%;animation:8s linear infinite lp-flow}@keyframes lp-flow{to{background-position:200% 0}}.hero .lead{text-wrap:balance;max-width:660px;margin-top:26px}.btn-lg{min-height:48px;padding:14px 26px;font-size:15px}@media (hover:none){.lp-spot{display:none}}.btn-lg span{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.btn-lg:hover span{transform:translate(3px)}.hero-note{color:var(--mute);margin-top:18px;font-size:13px}@media (prefers-reduced-motion:no-preference){.hero .live-pill,.hero-mark,.hero .lead,.hero .cta,.hero-note{animation:.9s cubic-bezier(.2,.8,.2,1) both lp-up}.hero .live-pill{animation-delay:50ms}.hero-mark{animation-delay:.12s}.hero-title .ln>span{animation:1.1s cubic-bezier(.16,1,.3,1) .18s both lp-rise}.hero-title .ln+.ln>span{animation-name:lp-rise,lp-flow;animation-duration:1.1s,8s;animation-timing-function:cubic-bezier(.16,1,.3,1),linear;animation-iteration-count:1,infinite;animation-delay:.3s,0s}.hero .lead{animation-delay:.42s}.hero .cta{animation-delay:.52s}.hero-note{animation-delay:.62s}.demo-wrap{animation:1.1s cubic-bezier(.2,.8,.2,1) .5s both lp-up}}@keyframes lp-up{0%{opacity:0;transform:translateY(16px)}}@keyframes lp-rise{0%{transform:translateY(105%)}}.demo-wrap{perspective:1800px;padding-bottom:8px;position:relative}.demo-wrap:before{content:"";inset-inline:8%;z-index:-1;filter:blur(40px);opacity:.8;background:radial-gradient(closest-side,#e8336b6b,#7b2ff738 55%,#0000);border-radius:50%;position:absolute;top:12%;bottom:-6%}.demo-stage{transform-origin:50% 0}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference) and (width>=900px){.demo-stage{animation:linear both lp-tilt;animation-timeline:view();animation-range:entry cover 42%}}}@keyframes lp-tilt{0%{transform:rotateX(22deg)scale(.9)}to{transform:none}}.demo{text-align:start;border:1px solid var(--line2);background:linear-gradient(#16120f,#0d0a09);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 60px 160px -30px #000000d9,inset 0 1px #ffffff0f}.dm-bar{border-bottom:1px solid var(--line);background:#ffffff05;align-items:center;gap:10px;height:48px;padding:0 12px 0 16px;display:flex}.dm-dots{gap:7px;display:flex}.dm-dots s{background:#3a322d;border-radius:50%;width:11px;height:11px}.dm-title{text-align:center;min-width:0;font:12px var(--mono);color:var(--mute);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.dm-pause{width:32px;height:32px;color:var(--mute);border-radius:8px;flex:none;place-items:center;display:grid}.dm-pause:hover{color:var(--ash);background:#ffffff0f}.dm-publish{background:var(--fire);color:#140d08;border-radius:999px;flex:none;padding:6px 14px;font-size:12px;font-weight:600;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s,background .3s,color .3s}.dm-publish.pressing{transform:scale(.92);box-shadow:0 0 0 7px #ff7a1a2e}.dm-publish.done{color:#8fe0ae;background:#7bd88f24;box-shadow:inset 0 0 0 1px #7bd88f66}.dm-body{grid-template-columns:250px minmax(0,1fr) minmax(0,1.08fr);height:452px;display:grid}.dm-body>*{transition:opacity .4s}.demo.fading .dm-body>*,.demo.fading .dm-toast{opacity:0}.dm-side{border-inline-end:1px solid var(--line);background:#0e0b0a;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.dm-label{letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-size:11px;font-weight:600}.dm-bubble{background:var(--panel2);border:1px solid var(--line2);border-radius:14px 14px 4px;align-self:flex-end;max-width:94%;padding:10px 12px;font-size:13px;line-height:1.45;animation:.45s cubic-bezier(.2,.8,.2,1) both lp-up}.dm-steps{font:11.5px var(--mono);color:#5e534c;gap:9px;list-style:none;animation:.45s cubic-bezier(.2,.8,.2,1) .1s both lp-up;display:grid}.dm-steps li{align-items:baseline;gap:8px;transition:color .3s;display:flex}.dm-steps i{text-align:center;flex:none;width:12px;font-style:normal}.dm-steps li.done{color:var(--soft)}.dm-steps li.done i{color:#7bd88f}.dm-steps li.now{color:var(--ash)}.dm-steps li.now i{color:var(--gold);animation:1.4s linear infinite dm-spin;display:inline-block}@keyframes dm-spin{to{transform:rotate(1turn)}}.dm-input{border:1px solid var(--line2);background:var(--panel);border-radius:14px;align-items:flex-end;gap:8px;min-height:84px;margin-top:auto;padding:10px 10px 10px 12px;font-size:13px;line-height:1.45;transition:border-color .3s,box-shadow .3s;display:flex}.dm-input.focus{border-color:#ff7a1a8c;box-shadow:0 0 0 4px #ff7a1a14}.dm-input>span{min-width:0;color:var(--ash);flex:1;align-self:flex-start}.dm-input .ph{color:var(--mute)}.dm-send{background:var(--fire);color:#140d08;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.dm-caret{vertical-align:-3px;background:var(--ember);width:2px;height:1.15em;margin-inline-start:1px;animation:1s step-end infinite blink;display:inline-block}.dm-tabs{display:none}.dm-code{border-inline-end:1px solid var(--line);background:#0a0807;flex-direction:column;min-width:0;display:flex}.dm-files{border-bottom:1px solid var(--line);background:#0e0b0a;gap:2px;padding:8px 8px 0;display:flex}.dm-files span{font:11.5px var(--mono);color:var(--mute);border-radius:8px 8px 0 0;padding:7px 12px;transition:color .3s,background .3s,box-shadow .3s}.dm-files span.on{color:var(--ash);box-shadow:inset 0 2px 0 var(--ember);background:#0a0807}.dm-pre{min-width:0;font:11.5px/1.8 var(--mono);flex:1;padding:12px 8px 12px 0;overflow:hidden}.dm-ln{white-space:pre;min-height:1.8em;display:flex}.dm-no{text-align:end;color:#4a403a;-webkit-user-select:none;user-select:none;flex:none;width:36px;padding-inline-end:12px}.dm-ln code{text-overflow:clip;min-width:0;font:inherit;overflow:hidden}.dm-ln .dm-caret{background:var(--gold)}.tk-tag{color:#ff7a8a}.tk-attr{color:#ffc24a}.tk-str{color:#a6e39a}.tk-txt{color:#d9d0c8}.tk-sel{color:#c9a2ff}.tk-prop{color:#7fd4ff}.tk-num{color:#ffb27a}.tk-pun{color:#8a7f76}.tk-val{color:#a6e39a}.dm-prev{background:#0e0b0a;flex-direction:column;min-width:0;padding:12px;display:flex}.dm-url{height:30px;font:11.5px var(--mono);color:var(--soft);white-space:nowrap;background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;margin-bottom:10px;padding:0 12px;display:flex;overflow:hidden}.dm-lock{background:#5e534c;border-radius:50%;flex:none;width:8px;height:8px;transition:background .3s,box-shadow .3s}.dm-lock.live{background:#7bd88f;box-shadow:0 0 0 3px #7bd88f33}.dm-page{background:#faf7f4;border-radius:12px;flex:1;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0f}.dm-blank{text-align:center;color:#9a8f86;place-items:center;padding:24px;font-size:12px;display:grid;position:absolute;inset:0}.cafe{transition:opacity .35s;position:absolute;inset:0;overflow:hidden}.cf-b{opacity:0;transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1);transform:translateY(10px)}.cf-b.in{opacity:1;transform:none}.cafe.raw{color:#111;background:#fff;padding:10px 12px;font:13px/1.35 Times New Roman,Times,serif}.cafe.raw .cf-nav b{font-weight:700;display:block}.cafe.raw u{color:#00e}.cafe.raw h4{margin:10px 0 4px;font-size:22px}.cafe.raw .cf-menu,.cafe.raw .cf-hours{margin-top:10px}.cafe.styled{color:#2b1a12;background:#fff6ec;flex-direction:column;font-family:Sora,system-ui,sans-serif;display:flex}.cafe.styled .cf-nav{justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.cafe.styled .cf-nav b{letter-spacing:-.01em;align-items:center;gap:7px;font-size:13px;display:flex}.cafe.styled .cf-logo{background:linear-gradient(135deg,#d58a3e,#6b3a1e);border-radius:50%;width:16px;height:16px}.cafe.styled u{color:#8a6a58;margin-inline-start:10px;text-decoration:none}.cafe.styled .cf-hero{text-align:center;background:radial-gradient(70% 90% at 50% 0,#ffe2c2,#ffe2c200 70%);padding:6px 16px 14px}.cafe.styled h4{letter-spacing:-.03em;margin-top:8px;font-size:clamp(18px,2vw,23px);line-height:1.12}.cafe.styled .cf-hero p{color:#8a6a58;margin-top:5px;font-size:11.5px}.cafe.styled .cf-menu{gap:6px;padding:2px 16px 12px;display:grid}.cafe.styled .cf-menu div{background:#fff;border-radius:10px;justify-content:space-between;padding:8px 12px;font-size:12px;display:flex;box-shadow:0 1px #2b1a1212,0 6px 16px -10px #2b1a1240}.cafe.styled .cf-menu i{color:#c8742b;font-style:normal;font-weight:700}.cafe.styled .cf-hours{color:#fff6ec;text-align:center;background:#2b1a12;margin-top:auto;padding:10px 16px;font-size:11px}.cf-cup{width:64px;height:56px;margin:0 auto;position:relative}.cf-cup i{display:block;position:absolute}.cf-cup .mug{inset-inline-start:14px;background:#fff;border-radius:4px 4px 14px 14px;width:34px;height:26px;bottom:9px;box-shadow:inset 0 5px #6b3a1e,0 2px #2b1a121f}.cf-cup .mug:after{content:"";inset-inline-end:-9px;border:3px solid #fff;border-inline-start:0;border-radius:0 8px 8px 0;width:10px;height:11px;position:absolute;top:6px}.cf-cup .saucer{inset-inline-start:6px;background:#e9d6c2;border-radius:50%;width:52px;height:6px;bottom:4px}.cf-cup .steam{background:#8b6a5859;border-radius:4px;width:4px;height:14px;bottom:36px}.cf-cup .s1{inset-inline-start:22px}.cf-cup .s2{inset-inline-start:30px}.cf-cup .s3{inset-inline-start:38px}@media (prefers-reduced-motion:no-preference){.cf-cup .steam{animation:2.4s ease-out infinite cf-steam}.cf-cup .s2{animation-delay:.5s}.cf-cup .s3{animation-delay:1s}}@keyframes cf-steam{0%{opacity:0;transform:translateY(4px)scaleY(.6)}30%{opacity:1}to{opacity:0;transform:translateY(-10px)scaleY(1.1)}}.dm-toast{white-space:nowrap;pointer-events:none;opacity:0;background:#14100ef0;border:1px solid #7bd88f59;border-radius:999px;align-items:center;gap:10px;padding:8px 16px 8px 8px;font-size:13px;transition:opacity .35s,transform .55s cubic-bezier(.2,.9,.25,1.25);display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%,24px)scale(.96);box-shadow:0 24px 60px #0009}.dm-toast.show{opacity:1;transform:translate(-50%)}.dm-toast b{color:#0b0908;background:#7bd88f;border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.dm-toast em{color:var(--mute);font-style:normal}.dm-toast u{font-family:var(--mono);color:var(--gold);text-decoration:none}@media (width<=1100px){.dm-body{grid-template-columns:220px minmax(0,1fr) minmax(0,1.05fr)}}@media (width<=899px){.dm-body{grid-template-rows:186px auto 430px;grid-template-columns:minmax(0,1fr);height:auto}.dm-side{gap:10px;padding:14px}.dm-side.sent .dm-label{display:none}.dm-bubble{padding:8px 11px;font-size:12.5px}.dm-steps{gap:7px}.dm-side{border-inline-end:0;border-bottom:1px solid var(--line);overflow:hidden}.dm-side.sent .dm-input{display:none}.dm-side:not(.sent) .dm-input{flex:1;margin-top:0}.dm-tabs{border-bottom:1px solid var(--line);background:#0e0b0a;gap:4px;padding:6px 8px;display:flex}.dm-tabs button{min-height:44px;color:var(--mute);border-radius:10px;flex:1;font-size:13px;transition:background .25s,color .25s}.dm-tabs button.on{color:var(--ash);background:#ffffff14;font-weight:600}.demo[data-pane=code] .dm-prev,.demo[data-pane=preview] .dm-code{display:none}.dm-code{border-inline-end:0}.dm-pause{width:44px;height:44px}.dm-toast{font-size:12px;bottom:16px}}@media (width<=560px){.hero{padding:56px 0 44px}.hero-mark{width:100px;height:100px;margin-bottom:20px}.live-pill{margin-bottom:22px;padding:7px 13px;font-size:12px}.cta .btn-lg{flex:100%;max-width:340px}.dm-title{display:none}.dm-bar{justify-content:space-between}.demo{border-radius:16px}}.lp-pending{min-height:100vh}:root{--bg:#0b0908;--panel:#13100e;--panel2:#1a1613;--line:#ffffff14;--line2:#ffffff24;--ash:#f4efea;--soft:#d9d0c8;--mute:#9a8f86;--violet:#7b2ff7;--crimson:#e8336b;--ember:#ff7a1a;--gold:#ffc24a;--fire:linear-gradient(100deg, var(--violet), var(--crimson) 40%, var(--ember) 72%, var(--gold));--mono:"JetBrains Mono", ui-monospace, monospace;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html,body{overflow-x:clip}img,video{max-width:100%;height:auto}body{background:var(--bg);color:var(--ash);-webkit-font-smoothing:antialiased;font-family:Sora,system-ui,sans-serif;line-height:1.55}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.fire-text{background:var(--fire);color:#0000;-webkit-background-clip:text;background-clip:text}.mono{font-family:var(--mono)}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.site-header{z-index:10;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,box-shadow .3s;position:sticky;top:0}.site-header:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);opacity:0;background:#0b0908ad;transition:opacity .3s;position:absolute;inset:0}.site-header.scrolled{border-bottom-color:var(--line);box-shadow:0 10px 40px #00000059}.site-header.scrolled:before{opacity:1}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:10px;min-height:44px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand svg{width:30px;height:30px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.brand:hover svg{transform:rotate(-8deg)scale(1.06)}.brand span{color:#cfc6be;font-weight:400}.nav{align-items:center;gap:6px;font-size:14px;display:flex}.nav a:not(.btn){color:var(--soft);border-radius:999px;padding:8px 12px;text-decoration:none;transition:color .2s,background .2s;position:relative}.nav a:not(.btn):hover{color:var(--ash);background:#ffffff0d}.nav a.active:not(.btn){color:var(--ash)}.nav a.active:not(.btn):after{content:"";background:var(--fire);border-radius:2px;width:16px;height:2px;margin-left:-8px;position:absolute;bottom:2px;left:50%}.nav .btn{margin-inline-start:8px}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .25s;display:inline-flex;position:relative}.btn:active{transform:scale(.97)}.btn-fire{background:var(--fire);color:#140d08;box-shadow:0 6px 24px #e8336b47,inset 0 1px #ffffff59}.btn-fire:hover{box-shadow:0 10px 36px #ff7a1a61,inset 0 1px #fff6}.btn-ghost{border:1px solid var(--line2);background:#ffffff08}.btn-ghost:hover{background:#ffffff12;border-color:#ffffff3d}.btn-sm{padding:8px 16px;font-size:13px}@media (hover:hover){.btn-fire:hover,.btn-ghost:hover{transform:translateY(-1px)}}.site-footer{color:var(--mute);border-top:1px solid var(--line);margin-top:120px;padding:56px 0 40px;font-size:13px;position:relative}.site-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--crimson), var(--ember), transparent);opacity:.7;width:min(640px,80%);height:1px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.foot-grid{grid-template-columns:1.4fr repeat(3,1fr);gap:32px;display:grid}.foot-brand p{max-width:280px;color:var(--mute);margin-top:12px;line-height:1.6}.foot-col h4{letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-bottom:10px;font-size:12px;font-weight:600}.foot-col nav{gap:2px;display:grid}.site-footer a{color:var(--mute);text-decoration:none;transition:color .2s}.foot-col a{justify-self:start;align-items:center;min-height:32px;display:inline-flex}.site-footer a:hover{color:var(--ash)}.foot-base{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:40px;padding-top:20px;display:flex}@media (width<=760px){.foot-grid{grid-template-columns:1fr 1fr;gap:24px}.foot-brand{grid-column:1/-1}}.fx-ring{isolation:isolate;position:relative;overflow:hidden;background:0 0!important;border:0!important}.fx-ring:before{content:"";z-index:-2;aspect-ratio:1;background:conic-gradient(from 0deg, var(--violet), var(--crimson), var(--ember), var(--gold), #ffc24a26 62%, #7b2ff726 82%, var(--violet));width:max(160%,900px);animation:7s linear infinite fx-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx-ring:after{content:"";z-index:-1;border-radius:inherit;background:var(--ring-bg,#120f0d);position:absolute;inset:1.5px}@keyframes fx-spin{to{transform:translate(-50%,-50%)rotate(1turn)}}.plan.fx-ring{padding:27px}.glow{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.glow i{opacity:.5;border-radius:50%;position:absolute}.glow .g1{inset-inline-start:-25vmax;background:radial-gradient(circle,#7b2ff766,#0000 60%);width:70vmax;height:70vmax;top:-30vmax}.glow .g2{inset-inline-end:-22vmax;background:radial-gradient(circle,#e8336b4d,#0000 60%);width:60vmax;height:60vmax;top:-10vmax}.lead{max-width:640px;color:var(--mute);margin:22px auto 0;font-size:clamp(16px,2vw,19px)}.lead b{color:var(--ash);font-weight:600}.cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.tag{letter-spacing:.3px;border:1px solid var(--line2);color:var(--soft);vertical-align:middle;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.tag-fire{background:var(--fire);color:#140d08;border:0}.page-head{text-align:center;padding:64px 0 32px}.page-head h1{letter-spacing:-.03em;font-size:clamp(34px,5vw,54px);line-height:1.1}.plans{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=960px){.plans{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.plans{grid-template-columns:1fr}}.plan{border:1px solid var(--line);background:#13100ed9;border-radius:20px;flex-direction:column;gap:14px;padding:26px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;display:flex;position:relative}.plan.popular{--ring-bg:linear-gradient(180deg, #1c1512, #120f0d 60%);box-shadow:0 30px 80px -30px #e8336b73}@media (hover:hover){.plan:hover{border-color:var(--line2);transform:translateY(-6px);box-shadow:0 30px 70px -30px #000c}.plan.popular:hover{box-shadow:0 36px 90px -30px #ff7a1a8c}}.plan h2{justify-content:space-between;align-items:center;font-size:20px;display:flex}.price{letter-spacing:-.02em;white-space:nowrap;font-size:28px;font-weight:700}.price small{color:var(--mute);font-size:14px;font-weight:400}.plan ul{color:var(--soft);gap:8px;font-size:14px;list-style:none;display:grid}.plan li:before{content:"✦";color:var(--ember);margin-inline-end:8px}.plan .btn{margin-top:auto}.credit-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}.credit-table td,.credit-table th{text-align:start;border-bottom:1px solid var(--line);padding:10px 12px}.credit-table th{color:var(--mute);font-weight:600}.note{color:var(--mute);margin-top:16px;font-size:13px}.notice{color:#f5dea8;text-align:center;background:#ffc24a14;border:1px solid #ffc24a4d;border-radius:12px;max-width:640px;margin:16px auto 0;padding:12px 16px;font-size:14px}.notice.err{color:#f7b6c8;background:#e8336b14;border-color:#e8336b59}.prose{max-width:760px;margin:0 auto;padding:56px 0 0}.prose h1{letter-spacing:-.03em;margin-bottom:6px;font-size:38px}.prose h2{margin:32px 0 10px;font-size:20px}.prose p,.prose li{color:var(--soft);margin-bottom:10px;font-size:15px}.prose ul,.prose ol{padding-inline-start:22px}.prose .meta{color:var(--mute);margin-bottom:24px;font-size:13px}.prose a{color:var(--gold);overflow-wrap:anywhere}.center-card{text-align:center;max-width:420px;margin:72px auto}.center-card h1{letter-spacing:-.02em;margin:18px 0 8px;font-size:30px}.center-card p{color:var(--mute);font-size:14px}.gsi{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;min-height:44px;margin:28px 0 16px;display:flex}.gsi iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.fine{color:var(--mute);font-size:12px}.fine a{color:var(--soft)}.app{grid-template-rows:minmax(0,1fr);grid-template-columns:272px 1fr;height:100dvh;display:grid;overflow:hidden}.side-backdrop{display:none}.side{border-inline-end:1px solid var(--line);background:#0e0b0a;flex-direction:column;min-height:0;display:flex}.side-top{gap:12px;padding:16px;display:grid}.side-list{flex:1;padding:4px 8px 12px;overflow-y:auto}.conv{color:var(--soft);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:9px 10px;font-size:13.5px;display:flex}.conv:hover{background:#ffffff0a}.conv.on{color:var(--ash);background:#ffffff14}.conv span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.conv button{opacity:0;color:var(--mute);padding:2px 6px;font-size:13px}.conv:hover button{opacity:1}.side-foot{border-top:1px solid var(--line);gap:10px;padding:14px 16px;font-size:13px;display:grid}.who{align-items:center;gap:10px;display:flex}.who img,.who .av{background:var(--panel2);border-radius:50%;width:28px;height:28px}.who div{flex:1;min-width:0}.who b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.who small{color:var(--mute);text-transform:capitalize}.meter{background:#ffffff14;border-radius:99px;height:6px;overflow:hidden}.meter i{background:var(--fire);height:100%;display:block}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:56px;padding:0 20px;display:flex}.topbar .menu{display:none}.topbar .title{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.thread{flex:1;padding:28px 20px 12px;overflow-y:auto}.thread-inner{grid-template-columns:minmax(0,1fr);gap:22px;max-width:780px;margin:0 auto;display:grid}.msg{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.msg>*{min-width:0}.msg .who-l{color:var(--mute);font-size:12px;font-weight:600}.msg.user .bubble{background:var(--panel2);border:1px solid var(--line);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;border-radius:16px 16px 4px;justify-self:end;max-width:85%;padding:10px 14px}.msg.user .who-l{justify-self:end}.md{word-break:break-word;overflow-wrap:anywhere;min-width:0;font-size:15px;line-height:1.7}.md p,.md ul,.md ol,.md pre,.md table,.md blockquote{margin-bottom:12px}.md ul,.md ol{padding-inline-start:22px}.md h1,.md h2,.md h3{margin:18px 0 8px;line-height:1.3}.md h1{font-size:22px}.md h2{font-size:19px}.md h3{font-size:16px}.md a{color:var(--gold)}.md code{font-family:var(--mono);background:#ffffff12;border-radius:5px;padding:2px 5px;font-size:13px}.md pre{border:1px solid var(--line);overflow-wrap:normal;word-break:normal;background:#0a0807;border-radius:12px;max-width:100%;padding:14px 16px;position:relative;overflow-x:auto}.md pre code{background:0 0;padding:0;font-size:13px;line-height:1.6}.md table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.md th,.md td{border:1px solid var(--line2);overflow-wrap:break-word;word-break:normal;padding:6px 10px;font-size:14px}.md blockquote{border-inline-start:3px solid var(--ember);color:var(--soft);padding-inline-start:12px}.copy{top:8px;border:1px solid var(--line2);background:var(--panel);color:var(--soft);border-radius:6px;padding:4px 8px;font-size:11px;position:absolute;inset-inline-end:8px}.cursor-blink:after{content:"▍";color:var(--ember);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.empty{text-align:center;padding:10vh 0 0}.empty h2{letter-spacing:-.02em;margin:16px 0 8px;font-size:30px}.empty p{color:var(--mute)}.suggest{text-align:start;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:28px;display:grid}.suggest button{text-align:start;border:1px solid var(--line);color:var(--soft);background:#13100ecc;border-radius:12px;padding:14px;font-size:13.5px}.suggest button:hover{border-color:var(--line2);color:var(--ash)}.composer{padding:10px 20px calc(18px + env(safe-area-inset-bottom))}.composer-box{background:var(--panel);border:1px solid var(--line2);border-radius:18px;align-items:flex-end;gap:10px;max-width:780px;margin:0 auto;padding:10px 10px 10px 16px;display:flex}.composer-box:focus-within{border-color:#ff7a1a8c}.composer textarea{resize:none;color:var(--ash);font:inherit;background:0 0;border:0;outline:0;flex:1;max-height:200px;padding:6px 0;font-size:16px}.send{background:var(--fire);color:#140d08;border-radius:50%;flex:none;width:38px;height:38px;font-weight:700}.composer-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:780px;margin:8px auto 0;display:flex}.seg{border:1px solid var(--line2);background:var(--panel);border-radius:999px;padding:3px;display:inline-flex}.seg button{color:var(--soft);border-radius:999px;padding:5px 12px;font-size:12.5px}.seg button small{color:var(--mute);margin-inline-start:4px;font-size:11px}.seg button.on{background:var(--fire);color:#140d08;font-weight:600}.seg button.on small{color:#3a2410}.inline-note{color:#f5dea8;background:#ffc24a14;border:1px solid #ffc24a4d;border-radius:12px;max-width:780px;margin:0 auto 10px;padding:10px 14px;font-size:13.5px}.inline-note a{color:var(--gold)}.loading{height:60vh;color:var(--mute);place-items:center;display:grid}@media (width<=860px){.app{grid-template-columns:1fr}.side{z-index:20;overscroll-behavior:contain;visibility:hidden;width:min(86vw,320px);transition:transform .22s cubic-bezier(.2,.7,.3,1),visibility 0s linear .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-102%)}.side.open{visibility:visible;transition:transform .22s cubic-bezier(.2,.7,.3,1);transform:none;box-shadow:0 0 48px #0000008c}.side-list{min-height:180px}.side-top{padding-top:calc(16px + env(safe-area-inset-top))}.side-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.side-backdrop{z-index:19;opacity:0;pointer-events:none;background:#0504039e;transition:opacity .2s;display:block;position:fixed;inset:0}.side-is-open .side-backdrop{opacity:1;pointer-events:auto}.topbar{padding:env(safe-area-inset-top) 12px 0;height:calc(56px + env(safe-area-inset-top));flex:none;gap:8px}.topbar .menu{flex:none;width:44px;height:44px;padding:0;font-size:18px;display:inline-flex}.nav .hide-sm{display:none}}@media (width<=560px){.wrap{padding:0 16px}.thread{padding:18px 14px 8px}.composer{padding:8px 12px calc(10px + env(safe-area-inset-bottom))}.composer-box{border-radius:22px;gap:8px;padding:6px 6px 6px 8px}.composer-meta{gap:6px 10px;margin-top:6px}.composer .composer-meta>.fine{text-align:center;width:100%;font-size:11px}.nav{gap:2px}.nav .btn{white-space:nowrap;margin-inline-start:6px}.empty{padding-top:4vh}.empty h2{font-size:24px}.suggest{grid-template-columns:1fr;gap:8px;margin-top:20px}.suggest button{padding:12px 14px}.msg.user .bubble{max-width:92%}.modal{border-radius:18px;padding:24px 18px}.modal h2{padding-inline-end:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.modal-back{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050403b8;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--panel);border:1px solid var(--line2);border-radius:20px;width:100%;max-width:460px;max-height:calc(100dvh - 32px);padding:28px;position:relative;overflow-y:auto;box-shadow:0 40px 120px #0009}.modal h2{letter-spacing:-.02em;margin-bottom:18px;font-size:22px;line-height:1.25}.modal-x{top:14px;width:32px;height:32px;color:var(--mute);border-radius:50%;position:absolute;inset-inline-end:14px}.modal-x:hover{color:var(--ash);background:#ffffff0f}.co-kicker{color:var(--mute);font-size:12px;font-family:var(--mono);margin-bottom:4px}.co-amount{text-align:center;border:1px solid var(--line);background:#0a0807;border-radius:16px;justify-items:center;gap:6px;padding:20px;display:grid}.co-amount>span{letter-spacing:.6px;color:var(--mute);text-transform:uppercase;font-size:12px}.co-amount b{letter-spacing:-.02em;font-size:36px}.co-amount mark{background:var(--gold);color:#140d08;border-radius:6px;padding:0 4px}.co-amount small{color:var(--mute);max-width:320px;font-size:12px}.co-bank{gap:0;margin:18px 0 14px;font-size:14px;display:grid}.co-bank div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.co-bank dt{color:var(--mute)}.co-bank dd{text-align:end;overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-weight:600;display:flex}.copy-btn{border:1px solid var(--line2);color:var(--soft);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:600}.copy-btn:hover{color:var(--ash);border-color:var(--ash)}.co-methods{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.co-claim{width:100%;margin-bottom:10px}.co-proof{border:1px dashed var(--line2);border-radius:12px;gap:8px;margin-bottom:14px;padding:12px;display:grid}.co-proof-pick{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.co-proof-pick input{opacity:0;width:1px;height:1px;position:absolute}.co-proof-pick:focus-within .btn{outline:2px solid var(--ember);outline-offset:2px}.co-proof-name{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.co-proof-preview{border:1px solid var(--line);object-fit:contain;border-radius:8px;justify-self:start;max-width:100%;max-height:160px}.co-proof-pdf{color:var(--soft);font-size:13px}.proof-thumb{object-fit:cover;border:1px solid var(--line);border-radius:6px;width:48px;height:48px;display:block}.co-done{text-align:center;justify-items:center;gap:12px;padding:8px 0;display:grid}.co-done p{color:var(--soft);font-size:14px}.co-check{background:var(--fire);color:#140d08;border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;font-weight:800;display:grid}.dash{gap:20px;padding:48px 0 0;display:grid}.dash h1{letter-spacing:-.03em;font-size:32px}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.tile{border:1px solid var(--line);background:#13100ed9;border-radius:14px;padding:16px 18px}.tile span{color:var(--mute);margin-bottom:6px;font-size:12px;display:block}.tile b{letter-spacing:-.02em;font-size:24px}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}.table th,.table td{text-align:start;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.table th{color:var(--mute);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.table tr:last-child td{border-bottom:0}.status{text-transform:uppercase;letter-spacing:.4px;border:1px solid var(--line2);color:var(--soft);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.status.paid{color:#8fe0ae;background:#2e9e5b26;border-color:#2e9e5b80}.status.claimed{color:var(--gold);background:#ffc24a1f;border-color:#ffc24a73}.row-actions{gap:8px;display:flex}.focus-row td{background:#ff7a1a1a}.focus-row td:first-child{box-shadow:inset 3px 0 0 var(--ember)}.proof-check{max-width:260px;font-size:12px;line-height:1.45}.proof-check ul{color:var(--soft);margin:6px 0 4px;padding-inline-start:16px}.proof-check small{color:var(--mute);overflow-wrap:anywhere;display:block}.verdict{border:1px solid var(--line2);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.verdict.ok{color:#8fe0ae;background:#2e9e5b26;border-color:#2e9e5b80}.verdict.warn{color:var(--gold);background:#ffc24a1f;border-color:#ffc24a73}.danger{color:#f7b6c8;border:1px solid #e8336b80}.danger:hover{background:#e8336b1f}.section{border:1px solid var(--line);background:#13100ed9;border-radius:16px;padding:22px}.section h2{margin-bottom:12px;font-size:17px}.section p{color:var(--soft);font-size:14px}.input{border:1px solid var(--line2);width:100%;color:var(--ash);font:inherit;background:#0a0807;border-radius:12px;padding:11px 14px;font-size:14px}.doc{color:#1a1613;background:#fff;border-radius:18px;max-width:760px;margin:40px auto;overflow:hidden;box-shadow:0 30px 90px #00000073}.doc-head{color:#f4efea;background:#100d0b;justify-content:space-between;align-items:center;gap:16px;padding:28px 36px;display:flex}.doc-head .brand span{color:#cfc6be}.doc-bar{background:var(--fire);height:4px}.doc-body{padding:32px 36px}.doc-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.doc-title h1{letter-spacing:-.03em;font-size:30px}.doc-title p,.doc small{color:#8a7f76;font-size:13px}.doc-meta{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin:26px 0;font-size:14px;display:grid}.doc-meta h3{letter-spacing:.6px;text-transform:uppercase;color:#8a7f76;margin-bottom:6px;font-size:11px}.doc table{border-collapse:collapse;width:100%;font-size:14px}.doc th,.doc td{text-align:start;border-bottom:1px solid #efe8e1;padding:12px 0}.doc th{color:#8a7f76;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.doc td.r,.doc th.r{text-align:end}.doc .total td{border-bottom:0;padding-top:16px;font-size:18px;font-weight:800}.doc .code{background:#ffc24a;border-radius:4px;padding:0 3px}.stamp{color:#2e9e5b;letter-spacing:2px;border:3px solid #2e9e5b;border-radius:10px;padding:6px 16px;font-size:22px;font-weight:800;display:inline-block;transform:rotate(-6deg)}.stamp.unpaid{color:#b9850f;border-color:#d9a21b}.doc-foot{color:#8a7f76;border-top:1px solid #efe8e1;padding:20px 36px 28px;font-size:12px;line-height:1.7}.doc-actions{justify-content:center;gap:10px;margin:18px 0 40px;display:flex}@media print{body{background:#fff}.site-header,.site-footer,.glow,.doc-actions{display:none!important}.doc{box-shadow:none;border-radius:0;max-width:none;margin:0}.doc-head,.doc-bar{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.mode-switch{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.mode-switch>*{text-align:center;color:var(--soft);border-radius:9px;padding:7px 0;font-size:13px;text-decoration:none}.mode-switch .on{color:var(--ash);background:#ffffff17;font-weight:600}.studio{grid-template-columns:340px 1fr;height:100dvh;display:grid}.studio-side{border-inline-end:1px solid var(--line);background:#0e0b0a;flex-direction:column;min-height:0;display:flex}.studio-prompt{border-bottom:1px solid var(--line);gap:10px;padding:0 16px 14px;display:grid}.studio-prompt .composer-box{padding:10px 10px 10px 14px}.studio-prompt textarea{resize:none;color:var(--ash);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:14px}.history{gap:6px;max-height:28vh;font-size:13px;list-style:none;display:grid;overflow-y:auto}.history li{background:var(--panel);border:1px solid var(--line);color:var(--soft);border-radius:10px;padding:8px 10px}.ideas{gap:8px;padding-top:6px;display:grid}.ideas h2{letter-spacing:-.02em;margin:6px 0 4px;font-size:19px;line-height:1.3}.ideas button{text-align:start;border:1px solid var(--line);color:var(--soft);background:#13100ecc;border-radius:10px;padding:10px 12px;font-size:12.5px}.ideas button:hover{color:var(--ash);border-color:var(--line2)}.studio-main{flex-direction:column;min-width:0;min-height:0;display:flex}.studio-bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:56px;padding:0 14px;display:flex}.studio-bar .title{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.pane-tabs{border:1px solid var(--line2);border-radius:999px;padding:3px;display:none}.pane-tabs button{color:var(--soft);border-radius:999px;padding:5px 12px;font-size:12.5px}.pane-tabs button.on{color:var(--ash);background:#ffffff1a}.studio-panes{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.code-pane{border-inline-end:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.file-tabs{border-bottom:1px solid var(--line);background:#0e0b0a;gap:2px;padding:6px 8px 0;display:flex;overflow-x:auto}.file-tabs button{font-size:12px;font-family:var(--mono);color:var(--mute);white-space:nowrap;border-radius:8px 8px 0 0;padding:7px 12px}.file-tabs button.on{color:var(--ash);background:#0a0807}.editor-host{flex:1;min-height:0;overflow:hidden}.editor-host .cm-editor{height:100%}.pane-empty{color:var(--mute);flex:1;place-items:center;font-size:14px;display:grid}.preview-pane{background:#0a0807;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.preview-pane iframe{border:0;width:100%;height:100%;display:block}.device-bar{border-bottom:1px solid var(--line);background:#0e0b0a;justify-content:center;padding:7px 10px;display:flex}.device-bar .seg button{padding:4px 11px;font-size:12px}.device-stage{background:#fff;flex:1;justify-content:center;min-height:0;display:flex;overflow:auto}.device-stage:not(.device-desktop){background:radial-gradient(at 50% 0,#ff7a1a12,#0000 60%),#0a0807;padding:18px 14px}.device-frame{background:#fff;flex:none;max-width:100%;height:100%;transition:width .28s cubic-bezier(.2,.7,.3,1)}.device-stage:not(.device-desktop) .device-frame{box-shadow:0 0 0 1px var(--line2), 0 18px 50px #00000073;border-radius:16px;overflow:hidden}.studio-panes.is-hidden{display:none}.building{top:56px;color:var(--gold);background:#100d0b;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;inset-inline-end:12px;box-shadow:0 6px 20px #0000004d}.tpl-gallery{flex:1;min-height:0;padding:28px clamp(16px,3vw,36px) 44px;overflow-y:auto}.tpl-head{max-width:680px;margin-bottom:22px}.tpl-head h2{letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:10px;font-size:clamp(20px,2.4vw,26px);line-height:1.25;display:flex}.tpl-head p{color:var(--mute);margin-top:6px;font-size:14px}.tpl-free{letter-spacing:.02em;color:#8fe0ae;background:#2e9e5b24;border:1px solid #2e9e5b66;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700}.tpl-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:18px;display:grid}.tpl-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;overflow:hidden}.tpl-card:hover{border-color:var(--line2);transform:translateY(-2px);box-shadow:0 14px 40px #00000059}.tpl-thumb{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:#fff;position:relative;overflow:hidden}.tpl-thumb iframe{top:0;transform-origin:0 0;pointer-events:none;opacity:0;border:0;width:400%;height:400%;transition:opacity .35s;position:absolute;inset-inline-start:0;transform:scale(.25)}.tpl-thumb.loaded iframe{opacity:1}.tpl-body{flex:1;align-content:start;gap:8px;padding:14px 16px 16px;display:grid}.tpl-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.tpl-meta h3{letter-spacing:-.01em;font-size:15px}.tpl-cat{color:var(--mute);border:1px solid var(--line);border-radius:999px;flex:none;padding:3px 8px;font-size:11px}.tpl-body p{color:var(--soft);font-size:13px;line-height:1.5}.tpl-body .btn{justify-self:start;margin-top:4px}.tpl-skel{background:linear-gradient(90deg,#ffffff08,#ffffff12,#ffffff08) 0 0/200% 100%;min-height:270px;animation:1.2s linear infinite shimmer}@media (prefers-reduced-motion:reduce){.tpl-card,.device-frame,.tpl-thumb iframe{transition:none}.tpl-card:hover{transform:none}}@media (width<=1100px){.studio-panes{grid-template-columns:1fr}.pane-tabs{display:inline-flex}.studio-panes.show-code .preview-pane,.studio-panes.show-preview .code-pane{display:none}.code-pane{border-inline-end:0}}.studio-tabs{display:none}@media (width<=768px){.studio{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.studio-tabs{padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:1px solid var(--line);background:#0e0b0a;flex:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.studio-tabs button{min-height:44px;color:var(--soft);border-radius:12px;justify-content:center;align-items:center;gap:6px;font-size:14px;display:inline-flex}.studio-tabs button.on{color:var(--ash);background:#ffffff17;font-weight:600}.tab-dot{background:var(--ember);border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite dot}.studio-side,.studio-main{flex:1;min-height:0}.studio:not(.m-prompt) .studio-side,.studio.m-prompt .studio-main{display:none}.studio-side{overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);border-inline-end:0;overflow-y:auto}.studio-side .side-top{padding-top:14px}.studio-side .side-list{flex:none;overflow:visible}.studio-main{padding-bottom:env(safe-area-inset-bottom)}.studio-prompt .composer-box{width:100%}.ideas>svg{display:none}.studio-bar{gap:8px;height:auto;min-height:52px;padding:6px 10px}.studio-bar .title{min-width:0}.studio-bar .row-actions{flex:none;gap:6px}.studio-bar .btn-sm{padding-inline:11px}.pane-tabs,.device-bar,.m-hide{display:none}.device-stage,.device-stage:not(.device-desktop){background:#fff;padding:0}.device-stage .device-frame{width:100%!important;box-shadow:none!important;border-radius:0!important}.building{top:10px}.tpl-gallery{padding:18px 16px calc(28px + env(safe-area-inset-bottom))}}.final-cta{text-align:center;border:1px solid var(--line);background:radial-gradient(at 50% 0,#e8336b2e,#0000 60%),#13100ed9;border-radius:24px;margin-top:96px;padding:56px 24px}.final-cta h2{letter-spacing:-.03em;font-size:clamp(28px,4vw,44px)}.final-cta p{color:var(--mute);margin:10px 0 26px}html{scroll-behavior:smooth}.thread{overscroll-behavior:contain;scroll-behavior:auto}.msg{animation:.22s cubic-bezier(.2,.7,.3,1) both rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.typing{gap:5px;padding:8px 2px;display:inline-flex}.typing i{background:var(--ember);opacity:.35;border-radius:50%;width:7px;height:7px;animation:1.1s ease-in-out infinite dot}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.skeleton{gap:14px;padding-top:12px;display:grid}.skeleton i{background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a) 0 0/200% 100%;border-radius:8px;height:14px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.conv,.btn,.seg button,.file-tabs button,.suggest button,.ideas button{transition:background .15s,color .15s,border-color .15s,transform .12s}.send{transition:transform .12s,opacity .15s}.send:not(:disabled):hover{transform:scale(1.06)}.preview-pane iframe{transition:opacity .2s}.page-fade{animation:.25s both fade}.build-steps{font-size:12.5px;font-family:var(--mono);color:var(--soft);gap:6px;padding:4px 2px;display:grid}.build-steps span:before{content:"✓ ";color:#7bd88f}.build-steps span.now:before{content:"✦ ";color:var(--gold)}.pub-live{background:#2e9e5b1f;border:1px solid #2e9e5b73;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.pub-live a{color:#8fe0ae;word-break:break-all;font-weight:600;text-decoration:none}.pub-field{color:var(--mute);gap:6px;font-size:13px;display:grid}.pub-input{align-items:center;gap:6px;display:flex}.pub-input .input{flex:1;min-width:0}.pub-input span{color:var(--soft);font-size:13px}.err-text{color:#f7b6c8}.form-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.form-grid .wide{grid-column:1/-1}@media (width<=620px){.form-grid{grid-template-columns:1fr}}.domains{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.domains h3{margin-bottom:10px;font-size:15px}.domain-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.domain-row>div{overflow-wrap:anywhere;min-width:0}.composer-box{padding-inline-start:10px}.composer-box .attach-btn{width:32px;height:32px;color:var(--soft);border:1px solid var(--line2);border-radius:50%;flex:none;margin-bottom:3px;font-size:16px;line-height:1}.composer-box .attach-btn:not(:disabled):hover{color:var(--ash);border-color:var(--ash)}.attach-row{gap:8px;max-width:780px;margin:0 auto 8px;display:flex}.attach{border:1px solid var(--line2);background:var(--panel);border-radius:12px;width:64px;height:64px;position:relative;overflow:hidden}.attach img{object-fit:cover;width:100%;height:100%;display:block}.attach button{top:3px;color:#fff;background:#000000a6;border-radius:50%;width:20px;height:20px;font-size:10px;position:absolute;inset-inline-end:3px}.attach-busy{color:var(--mute);place-items:center;display:grid}.composer-opts{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--line2);background:var(--panel);color:var(--soft);border-radius:999px;padding:5px 12px;font-size:12.5px;transition:background .15s,color .15s,border-color .15s}.chip small{color:var(--mute);margin-inline-start:4px;font-size:11px}.chip:hover{color:var(--ash);border-color:var(--ash)}.chip.on{background:var(--fire);color:#140d08;border-color:#0000;font-weight:600}.chip.on small{color:#3a2410}.chip.soon{opacity:.6;cursor:default}.chip.soon:hover{color:var(--soft);border-color:var(--line2)}.sources{flex-wrap:wrap;gap:6px;margin:2px 0 6px;display:flex}.sources a{border:1px solid var(--line2);background:var(--panel);max-width:220px;color:var(--soft);border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:12px;text-decoration:none;display:inline-flex}.sources a:hover{color:var(--ash);border-color:var(--gold)}.sources b{min-width:18px;height:18px;color:var(--gold);background:#ffc24a29;border-radius:50%;place-items:center;font-size:10.5px;display:grid}.sources span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:560px;margin:4px 0 10px;display:grid}.gallery-item{min-width:0;color:var(--soft);gap:4px;text-decoration:none;display:grid}.gallery-item img,.gallery-fallback{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:var(--panel);border-radius:10px;width:100%;display:block}.gallery-fallback{text-align:center;overflow-wrap:anywhere;border-style:dashed;place-items:center;padding:6px;font-size:11.5px;display:grid}.gallery-item small{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.gallery-item:hover img,.gallery-item:hover .gallery-fallback{border-color:var(--gold)}.gallery-item:hover small{color:var(--ash)}@media (width<=520px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.msg-actions{opacity:.7;gap:4px;margin-top:2px;transition:opacity .15s;display:flex}.msg:hover .msg-actions,.msg-actions:focus-within{opacity:1}.msg-act{color:var(--mute);border-radius:8px;padding:3px 9px;font-size:12px}.msg-act:hover{color:var(--ash);background:#ffffff0f}.md-img{max-width:min(100%,512px);margin:8px 0 12px;display:block}.md-img img{border:1px solid var(--line);border-radius:12px;width:100%;height:auto;display:block}.gen-actions{gap:4px;margin-top:4px;display:flex}.gen-actions .msg-act{border:1px solid var(--line2);text-decoration:none}.img-card{border:1px dashed var(--line2);background:var(--panel);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-width:512px;margin:8px 0 12px;padding:10px 12px;display:flex}.img-card-text{min-width:0;display:grid}.img-card-text b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.img-card-text small,.img-card-note{color:var(--mute);font-size:12px}.msg-status{color:var(--mute);margin-top:6px;font-size:13px}.bubble-imgs{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.bubble-imgs img{object-fit:cover;border-radius:10px;max-width:180px;max-height:180px;display:block}.img-chip{border:1px solid var(--line2);color:var(--mute);border-radius:999px;padding:2px 8px;font-size:11.5px}.pz-text{resize:vertical;min-height:140px;line-height:1.5}.pz-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.shared{min-height:100dvh}.shared-bar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0b0908cc;justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.shared-body{padding:32px 20px 64px}.shared-title{letter-spacing:-.02em;font-size:clamp(24px,4vw,32px);line-height:1.2}.shared-cta{margin-top:40px}.md .hljs-comment,.md .hljs-quote{color:#7d736b;font-style:italic}.md .hljs-keyword,.md .hljs-selector-tag,.md .hljs-literal,.md .hljs-doctag{color:#ff8a5c}.md .hljs-string,.md .hljs-regexp,.md .hljs-addition{color:#a8d98a}.md .hljs-number,.md .hljs-symbol,.md .hljs-bullet{color:#ffc24a}.md .hljs-title,.md .hljs-section{color:#f7a8c4}.md .hljs-title.class_,.md .hljs-type,.md .hljs-built_in{color:#c9a5ff}.md .hljs-attr,.md .hljs-attribute,.md .hljs-property,.md .hljs-selector-class,.md .hljs-selector-id{color:#ffb27a}.md .hljs-name,.md .hljs-tag{color:#ff7a9a}.md .hljs-meta,.md .hljs-params,.md .hljs-subst{color:var(--soft)}.md .hljs-deletion{color:#f7b6c8}.md .hljs-emphasis{font-style:italic}.md .hljs-strong{font-weight:700}@media (pointer:coarse){input,textarea,select{font-size:16px!important}}@media (pointer:coarse),(hover:none){.msg-actions,.conv button{opacity:1}.tpl-card:hover{box-shadow:none;transform:none}}@media (pointer:coarse){.btn-sm{min-height:44px}.send{width:44px;height:44px}.composer-box .attach-btn{width:44px;height:44px;margin-bottom:0}.seg{padding:2px}.seg button,.chip,.pane-tabs button,.file-tabs button{min-height:44px}.device-bar .seg button{min-height:40px}.mode-switch>*{padding:12px 0}.conv{min-height:44px;padding-top:0;padding-bottom:0}.conv button{width:44px;height:44px;margin-inline-end:-8px;padding:0}.msg-act{min-height:44px;padding:0 12px}.md pre{padding-top:54px}.copy{min-width:64px;min-height:40px;padding:0 12px;font-size:12px}.modal-x{top:8px;width:44px;height:44px;inset-inline-end:8px}.copy-btn{min-height:44px;padding:0 14px;font-size:12px}.bonus-x{width:44px;height:44px;margin:-10px -10px -10px 0}.attach button{width:30px;height:30px;font-size:12px}.nav a:not(.btn){padding:12px 10px}.nav .btn,.foot-col a{min-height:44px}.foot-col nav{gap:0}}.credit-extra{color:var(--gold);margin-top:4px}.bonus-list{border:1px solid var(--line);background:#13100ed9;border-radius:16px;padding:18px 22px}.bonus-list.compact{border-radius:12px;padding:10px 12px;font-size:13px}.bonus-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.bonus-x{width:24px;height:24px;color:var(--mute);border-radius:50%;font-size:11px}.bonus-x:hover{color:var(--ash);background:#ffffff0f}.bonus-list ul{gap:6px;margin-bottom:6px;list-style:none;display:grid}.bonus-list li{color:var(--soft);align-items:baseline;gap:8px;display:flex}.bonus-list li.done{color:var(--mute);text-decoration:line-through}.bonus-list a,.link-btn{color:var(--ember);text-align:start;font:inherit;padding:0}.link-btn:hover,.bonus-list a:hover{text-decoration:underline}.chips{border:0;flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.chips legend{color:var(--soft);margin-bottom:8px;font-size:13px;font-weight:600}.chips .chip{border:1px solid var(--line2);min-height:44px;color:var(--soft);background:#ffffff08;border-radius:999px;padding:10px 14px;font-size:14px}.chips .chip:hover{border-color:var(--ash);color:var(--ash)}.chips .chip.on{background:var(--fire);color:#140d08;border-color:#0000;font-weight:600}.pf-country{color:var(--soft);grid-template-columns:auto 72px 1fr;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;font-weight:600;display:grid}.pf-country .input{text-align:center;text-transform:uppercase}.invite-row{gap:8px;margin-top:12px;display:flex}.invite-row .input{min-width:0}.profile-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.profile-stats h3{color:var(--mute);margin-bottom:6px;font-size:13px}.profile-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:3px 0;font-size:14px;display:flex}@media (width<=640px){.table-wrap{border:0;border-radius:0;overflow:visible}.table,.table tbody{min-width:0;display:block}.table thead{display:none}.table tbody{gap:10px;display:grid}.table tr{border:1px solid var(--line);background:#ffffff05;border-radius:14px;gap:8px;padding:12px 14px;display:grid}.table td{text-align:end;overflow-wrap:anywhere;border:0;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:0;display:flex}.table td[data-label]:before{content:attr(data-label);text-align:start;color:var(--mute);text-transform:uppercase;letter-spacing:.4px;flex:none;font-family:Sora,system-ui,sans-serif;font-size:11px;font-weight:600}.table td.cell-actions{text-align:start;justify-content:flex-start;padding-top:4px}.table td.cell-actions:empty{display:none}.table tr.focus-row{border-color:var(--ember);background:#ff7a1a1a}.focus-row td,.focus-row td:first-child{box-shadow:none;background:0 0}.proof-check{text-align:end;max-width:none}.row-actions{flex-wrap:wrap}.row-actions>.input{flex:160px;min-width:0}.dash{padding-top:28px}.dash h1{font-size:26px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{overflow-wrap:break-word;min-width:0;padding:14px}.tile b{font-size:19px}.section{padding:18px 16px}.page-head{padding:40px 0 24px}.prose{padding-top:36px}.prose h1{font-size:30px}.center-card{margin:40px auto}.final-cta{margin-top:64px;padding:40px 18px}.site-footer{margin-top:56px}.doc{border-radius:14px;margin:20px 0}.doc-head{flex-wrap:wrap;padding:18px 20px}.doc-body{padding:22px 20px}.doc-title>div:last-child{text-align:start!important}.doc-meta{overflow-wrap:anywhere;grid-template-columns:1fr}.doc-foot{overflow-wrap:anywhere;padding:16px 20px 22px}.stamp{letter-spacing:1px;padding:4px 12px;font-size:16px}.doc-actions{flex-wrap:wrap}.shared-bar{padding:env(safe-area-inset-top) 16px 0;height:calc(60px + env(safe-area-inset-top))}.shared-body{padding:24px 16px calc(48px + env(safe-area-inset-bottom))}.pub-live{flex-wrap:wrap}}.lang-switch{flex:none;display:inline-flex;position:relative}.lang-btn{border:1px solid var(--line2);min-height:36px;color:var(--soft);letter-spacing:.03em;background:#ffffff08;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.lang-btn:hover,.lang-btn[aria-expanded=true]{color:var(--ash);background:#ffffff14}.lang-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px}.lang-pop{z-index:30;top:calc(100% + 8px);border:1px solid var(--line2);background:var(--panel2);border-radius:14px;width:min(260px,100vw - 32px);padding:8px;position:absolute;inset-inline-end:0;box-shadow:0 18px 50px #00000080}.lang-switch.up .lang-pop{top:auto;bottom:calc(100% + 8px);inset-inline:0 auto}.lang-search{border:1px solid var(--line2);background:var(--panel);width:100%;min-height:38px;color:var(--ash);font:inherit;border-radius:10px;padding:0 12px;font-size:14px}.lang-pop ul{overscroll-behavior:contain;max-height:min(320px,50vh);margin-top:6px;list-style:none;overflow-y:auto}.lang-pop li button{text-align:start;width:100%;min-height:40px;color:var(--soft);border-radius:8px;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 10px;font-size:14px;display:flex}.lang-pop li button:hover{color:var(--ash);background:#ffffff0f}.lang-pop li button.on{color:var(--ash);background:#ffffff1a}.lang-pop li button b{font-weight:600}.lang-pop li button small{color:var(--mute);font-size:12px}.lang-none{color:var(--mute);padding:10px;font-size:13px}.nav .lang-switch{margin-inline-start:6px}.foot-lang{align-items:center;gap:10px;display:inline-flex}.lang-hint{z-index:9;border:1px solid var(--line2);background:var(--panel);max-width:1072px;color:var(--soft);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;margin:8px auto 0;padding-block:8px;padding-inline:16px 48px;font-size:13.5px;display:flex;position:relative}.lang-hint-x{inset-inline-end:6px;width:36px;height:36px;color:var(--mute);border-radius:999px;position:absolute;top:50%;transform:translateY(-50%)}.lang-hint-x:hover{color:var(--ash);background:#ffffff0f}@media (width<=1120px){.lang-hint{margin-inline:24px}}@media (width<=560px){.nav .lang-switch{margin-inline-start:2px}.lang-btn{min-height:34px;padding:0 8px}.lang-btn span{display:none}.lang-hint{margin-inline:16px}}.rtl-flip{display:inline-block}[dir=rtl] .rtl-flip{transform:scaleX(-1)}[dir=rtl] .btn-lg:hover span.rtl-flip,[dir=rtl] .install-more:hover span.rtl-flip,[dir=rtl] .lp-more a:hover span.rtl-flip{transform:scaleX(-1)translate(3px)}[dir=rtl] .how-line i{transform-origin:100%}[dir=rtl] .mc-ai .w:after{transform-origin:0}[dir=rtl] .sources a{padding:3px 4px 3px 10px}[dir=rtl] .composer-box{padding-inline:14px 10px}@media (width<=860px){[dir=rtl] .side{inset:0 0 0 auto;transform:translate(102%)}[dir=rtl] .side.open{transform:none}}[dir=rtl] code,[dir=rtl] pre,[dir=rtl] .mono,[dir=rtl] .cm-editor{direction:ltr;unicode-bidi:isolate}.plan-buys{color:var(--gold);margin:4px 0 10px;font-size:13px;font-weight:600}.side-foot .lang-switch .lang-btn{min-height:32px}