:root{--bg:#08080a;--bg-2:#0e0e11;--panel:#131317;--panel-2:#18181d;--line:#ffffff12;--line-2:#ffffff1f;--text:#ededef;--muted:#8b8b94;--dim:#5b5b63;--accent:#f2a65e;--accent-2:#ff7a59;--pro:#8fb3ff;--sans:"Geist Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:"Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;--dot:"Doto Variable", "Geist Mono Variable", ui-monospace, monospace;--gutter:max(20px, 4vw);--radius:22px;--glass:#1313179e;--nav-glass:#13131773;--glass-bg:linear-gradient(180deg, #2c2c3480, #16161c52);--glass-edge:#ffffff21;--glass-shadow:inset 0 1px 0 #ffffff24, inset 0 -1px 0 #00000040, 0 12px 40px #00000059;--glass-filter:blur(26px) saturate(190%) brightness(1.05);--btn-bg:#ededef;--btn-bg-hover:#fff;--btn-fg:#0b0b0d;--dotgrid:#ffffff17;--glow:#f2a65e24;--grain:.07;--art-bg:radial-gradient(100% 80% at 50% 0%, #1d1d23, #131317);--code-bg:#0c0c0f;--code-text:#c9c9d1;--dots3:#2a2a30;--featured:linear-gradient(180deg, #1c1712, #131317 50%);--list:#c4c4cc;--hover:#ffffff0f;--wordmark:#ffffff29;--shadow:0 10px 40px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-mode=light]{--bg:#f6f5f1;--bg-2:#eeece6;--panel:#fff;--panel-2:#f3f2ee;--line:#18120a14;--line-2:#18120a24;--text:#16151a;--muted:#5d5c64;--dim:#94939b;--accent:#c0672a;--accent-2:#e2552f;--pro:#3a63c9;--glass:#ffffffb8;--nav-glass:#ffffff80;--glass-bg:linear-gradient(180deg, #ffffff9e, #ffffff52);--glass-edge:#ffffffbf;--glass-shadow:inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #0000000a, 0 10px 36px #281c0c1f, 0 1px 3px #0000000f;--glass-filter:blur(26px) saturate(190%) brightness(1.06);--btn-bg:#16151a;--btn-bg-hover:#000;--btn-fg:#fff;--dotgrid:#00000017;--glow:#f2a65e40;--grain:.035;--art-bg:radial-gradient(100% 80% at 50% 0%, #fdfcf9, #f1efe9);--code-bg:#fbfaf7;--code-text:#34333a;--dots3:#dad7cf;--featured:linear-gradient(180deg, #fff3e6, #fff 50%);--list:#3a3940;--hover:#0000000d;--wordmark:#00000021;--shadow:0 10px 40px #3c280a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);scroll-padding-top:80px}body{color:var(--text);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;background:var(--bg);margin:0;transition:background .35s,color .35s;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit}img{max-width:100%}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.grain{z-index:100;pointer-events:none;opacity:var(--grain);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:600}p{margin:0}.sub{color:var(--muted);max-width:46ch;font-size:17px;line-height:1.5}.kicker{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.pill-btn{white-space:nowrap;cursor:pointer;font:550 15px/1 var(--sans);color:var(--btn-fg);background:var(--btn-bg);border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;text-decoration:none;transition:transform .18s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 0 -2px #0000001f,inset 0 1px #fff6}.pill-btn:hover{background:var(--btn-bg-hover);transform:translateY(-1px)}.pill-btn:active{transform:translateY(0)scale(.98)}.pill-btn-sm{padding:8px 14px;font-size:14px}.pill-btn-ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.pill-btn-ghost:hover{background:var(--hover)}.pill-btn-accent{background:linear-gradient(180deg, #ffbf85, var(--accent));color:#1a0f05}.pill-btn-accent:hover{background:linear-gradient(#ffcc9a,#f5b070)}kbd{font:500 11px/1 var(--mono);background:#0000001f;border-radius:5px;padding:3px 5px}.icon-btn{border:1px solid var(--line-2);background:var(--panel-2);cursor:pointer;border-radius:50%;width:36px;height:36px}.icon-btn:hover{background:var(--hover)}.nav{z-index:50;background:var(--nav-glass);-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--line-2);width:min(760px,100% - 24px);height:52px;box-shadow:var(--shadow), inset 0 1px 0 #ffffff14;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:0 8px 0 18px;transition:background .3s,box-shadow .3s;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{align-items:flex-end;gap:2px;height:16px;display:inline-flex}.brand-mark i{background:var(--accent);border-radius:1.5px;width:4px}.brand-mark i:first-child{opacity:.55;height:7px}.brand-mark i:nth-child(2){opacity:.8;height:11px}.brand-mark i:nth-child(3){height:16px}.nav-links{gap:4px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:7px 12px;font-size:14px;text-decoration:none;transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:var(--hover)}.nav-end{align-items:center;gap:6px;display:flex}.mode{cursor:pointer;width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;transition:color .2s,background .2s,transform .4s cubic-bezier(.3,1.3,.5,1);display:grid}.mode:hover{color:var(--text);background:var(--hover)}.mode:active{transform:rotate(40deg)}.mode svg{width:18px;height:18px}.mode .sun{display:none}:root[data-mode=light] .mode .sun{display:block}:root[data-mode=light] .mode .moon{display:none}.hero{height:100svh;min-height:640px;padding:96px var(--gutter) 28px;isolation:isolate;grid-template-rows:auto 1fr auto;justify-items:center;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background-image:radial-gradient(var(--dotgrid) 1px, transparent 1.2px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 75%)}.hero:after{content:"";z-index:-1;background:radial-gradient(closest-side, var(--glow), transparent);filter:blur(20px);width:900px;height:500px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.hero-copy{text-align:center;justify-items:center;gap:14px;display:grid}.badge{font:500 12.5px/1 var(--mono);color:var(--muted);background:var(--hover);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;display:inline-flex}.badge .gh-mark{color:var(--text)}.badge{white-space:nowrap}.badge .gh-mark{width:15px;height:15px}.badge-extra{align-items:center;gap:8px;display:inline-flex}.badge-sep{background:var(--dim);border-radius:50%;width:3px;height:3px}.try-prefix{align-items:center;gap:7px;display:inline-flex}.pulse{background:#5ee08a;border-radius:50%;width:7px;height:7px;animation:2.4s infinite pulse;box-shadow:0 0 #5ee08a80}@keyframes pulse{70%{box-shadow:0 0 0 7px #5ee08a00}to{box-shadow:0 0 #5ee08a00}}.hero h1{font-size:clamp(38px,6.2vw,78px);line-height:1.02}.dots{font-family:var(--dot);letter-spacing:0;color:var(--accent);text-shadow:0 0 30px #f2a65e59;font-weight:800}.hero .sub{text-align:center}.hero-view{margin-inline:calc(-1 * var(--gutter));justify-self:stretch;min-height:0;position:relative}.hero-stage{transition:opacity .55s;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 72%,#000 55%,#0000 100%);mask-image:radial-gradient(60% 72%,#000 55%,#0000 100%)}.hero-view[data-card] .hero-stage{inset:6px var(--gutter) 14px;background:#070b1a;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px #14142840,0 0 0 1px #00000014;-webkit-mask-image:none;mask-image:none}.hero-view[data-view="2d"] .hero-stage{opacity:0;pointer-events:none}.hero-view>.hero-hint{top:auto;bottom:10px;transform:translate(-50%)}.gh{--cell:12px;--gap:3px;--gh-bg:#fff;--gh-line:#d0d7de;--gh-text:#1f2328;--gh-muted:#59636e;--l0:#ebedf0;--l1:#9be9a8;--l2:#40c463;--l3:#30a14e;--l4:#216e39;--cell-edge:#1b1f230f;z-index:1;color:var(--gh-text);background:var(--gh-bg);border:1px solid var(--gh-line);transform-origin:50% 60%;border-radius:12px;gap:10px;margin:0;padding:14px 16px 12px;font:12px/1.3 -apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;transition:transform 1.15s cubic-bezier(.65,0,.35,1),opacity .6s .35s,background .35s,border-color .35s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)perspective(1100px)rotateX(0)scale(1);box-shadow:0 24px 60px #0000001f,0 2px 6px #0000000a}.gh[data-dark]{--gh-bg:#0d1117;--gh-line:#30363d;--gh-text:#e6edf3;--gh-muted:#8b949e;--l0:#161b22;--l1:#0e4429;--l2:#006d32;--l3:#26a641;--l4:#39d353;--cell-edge:#ffffff0d;box-shadow:0 24px 60px #0006}.hero-view[data-view="3d"] .gh{opacity:0;pointer-events:none;transform:translate(-50%,-50%)perspective(1100px)rotateX(56deg)scale(.94)}.gh-head{font-size:14px}.gh-head b{font-weight:600}.gh-body{grid-template-rows:auto auto;grid-template-columns:auto auto;gap:4px 6px;display:grid}.gh-months{grid-column:2;grid-template-columns:repeat(var(--cols), var(--cell));column-gap:var(--gap);height:15px;color:var(--gh-text);font-size:11px;display:grid}.gh-months span{white-space:nowrap}.gh-days{grid-row:2;grid-template-rows:repeat(7, var(--cell));row-gap:var(--gap);color:var(--gh-text);font-size:10px;display:grid}.gh-days span{line-height:var(--cell);height:var(--cell);overflow:visible}.gh-grid{grid-area:2/2;grid-template-rows:repeat(7, var(--cell));grid-auto-flow:column;grid-auto-columns:var(--cell);gap:var(--gap);display:grid}.gh-grid i{border-radius:calc(var(--cell) / 5);background:var(--l0);box-shadow:inset 0 0 0 1px var(--cell-edge)}.gh-grid i.pad{visibility:hidden}.gh [data-l="1"]{background:var(--l1)}.gh [data-l="2"]{background:var(--l2)}.gh [data-l="3"]{background:var(--l3)}.gh [data-l="4"]{background:var(--l4)}.gh.play .gh-grid i{animation:gh-in .45s cubic-bezier(.2, .8, .2, 1) calc(var(--c) * 9ms) both}@keyframes gh-in{0%{opacity:0;transform:scale(.3)}}.gh-foot{color:var(--gh-muted);justify-content:space-between;gap:16px;font-size:11px;display:flex}.gh-legend{align-items:center;gap:3px;display:inline-flex}.gh-legend i{background:var(--l0);width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--cell-edge);border-radius:2px}.gh-legend i:first-child{margin-left:4px}.gh-legend i:last-child{margin-right:4px}.gh.tiny .gh-days,.gh.tiny .gh-foot>span:first-child{display:none}.gh.tiny .gh-months{font-size:9px}.gh.tiny .gh-head{font-size:12px}.hero-view{--side:max(var(--gutter), calc(50% - 700px));--vp-bg:var(--glass);--vp-line:var(--line-2);--vp-text:var(--text);--vp-muted:var(--muted);--vp-hover:var(--hover);--vp-active-bg:var(--btn-bg);--vp-active-text:var(--btn-fg);margin-top:10px}.hero-pad{left:var(--side);box-shadow:var(--shadow);top:50%;transform:translateY(-50%)}.vp-mode{background:var(--hover);border-radius:12px;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.vp .vp-mode button{justify-content:center;min-width:32px;padding:0 8px;font-weight:650}.vp-mode button[aria-checked=true]{background:var(--btn-bg);color:var(--btn-fg)}.hero-view[data-view="2d"] .hero-pad .vp-views{display:none}@media (width>=761px){.hero-view[data-card] .hero-stage{left:max(calc(var(--gutter) + 96px), calc(50% - 600px));right:max(calc(var(--gutter) + 20px), calc(50% - 600px))}}.viewer-pad{--vp-bg:#141418b3;--vp-line:#ffffff1f;--vp-text:#f4f4f6;--vp-muted:#b4b4bc;--vp-active-bg:#ededef;--vp-active-text:#0b0b0d;top:50%;left:12px;transform:translateY(-50%)}.dock{right:var(--side);z-index:2;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-2);box-shadow:var(--shadow);border-radius:999px;justify-items:center;gap:8px;padding:10px 7px;transition:opacity .3s,transform .4s cubic-bezier(.3,1.3,.5,1);display:grid;position:absolute;top:50%;transform:translateY(-50%)}.dock[hidden]{opacity:0;pointer-events:none;display:grid;transform:translateY(-50%)translate(12px)}.dock-label{font:600 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);writing-mode:vertical-rl;margin-bottom:2px;transform:rotate(180deg)}.dock-list{gap:7px;display:grid}.dock-list button,.swatches button{cursor:pointer;border:1px solid var(--line-2);background:linear-gradient(135deg, var(--a) 50%, var(--b) 50%);border-radius:50%;width:26px;height:26px;padding:0;transition:transform .25s cubic-bezier(.3,1.3,.5,1),box-shadow .2s}.dock-list button:hover{transform:scale(1.15)}.dock-list button[aria-checked=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text)}.hero-hint{font:13px var(--mono);color:var(--dim);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.try{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-2);max-width:100%;box-shadow:var(--shadow);border-radius:999px;align-items:center;padding:5px 5px 5px 16px;display:flex}.try:focus-within{border-color:#f2a65e80;box-shadow:0 0 0 4px #f2a65e1f}.try-prefix{font:14px var(--mono);color:var(--dim)}.try input{color:var(--text);font:500 14px var(--mono);background:0 0;border:0;outline:0;width:150px;min-width:0;padding:8px 6px}.try input::placeholder{color:var(--dim)}.seg{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line-2);box-shadow:var(--shadow);border-radius:999px;padding:4px;display:flex;position:relative}.seg button{z-index:1;cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:500;transition:color .25s;position:relative}.seg button[aria-checked=true]{color:var(--btn-fg)}.seg-glider{z-index:0;background:var(--btn-bg);border-radius:999px;width:0;transition:transform .4s cubic-bezier(.3,1.3,.5,1),width .4s cubic-bezier(.3,1.3,.5,1);position:absolute;top:4px;bottom:4px;left:0}.section{padding:120px var(--gutter);grid-template-columns:minmax(0,1fr);justify-items:center;gap:48px;display:grid}.section-head{text-align:center;justify-items:center;gap:14px;display:grid}.section-head h2{font-size:clamp(32px,4.6vw,56px);line-height:1.05}.section-head .sub{text-align:center}.build-box{width:min(880px,100%)}.build-in{background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--accent) 8%, var(--panel)), var(--panel) 65%);gap:18px;padding:26px;display:grid}.platforms{flex-wrap:wrap;gap:8px;display:flex}.platform{cursor:pointer;font:550 14px/1 var(--sans);color:var(--muted);border:1px solid var(--line-2);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.platform[aria-checked=true]{color:var(--btn-fg);background:var(--btn-bg);border-color:#0000}.platform:disabled{cursor:default;opacity:.6}.platform small{font:600 9.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--hover);border-radius:5px;padding:3px 5px}.gh-mark{flex:none;width:1.1em;height:1.1em}.build-form{background:var(--bg);border:1px solid var(--line-2);border-radius:999px;align-items:center;gap:4px;padding:7px 7px 7px 20px;display:flex;box-shadow:inset 0 1px 2px #0000000a}.build-form:focus-within{border-color:color-mix(in srgb, var(--accent) 60%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent)}.build-prefix{font:17px var(--mono);color:var(--dim);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.build-form input{min-width:0;color:var(--text);font:500 17px var(--mono);background:0 0;border:0;outline:0;flex:1;padding:12px 4px}.build-form input::placeholder{color:var(--dim)}.build-form .pill-btn{padding:14px 22px;font-size:16px}.build-worlds{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.build-label{font:500 12px var(--mono);color:var(--dim);margin-right:4px}.build-worlds button{cursor:pointer;color:var(--muted);background:var(--hover);border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:14px;transition:color .2s,border-color .2s;display:inline-flex}.build-worlds button[aria-checked=true]{color:var(--text);border-color:var(--text);background:0 0}.build-worlds small{font:600 9.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--pro)}.build-worlds small.free{color:var(--accent)}.build-note{color:var(--dim);font-size:13px}.ticks{color:var(--list);gap:9px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.ticks li{gap:10px;display:flex}.ticks i{width:18px;height:18px;color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:50%;flex:none;place-items:center;margin-top:2px;display:grid}.ticks svg{width:12px;height:12px}.seg button[aria-selected=true]{color:var(--btn-fg)}.seg button small{font:600 10px/1 var(--mono);opacity:.7;margin-left:4px}.steps{grid-template-columns:repeat(3,1fr);gap:12px;width:min(980px,100%);margin:-12px 0 0;padding:0;list-style:none;display:grid}.steps li{border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--line);align-items:flex-start;gap:14px;padding:16px;display:flex}.steps b{width:30px;height:30px;font:800 16px/1 var(--dot);color:var(--btn-fg);background:var(--btn-bg);border-radius:50%;flex:none;place-items:center;display:grid}.steps span{color:var(--muted);gap:2px;font-size:14px;display:grid}.steps strong{color:var(--text);font-size:15px;font-weight:600}.use-box{width:min(1180px,100%)}.use-in{padding:0}.use-panel{grid-template-columns:1.15fr 1fr;min-height:470px;display:none}.use-panel.on{animation:.45s cubic-bezier(.2,.8,.2,1) fade-up;display:grid}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}.use-demo{background:var(--art-bg);border-right:1px solid var(--line);place-items:center;min-width:0;padding:34px;display:grid}.use-info{align-content:center;gap:16px;min-width:0;padding:34px;display:grid}.use-info h3{letter-spacing:-.03em;font-size:26px}.use-info>p{color:var(--muted);font-size:15.5px}.snippet{border:1px solid var(--line);border-radius:16px;overflow:hidden}.snippet pre{font:12.5px/1.7 var(--mono);color:var(--code-text);white-space:pre-wrap;word-break:break-all;margin:0;padding:14px 16px}.snippet pre .k{color:var(--pro)}.snippet pre .s{color:var(--accent)}.mini-steps{color:var(--list);gap:6px;margin:0;padding-left:20px;display:grid}.browser{background:var(--panel);border:1px solid var(--line-2);width:100%;max-width:520px;box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.browser-top{border-bottom:1px solid var(--line);background:var(--panel-2);align-items:center;gap:12px;padding:10px 12px;display:flex}.browser-url{text-align:center;font:12px var(--mono);color:var(--dim);background:var(--hover);border-radius:8px;flex:1;margin-right:40px;padding:5px}.browser-body{gap:16px;padding:22px;display:grid}.site-text{gap:8px;display:grid}.site-text b{letter-spacing:-.02em;font-size:20px}.site-text i{background:var(--hover);border-radius:4px;height:8px}.site-text i.short{width:60%}.site-embed{aspect-ratio:16/9;background:#05030d var(--img) center / cover;border-radius:12px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.site-embed span{font:11px var(--mono);color:#d8d4f0;background:#00000073;border-radius:6px;padding:4px 8px;position:absolute;bottom:10px;right:10px}.readme{color:#1f2328;width:100%;max-width:560px;box-shadow:var(--shadow);background:#fff;border:1px solid #d0d7de;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;overflow:hidden}:root:not([data-mode=light]) .readme{color:#e6edf3;background:#0d1117;border-color:#30363d}.readme-top{background:#f6f8fa;border-bottom:1px solid #d0d7de;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}:root:not([data-mode=light]) .readme-top{background:#161b22;border-color:#30363d}.readme-body{gap:8px;padding:18px 20px 20px;display:grid}.readme-body h4{border-bottom:1px solid #d0d7de;margin:0;padding-bottom:6px;font-size:22px;font-weight:600}:root:not([data-mode=light]) .readme-body h4{border-color:#30363d}.readme-body p{font-size:14px}.readme-art svg{width:100%;height:auto;display:block}.chat{justify-items:end;gap:8px;width:100%;max-width:400px;display:grid}.bubble{color:#fff;background:#2f7cf6;border-radius:18px 18px 4px;padding:10px 14px;font-size:14.5px}.link-card{background:var(--panel);width:300px;color:var(--text);border:1px solid var(--line-2);border-radius:18px 18px 4px;padding:0;overflow:hidden}.link-img{aspect-ratio:1.9;background:#070b1a var(--img) center / cover}.link-text span{font:12px var(--mono);color:var(--dim)}.plan-toggle{margin-top:-18px}.plan-views{width:min(1180px,100%)}.plan-view{display:none}.plan-view.on{animation:.45s cubic-bezier(.2,.8,.2,1) fade-up;display:block}.show{border-radius:calc(var(--radius) + 6px);background:var(--bg-2);border:1px solid var(--line);grid-template-columns:1.35fr 1fr;gap:6px;min-height:480px;padding:6px;display:grid}.show-media{cursor:pointer;border-radius:var(--radius);background:#111 var(--img) center / cover no-repeat;border:0;padding:0;transition:filter .3s;position:relative;overflow:hidden}.show-media:hover{filter:brightness(1.05)}.show-live{font:600 13px/1 var(--sans);color:#f4f4f6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0e8c;border:1px solid #ffffff29;border-radius:999px;gap:8px;padding:9px 14px;transition:background .2s;display:inline-flex;position:absolute;bottom:16px;left:16px}.show-media:hover .show-live{background:#0a0a0ebf}.show-info{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);align-content:center;gap:16px;padding:30px;display:grid}.show-info h3{letter-spacing:-.035em;font-size:34px}.show-info>p{color:var(--muted);font-size:15.5px}.show-tag{font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:7px 10px}.show-tag.free{color:#10230f;background:#9be9a8}.show-tag.pro{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.show-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.song-media{background:radial-gradient(120% 90% at 20% 0,#3a1d2c,#120c18 60%,#0b0b10)}.song-media .xcard-wave{inset:22% 24px}.song-play{color:#0b0b0d;background:#ededef;border-radius:50%;place-items:center;width:64px;height:64px;font-size:20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0006}.slider{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;gap:16px;display:flex;overflow-x:auto}.slider::-webkit-scrollbar{display:none}.slider>.show{scroll-snap-align:center;flex:0 0 100%}.slider-nav{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.slider-dots{gap:6px;display:flex}.slider-dots button{background:var(--line-2);cursor:pointer;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .35s cubic-bezier(.2,.8,.2,1),background .2s}.slider-dots button[data-on]{background:var(--text);width:26px}.xcard-wave{z-index:1;align-items:center;gap:1px;display:flex;position:absolute}.xcard-wave i{background:#ffffff38;border-radius:2px;flex:1;min-width:1px;transition:background .15s}.xcard-wave i.on{background:linear-gradient(#ffd29a, var(--accent-2))}.bezel{background:var(--bg-2);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);grid-template-rows:1fr auto;min-width:0;padding:6px;display:grid}.bezel-in{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);min-height:0;position:relative;overflow:hidden}.bezel-cap{gap:2px;padding:14px 14px 10px;display:grid}.bezel-cap b{font-size:15px;font-weight:600}.bezel-cap span{color:var(--muted);font-size:14px}.bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:14px;width:min(1200px,100%);display:grid}.b-card{grid-area:span 2/span 4}.b-numbers{grid-area:span 2/span 2}.b-embed,.b-donut,.b-themes,.b-print{grid-column:span 3}.art{background:var(--art-bg);place-items:center;padding:20px;display:grid}.art svg{border-radius:16px;width:100%;height:auto;display:block}.numbers{align-content:center;gap:22px;padding:26px;display:grid}.numbers div{display:grid}.numbers b{font:800 clamp(44px, 5vw, 64px)/1 var(--dot);color:var(--text);font-variant-numeric:tabular-nums}.numbers div:first-child b{color:var(--accent)}.numbers span{color:var(--muted);font-size:14px}.code{background:var(--code-bg)}.code-top{border-bottom:1px solid var(--line);font:12px var(--mono);color:var(--dim);align-items:center;gap:10px;padding:10px 12px;display:flex}.dots3{gap:5px;display:inline-flex}.dots3 i{background:var(--dots3);border-radius:50%;width:9px;height:9px}.copy{border:1px solid var(--line-2);background:var(--panel-2);font:12px var(--mono);color:var(--muted);cursor:pointer;border-radius:7px;margin-left:auto;padding:4px 9px}.copy:hover{color:var(--text)}.code pre{font:13px/1.7 var(--mono);color:var(--code-text);white-space:pre-wrap;word-break:break-all;margin:0;padding:16px}.code pre .k{color:var(--pro)}.code pre .s{color:var(--accent)}.swatches{grid-template-columns:repeat(6,1fr);align-content:center;gap:8px;padding:18px;display:grid}.swatches button{aspect-ratio:1;border-color:var(--line);border-radius:10px;width:auto;height:auto}.swatches button:hover{transform:scale(1.08)rotate(-3deg)}.swatches button[aria-checked=true]{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--text)}.swatches{grid-template-columns:repeat(4,1fr)}.print{background:radial-gradient(80% 80% at 50% 60%,#f2a65e1f,#0000);place-items:center;padding:18px;display:grid}.print-model{width:min(340px,92%);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.b-print:hover .print-model{transform:translateY(-4px)rotate(-1.5deg)}.plans{grid-template-columns:1fr 1.15fr 1fr;align-items:center;gap:16px;width:min(1120px,100%);display:grid}.billing{margin-top:-20px}.billing .save{font:600 10.5px/1 var(--mono);color:#1a0f05;background:var(--accent);border-radius:5px;margin-left:4px;padding:3px 6px}.plan-sub{color:var(--muted);margin-top:-8px;font-size:14px}.plan ul i,.plan-pro ul i{width:18px;height:18px;color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:50%;flex:none;place-items:center;margin-top:2px;display:grid}.plan ul i svg,.plan-pro ul i svg{width:12px;height:12px}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.plan-pro{--angle:0deg;isolation:isolate;background:conic-gradient(from var(--angle), var(--line-2) 0 52%, #ffcf8f 66%, #ff7a59 74%, #b58cff 82%, var(--line-2) 94%);border-radius:30px;padding:1.5px;animation:6s linear infinite travel;position:relative}.plan-pro:before{content:"";z-index:-1;background:conic-gradient(from var(--angle), transparent 0 50%, #ffb36b 66%, #ff7a59 74%, #b58cff 82%, transparent 94%);filter:blur(34px);opacity:.45;animation:inherit;border-radius:30px;position:absolute;inset:18px}@keyframes travel{to{--angle:360deg}}.pro-in{background:radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--accent) 12%, var(--panel)), var(--panel) 60%);border-radius:28.5px;gap:16px;padding:26px 26px 28px;display:grid}.pro-top{justify-content:space-between;align-items:center;display:flex}.pro-word{font:900 34px/1 var(--dot);color:var(--accent);letter-spacing:.04em;text-shadow:0 0 24px color-mix(in srgb, var(--accent) 45%, transparent)}.pro-chip{font:600 11px/1 var(--mono);letter-spacing:.04em;color:var(--text);background:var(--hover);border:1px solid var(--line-2);border-radius:999px;padding:6px 9px}.pro-fan{height:112px;margin:2px 0 4px;position:relative}.pro-fan img{aspect-ratio:3/2;object-fit:cover;border:1px solid #ffffff2e;border-radius:14px;width:46%;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:6px;left:50%;box-shadow:0 14px 30px #00000059}.pro-fan img:first-child{transform:translate(-108%)rotate(-8deg)}.pro-fan img:nth-child(2){z-index:1;transform:translate(-50%)translateY(-6px)}.pro-fan img:nth-child(3){transform:translate(8%)rotate(8deg)}.plan-pro:hover .pro-fan img:first-child{transform:translate(-118%)rotate(-12deg)translateY(4px)}.plan-pro:hover .pro-fan img:nth-child(2){transform:translate(-50%)translateY(-12px)scale(1.04)}.plan-pro:hover .pro-fan img:nth-child(3){transform:translate(18%)rotate(12deg)translateY(4px)}.pro-price{font-size:56px}.pro-price span{transition:transform .35s cubic-bezier(.3,1.4,.5,1),opacity .2s;display:inline-block}.pro-price span.swap{opacity:0;transform:translateY(-10px)}.pro-billed{color:var(--muted);font:12.5px var(--mono);margin-top:-10px}.plan-pro ul{color:var(--list);gap:10px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.plan-pro li{gap:10px;display:flex}.pro-btn{background:linear-gradient(180deg, #ffc68f, var(--accent));color:#1a0f05;box-shadow:0 10px 30px color-mix(in srgb, var(--accent) 40%, transparent), inset 0 -2px 0 #0000001f;justify-content:center;padding:14px 20px;font-size:16px;position:relative;overflow:hidden}.pro-btn:hover{background:linear-gradient(#ffd3a6,#f5b070)}.pro-btn:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);animation:3.2s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-120%)}@keyframes shimmer{60%,to{transform:translate(120%)}}.plan .bezel-in{gap:16px;padding:26px;display:grid}.plan h3{letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;display:flex}.plan h3 .xcard-tag{position:static}.price{font:700 46px/1 var(--sans);letter-spacing:-.04em;align-items:baseline;gap:10px;display:flex}.price small{font:400 13px var(--mono);color:var(--muted);letter-spacing:0}.plan ul{color:var(--list);gap:10px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.plan li{gap:10px;display:flex}.note{color:var(--muted);font:13px var(--mono);text-align:center;min-height:1.4em}.footer{padding:40px var(--gutter) 28px;border-top:1px solid var(--line);overflow:hidden}.wordmark{font:900 clamp(64px, 16vw, 230px)/.9 var(--dot);letter-spacing:-.02em;text-align:center;white-space:nowrap;background:linear-gradient(180deg, var(--wordmark), transparent);color:#0000;-webkit-background-clip:text;background-clip:text}.footer-row{color:var(--dim);font:13px var(--mono);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;display:flex}.footer-row a{color:var(--muted);text-decoration:none}.footer-row a:hover{color:var(--text)}.viewer{border:1px solid var(--line-2);background:var(--bg-2);width:min(1200px,100vw - 24px);max-width:none;height:min(820px,100svh - 24px);max-height:none;color:var(--text);border-radius:28px;grid-template-rows:auto 1fr auto;padding:0;display:none;overflow:hidden}.viewer[open]{animation:.35s cubic-bezier(.2,.8,.2,1) pop;display:grid}.viewer::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040406b3}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.98)}}.viewer-head,.viewer-foot{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.viewer-head h3{margin-top:4px;font-size:22px}.viewer-stage{background:#0b0b0e;border-radius:20px;margin:0 8px;position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@media (width<=960px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento>*{grid-area:auto/span 2!important}.b-card{order:-2}.b-themes,.b-donut{order:-1}.plans{grid-template-columns:minmax(0,1fr)}.plan-pro{order:-1}}@media (width<=760px){.nav-links{display:none}.steps{grid-template-columns:minmax(0,1fr)}.use-panel{grid-template-columns:minmax(0,1fr);min-height:0}.use-demo{border-right:0;border-bottom:1px solid var(--line);padding:18px}.use-info{padding:20px}.browser-body{padding:14px}.show{grid-template-columns:minmax(0,1fr);min-height:0}.show-media{aspect-ratio:4/3}.show-info{padding:20px}.show-info h3{font-size:28px}.link-card{width:100%}.build-in{padding:16px}.platforms{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.platform{flex:none}.build-form{border-radius:22px;flex-wrap:wrap;padding:8px}.build-prefix{padding-left:10px;font-size:15px}.build-form input{font-size:15px}.build-form .pill-btn{justify-content:center;width:100%}.seg button{padding:8px 10px;font-size:13px}.try-prefix{display:none}.hero{padding-top:84px}.dock{grid-auto-flow:column;padding:6px 10px;top:auto;bottom:6px;right:50%;transform:translate(50%)}.dock[hidden]{transform:translate(50%)translateY(8px)}.dock-label{writing-mode:horizontal-tb;margin:0 2px 0 0;transform:none}.dock-list{grid-auto-flow:column;gap:6px}.dock-list button{width:22px;height:22px}.gh{gap:6px;padding:10px 10px 9px}.hero-view{--side:10px}.hero-pad{top:6px;transform:none}.badge-extra{display:none}.vp-mode button{width:auto}}.mosaic{cursor:default;background:var(--panel-2);grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;display:grid}.tile{cursor:pointer;background:var(--bg);border:0;border-radius:14px;min-height:110px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.tile-big{grid-area:span 2/span 2}.tile img{object-fit:contain;width:100%;height:100%;transform:scale(var(--z));transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.tile:hover img{transform:scale(calc(var(--z) * 1.12))}.tile span{font:600 10.5px/1 var(--mono);letter-spacing:.04em;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#00000073;border-radius:6px;padding:5px 7px;transition:opacity .25s,transform .25s;position:absolute;bottom:8px;left:8px;transform:translateY(4px)}.tile:hover span,.tile-big span{opacity:1;transform:none}:root{--gold-1:#ffe29a;--gold-2:#e9b44c;--gold-3:#b9832a}.plan-toggle [data-plan=pro][aria-selected=true]{color:#2a1b04}.plan-toggle:has([data-plan=pro][aria-selected=true]) .seg-glider{background:linear-gradient(180deg, var(--gold-1), var(--gold-2));box-shadow:0 0 22px #e9b44c8c}.show-tag.pro{color:#2a1b04;background:linear-gradient(180deg, var(--gold-1), var(--gold-2));box-shadow:0 0 18px #e9b44c73,inset 0 1px #fff9}.plan-view[data-plan=pro] .show{--angle:0deg;isolation:isolate;background:linear-gradient(var(--bg-2), var(--bg-2)) padding-box, conic-gradient(from var(--angle), #e9b44c26 0 50%, var(--gold-1) 64%, var(--gold-2) 72%, #e9b44c26 86%) border-box;border:1.5px solid #0000;animation:6s linear infinite travel;position:relative;box-shadow:0 0 60px #e9b44c29}.plan-view[data-plan=pro] .show-info h3{background:linear-gradient(180deg, var(--text) 30%, color-mix(in srgb, var(--gold-3) 70%, var(--text)));color:#0000;-webkit-background-clip:text;background-clip:text}.plan-view[data-plan=pro] .show-actions .pill-btn:not(.pill-btn-ghost){background:linear-gradient(180deg, var(--gold-1), var(--gold-2));color:#2a1b04}.slider-dots button[data-on]{background:var(--gold-2)}.iphone{--w:286px;width:var(--w);aspect-ratio:71.6/147.6;background:linear-gradient(145deg,#4b4a4f,#1c1c1f 35%,#2c2b30 70%,#59575d);border-radius:52px;padding:11px;position:relative;box-shadow:0 40px 80px #00000047,0 10px 24px #0000002e,inset 0 0 0 1.5px #ffffff2e,inset 0 0 0 4px #0c0c0e}.iphone-btn{background:linear-gradient(90deg,#2a2a2e,#5a5960);border-radius:2px;width:4px;position:absolute}.iphone-btn.action{height:5%;top:17%;left:-3px}.iphone-btn.vol-up{height:9%;top:25%;left:-3px}.iphone-btn.vol-down{height:9%;top:36%;left:-3px}.iphone-btn.power{height:14%;top:28%;right:-3px}.iphone-screen{color:#111;height:100%;font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--sans);background:#fff;border-radius:42px;grid-template-rows:auto auto 1fr auto;display:grid;position:relative;overflow:hidden}.ios-status{justify-content:space-between;align-items:center;height:44px;padding:0 22px 0 30px;font-size:13px;display:flex;position:relative}.ios-status b{letter-spacing:-.01em;font-weight:600}.ios-island{background:#000;border-radius:999px;width:92px;height:27px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.ios-icons{align-items:center;gap:5px;display:inline-flex}.ios-icons svg{fill:#111;width:auto;height:10px}.ios-battery{border:1px solid #0006;border-radius:3.5px;width:22px;height:11px;padding:1.5px;position:relative}.ios-battery:after{content:"";background:#0006;border-radius:0 1px 1px 0;width:1.5px;height:4px;position:absolute;top:3px;right:-3px}.ios-battery i{background:#111;border-radius:1.5px;width:80%;height:100%;display:block}.ios-head{background:#f7f7f8eb;border-bottom:1px solid #e3e3e8;grid-template-columns:30px 1fr 30px;align-items:center;padding:2px 12px 8px;display:grid}.ios-back{color:#0a84ff;font-size:26px;line-height:1}.ios-contact{justify-items:center;gap:3px;display:grid}.ios-avatar{width:38px;height:38px;font:600 16px/1 -apple-system, var(--sans);color:#fff;background:linear-gradient(#a5abb8,#858a96);border-radius:50%;place-items:center;display:grid}.ios-contact small{color:#111;font-size:10.5px}.ios-video svg{fill:none;stroke:#0a84ff;stroke-width:1.6px;width:20px}.ios-thread{align-content:end;gap:5px;padding:8px 10px 10px;display:grid;overflow:hidden}.ios-time{text-align:center;color:#8e8e93;justify-self:center;margin-bottom:4px;font-size:10px;line-height:1.3}.ios-compose{align-items:center;gap:8px;padding:6px 10px 26px;display:flex}.ios-plus{color:#6e6e73;background:#e9e9ee;border-radius:50%;place-items:center;width:26px;height:26px;font-size:18px;display:grid}.ios-field{color:#b0b0b5;border:1px solid #d8d8dd;border-radius:999px;flex:1;padding:6px 12px;font-size:12.5px}.ios-home{background:#111;border-radius:999px;width:34%;height:4.5px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.msg.out:not(.link-card){background:#0a84ff}.msg{border-radius:18px;max-width:78%;padding:8px 12px;font-size:13.5px;line-height:1.35}.msg.in{color:#111;background:#e9e9ee;border-bottom-left-radius:5px;justify-self:start}.msg.out{color:#fff;background:#2f7cf6;border-bottom-right-radius:5px;justify-self:end}.msg.link-card{color:#111;background:#e9e9ee;width:78%;padding:0;overflow:hidden}.link-img{aspect-ratio:1.7;background:#070b1a var(--img) center / cover;position:relative}.link-play{font:700 10px/1 var(--mono);color:#fff;background:#0000008c;border-radius:5px;padding:4px 6px;position:absolute;top:8px;right:8px}.link-text{gap:1px;padding:8px 10px 9px;display:grid}.link-text b{font-size:13px}.msg .link-text span{font:11.5px/1.35 var(--sans);color:#555}.link-text small{font:10.5px var(--mono);color:#888}.msg-meta{color:#999;justify-self:end;margin:-2px 4px 4px;font-size:10.5px}.link-parts{flex-wrap:wrap;gap:6px;margin-top:-4px;display:flex}.link-parts span{font:12px var(--mono);color:var(--muted);background:var(--hover);border-radius:8px;gap:6px;padding:5px 9px;display:inline-flex}.link-parts b{color:var(--accent);font-weight:600}.print-demo{align-content:center;gap:18px;position:relative;overflow:hidden}.bed{aspect-ratio:1.45;place-items:center;width:100%;max-width:520px;display:grid;position:relative}.bed-plate{background:linear-gradient(#ffffff0f 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#ffffff0f 1px,#0000 1px) 0 0/22px 22px,radial-gradient(80% 70% at 50% 40%,#3a3a42,#1d1d22);border-radius:18px;position:absolute;inset:14% 2% 6%;transform:perspective(900px)rotateX(58deg);box-shadow:0 30px 50px #00000040,inset 0 0 0 2px #ffffff0d}.bed .print-model{width:86%;position:relative;transform:translateY(-6%)}.print-model svg{filter:drop-shadow(0 14px 14px #00000059);width:100%;height:auto;display:block}.filament{background:var(--panel);border:1px solid var(--line-2);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 14px;display:flex}.filament>span{font:500 12px var(--mono);color:var(--dim);margin-right:2px}.filament button{cursor:pointer;background:var(--f);border:1px solid #00000026;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .2s}.filament button:hover{transform:scale(1.12)}.filament button[aria-checked=true]{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--text)}.stl-file{background:var(--panel);border:1px solid var(--line-2);border-radius:14px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex}.stl-icon{width:38px;height:44px;font:700 10px/1 var(--mono);color:#fff;background:linear-gradient(#ef9459,#c96a2e);border-radius:6px 12px 6px 6px;place-items:center;display:grid}.stl-file span:last-child{gap:2px;display:grid}.stl-file b{font:600 13px var(--mono)}.stl-file small{color:var(--dim);font-size:12px}@media (width<=760px){.mosaic{aspect-ratio:auto;grid-template-rows:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.tile{min-height:90px}.tile-big{grid-area:auto/1/auto/-1;min-height:200px}.iphone{--w:260px}}.nav,.try,.hero-bar .seg,.dock,.hero-pad,.use-tabs,.plan-toggle,.billing,.filament,.show-live{background:var(--glass-bg)!important;-webkit-backdrop-filter:blur(26px)saturate(190%)brightness(1.05)!important;backdrop-filter:blur(26px)saturate(190%)brightness(1.05)!important;border:1px solid var(--glass-edge)!important;box-shadow:var(--glass-shadow)!important}.nav:before{content:"";border-radius:inherit;pointer-events:none;opacity:.5;mix-blend-mode:soft-light;background:linear-gradient(#ffffff59,#0000 55%);position:absolute;inset:0}.hero-pad{--vp-bg:transparent}.pro-was{font:500 15px var(--sans);color:var(--muted);opacity:.7;align-self:center}.pro-was[hidden]{display:none}.one-world{width:min(1120px,100%);margin-top:-20px}.one-in{flex-wrap:wrap;align-items:center;gap:14px 22px;padding:18px 22px;display:flex}.one-text{flex:220px;gap:2px;display:grid}.one-text b{font-size:16px}.one-text span{color:var(--muted);font-size:14px}.one-worlds{flex-wrap:wrap;gap:6px;display:flex}.one-worlds span{color:var(--muted);background:var(--hover);border-radius:999px;padding:6px 10px;font-size:13px}.one-price{line-height:1.1;display:grid}.one-price b{font:700 24px/1 var(--sans);letter-spacing:-.03em}.one-price small{color:var(--muted);font-size:12px}.price-country{cursor:pointer;font:13px var(--sans);color:var(--muted);background:var(--hover);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;margin-top:-30px;padding:7px 13px;display:inline-flex}.price-country b{color:var(--text);font-weight:600}.price-country span:first-child{font-size:16px;line-height:1}.nav-account{align-items:center;min-height:28px;display:inline-flex}.nav-signin{cursor:pointer;font:550 14px var(--sans);color:var(--text);background:0 0;border:0;border-radius:999px;padding:7px 12px}.nav-signin:hover{background:var(--hover)}.nav-account[data-pro]:after{content:"PRO";font:700 9.5px/1 var(--mono);color:#2a1b04;background:linear-gradient(#ffe29a,#e9b44c);border-radius:999px;margin-left:6px;padding:4px 6px}@media (width<=760px){.nav-signin{padding:6px 8px;font-size:13px}}