:root{--bg:#f7f7fb;--bg-2:#eeeef4;--panel:#fff;--panel-2:#f4f4f8;--text:#17141f;--muted:#6b6878;--border:#e7e5ee;--border-strong:#d7d4e0;--accent:#b898de;--accent-2:#9a72cf;--accent-ink:#241633;--ok:#12855a;--warn:#b26a00;--err:#c0362c;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--sans:"IBM Plex Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Thai", sans-serif;--radius:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 1px 2px #17141f0f, 0 1px 1px #17141f0a;--shadow-md:0 8px 28px -10px #17141f29, 0 2px 8px -4px #17141f1a;--shadow-lg:0 24px 60px -18px #17141f38;--ring:0 0 0 3px color-mix(in srgb, var(--accent) 42%, transparent);--nav-h:60px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c0d11;--bg-2:#121319;--panel:#16161d;--panel-2:#1e1e27;--text:#eceaf2;--muted:#9c98ab;--border:#2a2a35;--border-strong:#3a3a48;--accent:#b898de;--accent-2:#c9b1e8;--accent-ink:#1a1024;--ok:#3bd39c;--warn:#e0a44a;--err:#f0776b;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 12px 34px -12px #000000b3;--shadow-lg:0 28px 70px -20px #000c;--ring:0 0 0 3px color-mix(in srgb, var(--accent) 50%, transparent)}}:root[data-theme=dark]{--bg:#0c0d11;--bg-2:#121319;--panel:#16161d;--panel-2:#1e1e27;--text:#eceaf2;--muted:#9c98ab;--border:#2a2a35;--border-strong:#3a3a48;--accent:#b898de;--accent-2:#c9b1e8;--accent-ink:#1a1024;--ok:#3bd39c;--warn:#e0a44a;--err:#f0776b;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 12px 34px -12px #000000b3;--shadow-lg:0 28px 70px -20px #000c;--ring:0 0 0 3px color-mix(in srgb, var(--accent) 50%, transparent)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100dvh;line-height:1.6}::selection{background:color-mix(in srgb, var(--accent) 35%, transparent)}a{color:var(--accent-2);text-decoration:none;transition:color .15s}a:hover{color:var(--accent)}:focus-visible{box-shadow:var(--ring);border-radius:8px;outline:none}.nav{height:var(--nav-h);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--panel) 78%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);z-index:20;align-items:center;gap:4px;padding:0 20px;display:flex;position:sticky;top:0}.nav .brand{align-items:center;gap:9px;margin-right:14px;display:inline-flex}.nav .brand:hover{opacity:.82}.brand-mark{width:auto;height:26px;display:block}.brand-word{filter:invert();width:auto;height:16px;display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-word{filter:none}}:root[data-theme=dark] .brand-word{filter:none}.brand-sub{color:var(--muted);letter-spacing:.02em;border:1px solid var(--border);border-radius:999px;padding:2px 7px;font-size:12px;font-weight:700}.nav-links{align-items:center;gap:2px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:6px 11px;font-size:14px;font-weight:500;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text);background:var(--panel-2)}.nav-links a.active{color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 90%, var(--panel));font-weight:600}.nav .spacer{flex:1}.nav-cta{color:var(--muted);padding:6px 10px;font-size:13px;font-weight:600}@media (max-width:720px){.nav{gap:2px;padding:0 12px;overflow-x:auto}.brand-sub,.nav-cta{display:none}}.wrap{max-width:none;margin:0;padding:28px clamp(16px,3vw,52px) 96px}.h1{letter-spacing:-.02em;margin:4px 0;font-size:clamp(24px,4vw,30px);font-weight:800}.sub{color:var(--muted);max-width:68ch;margin:0 0 24px;font-size:15px}.group-title{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:30px 0 12px;font-size:12px;font-weight:700}.badge{border:1px solid var(--border);color:var(--muted);background:var(--panel-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.test{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, var(--panel));border-color:color-mix(in srgb, var(--ok) 32%, var(--border))}.badge.live{color:var(--err);background:color-mix(in srgb, var(--err) 12%, var(--panel));border-color:color-mix(in srgb, var(--err) 32%, var(--border))}.badge.read{color:var(--muted)}.badge.write{color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, var(--panel));border-color:color-mix(in srgb, var(--warn) 32%, var(--border))}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px}.panel+.panel{margin-top:14px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}input[type=text],input[type=password],input[type=url],input[type=email]{border:1px solid var(--border-strong);background:var(--bg);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:var(--ring);outline:none}input::placeholder{color:color-mix(in srgb, var(--muted) 75%, transparent)}label{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:500;display:block}button{cursor:pointer;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:transform 80ms,background .15s,border-color .15s,box-shadow .15s,opacity .15s}button:hover:not(:disabled){background:var(--panel-2);border-color:var(--muted)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}button.primary{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 92%, white), var(--accent));color:var(--accent-ink);box-shadow:var(--shadow-sm);border-color:#0000}button.primary:hover:not(:disabled){filter:brightness(1.04);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 92%, white), var(--accent))}button.small{border-radius:8px;padding:6px 11px;font-size:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}@media (max-width:680px){.grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.card h3{margin:0;font-size:15px;font-weight:700}.card p{color:var(--muted);margin:0;font-size:13px}.card .foot{align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.steps{border-top:1px dashed var(--border);flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;display:flex}.step{border:1px solid var(--border);border-radius:10px;overflow:hidden}.step summary{cursor:pointer;background:var(--panel-2);align-items:center;gap:8px;padding:9px 11px;font-size:13px;list-style:none;display:flex}.step summary::-webkit-details-marker{display:none}.step .meth{font-family:var(--mono);background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:11px;font-weight:700}.step .code{font-family:var(--mono);color:var(--muted);font-size:11px}.dot{border-radius:50%;flex:none;width:8px;height:8px}.dot.ok{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb, var(--ok) 22%, transparent)}.dot.bad{background:var(--err);box-shadow:0 0 0 3px color-mix(in srgb, var(--err) 22%, transparent)}pre{font-family:var(--mono);background:var(--bg);max-height:340px;margin:0;padding:12px 14px;font-size:12px;line-height:1.6;overflow:auto}code{font-family:var(--mono)}.summary-line{background:var(--panel-2);border-radius:10px;margin-top:10px;padding:9px 12px;font-size:13px}.summary-line.ok{color:var(--ok);background:color-mix(in srgb, var(--ok) 10%, var(--panel))}.summary-line.bad{color:var(--err);background:color-mix(in srgb, var(--err) 10%, var(--panel))}.links{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.links a{border:1px solid color-mix(in srgb, var(--accent) 50%, var(--border));color:var(--accent-2);border-radius:10px;padding:8px 13px;font-size:13px;font-weight:600;transition:background .15s}.links a:hover{background:color-mix(in srgb, var(--accent) 12%, transparent)}.feed-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:9px;padding:10px 0;font-size:13px;display:flex}.feed-item:last-child{border-bottom:none}.feed-item .dot{margin-top:5px}.feed-item .fi-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.feed-item .fi-row{align-items:center;gap:7px;display:flex}.feed-item .kind{letter-spacing:.04em;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;flex:none;padding:2px 6px;font-size:9px;font-weight:700}.feed-item .fi-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.feed-item .fi-detail{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.feed-item .when{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.hint{color:var(--muted);font-size:13px}.landing{text-align:center;padding:24px 16px 6px;position:relative;overflow:hidden}.landing:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 50% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 72%);pointer-events:none;height:240px;position:absolute;inset:-34% 0 auto}.landing .mark{width:42px;height:auto;filter:drop-shadow(0 6px 16px color-mix(in srgb, var(--accent) 38%, transparent));margin:0 auto 10px;display:block}.landing .eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--panel));border-radius:999px;padding:3px 11px;font-size:11px;font-weight:700;display:inline-block}.landing h1{letter-spacing:-.02em;max-width:24ch;margin:10px auto 8px;font-size:clamp(22px,3.2vw,33px);font-weight:800;line-height:1.15}.landing h1 .grad{background:linear-gradient(120deg, var(--accent-2), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.landing .lead{color:var(--muted);max-width:66ch;margin:0 auto 16px;font-size:14.5px}.cta-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cta{border:1px solid var(--border-strong);background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm);border-radius:11px;padding:10px 18px;font-size:14px;font-weight:700}.cta.primary{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 92%, white), var(--accent));color:var(--accent-ink);border-color:#0000}.cta:hover{box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.features{grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 4px;display:grid}@media (max-width:720px){.features{grid-template-columns:1fr}}.feature{text-align:left}.feature .ic{font-size:22px}.feature b{margin:8px 0 3px;font-size:15px;display:block}.footer{border-top:1px solid var(--border);margin-top:40px}.footer .inner{max-width:none;color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:28px clamp(16px,3vw,52px) 48px;font-size:13px;display:flex}.foot-mark{width:auto;height:24px}.footer .inner img:not(.foot-mark){filter:invert();height:22px}.foot-mark{filter:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .footer .inner img:not(.foot-mark){filter:none}}:root[data-theme=dark] .footer .inner img:not(.foot-mark){filter:none}.footer a{color:var(--muted)}.footer a:hover{color:var(--text)}.footer .fspacer{flex:1}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.demo-wrap{max-width:none;margin:0;padding:0 clamp(16px,3vw,52px) 96px}.demo-banner{max-width:1040px;margin:14px auto 0;padding:0 16px}.demo-banner .inner{background:color-mix(in srgb, var(--warn) 14%, var(--panel));border:1px solid color-mix(in srgb, var(--warn) 40%, var(--border));color:var(--text);border-radius:12px;padding:11px 15px;font-size:13px}.hero{text-align:center;padding:48px 16px 20px}.hero .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);font-size:12px;font-weight:700}.hero h1{letter-spacing:-.02em;margin:8px 0;font-size:clamp(26px,5vw,34px);font-weight:800}.hero p{color:var(--muted);max-width:560px;margin:0 auto;font-size:16px}.plans{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}@media (max-width:760px){.plans{grid-template-columns:1fr}}.plan{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:26px;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.plan:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.plan.pop{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));box-shadow:var(--shadow-lg)}.plan .tag{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan h3{margin:0;font-size:18px}.plan .price{letter-spacing:-.02em;margin:6px 0;font-size:34px;font-weight:800}.plan .price small{color:var(--muted);font-size:14px;font-weight:500}.plan ul{flex-direction:column;gap:8px;margin:10px 0 18px;padding:0;list-style:none;display:flex}.plan li{color:var(--muted);padding-left:24px;font-size:14px;position:relative}.plan li:before{content:"✓";color:var(--accent-2);font-weight:700;position:absolute;left:0}.plan button{margin-top:auto}.pdp{grid-template-columns:1.1fr .9fr;align-items:start;gap:28px;margin-top:28px;display:grid}@media (max-width:760px){.pdp{grid-template-columns:1fr}}.cover{aspect-ratio:16/10;border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-size:56px;display:flex}.buybox{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:24px;position:sticky;top:76px}.buybox .big{letter-spacing:-.02em;font-size:32px;font-weight:800}.rating{color:var(--warn);font-size:14px}.chat{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow-md);overflow:hidden}.chat .head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:13px 16px;display:flex}.chat .credits{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:4px 11px;font-size:13px;font-weight:700}.chat .body{flex-direction:column;gap:12px;min-height:220px;padding:16px;display:flex}.bubble{border-radius:16px;max-width:80%;padding:10px 14px;font-size:14px}.bubble.user{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:5px;align-self:flex-end}.bubble.bot{background:var(--panel-2);border-bottom-left-radius:5px;align-self:flex-start}.chat .foot{border-top:1px solid var(--border);gap:8px;padding:13px 16px;display:flex}.modal-bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0a08108c;justify-content:center;align-items:center;padding:16px;animation:.18s fade;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:24px;animation:.2s cubic-bezier(.2,.9,.3,1.2) pop-in}@keyframes fade{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.pack{border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:13px;transition:border-color .15s,background .15s;display:flex}.pack:hover{border-color:var(--accent);background:var(--panel-2)}.pack+.pack{margin-top:10px}.tiprow{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.chip{border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;padding:10px 18px;font-weight:700;transition:transform .1s,background .15s}.chip:hover{transform:translateY(-1px)}.chip.sel{background:var(--accent);color:var(--accent-ink);border-color:#0000}.rows{border:1px solid var(--border);border-radius:14px;overflow:hidden}.tr{align-items:center;gap:12px;padding:13px 15px;font-size:14px;display:flex}.tr+.tr{border-top:1px solid var(--border)}.tr .st{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.demo-card-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}@media (max-width:680px){.demo-card-grid{grid-template-columns:1fr}}.demo-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;box-shadow:var(--shadow-sm);padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:block}.demo-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-3px)}.demo-card .emoji{font-size:30px}.demo-card h3{margin:10px 0 4px;font-size:16px;font-weight:700}.demo-card p{color:var(--muted);margin:0;font-size:13px}.copyblock{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.copyblock-head{background:var(--panel-2);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:7px 11px;display:flex}.copyblock-label{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.copyblock-head button{margin-left:auto}.copyblock pre{white-space:pre-wrap;word-break:break-word;max-height:440px}.promptcard{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm);border-radius:14px;margin-top:18px;padding:14px 16px}.promptcard>summary{cursor:pointer;font-size:13px;font-weight:600;list-style:none}.promptcard>summary::-webkit-details-marker{display:none}.promptcard>summary:before{content:"▸ ";color:var(--muted)}.promptcard[open]>summary:before{content:"▾ "}.mcp-step{gap:14px;margin-top:18px;display:flex}.mcp-step .num{background:var(--accent);width:28px;height:28px;color:var(--accent-ink);box-shadow:var(--shadow-sm);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.mcp-step .body{flex:1;min-width:0}.mcp-step h3{margin:3px 0 8px;font-size:15px}.tool-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}@media (max-width:640px){.tool-list{grid-template-columns:1fr}}.tool{border:1px solid var(--border);background:var(--panel);border-radius:10px;padding:10px 12px;font-size:13px}.tool code{font-family:var(--mono);color:var(--accent-2);font-size:12px}.candy-hud{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px;display:flex}.candy-hud .stat{background:var(--panel);border:1px solid var(--border);text-align:center;min-width:84px;box-shadow:var(--shadow-sm);border-radius:14px;padding:9px 15px}.candy-hud .stat span{color:var(--muted);font-size:11px;display:block}.candy-hud .stat b{font-size:18px}.candy-stage{position:relative}.candy-grid{border-radius:var(--radius-xl);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 60%), linear-gradient(160deg, color-mix(in srgb, #ff6ec4 12%, var(--panel)), color-mix(in srgb, var(--accent) 16%, var(--panel)));border:1px solid var(--border);box-shadow:var(--shadow-md), inset 0 2px 10px #0000000f;grid-template-columns:repeat(7,1fr);gap:6px;padding:12px;display:grid}.candy-cell{aspect-ratio:1;background:color-mix(in srgb, var(--panel) 82%, transparent);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;padding:0;font-size:clamp(22px,6vw,34px);transition:transform .1s,box-shadow .15s,background .15s;display:flex;box-shadow:0 2px #0000000f}.candy-cell>span{filter:drop-shadow(0 1px 1px #00000040);line-height:1;display:block}.candy-cell:hover:not(:disabled){background:var(--panel);transform:translateY(-2px)scale(1.05)}.candy-cell:active:not(:disabled){transform:scale(.9)}.candy-cell:disabled{cursor:default}.candy-cell.sel{background:var(--panel);box-shadow:0 0 0 3px var(--accent), 0 0 16px color-mix(in srgb, var(--accent) 60%, transparent);z-index:2;transform:scale(1.12)}.candy-cell.armed:hover:not(:disabled){box-shadow:0 0 0 3px #ff6ec4,0 0 16px #ff6ec4aa}.candy-cell.pop{animation:.24s ease-in forwards candy-pop}.candy-cell.shake{animation:.2s candy-shake}.candy-grid.dropping .candy-cell:not(.pop){animation:.32s cubic-bezier(.34,1.56,.64,1) candy-drop}@keyframes candy-pop{0%{transform:scale(1)}40%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 45%, transparent);transform:scale(1.35)rotate(8deg)}to{opacity:0;transform:scale(0)rotate(-20deg)}}@keyframes candy-drop{0%{opacity:.2;transform:translateY(-40px)}70%{transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes candy-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.candy-fx{color:var(--accent-2);pointer-events:none;z-index:5;text-shadow:0 2px 8px color-mix(in srgb, var(--accent) 40%, transparent);font-size:20px;font-weight:800;animation:1s ease-out forwards candy-float;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.candy-fx.big{color:#ff6ec4;text-shadow:0 2px 14px #ff6ec488;font-size:30px}@keyframes candy-float{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}25%{opacity:1;transform:translate(-50%,-55%)scale(1.1)}to{opacity:0;transform:translate(-50%,-120%)scale(1)}}.candy-over{background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--radius-xl);text-align:center;z-index:6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pack-btn{width:100%;font-family:inherit;font-size:inherit;color:inherit;background:var(--panel);text-align:left;appearance:none}.pack-btn:hover:not(:disabled){border-color:var(--accent);background:var(--panel-2)}.pack-btn:active:not(:disabled){transform:scale(.99)}.pack-btn:disabled{opacity:.6;cursor:default}.price-badge{background:var(--accent);color:var(--accent-ink);border-radius:999px;flex:none;padding:6px 13px;font-size:14px;font-weight:700}.doc-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:baseline;gap:10px;padding:8px 0;font-size:13px;display:flex}.doc-row:first-child{border-top:none}.doc-method{font-family:var(--mono);min-width:46px;font-size:11px;font-weight:700}.doc-path{font-family:var(--mono);font-size:12px}.doc-row .hint{flex:220px}.theme-toggle{border:1px solid var(--border);background:var(--panel-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.theme-toggle button{background:0 0;border:none;border-radius:999px;padding:4px 9px;font-size:13px;line-height:1}.theme-toggle button.on{background:var(--panel);box-shadow:var(--shadow-sm)}.theme-toggle button:hover:not(.on){background:color-mix(in srgb, var(--panel) 60%, transparent)}.topbar{z-index:30;height:var(--nav-h);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--panel) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);align-items:center;gap:12px;padding:0 16px;display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.topbar .brand{margin-right:4px}.hamburger{border:1px solid var(--border);width:36px;height:36px;color:var(--text);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0;display:none}.shell{align-items:flex-start;display:flex}.sidebar{top:var(--nav-h);width:236px;height:calc(100dvh - var(--nav-h));border-right:1px solid var(--border);background:var(--panel);flex:none;align-self:flex-start;padding:16px 12px;position:sticky;overflow:auto}.side-nav{flex-direction:column;gap:2px;display:flex}.side-sect{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:16px 10px 6px;font-size:10px;font-weight:700}.side-nav>div:first-child .side-sect{margin-top:2px}.side-link{color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.side-link:hover{background:var(--panel-2);color:var(--text)}.side-link.active{color:var(--accent-2);box-shadow:inset 3px 0 0 var(--accent);background:0 0;border-radius:0;font-weight:700}.side-link.active svg{color:var(--accent-2)}.content{flex:1;min-width:0}.scrim{inset:var(--nav-h) 0 0 0;z-index:25;background:#0a081073;position:fixed}@media (min-width:901px){.scrim{display:none}}@media (max-width:900px){.sidebar{top:var(--nav-h);z-index:30;width:260px;box-shadow:var(--shadow-lg);transition:transform .22s;position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:none}.hamburger{display:inline-flex}}.theme-toggle button{color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.theme-toggle button.on{color:var(--accent-2)}.feature .ic{width:42px;height:42px;color:var(--accent-2);background:color-mix(in srgb, var(--accent) 14%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.demo-ic{width:46px;height:46px;color:var(--accent-2);background:color-mix(in srgb, var(--accent) 14%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));border-radius:13px;justify-content:center;align-items:center;display:inline-flex}.side-link svg{opacity:.9;flex:none}.promptcard summary svg{color:var(--accent-2)}.brand{white-space:nowrap;flex:none;align-items:center;gap:9px;display:inline-flex}.brand:hover{opacity:.82}.topbar .brand-sub{white-space:nowrap}.hero3d{pointer-events:none;width:100%}.hero3d.center{max-width:480px;margin:-8px auto -4px}.landing .hero3d.center{max-width:560px;margin-top:-12px}@media (max-width:640px){.hero3d.center{max-width:340px}}.cover.viewer3d{cursor:grab;background:radial-gradient(120% 100% at 50% 18%, color-mix(in srgb, var(--accent) 22%, var(--panel)), var(--panel-2));padding:0;position:relative}.cover.viewer3d:active{cursor:grabbing}.viewer-hint{color:var(--muted);background:color-mix(in srgb, var(--panel) 82%, transparent);border:1px solid var(--border);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;bottom:10px;left:12px}.board3d{touch-action:none;border-radius:var(--radius-xl);background:radial-gradient(110% 80% at 50% 0%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 62%), linear-gradient(160deg, color-mix(in srgb, #ff6ec4 12%, var(--panel)), color-mix(in srgb, var(--accent) 16%, var(--panel)));border:1px solid var(--border);width:100%;height:460px;box-shadow:var(--shadow-md), inset 0 2px 10px #0000000f}.candy-stage.armed .board3d{box-shadow:0 0 0 2px #ff6ec4, var(--shadow-md)}@media (max-width:560px){.board3d{height:360px}}.doctabs{top:var(--nav-h);z-index:15;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--border);margin:4px calc(-1*clamp(16px,3vw,52px)) 10px;padding:0 clamp(16px,3vw,52px);position:sticky}.doctabs-inner{scrollbar-width:none;gap:4px;max-width:none;margin:0;padding:9px 0;display:flex;overflow-x:auto}.doctabs-inner::-webkit-scrollbar{display:none}.doctabs button{color:var(--muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:600}.doctabs button:hover:not(.on){background:var(--panel-2);color:var(--text)}.doctabs button.on{background:color-mix(in srgb, var(--accent) 90%, var(--panel));color:var(--accent-ink)}.doc-sec{scroll-margin-top:120px}.stream-layout{grid-template-columns:1.6fr 1fr;align-items:start;gap:16px;margin-top:8px;display:grid}@media (max-width:820px){.stream-layout{grid-template-columns:1fr}}.stream-screen{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border);color:#fff;box-shadow:var(--shadow-md);background:radial-gradient(120% 110% at 28% 8%, color-mix(in srgb, var(--accent) 42%, #1a1024), #130f1c 72%);position:relative;overflow:hidden}.stream-top{z-index:2;justify-content:space-between;display:flex;position:absolute;top:12px;left:12px;right:12px}.live-badge{color:#fff;letter-spacing:.05em;background:#e0334b;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.live-dot{background:#ff5d6c;border-radius:50%;flex:none;width:8px;height:8px;animation:1.6s infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 #ff5d6c99}70%{box-shadow:0 0 0 8px #ff5d6c00}to{box-shadow:0 0 #ff5d6c00}}.viewers{color:#fff;background:#0000006b;border-radius:6px;padding:3px 10px;font-size:12px;font-weight:600}.stream-center{text-align:left;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.stream-center .hint{color:#ffffffb3}.stream-avatar{background:linear-gradient(135deg, var(--accent), #ff8fd0);color:#241633;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-weight:800;display:flex}.stream-total{z-index:2;background:#0000006b;border-radius:8px;padding:4px 12px;font-size:13px;font-weight:700;position:absolute;bottom:12px;right:14px}.tip-alert{z-index:3;background:color-mix(in srgb, var(--accent) 92%, #fff);color:#241633;box-shadow:var(--shadow-lg);border-radius:12px;align-items:center;gap:10px;max-width:72%;padding:10px 14px;animation:.42s cubic-bezier(.2,.9,.3,1.3) tip-in;display:flex;position:absolute;bottom:14px;left:14px}.tip-alert.mine{background:linear-gradient(135deg,#ffd43b,#ff8fd0)}.ta-coin{font-size:22px}.ta-amt{font-weight:800}.ta-msg{opacity:.85;font-size:12px}@keyframes tip-in{0%{opacity:0;transform:translateY(18px)scale(.92)}}.tipfeed{flex-direction:column;gap:6px;max-height:360px;display:flex;overflow:auto}.tipfeed-item{background:var(--panel-2);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;animation:.3s tip-in;display:flex}.tipfeed-item.mine{outline:1px solid var(--accent)}.tf-name{flex:none;font-weight:700}.tf-amt{color:var(--accent-2);flex:none;font-weight:800}.tf-msg{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.side-sub{border-left:1px solid var(--border);flex-direction:column;gap:1px;margin:2px 0 8px 20px;padding-left:12px;display:flex}.side-sub a{color:var(--muted);border-radius:8px;padding:5px 10px;font-size:13px}.side-sub a:hover{color:var(--text);background:var(--panel-2)}.step-title{letter-spacing:-.01em;align-items:center;gap:10px;margin:30px 0 6px;font-size:17px;font-weight:800;display:flex}.step-n{background:var(--accent);width:26px;height:26px;color:var(--accent-ink);box-shadow:var(--shadow-sm);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.ref-divider{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:14px;margin:40px 0 6px;font-size:12px;font-weight:700;display:flex}.ref-divider:before,.ref-divider:after{content:"";background:var(--border);flex:1;height:1px}.side-div{background:var(--border);height:1px;margin:6px 10px}.side-sub a.active{color:var(--accent-2);box-shadow:inset 2px 0 0 var(--accent);background:0 0;border-radius:0;font-weight:600}.endpoint{grid-template-columns:1fr 1fr;align-items:start;gap:18px;margin:14px 0 22px;display:grid}@media (max-width:920px){.endpoint{grid-template-columns:1fr}}.ep-urlbar{border:1px solid var(--border);background:var(--panel-2);border-radius:10px;align-items:center;gap:10px;padding:9px 11px;display:flex}.ep-method{font-family:var(--mono);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.ep-path{font-family:var(--mono);word-break:break-all;font-size:13px;font-weight:600}.ep-group{margin-top:10px}.ep-grp-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:8px 0 2px;font-size:11px;font-weight:700}.ep-param{border-top:1px solid var(--border);grid-template-columns:190px 1fr;align-items:start;gap:14px;padding:10px 0;display:grid}@media (max-width:560px){.ep-param{grid-template-columns:1fr;gap:4px}}.ep-pname{font-family:var(--mono);font-size:13px;font-weight:600}.ep-req{color:var(--err);border:1px solid color-mix(in srgb, var(--err) 45%, var(--border));border-radius:5px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:700}.ep-ptype{font-family:var(--mono);color:var(--muted);margin-top:3px;font-size:11px}.code-panel{box-shadow:var(--shadow-md);top:calc(var(--nav-h) + 56px);background:#16121f;border:1px solid #2a2340;border-radius:14px;position:sticky;overflow:hidden}@media (max-width:920px){.code-panel{position:static}}.code-tabs{scrollbar-width:none;border-bottom:1px solid #2a2340;align-items:center;gap:2px;padding:7px 8px;display:flex;overflow-x:auto}.code-tabs::-webkit-scrollbar{display:none}.code-tabs button{color:#a99fc0;white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600}.code-tabs button:hover{color:#fff;background:#221a34}.code-tabs button.on{color:#fff;background:#2c2242}.code-copy{color:#a99fc0;border:1px solid #33294d!important}.code-body{color:#e9e4f5;white-space:pre;background:0 0;max-height:300px;margin:0;padding:12px 14px;font-size:12px;line-height:1.65;overflow:auto}.code-subtabs{background:#120e1a;border-top:1px solid #2a2340;gap:2px;padding:6px 8px;display:flex}.code-subtabs button{color:#8f85a8;background:0 0;border:none;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:700}.code-subtabs button.on{color:#fff;background:#2c2242}.code-resp{color:#cfc8e0;background:#0f0c16;max-height:240px;margin:0;padding:12px 14px;font-size:12px;line-height:1.6;overflow:auto}.panel>ul,.panel>p{max-width:92ch}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.page-head .h1{margin:0 0 2px}.ep-md{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent-2);border-radius:999px;flex:none;padding:4px 10px;font-size:11px;font-weight:600}.ep-md:hover{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:var(--accent)}.md-allbar{border:1px dashed color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 7%, var(--panel));border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 14px;padding:12px 14px;display:flex}.copybtn{border:1px solid var(--border-strong);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600}.copybtn.primary{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 92%, white), var(--accent));color:var(--accent-ink);border-color:#0000}.ep-ai,.ep-ai:hover{text-decoration:none}.topic-group{letter-spacing:.05em;text-transform:uppercase;color:var(--accent-2);margin-bottom:4px;font-size:11px;font-weight:700}.code-try{color:#cdb9f0;background:#241b38!important;border:1px solid #4a3a6e!important}.code-try.on{color:var(--accent-ink);background:var(--accent)!important;border-color:#0000!important}.try-panel{background:#120e1a;border-bottom:1px solid #2a2340;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.try-lbl{color:#a99fc0;font-size:11px}.try-input{color:#e9e4f5;width:100%;font-family:var(--mono);background:#0f0c16;border:1px solid #33294d;border-radius:8px;padding:8px 10px;font-size:12px}.try-input:focus{border-color:var(--accent);outline:none}.try-body{resize:vertical;min-height:72px}.try-actions{align-items:center;gap:10px;margin-top:4px;display:flex}.try-send{background:var(--accent);color:var(--accent-ink);border:none;border-radius:8px;padding:7px 14px;font-weight:700}.try-err{color:#f0776b;font-size:12px}.board3d{aspect-ratio:1;width:100%;max-width:460px;height:auto;margin:0 auto}.demo-2col{max-width:none;min-height:calc(100dvh - var(--nav-h));grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:28px;margin:0 auto;padding:0 0 40px clamp(16px,3vw,40px);display:grid}@media (max-width:1000px){.demo-2col{grid-template-columns:1fr;align-items:start;min-height:0;padding:0 clamp(16px,3vw,40px) 40px}}.content:has(.demo-2col) .footer{margin-top:0}.demo-side{background:var(--panel);border-left:1px solid var(--border);width:100%;margin:0 0 -40px;padding:12px 14px}.demo-side .demo-rail{top:calc(var(--nav-h) + 12px);max-height:calc(100dvh - var(--nav-h) - 24px);position:sticky;overflow:auto}@media (max-width:1000px){.demo-side{border-left:none;border-top:1px solid var(--border);margin:0;padding:12px 0 0}.demo-side .demo-rail{max-height:none;position:static;overflow:visible}}.demo-main{min-width:0}.plans-4{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}.events-compact .feed-item{padding:8px 0;font-size:12px}.events-compact .feed-item b{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:12px;overflow:hidden}.events-compact{max-height:420px;overflow:auto}.demo-3col{grid-template-columns:minmax(0,1.5fr) 300px 300px;align-items:start;gap:22px;max-width:1560px;margin:0 auto;padding:0 clamp(16px,3vw,40px) 96px;display:grid}.demo-3col .demo-col{top:calc(var(--nav-h) + 16px);flex-direction:column;gap:14px;min-width:0;display:flex;position:sticky}.demo-3col .demo-main{min-width:0}@media (max-width:1320px){.demo-3col{grid-template-columns:minmax(0,1fr) 320px}.demo-3col .demo-main{grid-row:1/span 2}.demo-3col .demo-col{position:static}}@media (max-width:980px){.demo-3col{grid-template-columns:1fr}.demo-3col .demo-main{grid-row:auto}}.promptcard-head{color:var(--text);font-size:13px;font-weight:600}.rail-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}.rail-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:11px 14px;font-size:14px;display:flex}.rail-head b{font-size:14px}.rail-head .copybtn{padding:5px 10px;font-size:12px}.rail-pre{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;background:var(--panel);max-height:360px;margin:0;padding:12px 14px;font-size:12px;line-height:1.6;overflow:auto}.rail-list{max-height:360px;padding:2px 14px 8px;overflow:auto}.rail-list .feed-item:first-child{border-top:none}.demo-rail{flex-direction:column;display:flex}.rail-tabs{border-bottom:1px solid var(--border);background:var(--panel);z-index:2;align-items:center;gap:4px;margin-bottom:8px;padding:2px 0 10px;display:flex;position:sticky;top:0}.rail-tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.rail-tab svg{opacity:.8}.rail-tab:hover{color:var(--text);background:var(--panel-2)}.rail-tab.on{color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 90%, white);border-color:#0000}.rail-tab.on svg{opacity:1}.rail-toolbar{align-items:center;gap:8px;padding:0 2px 10px;font-size:12px;display:flex}.rail-toolbar .copybtn{padding:5px 10px;font-size:12px}.demo-rail .rail-pre{background:0 0;max-height:none;padding:0 2px;overflow:visible}.demo-rail .rail-list{max-height:none;padding:0 2px;overflow:visible}.qty{align-items:center;gap:10px;display:flex}.qty b{text-align:center;min-width:28px}.qty.sm{gap:6px}.qty.sm b{min-width:20px}.zone-row,.news-row{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none}.zone-row:hover:not(:disabled),.news-row:hover:not(:disabled){background:var(--panel-2)}.zone-row.on,.news-row.on{background:color-mix(in srgb, var(--accent) 12%, var(--panel));box-shadow:inset 3px 0 0 var(--accent)}.zone-row:disabled{opacity:.5;cursor:not-allowed}.badge.ok-badge{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, var(--panel));border-color:color-mix(in srgb, var(--ok) 32%, var(--border))}.course-cover{background:linear-gradient(135deg,#1e293b,#4338ca)}.fund-cover{background:linear-gradient(135deg,#059669,#10b981)}.licence-cover{background:linear-gradient(135deg,#334155,#6d28d9)}.booking-cover{background:linear-gradient(135deg,#0ea5e9,#14b8a6)}.ticket-poster{background:linear-gradient(135deg,#3a0ca3,#f72585);position:relative;overflow:hidden}.tp-glow{background:radial-gradient(circle at 28% 22%,#f72585aa,#0000 55%),radial-gradient(circle at 82% 74%,#4cc9f0aa,#0000 55%);position:absolute;inset:0}.tp-poster-txt{z-index:1;color:#fff;text-shadow:0 2px 16px #0007;flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.tp-poster-txt b{letter-spacing:3px;font-size:36px;line-height:1}.tp-poster-txt span:last-child{letter-spacing:7px;font-size:13px}.foodgrid,.newsgrid{grid-template-columns:1.4fr .9fr;align-items:start;gap:24px;margin-top:8px;display:grid}@media (max-width:820px){.foodgrid,.newsgrid{grid-template-columns:1fr}}.menu-emoji{text-align:center;width:30px;font-size:22px}.cart-panel,.article-panel{position:sticky;top:76px}.cart-line{gap:10px;padding:6px 0;font-size:14px;display:flex}.cart-line.total{border-top:1px solid var(--border);margin-top:6px;padding-top:10px;font-size:15px}.or-div{color:var(--muted);align-items:center;gap:10px;margin:16px 0;font-size:12px;display:flex}.or-div:before,.or-div:after{content:"";background:var(--border);flex:1;height:1px}.allaccess{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-2);align-items:center;gap:10px;padding:12px 14px;display:flex}.ghost-btn{font:inherit;border:1px solid var(--accent);color:var(--accent-2);cursor:pointer;background:0 0;border-radius:12px;padding:11px 14px;font-weight:700}.ghost-btn:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.fund-stats{flex-wrap:wrap;gap:26px;margin-top:16px;display:flex}.fund-stats b{font-size:20px}.fund-bar{background:var(--panel-2);border:1px solid var(--border);border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.fund-bar span{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;display:block}.licence-panel{background:var(--panel-2)}.licence-key{font-family:var(--mono);letter-spacing:1px;background:var(--bg);border:1px dashed var(--border-strong);text-align:center;-webkit-user-select:all;user-select:all;border-radius:10px;padding:12px 14px;font-size:15px;display:block}.paywall{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--panel-2);flex-direction:column;align-items:center;gap:10px;padding:24px 16px;display:flex}.paywall input{width:100%}.paywall-price{font-size:26px;font-weight:800}.denom-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.denom{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);cursor:pointer;font:inherit;color:inherit;flex-direction:column;align-items:center;gap:3px;padding:16px 12px;display:flex}.denom.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}.denom b{font-size:22px}.denom-price{margin-top:4px;font-weight:700}.slotgrid{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.slot{border:1px solid var(--border-strong);background:var(--panel);cursor:pointer;font:inherit;color:inherit;border-radius:10px;padding:9px 14px}.slot.on{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:700}