@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/library/fonts/geist-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/library/fonts/geist-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/library/fonts/geist-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/library/fonts/geist-mono-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(/library/fonts/instrument-serif-italic-latin.woff2)format("woff2")}:root{--ink:#16171b;--ink-2:#4f525b;--muted:#6b6e78;--line:#e5e5e8;--hover:#c9cbd2;--page:#f6f6f5;--subtle:#eeeff2;--accent:#2f6bff;--accent-weak:#eef3ff;--green:#15803d;--dark:#0e0f12;--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.34, 1.4, .5, 1);--shadow-sm:0 1px 2px #16171b0f;--shadow-md:0 8px 24px -8px #16171b24, 0 1px 2px #16171b0f;--shadow-lg:0 32px 80px -16px #0d0f1a52, 0 2px 6px #0d0f1a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}html.modal-open{overflow:hidden}@font-face{font-family:Geist Fallback;src:local(Arial),local(Helvetica),local(Liberation Sans);font-weight:100 450;size-adjust:102.8%}@font-face{font-family:Geist Fallback;src:local(Arial),local(Helvetica),local(Liberation Sans);font-weight:451 900;size-adjust:105.5%}body{color:var(--ink);letter-spacing:-.01em;background:#fff;margin:0;font:400 15px/1.5 Geist,Geist Fallback,ui-sans-serif,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;letter-spacing:inherit;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}input,textarea{font:inherit;color:inherit;letter-spacing:inherit}kbd{background:var(--subtle);color:var(--ink-2);border-radius:6px;padding:4px 6px;font:500 11px/1 Geist Mono,monospace}.mono{letter-spacing:0;font-family:Geist Mono,ui-monospace,monospace}.dim{color:var(--muted)}::selection{background:#2f6bff2e}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.btn{height:40px;transition:transform .18s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease), color .2s;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn.dark{background:var(--ink);color:#fff;box-shadow:0 8px 18px -6px #16171b59}.btn.dark:hover{background:#000;transform:translateY(-1px);box-shadow:0 12px 24px -8px #16171b73}.btn.ghost{border:1px solid var(--line);background:#fff}.btn.ghost:hover{border-color:var(--hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn.white{color:var(--dark);background:#fff}.btn.white:hover{transform:translateY(-1px);box-shadow:0 10px 30px -8px #ffffff59}.btn.grow{flex:1}.btn:disabled{opacity:.5;cursor:not-allowed}.share-btn{border:1px solid var(--line);height:34px;box-shadow:var(--shadow-sm);background:#fff;padding:0 14px 0 12px;font-size:14px}.share-btn:hover{border-color:var(--ink);box-shadow:var(--shadow-md);transform:translateY(-1px)}.share-btn svg{transition:transform .35s var(--spring)}.share-btn:hover svg{transform:rotate(-12deg)scale(1.12)}:root{--key-primary-cap-top:#474952;--key-primary-cap-bottom:#22242a;--key-primary-edge:#5e616a;--key-primary-side-top:#1c1d22;--key-primary-side-bottom:#060607;--key-secondary-cap-top:#fff;--key-secondary-cap-bottom:#ecedf0;--key-secondary-side-top:#dcdde2;--key-secondary-side-bottom:#c3c5cc;--key-accent-cap-top:#6e9bff;--key-accent-cap-bottom:#2f6bff;--key-accent-side-top:#2d5ee8;--key-accent-side-bottom:#143cb2;--press:90ms;--release:.14s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-press:cubic-bezier(.32, 0, .67, 0)}.key{--depth:6px;--r:12px;padding:2px 2px var(--depth);border-radius:var(--r);background:linear-gradient(180deg, var(--key-secondary-side-top), var(--key-secondary-side-bottom));color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:padding var(--release) var(--ease-out), box-shadow .16s var(--ease-out);border:1px solid #b9bbc3;flex-direction:column;flex-shrink:0;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 14px 24px -8px #0c0e1424,0 4px 8px -2px #0c0e141a,0 1px 1px #0000001f,inset 0 1px #ffffffb3}.key__cap{border-radius:calc(var(--r) - 2px);background:linear-gradient(180deg, #ffffffa6 0%, #fff0 55%), linear-gradient(180deg, var(--key-secondary-cap-top), var(--key-secondary-cap-bottom));text-shadow:0 1px #ffffffe6;letter-spacing:-.01em;white-space:nowrap;border:1px solid #fff;flex:auto;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 14px 0 16px;font-size:14px;font-weight:500;line-height:20px;display:flex;position:relative;box-shadow:0 1px 1px #0000001a,inset 0 -1px #0000000d,inset 0 1px #fff}.key--primary{background:linear-gradient(180deg, var(--key-primary-side-top), var(--key-primary-side-bottom));color:#fff;border-color:#000000e6;box-shadow:0 14px 24px -8px #0c0e1442,0 4px 8px -2px #0c0e141a,0 1px 1px #0000004d,inset 0 1px #ffffff12}.key--primary>.key__cap{border-color:var(--key-primary-edge);background:linear-gradient(180deg, #ffffff1a 0%, #fff0 55%), linear-gradient(180deg, var(--key-primary-cap-top), var(--key-primary-cap-bottom));text-shadow:0 1px #00000080;box-shadow:0 1px 1px #00000080,inset 0 -1px #00000059,inset 0 1px #ffffff29}.key--accent{background:linear-gradient(180deg, var(--key-accent-side-top), var(--key-accent-side-bottom));color:#fff;border-color:#0e2f8ce6;box-shadow:0 14px 24px -8px #1b4fd652,0 4px 8px -2px #0c0e141a,0 1px 1px #0000004d,inset 0 1px #ffffff40}.key--accent>.key__cap{background:linear-gradient(180deg, #ffffff3d 0%, #fff0 55%), linear-gradient(180deg, var(--key-accent-cap-top), var(--key-accent-cap-bottom));text-shadow:0 1px #0b2a8073;border-color:#a3c0ff;box-shadow:0 1px 1px #0000004d,inset 0 -1px #0003,inset 0 1px #ffffff73}@media (hover:hover){.key:hover{box-shadow:0 18px 28px -8px #0c0e1433,0 6px 10px -2px #0c0e141f,0 1px 1px #0000001f,inset 0 1px #ffffffb3}.key--primary:hover{box-shadow:0 18px 28px -8px #0c0e145c,0 6px 10px -2px #0c0e1424,0 1px 1px #0000004d,inset 0 1px #ffffff12}.key--accent:hover{box-shadow:0 18px 28px -8px #1b4fd66b,0 6px 10px -2px #0c0e1424,0 1px 1px #0000004d,inset 0 1px #ffffff40}}.key:active,.key[data-pressed=true]{padding-top:calc(var(--depth) - 2px);transition:padding var(--press) var(--ease-press), box-shadow var(--press) var(--ease-press);padding-bottom:4px;box-shadow:0 3px 6px #0c0e141f,0 1px 1px #0000002e,inset 0 1px #ffffff80}.key--accent:active{box-shadow:0 3px 6px #1b4fd629,0 1px 1px #00000040,inset 0 1px #ffffff40}.key--sm{--depth:4px;--r:10px}.key--sm .key__cap{gap:6px;height:32px;padding:0 12px;font-size:13px}.key--sm:active{padding-top:4px;padding-bottom:2px}.key--lg{--depth:8px;--r:16px}.key--lg .key__cap{gap:10px;height:48px;padding:0 12px 0 18px;font-size:16px}.key--lg:active{padding-top:6px;padding-bottom:4px}.key--grow{flex:1}.key--square .key__cap{width:32px;padding:0}.key:disabled{opacity:.5;cursor:not-allowed}.key kbd{background:#0000000f}.key--primary kbd{color:#fff;background:#ffffff24}.legend{width:20px;height:20px;color:var(--ink-2);text-shadow:none;background:linear-gradient(#f4f4f6,#e1e2e7);border:1px solid #d2d4da;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;line-height:16px;display:inline-flex;position:relative;box-shadow:0 1px #00000014,inset 0 1px #fff}.key--primary .legend{color:#e4e5ea;background:linear-gradient(#54565f,#383a42);border-color:#1a1b1f;box-shadow:0 1px #0000004d,inset 0 1px #ffffff2e}.key--lg .legend{border-radius:7px;width:24px;height:24px}.key--lg .legend svg{animation:beat 2.4s var(--ease) infinite}@keyframes beat{0%,70%,to{transform:scale(1)}78%{transform:scale(1.2)}86%{transform:scale(.94)}}.icon-btn{background:var(--subtle);width:32px;height:32px;transition:background .2s, transform .2s var(--spring);border-radius:999px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--line);transform:rotate(90deg)}.tt-anchor{display:inline-flex}.tooltip{z-index:1000;pointer-events:none;opacity:0;transition:opacity .16s var(--ease), transform .2s var(--ease);position:fixed;transform:translate(-50%,calc(-100% - 10px))translateY(4px)}.tooltip.bottom{transform:translate(-50%,10px)translateY(-4px)}.tooltip.on{opacity:1;transform:translate(-50%,calc(-100% - 10px))}.tooltip.bottom.on{transform:translate(-50%,10px)}.tooltip-body{background:var(--ink);color:#fff;white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 8px 20px -6px #00000059}.tooltip-body:after{content:"";background:var(--ink);border-radius:1px;width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.tooltip.bottom .tooltip-body:after{top:-4px;bottom:auto}.tooltip-body kbd{color:#ffffffe6;background:#ffffff24;padding:3px 5px}.modal-root{z-index:900;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .26s var(--ease);background:#0b0c1085;position:absolute;inset:0}.modal-panel{max-width:100%;max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);opacity:0;transition:opacity .26s var(--ease), transform .4s var(--spring), width .4s var(--ease);background:#fff;border-radius:24px;position:relative;overflow:auto;transform:translateY(16px)scale(.96)}.modal-root.on .modal-backdrop{opacity:1}.modal-root.on .modal-panel{opacity:1;transform:none}.share-step{animation:stepIn .45s var(--ease);flex-direction:column;gap:18px;padding:24px;display:flex}@keyframes stepIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.m-head{align-items:center;gap:14px;display:flex}.m-title{flex-direction:column;flex:1;display:flex}.m-title b{font-size:18px;font-weight:500}.m-title span{color:var(--ink-2);font-size:13px}.x-badge{background:var(--ink);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.x-badge.heart{background:linear-gradient(#ff6b81,#e5484d)}.post-box{background:var(--page);border:1.5px solid #0000;border-radius:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background .2s}.post-box:focus-within{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #2f6bff24}.post-box textarea{resize:none;background:0 0;border:0;outline:0;width:100%;font-size:15px;line-height:22px}.post-meta{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.tags{gap:6px;display:flex}.tag{color:var(--ink-2);border:1px solid var(--line);transition:all .2s var(--ease);background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500}.tag:hover{border-color:var(--hover)}.tag.on{background:var(--accent-weak);color:var(--accent);border-color:#0000}.count{color:var(--muted);font:12px Geist Mono,monospace}.count.over{color:#e5484d}.m-actions{gap:10px;display:flex}.m-actions .tt-anchor .btn{width:100%;height:46px;font-size:15px}.m-actions>.btn{height:46px}.m-actions.center{justify-content:center}.m-note{color:var(--muted);text-align:center;margin:-4px 0 0;font:12px Geist Mono,monospace}.thanks{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:8px 0 0;display:flex}.thanks h3{letter-spacing:-.02em;margin:6px 0 0;font-size:24px;font-weight:500}.thanks p{color:var(--ink-2);max-width:340px;margin:0}.thanks-art{animation:floaty 3s var(--ease) infinite;position:relative}.thanks-art .og-wrap{box-shadow:var(--shadow-md);border-radius:14px}.posted{background:var(--green);color:#fff;animation:popIn .6s var(--spring) .15s both;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-size:12px;font-weight:500;display:inline-flex;position:absolute;bottom:-12px;right:-14px}@keyframes popIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.big-heart{width:84px;height:84px;animation:popIn .6s var(--spring) both, beat 2s var(--ease) .6s infinite;background:#fff0f2;border-radius:26px;place-items:center;display:grid}.amounts{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.amount{border:1px solid var(--line);text-align:left;transition:all .2s var(--ease);border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;display:flex}.amount b{font-size:18px;font-weight:500}.amount span{color:var(--ink-2);font-size:11px}.amount:hover{border-color:var(--hover);transform:translateY(-2px)}.amount.on{border-color:var(--ink);box-shadow:0 0 0 3px #16171b14}.toasts{z-index:1100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:#fff;animation:toastIn .45s var(--spring), toastOut .3s var(--ease) 1.9s forwards;border-radius:999px;align-items:center;gap:10px;padding:10px 16px 10px 10px;font-size:13px;display:inline-flex;box-shadow:0 16px 40px -12px #00000073}.toast b{font-weight:500}.toast-ic{background:var(--green);border-radius:999px;place-items:center;width:22px;height:22px;display:grid}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.9)}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}.confetti-canvas{pointer-events:none;z-index:1200;position:fixed;inset:0}.nav{z-index:100;-webkit-backdrop-filter:saturate(1.6)blur(14px);backdrop-filter:saturate(1.6)blur(14px);background:#ffffffd1;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:72px;padding:0 24px;transition:border-color .3s,box-shadow .3s;display:flex;position:sticky;top:0}.nav.scrolled{border-color:var(--line);box-shadow:0 6px 24px -18px #16171b4d}.nav-left,.nav-right{align-items:center;gap:28px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:500;display:inline-flex}.brand-mark{transition:transform .4s var(--spring);border-radius:8px;box-shadow:0 4px 10px -4px #0006}.brand:hover .brand-mark{transform:rotate(-8deg)scale(1.06)}.nav-links{gap:4px;display:flex;position:relative}.nav-ind{background:var(--subtle);height:32px;transition:transform .35s var(--ease), width .35s var(--ease);z-index:0;border-radius:999px;position:absolute;top:-6px;left:0}.nav-link{z-index:1;height:20px;color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:14px;transition:color .2s;display:inline-flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.is-soon{color:var(--muted);cursor:default}.badge{background:var(--accent-weak);color:var(--accent);border-radius:6px;padding:2px 6px;font:500 11px Geist Mono,monospace}.search-chip{border:1px solid var(--line);height:34px;color:var(--muted);border-radius:999px;align-items:center;gap:8px;width:220px;padding:0 6px 0 12px;font-size:13px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.search-chip span{text-align:left;flex:1}.search-chip:hover{border-color:var(--hover);box-shadow:var(--shadow-sm);color:var(--ink-2)}.nav-text{color:var(--ink-2);white-space:nowrap;font-size:14px;transition:color .2s}.nav-text:hover{color:var(--ink)}.divider{background:var(--line);width:1px;height:24px}.page-enter{animation:pageIn .5s var(--ease)}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}}.hero{text-align:center;padding:88px var(--gutter) 72px;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(50% 50% at 50% 40%,#2f6bff1a,#0000 70%);height:520px;position:absolute;inset:-20% 10% auto}.hero-chip{border:1px solid var(--line);color:var(--ink-2);transition:all .25s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex;position:relative}.hero-chip:hover{border-color:var(--hover);box-shadow:var(--shadow-md);color:var(--ink)}.hero-chip:hover svg{transform:translate(3px)}.hero-chip svg{transition:transform .25s var(--ease)}.hero-chip .dot{background:#2f6bff;border-radius:9px;width:6px;height:6px;box-shadow:0 0 0 4px #2f6bff26}.hero h1{letter-spacing:-.035em;animation:rise .8s var(--ease) both;margin:28px 0 0;font-size:72px;font-weight:500;line-height:76px;position:relative}.hero h1 span{color:#8b8e97}.hero p{max-width:560px;color:var(--ink-2);animation:rise .8s var(--ease) 80ms both;margin:20px 0 0;font-size:18px;line-height:28px;position:relative}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}.hero-search{border:1px solid var(--line);width:640px;box-shadow:var(--shadow-md);color:var(--muted);animation:rise .8s var(--ease) .16s both;background:#fff;border-radius:18px;align-items:center;gap:12px;margin-top:36px;padding:6px 6px 6px 18px;transition:box-shadow .25s,border-color .25s;display:flex;position:relative}.hero-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #2f6bff1f, var(--shadow-md)}.hero-search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.hero-floats .float{border:1px solid var(--line);width:52px;height:52px;box-shadow:var(--shadow-md);color:var(--ink);animation:6s ease-in-out infinite drift;animation-delay:calc(var(--d) * -1.4s);background:#fff;border-radius:16px;place-items:center;display:grid;position:absolute}.f0{top:28%;left:12%}.f1{top:62%;left:18%}.f2{top:46%;left:7%}.f3{top:26%;right:12%}.f4{top:62%;right:18%}.f5{top:44%;right:7%}.hero-floats .f3{color:var(--accent)}@keyframes drift{0%,to{transform:translateY(0) rotate(calc(var(--d) * -4deg))}50%{transform:translateY(-12px) rotate(calc(var(--d) * 4deg))}}.marquee{border-top:1px solid var(--line);padding:40px 0 64px;overflow:hidden}.eyebrow{text-align:center;color:var(--muted);margin:0 0 20px;font:13px Geist Mono,monospace}.mq-row{padding:6px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.mq-track{gap:40px;width:max-content;animation:60s linear infinite mq;display:flex}.mq-row.rev .mq-track{animation-duration:70s;animation-direction:reverse}.mq-row:hover .mq-track{animation-play-state:paused}.mq-item{color:var(--muted);filter:grayscale();opacity:.6;transition:filter .3s, opacity .3s, color .3s, transform .3s var(--spring);align-items:center;gap:8px;font-size:16px;font-weight:500;display:inline-flex}.mq-item:hover{filter:none;opacity:1;color:var(--ink);transform:translateY(-2px)}@keyframes mq{to{transform:translate(-50%)}}.mark{line-height:0;display:inline-block}.mark svg{display:block}.showcase{background:var(--dark);color:#fff;min-height:1024px;padding:80px var(--gutter) 56px;flex-direction:column;justify-content:space-between;gap:48px;display:flex}.sc-top{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.sc-eyebrow{color:#fff6;align-items:center;gap:12px;font:13px Geist Mono,monospace;display:flex}.sc-eyebrow i{background:#ffffff3d;width:32px;height:1px}.showcase h2{letter-spacing:-.03em;margin:28px 0 0;font-size:64px;font-weight:500;line-height:68px}.showcase h2 span{color:#ffffff61}.sc-intro{width:360px}.sc-intro p{color:#ffffff8f;margin:0;font-size:16px;line-height:26px}.sc-actions{color:#fff6;align-items:center;gap:20px;margin-top:28px;font-size:12px;display:flex}.sc-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.sc-card{cursor:pointer;height:288px;transition:border-color .4s var(--ease), transform .4s var(--ease), background .4s;background:#15161a;border:1px solid #ffffff12;border-radius:24px;gap:24px;padding:24px;display:flex}.sc-card.on{background:#17181d;border-color:#ffffff29}.sc-card:hover{transform:translateY(-3px)}.sc-meta{opacity:.4;transition:opacity .45s var(--ease);flex-direction:column;flex:1;justify-content:space-between;display:flex}.sc-card.on .sc-meta{opacity:1}.sc-head h3{letter-spacing:-.02em;margin:12px 0 0;font-size:24px;font-weight:500;line-height:30px}.sc-head p{color:#ffffff80;margin:12px 0 0;font-size:14px;line-height:22px}.sc-head .dim{color:#fff6;font-size:13px}.sc-foot{flex-direction:column;gap:14px;display:flex}.sc-foot .mono{color:#ffffffa3;flex-direction:column;gap:4px;font-size:12px;display:flex}.sc-foot .mono .dim{color:#ffffff5c}.sc-link{align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.sc-link svg{transition:transform .3s var(--ease)}.sc-card:hover .sc-link svg{transform:translate(2px,-2px)}.sc-track{background:#ffffff1a;border-radius:2px;height:2px;overflow:hidden}.sc-track i{transform-origin:0;background:#fff;width:100%;height:100%;display:block;transform:scaleX(0)}.sc-track i.run{animation:4s linear forwards fill}.sc-track i.full{transition:transform .3s;transform:scaleX(1)}@keyframes fill{to{transform:scaleX(1)}}.sc-stage{background:#1b1c21;border:1px solid #ffffff0d;border-radius:16px;flex:none;width:320px;height:240px;position:relative;overflow:hidden}.dim-layer{background:var(--dark);opacity:.55;transition:opacity .45s var(--ease);pointer-events:none;position:absolute;inset:0}.sc-card.on .dim-layer{opacity:0}.wall{grid-template-columns:repeat(6,44px);gap:8px;transition:transform 3.2s cubic-bezier(.45,0,.2,1);display:grid;position:absolute;top:12px;left:8px}.wall span{color:#ffffffd1;width:44px;height:44px;transition:background .3s, transform .3s var(--spring);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;place-items:center;display:grid}.wall span:hover{background:#ffffff1a;transform:scale(1.08)}.wall span.accent{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 8px 22px -6px #2f6bff99}.sc-stage:before,.sc-stage:after{content:"";z-index:1;pointer-events:none;height:44px;position:absolute;left:0;right:0}.sc-card:first-child .sc-stage:before{background:linear-gradient(#1b1c21,#0000);top:0}.sc-card:first-child .sc-stage:after{background:linear-gradient(#0000,#1b1c21);bottom:0}.mesh{background:linear-gradient(135deg,#4b3fe0,#1f8fd6);border-radius:10px;position:absolute;inset:10px;overflow:hidden}.mesh i{filter:blur(48px);opacity:.9;border-radius:50%;animation:16s ease-in-out infinite blob;position:absolute}.mesh .b1{background:#8b5cf6;width:270px;height:240px;top:-80px;left:-90px}.mesh .b2{background:#3fd6e8;width:240px;height:220px;animation-delay:-4s;top:40px;left:130px}.mesh .b3{background:#6ee7b7;width:260px;height:200px;animation-delay:-8s;top:120px;left:-50px}.mesh .b4{background:#f0abfc;width:170px;height:170px;animation-delay:-12s;top:-70px;left:170px}@keyframes blob{0%,to{transform:translate(0)}33%{transform:translate(40px,50px)}66%{transform:translate(-30px,20px)}}.mesh:after{content:"";mix-blend-mode:overlay;opacity:.35;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.mesh .chip{z-index:1;color:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0f126b;border-radius:999px;padding:6px 10px;font-size:11px;position:absolute;bottom:12px;left:12px}.iso-stage{place-items:center;display:grid;position:absolute;inset:0}.iso-art{z-index:1;position:relative;transform:translateY(-6px)}.sc-card.on .iso-art{animation:1.8s ease-in-out infinite bob}.iso-stage .glow{filter:blur(26px);background:#4d7cfe52;border-radius:50%;height:60px;position:absolute;bottom:30px;left:40px;right:40px}.iso-stage .shadow{filter:blur(10px);background:#00000080;border-radius:50%;height:26px;position:absolute;bottom:40px;left:75px;right:75px}.sc-card.on .iso-stage .shadow{animation:1.8s ease-in-out infinite shrink}@keyframes bob{0%,to{transform:translateY(-6px)}50%{transform:translateY(-18px)}}@keyframes shrink{0%,to{transform:scale(1)}50%{transform:scale(.8)}}.reel{height:100%;transition:transform .55s var(--ease);display:flex;position:absolute;top:0;left:0}.reel-item{opacity:.45;width:150px;transition:opacity .5s, transform .5s var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:18px;font-weight:500;display:flex;transform:scale(.88)}.reel-item.on{opacity:1;transform:none}.sc-card:last-child .sc-stage:before{content:"";background:linear-gradient(90deg,#1b1c21,#0000);width:72px;height:auto;inset:0 auto 0 0}.sc-card:last-child .sc-stage:after{content:"";background:linear-gradient(-90deg,#1b1c21,#0000);width:72px;height:auto;inset:0 0 0 auto}.sc-bottom{color:#ffffff7a;justify-content:space-between;font-size:12px;display:flex}.sc-bottom .dim{color:#ffffff52}.led{background:#2f6bff;border-radius:9px;width:8px;height:8px;margin-right:10px;animation:2s ease-in-out infinite led;display:inline-block}@keyframes led{50%{opacity:.25}}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.support{padding:96px var(--gutter)}.support-panel{text-align:center;background:var(--page);border-radius:28px;flex-direction:column;align-items:center;gap:24px;padding:56px 48px;display:flex}.support h2{letter-spacing:-.03em;margin:0;font-size:44px;font-weight:500;line-height:50px}.support-panel>p{max-width:520px;color:var(--ink-2);margin:0}.share-card{border:1px solid var(--line);text-align:left;width:720px;transition:box-shadow .3s var(--ease), transform .3s var(--ease);background:#fff;border-radius:20px;align-items:center;gap:20px;padding:12px 24px 12px 12px;display:flex;box-shadow:0 8px 24px -8px #16171b14}.share-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.share-thumb{border-radius:12px;flex:none;position:relative;overflow:hidden}.share-thumb .og-wrap{transition:transform .5s var(--ease)}.share-thumb:hover .og-wrap{transform:scale(1.04)}.share-thumb .zoom{color:#fff;opacity:0;width:28px;height:28px;transition:all .25s var(--spring);background:#16171bb3;border-radius:999px;place-items:center;display:grid;position:absolute;top:8px;right:8px;transform:scale(.8)}.share-thumb:hover .zoom{opacity:1;transform:none}.share-post{flex-direction:column;gap:12px;display:flex}.share-post .label{color:var(--ink-2);align-items:center;gap:8px;font-size:12px;display:inline-flex}.share-post p{margin:0;font-size:15px;line-height:22px}.share-post p a{color:var(--accent)}.share-post .row{gap:8px;display:flex}.share-post .btn{height:36px}.footer{isolation:isolate;padding:136px var(--gutter-footer) 0;border-top:1px solid var(--line);position:relative;overflow:hidden}.footer-confetti{z-index:-1;pointer-events:none;position:absolute;inset:0}.footer-cta{-webkit-backdrop-filter:blur(12px)saturate(1.3);background:#ffffff94;border:1px solid #16171b14;border-radius:24px;justify-content:space-between;align-items:center;gap:40px;margin-bottom:64px;padding:32px 36px;display:flex;box-shadow:inset 0 1px #ffffffe6,0 24px 48px -28px #16171b40}.footer-cta h3{letter-spacing:-.025em;margin:14px 0 8px;font-size:32px;font-weight:500;line-height:1.15}.footer-cta p{max-width:540px;color:var(--ink-2)}.footer-cta-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}@media (width<=760px){.footer-cta{flex-direction:column;align-items:flex-start;padding:24px}.footer-cta h3{font-size:26px}}.footer-top{justify-content:space-between;gap:40px;display:flex}.footer-brand p{color:var(--ink-2);margin:16px 0}.live{color:var(--ink-2);align-items:center;gap:8px;font:12px Geist Mono,monospace;display:inline-flex}.live i{background:#2f6bff;border-radius:9px;width:6px;height:6px;animation:2s infinite led}.footer-cols{gap:64px;display:flex}.footer-cols div{color:var(--ink-2);flex-direction:column;gap:10px;font-size:14px;display:flex}.footer-cols b{color:var(--ink);margin-bottom:4px;font-weight:500}.footer-cols a,.footer-cols button{text-align:left;cursor:pointer;transition:color .2s, transform .2s var(--ease)}.footer-cols a:hover,.footer-cols button:hover{color:var(--ink);transform:translate(2px)}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:56px;padding-top:24px;font-size:13px;display:flex}.page{padding:var(--page-pad) var(--page-pad) 96px}.page-head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px;display:flex}.page-head h1{letter-spacing:-.03em;align-items:center;gap:12px;margin:0;font-size:48px;font-weight:500;line-height:52px;display:flex}.page-head p{max-width:560px;color:var(--ink-2);margin:12px 0 0;font-size:16px}.count-pill{letter-spacing:.04em;font-variant-numeric:tabular-nums;background:var(--accent-weak);color:var(--accent);border-radius:999px;padding:5px 12px;font:500 14px Geist Mono,monospace}.npm{background:var(--page);border:1px solid var(--line);height:40px;color:var(--ink-2);border-radius:12px;align-items:center;gap:10px;padding:0 14px;font-size:13px;transition:all .2s;display:inline-flex}.npm:hover{border-color:var(--hover);color:var(--ink)}.controls{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;flex-direction:column;gap:18px;margin-bottom:40px;padding:14px 0 0;display:flex;position:sticky;top:72px}.toolbar{align-items:center;gap:12px;display:flex}.search{background:var(--page);height:52px;color:var(--muted);transition:all .2s var(--ease);border:1px solid #0000;border-radius:16px;flex:1;align-items:center;gap:12px;padding:0 16px;display:flex}.search:focus-within{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #2f6bff1a}.search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:16px}.dd-wrap{position:relative}.dropdown,.pill{background:var(--page);white-space:nowrap;border-radius:16px;align-items:center;gap:8px;height:52px;padding:0 18px;font-size:14px;font-weight:500;transition:background .2s;display:inline-flex}.pill{background:var(--subtle);border-radius:999px;height:40px;padding:0 16px 0 14px}.dropdown:hover,.pill:hover{background:var(--line)}.pill .sw{border-radius:999px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0000001a}.popover{z-index:60;border:1px solid var(--line);min-width:160px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .18s var(--ease), transform .25s var(--spring);transform-origin:top;background:#fff;border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-6px)scale(.98)}.popover.right{left:auto;right:0}.popover.wide{width:260px;padding:14px}.popover.on{opacity:1;pointer-events:auto;transform:none}.pop-item{text-align:left;border-radius:9px;width:100%;padding:8px 10px;font-size:14px;display:block}.pop-item:hover{background:var(--page)}.pop-item.on{font-weight:500}.pop-foot{margin-top:10px;font-size:11px;display:block}.swatches{align-items:center;gap:12px;padding:6px;display:flex}.sw-div{background:var(--line);width:1px;height:18px}.sw-btn{width:22px;height:22px;transition:transform .2s var(--spring);border-radius:999px;box-shadow:inset 0 0 0 1px #00000014}.sw-btn:hover{transform:scale(1.15)}.sw-btn.on{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ink)}.stroke-row{align-items:center;gap:14px;display:flex}.stroke-row input{accent-color:var(--ink);flex:1}.style-bar{justify-content:space-between;align-items:center;display:flex}.seg{background:var(--subtle);border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.seg-item{height:34px;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;transition:all .2s;display:inline-flex}.seg-item.on{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff;font-weight:500}.seg-item:disabled{cursor:default}.seg-item:not(.on):hover{color:var(--ink)}.soon{color:var(--ink-2);background:#dcdee3;border-radius:6px;padding:2px 6px;font:10px Geist Mono,monospace}.seg-div{background:var(--hover);width:1px;height:20px;margin:0 6px}.style-right{gap:8px;display:flex}.cats-wrap{scrollbar-width:none;border-bottom:1px solid var(--line);position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.cats-wrap::-webkit-scrollbar{display:none}.cats{gap:28px;width:max-content;padding-right:80px;display:flex;position:relative}.cat{color:var(--ink-2);white-space:nowrap;align-items:baseline;gap:6px;padding:4px 0 14px;font-size:15px;transition:color .2s;display:inline-flex}.cat .mono{color:var(--muted);font-size:13px}.cat:hover,.cat.on{color:var(--ink)}.cat.on{font-weight:500}.cat.on .mono{color:var(--ink)}.cat-u{background:var(--ink);height:2px;transition:transform .35s var(--ease), width .35s var(--ease);border-radius:2px;position:absolute;bottom:0;left:0}.icon-section{margin-bottom:40px}.icon-section h2{letter-spacing:-.01em;margin:0 0 14px;font-size:18px;font-weight:500}.icon-section h2 .mono{font-size:13px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px;display:grid}.tile{background:var(--page);cursor:pointer;height:96px;transition:background .2s, border-color .2s, box-shadow .25s var(--ease), transform .25s var(--ease);animation:tileIn .5s var(--ease) both;animation-delay:calc(var(--i) * 12ms);border:1px solid #0000;border-radius:16px;position:relative}@keyframes tileIn{0%{opacity:0;transform:translateY(8px)scale(.98)}}.tile:hover{border-color:var(--hover);box-shadow:var(--shadow-md);background:#fff;transform:translateY(-3px)}.tile{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding-top:4px;display:flex}.tile-ic{height:32px;transition:transform .35s var(--spring);place-items:center;display:grid}.tile:hover .tile-ic{transform:translateY(-4px)scale(1.1)}.tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 16px);color:var(--muted);font-size:11px;transition:color .2s;overflow:hidden}.tile:hover .tile-name{opacity:0;transform:translateY(4px)}.tile-name{transition:opacity .18s var(--ease), transform .25s var(--ease)}.tile-actions{background:var(--page);box-shadow:inset 0 0 0 1px var(--line);opacity:0;transition:opacity .2s var(--ease), transform .3s var(--spring);border-radius:9px;align-items:center;gap:2px;padding:2px;display:flex;position:absolute;bottom:9px;left:50%;transform:translate(-50%,6px)}.tile-actions .tt-anchor+.tt-anchor{border-left:1px solid var(--line);padding-left:2px}.tile:hover .tile-actions{opacity:1;transform:translate(-50%)}.tile-actions button,.lt-actions button,.ic-actions button{width:24px;height:24px;color:var(--ink-2);border-radius:7px;place-items:center;transition:background .15s,color .15s;display:grid}.tile-actions button:hover,.lt-actions button:hover,.ic-actions button:hover{background:var(--subtle);color:var(--ink)}.empty{color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:80px 0;display:flex}.empty b{color:var(--ink);font-weight:500}.icon-modal,.grad-modal,.logo-modal,.iso-modal{flex-direction:column;gap:16px;padding:22px;display:flex}.im-head{align-items:center;gap:8px;display:flex}.im-head b{margin-right:4px;font-size:18px;font-weight:500}.im-head .close{margin-left:auto}.badge-n{background:var(--subtle);color:var(--ink-2);border-radius:7px;padding:3px 8px;font-size:12px}.im-preview{background:var(--page);background-image:radial-gradient(circle at 1px 1px,#16171b12 1px,#0000 0);background-size:16px 16px;border-radius:16px;flex-direction:column;align-items:center;gap:24px;padding:32px 0 20px;display:flex}.im-big{animation:popIn .5s var(--spring)}.im-sizes{align-items:flex-end;gap:20px;display:flex}.im-sizes button{transition:background .2s, transform .2s var(--spring);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:6px;display:flex}.im-sizes button:hover{transform:translateY(-2px)}.im-sizes button.on{box-shadow:var(--shadow-sm);background:#fff}.im-sizes .mono{color:var(--muted);font-size:11px}.im-controls{align-items:center;gap:10px;display:flex}.stepper{background:var(--page);height:40px;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 14px;font-size:13px;display:inline-flex}.stepper button{width:28px;height:28px;box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;font-size:15px;transition:transform .15s}.stepper button:active{transform:scale(.9)}.stepper b{text-align:center;min-width:28px;color:var(--ink);font-size:13px;font-weight:500}.im-controls .swatches{margin-left:auto}.code{color:#e7e9ea;background:#121316;border-radius:14px;overflow:hidden}.code-tabs{border-bottom:1px solid #ffffff0f;gap:4px;padding:8px;display:flex}.code-tabs button{color:#ffffff80;border-radius:8px;padding:5px 10px;font-size:12px;transition:all .2s}.code-tabs button.on{color:#fff;background:#ffffff1a}.code-tabs .tt-anchor{margin-left:auto}.code-copy{place-items:center;width:28px;height:28px;display:grid!important}.code-copy:hover{background:#ffffff1a;color:#fff!important}.code pre{white-space:pre-wrap;word-break:break-all;color:#c9d1d9;max-height:160px;margin:0;padding:14px 16px;font:12px/1.7 Geist Mono,monospace;overflow:auto}.im-foot{justify-content:space-between;align-items:center;display:flex}.im-foot .row{gap:8px;display:flex}.im-foot .mono{font-size:12px}.pill.toggle{gap:10px}.switch{background:var(--hover);border-radius:999px;width:30px;height:18px;transition:background .25s;position:relative}.switch i{width:14px;height:14px;box-shadow:var(--shadow-sm);transition:transform .3s var(--spring);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px}.pill.toggle.on .switch{background:var(--ink)}.pill.toggle.on .switch i{transform:translate(12px)}.pill.blur input{width:96px;accent-color:var(--accent)}.kinds{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding-bottom:14px;display:flex}.chip{color:var(--ink-2);border-radius:999px;padding:7px 14px;font-size:14px;transition:all .2s}.chip:hover{color:var(--ink);background:var(--page)}.chip.on{background:var(--subtle);color:var(--ink);font-weight:500}.kinds .right{margin-left:auto;font-size:12px}.grad-grid,.iso-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.grad-card,.iso-card{border:1px solid var(--line);cursor:pointer;transition:box-shadow .3s var(--ease), transform .3s var(--ease), border-color .3s;animation:tileIn .55s var(--ease) both;animation-delay:calc(var(--i) * 25ms);background:#fff;border-radius:16px;padding:6px}.grad-card:hover,.iso-card:hover{box-shadow:var(--shadow-md);border-color:var(--hover);transform:translateY(-4px)}.gc-preview,.ic-preview{border-radius:11px;height:216px;position:relative;overflow:hidden}.grad{border-radius:inherit;width:100%;height:100%;position:relative;overflow:hidden}.grad-fill{transition:transform .8s var(--ease), filter .3s;position:absolute;inset:0}.grad-card:hover .grad-fill{transform:scale(1.08)rotate(1.5deg)}.grain{pointer-events:none;mix-blend-mode:multiply;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.grain.light{mix-blend-mode:screen;filter:invert();opacity:.22}.grad.big{border-radius:16px;height:300px}.gc-actions,.ic-actions{opacity:0;transition:opacity .2s, transform .3s var(--spring);gap:6px;display:flex;position:absolute;top:10px;right:10px;transform:translateY(-6px)}.grad-card:hover .gc-actions,.iso-card:hover .gc-actions,.iso-card:hover .ic-actions{opacity:1;transform:none}.gc-copy{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16171bdb;border-radius:999px;align-items:center;gap:6px;height:28px;padding:0 12px;font-size:12px;font-weight:500;transition:transform .2s;display:inline-flex}.gc-copy:hover{transform:scale(1.04)}.gc-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .2s, transform .35s var(--spring);white-space:nowrap;background:#ffffffe6;border-radius:11px;gap:2px;padding:3px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%,8px);box-shadow:0 0 0 1px #16171b0f,0 6px 18px -6px #16171b47}.grad-card:hover .gc-bar,.iso-card:hover .gc-bar,.gc-bar:focus-within{opacity:1;transform:translate(-50%)}.gc-bar button{height:28px;color:var(--ink);border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;transition:background .15s,transform .15s;display:inline-flex}.gc-bar button+button{box-shadow:-1px 0 #16171b14}.gc-bar button:active{transform:scale(.96)}.gc-round{color:#fff;background:#16171bdb;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.ic-actions{box-shadow:var(--shadow-md);background:#fff;border-radius:10px;padding:3px}.gc-cap{justify-content:space-between;align-items:center;padding:12px 8px 6px;display:flex}.gc-cap b{margin-right:8px;font-size:14px;font-weight:500}.gc-cap .dim{font-size:12px}.palette{display:flex}.palette i{width:14px;height:14px;transition:margin .3s var(--ease);border-radius:999px;margin-left:-4px;box-shadow:0 0 0 2px #fff}.grad-card:hover .palette i{margin-left:2px}.palette.lg{gap:8px}.palette.lg button{width:36px;height:36px;transition:transform .2s var(--spring);border-radius:12px;box-shadow:inset 0 0 0 1px #00000014}.palette.lg button:hover{transform:translateY(-3px)scale(1.06)}.logo-grid{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.logo-tile{background:var(--page);border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;height:176px;animation:tileIn .5s var(--ease) both;animation-delay:calc(var(--i) * 18ms);place-items:center;transition:background .25s;display:grid;position:relative}.logo-tile:nth-child(4n){border-right:0}.logo-tile:hover{z-index:1;background:#fff}.lt-lockup{letter-spacing:-.02em;transition:transform .4s var(--spring);align-items:center;gap:10px;font-size:26px;font-weight:600;display:flex}.logo-tile:hover .lt-lockup{transform:translateY(-10px)scale(1.04)}.lt-lockup .mark{transition:transform .5s var(--spring)}.logo-tile:hover .lt-lockup .mark{transform:rotate(-10deg)scale(1.08)}.lt-actions{opacity:0;transition:opacity .2s, transform .3s var(--spring);gap:2px;display:flex;position:absolute;bottom:16px;transform:translateY(6px)}.logo-tile:hover .lt-actions{opacity:1;transform:none}.lm-stage{background:var(--page);background-image:radial-gradient(circle at 1px 1px,#16171b12 1px,#0000 0);background-size:16px 16px;border-radius:16px;place-items:center;height:240px;display:grid}.lm-mark{animation:popIn .6s var(--spring), floaty 3s var(--ease) .6s infinite}.lm-variants{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lm-variants div{border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;gap:8px;height:72px;font-weight:600;display:flex}.iso-card .ic-preview{background:var(--page);place-items:center;display:grid}.ic-art{transition:transform .5s var(--spring)}.iso-card:hover .ic-art{transform:translateY(-8px)scale(1.04)}.iso-big{background:var(--page);animation:popIn .5s var(--spring);border-radius:16px;place-items:center;padding:12px;display:grid}.palette-input{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;padding:16px 18px;display:flex}.palette-input input{color:var(--ink);border:0;outline:0;flex:1;font-size:16px}.palette-list{max-height:380px;padding:8px;overflow:auto}.palette-item{text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background .12s;display:flex}.palette-item.on{background:var(--page)}.pi-ic{background:var(--subtle);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.pi-sw{border-radius:6px;width:20px;height:20px}.pi-label{flex:1;font-size:14px}.pi-kind{color:var(--muted);font:11px Geist Mono,monospace}.palette-empty{text-align:center;color:var(--muted);padding:32px}.og-wrap{border-radius:14px;flex:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #16171b0f}.og{transform-origin:0 0;width:1200px;height:630px;color:var(--ink);background:linear-gradient(150deg,#f7faff 0%,#eaf2ff 55%,#d6e6ff 100%);position:absolute;top:0;left:0;overflow:hidden}.og-copy{position:absolute;top:64px;left:72px}.og-brand{align-items:center;gap:12px;font-size:30px;display:flex}.og-brand b{letter-spacing:-.02em;font-weight:500}.og-ver{background:var(--ink);color:#fff;border-radius:7px;padding:3px 9px;font:500 16px Geist Mono,monospace}.og h3{letter-spacing:-.035em;margin:84px 0 0;font-size:76px;font-weight:500;line-height:80px}.og h3 em{color:var(--accent);font-style:normal}.og p{color:var(--ink-2);margin:28px 0 0;font-size:24px;line-height:34px}.og-chips{gap:10px;margin-top:40px;display:flex}.og-chips span{background:#fff;border-radius:999px;padding:10px 18px;font-size:18px;font-weight:500;box-shadow:0 4px 12px -6px #17224c33}.og-chips span.on{background:var(--ink);color:#fff}.og-domain{color:#16171b80;font:16px Geist Mono,monospace;position:absolute;bottom:40px;left:72px}.og-panel{background:#fff;border-radius:20px;flex-direction:column;gap:14px;width:372px;padding:16px 18px 18px;display:flex;position:absolute;top:78px;left:668px;box-shadow:0 24px 60px -16px #17224c4d}.og-ph{justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.og-ph span{align-items:center;gap:8px;display:inline-flex}.og-ph .x{color:var(--muted);font-size:16px;font-weight:400}.og-search{border:1.5px solid var(--accent);color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex;box-shadow:0 0 0 3px #2f6bff2e}.og-tabs{color:#8d909a;background:#f1f2f4;border-radius:9px;gap:2px;padding:3px;font-size:11px;font-weight:500;display:flex}.og-tabs span{border-radius:7px;align-items:center;gap:4px;padding:5px 10px;display:inline-flex}.og-tabs span.on{color:var(--ink);box-shadow:var(--shadow-sm);background:#fff}.og-tabs i{color:var(--ink-2);background:#e3e5ea;border-radius:4px;padding:1px 4px;font:500 8px Geist Mono,monospace}.og-grid{grid-template-columns:repeat(5,62px);gap:5px 6.5px;display:grid}.og-grid span{height:62px;color:var(--ink);background:#f3f4f6;border-radius:12px;place-items:center;display:grid}.og-grid span.sel{box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff}.og-ctl{border-top:1px solid #eeeff2;flex-direction:column;gap:10px;padding-top:12px;font-size:10px;display:flex}.og-ctl div{align-items:center;gap:8px;display:flex}.og-ctl label{color:#8d909a;width:40px}.og-ctl div>span{color:#8d909a;background:#f3f4f6;border-radius:6px;padding:3px 7px;font:10px Geist Mono,monospace}.og-ctl div>span.on{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);background:#fff;font-weight:500}.og-slider{border-radius:2px;flex:1;position:relative;background:var(--line)!important;height:3px!important;padding:0!important}.og-slider i{background:var(--ink);border-radius:2px;width:40%;height:3px;position:absolute;top:0;left:0}.og-sw{width:16px;height:16px;background:var(--ink)!important;border-radius:4px!important;padding:0!important}.og-hex{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)!important;background:#fff!important}.og-ctl b{font:10px Geist Mono,monospace}.og-float{background:#fff;border-radius:22px;place-items:center;width:104px;height:104px;display:grid;position:absolute;left:1080px;box-shadow:0 14px 36px -10px #17224c40}@media (width<=1200px){.search-chip{width:auto}.search-chip span{display:none}.sc-grid{grid-template-columns:1fr}.grad-grid,.iso-grid{grid-template-columns:repeat(3,1fr)}.share-card{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.support-panel{isolation:isolate;background:#f3f5fa;position:relative;overflow:hidden}.aurora{z-index:-1;position:absolute;inset:0;overflow:hidden}.aurora i{filter:blur(70px);opacity:.85;will-change:transform;border-radius:50%;position:absolute}.aurora .a1{background:#c9d8ff;width:640px;height:520px;animation:18s ease-in-out infinite aur1;top:-220px;left:-160px}.aurora .a2{background:#e6d4ff;width:560px;height:480px;animation:22s ease-in-out infinite aur2;top:-120px;right:-140px}.aurora .a3{background:#ffe0cc;width:620px;height:460px;animation:20s ease-in-out infinite aur3;bottom:-260px;left:22%}.aurora .a4{background:#bff1ea;width:420px;height:380px;animation:24s ease-in-out infinite reverse aur1;bottom:-180px;right:16%}@keyframes aur1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(180px,120px)scale(1.12)}}@keyframes aur2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-200px,140px)scale(.92)}}@keyframes aur3{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-160px,-120px)rotate(20deg)}}.aurora-grain{opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.support .share-card{-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);background:#ffffffc7;border-color:#ffffffe6}.icons-layout{grid-template-columns:248px 1fr;align-items:start;gap:40px;display:grid}.side{scrollbar-width:none;flex-direction:column;gap:28px;max-height:calc(100vh - 120px);padding-bottom:96px;display:flex;position:sticky;top:96px;overflow:auto}.side::-webkit-scrollbar{display:none}.side-group{flex-direction:column;gap:10px;display:flex}.side-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-left:4px;font-size:11px}.side-styles{grid-template-columns:1fr 1fr;gap:6px;display:grid}.style-card{border:1px solid var(--line);color:var(--ink-2);transition:all .2s var(--ease);background:#fff;border-radius:12px;align-items:center;gap:8px;width:100%;padding:6px 8px 6px 6px;font-size:13px;display:flex}.style-card .style-prev{background:var(--page);width:28px;height:28px;color:var(--muted);border-radius:8px;place-items:center;font:500 12px Geist Mono,monospace;display:grid}.style-card.on{border-color:var(--ink);color:var(--ink);font-weight:500;box-shadow:0 0 0 3px #16171b0f}.style-card.on .style-prev{background:var(--ink);color:#fff}.style-card .style-check,.style-card .soon{margin-left:auto}.style-card:disabled{cursor:default}.side-nav{flex-direction:column;gap:2px;display:flex;position:relative}.side-hl{border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), height .35s var(--ease);background:#fff;border-radius:12px;position:absolute;top:0;left:0;right:0}.side-item{height:38px;color:var(--ink-2);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-size:14px;transition:color .2s,background .2s;display:flex;position:relative}.side-item:hover:not(.on){background:var(--page);color:var(--ink)}.side-item.on{color:var(--ink);font-weight:500}.side-item svg{transition:transform .3s var(--spring);flex:none}.side-item:hover svg{transform:scale(1.12)rotate(-6deg)}.si-label{flex:1}.si-count{color:var(--muted);font-size:12px}.side-item.on .si-count{color:var(--ink)}.side-card{background:var(--page);color:var(--ink-2);border-radius:16px;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;font-size:13px;display:flex}.side-card b{color:var(--ink);font-size:14px;font-weight:500}.side-card .key{margin-top:8px}.icons-main{min-width:0}.main-bar{z-index:40;background:linear-gradient(#fff 80%,#fff0);align-items:center;gap:12px;padding:16px 0 20px;display:flex;position:sticky;top:72px}.main-bar .key__cap{height:44px}.dock{z-index:80;color:#fff;-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);opacity:0;transition:transform .6s var(--spring), opacity .3s var(--ease);background:#16171bf0;border-radius:20px;align-items:center;gap:16px;padding:8px 8px 8px 16px;display:flex;position:fixed;bottom:24px;left:calc(50% + 144px);transform:translate(-50%,140%);box-shadow:0 16px 40px -12px #00000073,inset 0 1px #ffffff14}.dock.on{opacity:1;animation:5s ease-in-out .8s infinite dockFloat;transform:translate(-50%)}@keyframes dockFloat{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.dock:hover{animation-play-state:paused}.dl{color:#8d909a;font-size:12px}.dock-style{border-radius:8px;align-items:center;gap:8px;padding:6px 4px;font-size:14px;font-weight:500;display:inline-flex}.dock-style:hover{background:#ffffff0f}.dock-div{background:#34363e;width:1px;height:24px}.dock-step{align-items:center;gap:8px;display:flex}.dock-step button{width:28px;height:28px;transition:background .15s, transform .15s var(--spring);background:#2a2b31;border-radius:8px;place-items:center;font-size:15px;display:grid}.dock-step button:hover{background:#3a3b42}.dock-step button:active{transform:scale(.88)}.dock-step b{text-align:center;min-width:32px;font-size:14px;font-weight:500}.dock-sw{gap:12px;padding:0 4px;display:flex}.dock-sw button{width:18px;height:18px;transition:transform .2s var(--spring), box-shadow .2s;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff2e}.dock-sw button:hover{transform:scale(1.2)}.dock-sw button.on{box-shadow:0 0 0 2px #16171b,0 0 0 4px #fff}.popover.up{transform-origin:bottom;top:auto;bottom:calc(100% + 14px)}.popover.dark{color:#fff;background:#1e1f24;border-color:#34363e}.popover.dark .pop-item:hover{background:#ffffff0f}.popover.dark .pop-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.popover.dark .pop-item:disabled{color:#8d909a;cursor:default}.popover.dark .soon{color:#a3a5ad;background:#34363e}.m-actions .tt-anchor{flex:1}.m-actions .tt-anchor .key,.m-actions>.key--grow{width:100%}.m-actions .key__cap{height:44px;font-size:15px}.share-post .row{align-items:flex-start}.sc-actions .key__cap{height:40px}.hero-search .key{margin-left:4px}@media (width<=1100px){.icons-layout{grid-template-columns:1fr}.side{max-height:none;padding-bottom:0;position:static}.dock{left:50%}}.ph{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:24px;display:flex}.ph-chip{border:1px solid var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.ph-chip i{color:var(--muted);font-style:normal}.ph-chip b{font-size:12px;font-weight:500}.ph h1{letter-spacing:-.03em;margin:16px 0 0;font-size:44px;font-weight:500;line-height:48px}.ph p{color:var(--ink-2);margin:10px 0 0;font-size:16px}.summary{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;display:grid}.sum-cell{flex-direction:column;gap:6px;padding:14px 16px;font-size:14px;display:flex}.sum-cell+.sum-cell{border-left:1px solid var(--line)}.sum-cell>span{color:var(--muted);font-size:12px}.fmt-row{gap:4px;display:inline-flex}.fmt{background:var(--subtle);color:var(--ink-2);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500}.toolbar2{align-items:center;gap:8px;margin-bottom:14px;display:flex}.search.sm{border-color:var(--line);background:#fff;border-radius:14px;height:44px}.search.sm input{font-size:14px}.select{border:1px solid var(--line);white-space:nowrap;background:#fff;border-radius:14px;align-items:center;gap:8px;height:44px;padding:0 12px 0 14px;font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s;display:inline-flex}.select:hover{border-color:var(--hover);box-shadow:var(--shadow-sm)}.select .dim{font-weight:400}.select .chev{color:var(--muted);transition:transform .25s var(--ease)}.select.open .chev{transform:rotate(180deg)}.select.open{border-color:var(--ink)}.pop-item{justify-content:space-between;align-items:center;gap:16px;display:flex}.pop-item:disabled{color:var(--muted);cursor:default}.pop-item .tick{color:var(--accent)}.pi-row{align-items:center;gap:8px;display:inline-flex}.pal-v{align-items:center;gap:6px;display:inline-flex}.pal-v i{border-radius:9px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0000001a}.view-toggle{border:1px solid var(--line);background:#fff;border-radius:14px;padding:4px;display:inline-flex;position:relative}.view-toggle button{z-index:1;width:34px;height:34px;color:var(--muted);border-radius:10px;place-items:center;transition:color .2s;display:grid;position:relative}.view-toggle button.on{color:var(--ink)}.vt-ind{background:var(--subtle);width:34px;height:34px;transition:transform .3s var(--spring);border-radius:10px;position:absolute;top:4px;left:4px}.view-toggle button+button{margin-left:2px}.pill-tabs{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.pt-list{flex-wrap:wrap;gap:4px;display:flex}.pt{height:34px;color:var(--ink-2);transition:all .2s var(--ease);border-radius:999px;align-items:baseline;gap:6px;padding:0 14px;font-size:14px;display:inline-flex}.pt .mono{color:var(--muted);font-size:12px}.pt:hover{color:var(--ink);background:var(--page)}.pt.on{background:var(--subtle);color:var(--ink);font-weight:500}.pt.on .mono{color:var(--ink-2)}.pt{align-items:center}.pt-right{color:var(--muted);white-space:nowrap;font-size:12px}.ic-cap{flex-direction:column;gap:10px;padding:12px 8px 8px;display:flex}.ic-title{justify-content:space-between;align-items:center;display:flex}.ic-title b{margin-right:8px;font-size:14px;font-weight:500}.ic-title .dim{font-size:12px}.ic-meta{justify-content:space-between;align-items:center;display:flex}.pal-dots{gap:9px;padding:0 4px;display:flex}.pal-dots button{width:12px;height:12px;transition:transform .2s var(--spring), box-shadow .2s;border-radius:9px}.pal-dots button:hover{transform:scale(1.25)}.pal-dots button.on{box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--ink)}.iso-card .ic-actions{box-shadow:none;background:0 0;padding:0}.iso-card .ic-art svg{transition:none}.iso-list{border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.il-row{border-bottom:1px solid var(--line);cursor:pointer;animation:tileIn .45s var(--ease) both;animation-delay:calc(var(--i) * 18ms);grid-template-columns:40px 104px 1fr 1fr 160px auto;align-items:center;gap:16px;padding:8px 16px;transition:background .2s;display:grid}.il-row:last-child{border-bottom:0}.il-row:hover{background:var(--page)}.il-row b{font-weight:500}.il-thumb{background:var(--page);border-radius:10px;place-items:center;width:104px;height:80px;display:grid}.il-actions{justify-content:flex-end;gap:6px;display:flex}.request-row{color:var(--ink-2);justify-content:center;align-items:center;gap:16px;margin-top:48px;font-size:14px;display:flex}.pal-switch{gap:6px;display:flex}.pal-switch button{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-flex}.pal-switch button i{border-radius:9px;width:10px;height:10px}.pal-switch button.on{border-color:var(--ink);background:var(--ink);color:#fff}.mode-toggle{background:var(--subtle);border-radius:18px;grid-template-columns:1fr 1fr;margin:-8px 0 28px;padding:5px;display:inline-grid;position:relative}.mode-toggle button{z-index:1;height:44px;color:var(--ink-2);white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:500;transition:color .25s;display:inline-flex;position:relative}.mode-toggle button .mono{color:var(--ink-2);background:#16171b0f;border-radius:999px;padding:2px 7px;font-size:12px}.mode-toggle button.on{color:var(--ink)}.mode-toggle button.on .mono{background:var(--accent-weak);color:var(--accent)}.mt-ic{border-radius:999px;place-items:center;width:24px;height:24px;margin-left:-4px;transition:color .3s,background .3s,box-shadow .3s;display:grid}.mode-toggle button.on .mt-ic.world{color:#2f6bff;background:#2f6bff1a}.mode-toggle button.on .mt-ic.templates{color:#f5a524;background:#f5a52424}.mode-toggle button.lit .mt-ic{animation:mtLit 1.3s var(--ease)}.mode-toggle button.lit .mt-ic.world{--glow:#2f6bff73}.mode-toggle button.lit .mt-ic.templates{--glow:#f5a52480}@keyframes mtLit{0%{box-shadow:0 0 0 0 var(--glow);transform:scale(.6)rotate(-20deg)}35%{box-shadow:0 0 0 8px transparent, 0 0 18px 4px var(--glow);transform:scale(1.25)rotate(8deg)}to{transform:none;box-shadow:0 0 #0000}}.mt-ind{width:calc(50% - 5px);height:44px;box-shadow:var(--shadow-md);transition:transform .45s var(--spring);background:#fff;border-radius:14px;position:absolute;top:5px;left:5px}.mode-body{animation:pageIn .45s var(--ease)}.world-grid{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.wl-tile{background:var(--page);border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;height:176px;animation:tileIn .45s var(--ease) both;animation-delay:calc(var(--i) * 16ms);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 12px;transition:background .25s;display:flex;position:relative}.wl-tile:nth-child(5n){border-right:0}.wl-tile img{object-fit:contain;max-width:120px;height:40px;transition:transform .4s var(--spring);margin-bottom:10px}.wl-tile img.wm{max-width:150px;height:28px}.wl-tile b{transition:transform .35s var(--spring);font-size:14px;font-weight:500}.wl-tile>span:not(.wl-logo){color:var(--muted);font-size:12px;transition:opacity .2s}.wl-tile:hover{z-index:1;background:#fff}.wl-tile:hover img{transform:translateY(-10px)scale(1.06)}.wl-tile:hover b{transform:translateY(-10px)}.wl-tile:hover>span:not(.wl-logo){opacity:0}.wl-actions{opacity:0;transition:opacity .2s, transform .3s var(--spring);gap:2px;display:flex;position:absolute;bottom:14px;transform:translateY(6px)}.wl-tile:hover .wl-actions{opacity:1;transform:none}.wl-actions button,.wl-actions a{width:26px;height:26px;color:var(--ink-2);border-radius:8px;place-items:center;transition:background .15s,color .15s;display:grid}.wl-actions button:hover,.wl-actions a:hover{background:var(--subtle);color:var(--ink)}.wl-tile.is-dark{color:#fff;background:#16171b;border-color:#2a2b31}.wl-tile.is-dark:hover{background:#1e1f24}.wl-tile.is-dark .wl-actions button,.wl-tile.is-dark .wl-actions a{color:#a3a5ad}.wl-tile.is-dark .wl-actions button:hover,.wl-tile.is-dark .wl-actions a:hover{color:#fff;background:#2a2b31}.world-grid.dark{background:#16171b;border-color:#2a2b31}.load-more{flex-direction:column;align-items:center;gap:10px;margin-top:28px;font-size:12px;display:flex}.wl-preview{grid-template-columns:1fr 1fr;gap:8px;display:grid}.wl-preview>div{border-radius:14px;place-items:center;height:200px;display:grid;position:relative}.wl-preview>.light{background:var(--page)}.wl-preview>.dark{background:#16171b}.wl-preview img{max-width:70%;max-height:72px;animation:popIn .5s var(--spring)}.wl-preview .mono{color:var(--muted);font-size:11px;position:absolute;bottom:10px;left:12px}.wl-thumb{background:var(--page);border-radius:10px;place-items:center;width:64px;height:48px;display:grid}.wl-thumb img{max-width:44px;max-height:26px}.logos-page .iso-list .il-row{grid-template-columns:80px 1fr 1fr 0 auto}@media (width<=1200px){.world-grid{grid-template-columns:repeat(4,1fr)}.wl-tile:nth-child(5n){border-right:1px solid var(--line)}.wl-tile:nth-child(4n){border-right:0}}.key--locked{cursor:not-allowed}.key--locked .key__cap{opacity:.72}.key--locked:active{padding-top:2px;padding-bottom:var(--depth)}.logo-tile .credit{color:var(--muted);opacity:.85;transition:opacity .2s, transform .3s var(--spring), color .2s;font-size:11px;position:absolute;top:12px;right:14px}.logo-tile .credit b{font-weight:500}.logo-tile:hover .credit{opacity:1;color:var(--ink-2)}.logo-tile .credit:hover{color:var(--accent)}.credit-lg{color:var(--ink-2);align-items:center;gap:6px;font-size:12px;transition:color .2s;display:inline-flex}.credit-lg b{color:var(--ink);font-weight:500}.credit-lg:hover,.credit-lg:hover b{color:var(--accent)}.sponsor-page{padding-top:var(--page-pad)}.sp-grid{grid-template-columns:1fr 560px;align-items:start;gap:64px;display:grid}.sp-copy h1{letter-spacing:-.035em;margin:18px 0 0;font-size:56px;font-weight:500;line-height:60px}.sp-copy .lead{max-width:480px;color:var(--ink-2);margin:16px 0 0;font-size:17px;line-height:27px}.sp-facts{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);max-width:480px;margin-top:32px;display:grid}.sp-facts div{flex-direction:column;gap:2px;padding:14px 16px;display:flex}.sp-facts div+div{border-left:1px solid var(--line)}.sp-facts b{font-size:22px;font-weight:500}.sp-facts span{color:var(--muted);font-size:12px}.sp-places{flex-direction:column;gap:8px;max-width:480px;margin-top:32px;display:flex}.sp-place{border:1px solid var(--line);text-align:left;transition:all .25s var(--ease);border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.sp-place:hover{border-color:var(--hover);transform:translate(3px)}.sp-place.on{border-color:var(--ink);box-shadow:0 0 0 3px #16171b0f}.sp-place b{font-size:14px;font-weight:500;display:block}.sp-place span span{color:var(--ink-2);font-size:13px}.sp-check{border:1.5px solid var(--hover);color:#fff;width:20px;height:20px;transition:all .2s var(--spring);border-radius:6px;flex:none;place-items:center;margin-top:1px;display:grid}.sp-place.on .sp-check{background:var(--ink);border-color:var(--ink);transform:scale(1.06)}.sp-note{color:var(--muted);margin-top:16px;font-size:12px}.sp-card{border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fff;border-radius:24px;padding:28px;position:sticky;top:96px}.sp-card form{flex-direction:column;gap:16px;display:flex}.sp-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.field i{color:var(--muted);font-style:normal;font-weight:400}.field input,.field textarea{border:1px solid var(--line);background:var(--page);resize:vertical;border-radius:12px;outline:0;width:100%;padding:11px 14px;font-size:15px;font-weight:400;transition:border-color .2s,box-shadow .2s,background .2s}.field input:focus,.field textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #2f6bff1f}.field.err input,.field.err textarea{border-color:#e5484d;animation:.35s shake;box-shadow:0 0 0 4px #e5484d1a}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips .chip{border:1px solid var(--line);font-weight:400}.chips .chip.on{border-color:var(--ink);background:var(--ink);color:#fff}.sp-submit{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.sp-submit .mono{font-size:12px}.key.is-active .key__cap{box-shadow:inset 0 0 0 1px var(--ink)}.blur-sel{cursor:default}.blur-sel input{width:96px;accent-color:var(--accent)}.blur-sel .mono{min-width:32px;font-size:12px;font-weight:400}.new-pill{color:var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:500;position:absolute;top:10px;left:10px}.grad-card .ic-cap{padding-top:12px}.grad-row{grid-template-columns:40px 104px 1fr 1fr 120px auto}.gl-thumb{border-radius:10px;width:104px;height:64px;display:block;overflow:hidden}.nav-right .key--sm .key__cap{gap:8px;height:34px;padding:0 12px 0 14px;font-size:14px}.nav-right .key--sm .legend{width:20px;height:20px}.nav-right .divider{height:20px}:root{--gutter:clamp(48px, 8.33vw, 120px);--gutter-footer:48px;--page-pad:48px}@media (width<=1023px){:root{--gutter:32px;--gutter-footer:32px;--page-pad:32px}}@media (width<=767px){:root{--gutter:20px;--gutter-footer:20px;--page-pad:20px}.nav{padding:0 20px}}.shell{background:#fff;max-width:1440px;margin:0 auto}@media (width>=1442px){.shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}body{background:var(--page)}}.nav{border-bottom:1px solid var(--line)}.tpl-h{letter-spacing:-.01em;margin:8px 0 12px;font-size:18px;font-weight:500}.tpl-h .mono{font-size:13px}.logo-grid+.tpl-h{margin-top:36px}.wordmark{letter-spacing:-.02em;white-space:nowrap;font-family:Plus Jakarta Sans,Geist,sans-serif;font-size:22px;font-weight:700}.wordmark em{font-style:italic;font-weight:600}.wordmark .flip{display:inline-block;transform:scaleX(-1)}.wordmark .light{font-weight:400}.lt-lockup.big .wordmark{font-size:28px}.lt-lockup.big{align-items:center;gap:12px;display:inline-flex}.logo-grid.dark{border-color:#2a2b31}.logo-grid.dark .logo-tile{color:#fff;background:#16171b;border-color:#2a2b31}.logo-grid.dark .logo-tile:hover{background:#1e1f24}.logo-grid.dark .credit{color:#6b6e78}.logo-grid.dark .lt-actions button{color:#a3a5ad}.logo-grid.dark .lt-actions button:hover{color:#fff;background:#2a2b31}.wl-preview .lt-lockup{animation:popIn .5s var(--spring)}.mq-item{align-items:center;gap:6px;display:inline-flex}.mq-item>a{align-items:center;gap:8px;display:inline-flex}.mq-copy{width:24px;height:24px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);opacity:0;transition:opacity .2s, transform .3s var(--spring), background .15s;background:#fff;border-radius:7px;place-items:center;display:grid;transform:scale(.8)}.mq-item:hover .mq-copy{opacity:1;transform:none}.mq-copy:hover{background:var(--subtle);color:var(--ink)}@property --ft{syntax:"<length>";inherits:false;initial-value:0}@property --fb{syntax:"<length>";inherits:false;initial-value:0}.side{--ft:0px;--fb:0px;transition:--ft .35s var(--ease), --fb .35s var(--ease);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--ft), #000 calc(100% - var(--fb)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--ft), #000 calc(100% - var(--fb)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--ft), #000 calc(100% - var(--fb)), transparent 100%)}.side.fade-top{--ft:40px}.side.fade-bottom{--fb:72px}.side-veil{z-index:2;pointer-events:none;opacity:0;height:56px;transition:opacity .35s var(--ease);-webkit-backdrop-filter:blur(6px);flex:none;display:block;position:sticky}.side-veil.top{margin-bottom:-84px;top:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.side-veil.bottom{margin-top:-84px;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.side.fade-top .side-veil.top,.side.fade-bottom .side-veil.bottom{opacity:1}.dock-gbtn{color:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 8px 5px 5px;transition:background .15s;display:inline-flex}.dock-gbtn:hover{background:#ffffff0f}.dock-gbtn i{border-radius:999px;width:18px;height:18px;transition:box-shadow .2s;box-shadow:inset 0 0 0 1px #ffffff2e}.dock-gbtn.on i{box-shadow:0 0 0 2px #16171b,0 0 0 4px #fff}.dock-gbtn.on .dl{color:#fff}.popover.grad-pop{cursor:default;width:292px;padding:14px;left:50%;translate:-50%}.ge{flex-direction:column;gap:10px;display:flex}.ge-top{gap:10px;display:flex}.ge-prev{background:#fff;border-radius:12px;flex:1;justify-content:space-around;align-items:center;height:76px;display:flex}.ge-dial{cursor:grab;touch-action:none;border-radius:999px;flex:0 0 76px;height:76px;position:relative;box-shadow:inset 0 0 0 1px #fff3}.ge-dial:active{cursor:grabbing}.ge-dial i{border-radius:999px;transition:transform .12s;position:absolute;inset:6px}.ge-dial i:after{content:"";background:#fff;border-radius:999px;width:12px;height:12px;margin-left:-6px;position:absolute;top:0;left:50%;box-shadow:0 2px 6px #00000059}.ge-dial span{color:#fff;text-shadow:0 1px 4px #00000059;pointer-events:none;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;inset:0}.ge-label{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.ge-val{font-size:12px}.ge-presets{grid-template-columns:repeat(8,22px);justify-content:space-between;padding:0 4px;display:grid}.ge-presets button{width:22px;height:22px;transition:transform .2s var(--spring), box-shadow .2s;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff29}.ge-presets button:hover{transform:scale(1.15)}.ge-presets button.on{box-shadow:0 0 0 2px #1e1f24,0 0 0 4px #fff}.ge-tools{align-items:center;gap:6px;display:flex}.ge-tools button{color:#fff;background:#2a2b31;border-radius:7px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;transition:background .15s;display:grid}.ge-tools button:hover{background:#3a3b42}.ge-stop{background:#2a2b31;border-radius:10px;align-items:center;gap:10px;height:36px;padding:0 6px 0 10px;display:flex}.ge-stop .dl{width:32px}.ge-chip{cursor:pointer;border-radius:6px;width:20px;height:20px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}.ge-chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.ge-hex{color:#fff;letter-spacing:.02em;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.ge-x{color:#8d909a;border-radius:6px;width:22px;height:22px;font-size:16px;line-height:1}.ge-x:hover{color:#fff;background:#ffffff14}.ge-range{appearance:none;background:linear-gradient(90deg, #fff var(--p), #34363e var(--p));border-radius:999px;outline:0;width:100%;height:6px}.ge-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:999px;width:16px;height:16px;box-shadow:0 1px 4px #0006}.ge-range::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:999px;width:16px;height:16px}.tag.shuffle{align-items:center;gap:5px;display:inline-flex}.req form{flex-direction:column;gap:14px;display:flex}.req .m-head{margin-bottom:2px}.x-badge.req-badge{background:linear-gradient(#4d7cfe,#2f6bff)}.head-actions{align-items:center;gap:10px;display:flex}.style-bar{background:var(--subtle);scrollbar-width:none;border-radius:14px;align-items:center;gap:2px;width:max-content;max-width:100%;margin:0 0 28px;padding:4px;display:flex;overflow-x:auto}.style-bar::-webkit-scrollbar{display:none}.style-bar button{height:36px;color:var(--ink-2);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:14px;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.style-bar button:hover{color:var(--ink)}.style-bar button.on{color:var(--ink);background:#fff;font-weight:500;box-shadow:0 1px 2px #16171b14,0 0 0 1px #16171b0d}.style-bar button .mono{font-size:11px}.style-bar .sb-div{background:var(--line);flex:none;width:1px;height:20px;margin:0 6px}.side-group.is-off .side-nav{opacity:.4;pointer-events:none}.side-label i{text-transform:none;font-style:normal}.coll-note{color:var(--ink-2);margin:-6px 0 16px;font-size:14px}.coll-size{flex-direction:column;align-items:center;gap:6px;display:flex}.style-bar button.locked{color:var(--muted);cursor:not-allowed}.style-bar button.locked:hover{color:var(--ink-2);background:#ffffff80}.style-bar .tt-anchor{display:inline-flex}.style-card.locked{color:var(--muted);cursor:not-allowed;background:var(--page)}.style-card.locked .style-prev{color:var(--muted)}.style-card .sc-n{color:var(--muted);margin-left:auto;font-size:11px}.style-card.on .sc-n{color:var(--ink-2)}.side-styles .tt-anchor{display:block}.av-filters{flex-wrap:wrap;gap:8px 20px;margin:0 0 18px;display:flex}.av-filter{align-items:center;gap:4px;display:flex}.av-filter .dl{color:var(--muted);margin-right:4px}.av-filter .chip{border:1px solid var(--line);padding:5px 12px;font-size:13px}.av-filter .chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.av-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}.av-grid .tile{gap:10px;height:150px}.av-grid .tile-ic{height:auto}.av-grid .tile:hover .tile-ic{transform:translateY(-8px)scale(1.06)}.dock.center{left:50%}@media (width<=1100px){.dock.center{max-width:calc(100vw - 32px);overflow-x:auto}}.dock-style.open{background:#ffffff14}.popover.dock-pop{cursor:default;flex-direction:column;gap:12px;padding:14px;display:flex;left:50%;translate:-50%}.dk-row{justify-content:space-between;align-items:center;gap:12px;min-height:26px;display:flex}.dk-label{color:#a3a5ad;white-space:nowrap;font-size:12px}.dk-slider{flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.dk-slider .ge-range{width:132px}.dk-slider .mono{text-align:right;color:#fff;min-width:40px;font-size:12px}.dk-chips{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.dk-chips button{color:#d4d5da;background:#2a2b31;border-radius:8px;align-items:center;gap:5px;height:26px;padding:0 9px;font-size:12px;transition:background .15s,color .15s;display:inline-flex}.dk-chips button:hover:not(:disabled){color:#fff;background:#3a3b42}.dk-chips button.on{color:#16171b;background:#fff;font-weight:500}.dk-chips button:disabled{color:#6b6e78;cursor:not-allowed}.dk-switch{background:#3a3b42;border-radius:999px;flex:none;width:30px;height:18px;transition:background .2s;position:relative}.dk-switch i{width:14px;height:14px;transition:transform .25s var(--spring);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px}.dk-switch.on{background:#4d7cfe}.dk-switch.on i{transform:translate(12px)}.dk-sep{background:#2e3036;height:1px;margin:2px 0}.dk-note{color:#8d909a;font-size:11px;line-height:1.4}.dk-reset{color:#a3a5ad;align-self:flex-end;font-size:12px}.dk-reset:hover{color:#fff}.dock-sw.compact{gap:10px}.world-grid .wl-tile img{height:calc(40px * var(--ls,1));max-width:calc(120px * var(--ls,1))}.world-grid .wl-tile img.wm{height:calc(28px * var(--ls,1));max-width:calc(150px * var(--ls,1))}.logo-grid .lt-lockup{zoom:var(--ls,1)}.iso-card .ic-art{scale:var(--z,1);transition:scale .3s var(--spring), transform .45s var(--spring)}.iso-card .ic-preview.scene-grid{background-color:#fff;background-image:repeating-linear-gradient(30deg, var(--sg) 0 .6px, transparent .6px 12px), repeating-linear-gradient(150deg, var(--sg) 0 .6px, transparent .6px 12px)}.iso-card .ic-preview.scene-glow{background:radial-gradient(62% 62% at 50% 56%, var(--sl), #fff)}.av-photo{object-fit:cover;border-radius:999px;box-shadow:0 0 0 1px #16171b0f}.av-filter .chip{align-items:center;gap:6px;display:inline-flex}.flag-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.flag-grid .tile{height:112px}.flag-grid .tile-ic{height:auto}.cpk{flex-direction:column;gap:12px;width:236px;display:flex}.cpk-sq{cursor:crosshair;touch-action:none;border-radius:12px;height:144px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.cpk-sq i{pointer-events:none;border-radius:999px;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;box-shadow:0 0 0 2px #fff,0 2px 8px #00000073}.cpk-row{align-items:center;gap:10px;display:flex}.cpk-now{border-radius:9px;flex:none;width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff29}.cpk-hue{cursor:pointer;touch-action:none;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:999px;flex:1;height:12px;position:relative}.cpk-hue i{pointer-events:none;border-radius:999px;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;box-shadow:0 0 0 2px #fff,0 2px 6px #0006}.cpk-hex{background:#2a2b31;border-radius:9px;flex:1;align-items:center;gap:8px;height:32px;padding:0 10px;display:flex;box-shadow:inset 0 0 0 1px #34363e}.cpk-hex:focus-within{box-shadow:inset 0 0 0 1px #4d7cfe}.cpk-hex span{color:#8d909a;letter-spacing:.04em;font:10px Geist Mono,monospace}.cpk-hex input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font:13px Geist Mono,monospace}.cpk-eye{color:#d4d5da;background:#2a2b31;border-radius:9px;place-items:center;width:32px;height:32px;display:grid;box-shadow:inset 0 0 0 1px #34363e}.cpk-eye:hover{color:#fff;background:#3a3b42}.cpk-pal{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.cpk-pal button{aspect-ratio:1;transition:transform .18s var(--spring), box-shadow .18s;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff24}.cpk-pal button:hover{transform:scale(1.1)}.cpk-pal button.on{box-shadow:0 0 0 2px #16171b,0 0 0 3.5px #fff}.cpk-label{color:#8d909a;letter-spacing:.06em;text-transform:uppercase;margin-bottom:-4px;font:10px Geist Mono,monospace}.cwell{width:22px;height:22px;transition:transform .2s var(--spring);background:conic-gradient(#f43f5e,#f59e0b,#84cc16,#14b8a6,#2f6bff,#7a5af8,#ec4899,#f43f5e);border-radius:999px;flex:none;position:relative}.cwell:hover{transform:scale(1.12)rotate(30deg)}.cwell i{background:#16171b;border-radius:999px;display:block;position:absolute;inset:4px}.cwell i:empty:after{content:"+";color:#fff;place-items:center;font-size:13px;line-height:1;display:grid;position:absolute;inset:0}.cwell.on i:after{content:none}.cwell.on{box-shadow:0 0 0 2px #16171b,0 0 0 4px #fff}.popover.cpk-pop{width:auto;padding:14px}.tone-dot{border-radius:999px;flex:none;width:14px;height:14px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff38}.tone-dot.lg{width:22px;height:22px}.tone-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.tone-grid button{color:#a3a5ad;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:10px 0 8px;font-size:11px;transition:background .15s,color .15s;display:flex}.tone-grid button:hover{color:#fff;background:#2a2b31}.tone-grid button.on{color:#16171b;background:#fff;font-weight:500}.tone-grid button.on .tone-dot{box-shadow:inset 0 0 0 1px #16171b24}img.toning{opacity:0}.wl-logo{transition:transform .4s var(--spring);place-items:center;margin-bottom:10px;display:grid}.wl-tile .wl-logo img{margin-bottom:0}.wl-tile:hover .wl-logo{transform:translateY(-10px)scale(1.06)}.wl-tile:hover .wl-logo img{transform:none}.boxed .wl-logo{background:#fff;border-radius:18px;min-width:64px;height:64px;padding:0 14px;box-shadow:0 0 0 1px #16171b14,0 1px 2px #16171b0f,0 10px 20px -12px #16171b4d}.boxed .wl-logo img{max-width:120px;height:32px}.boxed .wl-logo img.wm{height:22px}.boxed .wl-tile.is-dark .wl-logo,.dark.boxed .wl-logo{background:#24252b;box-shadow:0 0 0 1px #ffffff14,0 10px 20px -12px #0009}.boxed .lt-lockup .mark{box-sizing:content-box;background:#fff;border-radius:14px;padding:10px;box-shadow:0 0 0 1px #16171b14,0 8px 16px -10px #16171b4d}.dark.boxed .lt-lockup .mark{background:#24252b;box-shadow:0 0 0 1px #ffffff14}.sup{animation:stepIn .45s var(--ease);grid-template-columns:300px 1fr;gap:28px;padding:24px;display:grid}.sup-qr{background:linear-gradient(160deg,#00aed6,#0089c9);border-radius:22px;flex-direction:column;align-items:center;gap:14px;padding:16px;display:flex;box-shadow:inset 0 1px #ffffff4d}.sup-qr-card{aspect-ratio:1;box-sizing:border-box;background:#fff;border-radius:18px;width:100%;padding:12px;position:relative;overflow:hidden;box-shadow:0 14px 30px -14px #00285099}.sup-qr-card img{width:100%;height:100%;image-rendering:pixelated;display:block}.sup-scan{background:#2f6bff;border-radius:2px;height:2px;animation:2.8s ease-in-out infinite supScan;position:absolute;top:30%;left:14%;right:14%;box-shadow:0 0 14px 3px #2f6bff8c}@keyframes supScan{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:.9;transform:translateY(170px)}}.sup-wallets{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.sup-wallets span{color:#fff;background:#ffffff2e;border-radius:999px;padding:3px 8px;font:11px Geist Mono,monospace}.sup-save{color:#0b5f8a;height:32px;transition:transform .2s var(--spring);background:#fff;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.sup-save:hover{transform:translateY(-1px)}.sup-side{flex-direction:column;gap:18px;min-width:0;display:flex}.sup-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sup-steps li{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:13px;line-height:20px;display:flex}.sup-steps b{background:var(--page);border:1px solid var(--line);width:20px;height:20px;color:var(--ink);border-radius:7px;flex:none;place-items:center;font:500 11px Geist Mono,monospace;display:grid}.sup-form{flex-direction:column;gap:12px;display:flex}.sup .thanks{margin:auto 0}@media (width<=760px){.sup{grid-template-columns:1fr}.sup-qr{max-width:320px;margin:0 auto}}.footer-brand p{font-size:16px;line-height:26px}.ft-status{align-items:center;gap:8px;display:flex}.ft-avatar{border:1px solid var(--line);width:30px;height:30px;transition:transform .25s var(--spring);background:#fff;border-radius:999px;padding:1px}.ft-avatar:hover{transform:scale(1.08)rotate(-4deg)}.ft-avatar img{object-fit:cover;border-radius:999px;width:100%;height:100%;display:block}.ft-pill{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:12px;font-weight:500;display:inline-flex}.ft-pill b{color:var(--ink);font-weight:600}.ft-pill i{background:#2f6bff;border-radius:9px;width:8px;height:8px;animation:2s infinite led;box-shadow:0 0 0 3px #2f6bff2e}.footer-cols>*{color:var(--ink);flex-direction:column;gap:12px;font-size:14px;font-weight:500;display:flex}.footer-cols b{color:var(--muted);margin-bottom:0;font-size:12px;font-weight:500}.footer-cols a,.footer-cols button{color:var(--ink)}.footer-cols a:hover,.footer-cols button:hover{color:var(--ink-2)}.ft-social{align-items:center;gap:8px;display:inline-flex}.ft-social svg{color:var(--muted)}.ft-contact a{flex-direction:column;gap:2px;display:flex}.ft-contact small{color:var(--ink-2);font-size:12px;font-weight:400}.footer-bottom{color:var(--ink-2);font-size:14px}.footer-bottom a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);font-weight:500}.footer-bottom .row{align-items:center;gap:16px;display:flex}.ft-time b{color:var(--ink);margin:0 2px;font-weight:500}.ft-wordmark{pointer-events:none;-webkit-user-select:none;user-select:none;margin:24px -8px 0;position:relative;-webkit-mask-image:linear-gradient(#000 0% 50%,#0000 100%);mask-image:linear-gradient(#000 0% 50%,#0000 100%)}.ft-wordmark svg{width:100%;height:auto;display:block}.ft-wordmark text{font-family:Geist,sans-serif;font-size:206px;font-weight:800}.ftw-base{fill:#16171b08;stroke:#16171b14;stroke-width:.75px}.ftw-trace{fill:none;stroke:url(#ftw);stroke-width:1px;stroke-linecap:round;stroke-dasharray:140 860;opacity:.6;animation:16s linear infinite ftwTrace}.ftw-trace.t2{stroke-dasharray:80 920;opacity:.4;animation-duration:22s;animation-delay:-9s}@keyframes ftwTrace{to{stroke-dashoffset:-1000px}}.ft-sign{color:var(--ink-2);font:italic 500 15px Instrument Serif,Georgia,serif;position:absolute;top:6%;right:2%;transform:rotate(-4deg)}@media (prefers-reduced-motion:reduce){.ftw-trace{animation:none}}@media (width<=900px){.footer-top{flex-direction:column}.footer-cols{flex-wrap:wrap;gap:32px 48px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}.ft-time{display:none}}.hero{--mx:50%;--my:30%}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(70% 78% at 50% 34%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 78% at 50% 34%,#000 30%,#0000 100%)}.hb-grid{background-image:linear-gradient(#16171b0e 1px,#0000 1px),linear-gradient(90deg,#16171b0e 1px,#0000 1px),radial-gradient(circle at 0 0,#16171b33 1.2px,#0000 1.6px);background-size:48px 48px;width:1920px;height:100%;margin-left:-960px;position:absolute;top:0;left:50%}.hb-grid.lit{-webkit-mask-image:radial-gradient(220px circle at var(--gx,-999px) var(--gy,-999px), #000, transparent 70%);-webkit-mask-image:radial-gradient(220px circle at var(--gx,-999px) var(--gy,-999px), #000, transparent 70%);mask-image:radial-gradient(220px circle at var(--gx,-999px) var(--gy,-999px), #000, transparent 70%);background-image:linear-gradient(#2f6bff59 1px,#0000 1px),linear-gradient(90deg,#7a5af859 1px,#0000 1px)}.hb-cell{left:calc(50% + var(--c) * 48px + 1px);top:calc(var(--r) * 48px + 1px);opacity:0;width:47px;height:47px;animation:9s ease-in-out infinite cellPulse;animation-delay:calc(var(--k) * -.62s);border-radius:2px;place-items:center;display:grid;position:absolute}.hb-cell.b{color:#2f6bff;background:#2f6bff12}.hb-cell.v{color:#7a5af8;background:#7a5af812}.hb-cell.p{color:#db2777;background:#ec48990f}.hb-cell svg{opacity:.75}@keyframes cellPulse{0%,to{opacity:0}18%,46%{opacity:1}64%{opacity:0}}.hb-blob{filter:blur(80px);opacity:.55;border-radius:50%;position:absolute}.hb-blob.a{background:#c9d8ff;width:520px;height:380px;animation:20s ease-in-out infinite aur1;top:-120px;left:calc(50% - 640px)}.hb-blob.b{background:#e6d4ff;width:480px;height:360px;animation:24s ease-in-out infinite aur2;top:-80px;left:calc(50% + 160px)}.hb-blob.c{opacity:.4;background:#ffe3d6;width:420px;height:300px;animation:22s ease-in-out infinite aur3;top:260px;left:calc(50% - 210px)}.hero>:not(.hero-bg):not(.hero-floats){z-index:1;position:relative}.hero-floats{z-index:1}.hero-glow{display:none}@media (prefers-reduced-motion:reduce){.hb-cell,.hb-blob{animation:none}.hb-cell{opacity:.7}}.mq-row+.mq-row{margin-top:22px}.marquee .eyebrow{margin-bottom:26px}.sc-card{isolation:isolate;position:relative}.sc-card:before{content:"";z-index:-1;border-radius:inherit;opacity:0;transition:opacity .5s var(--ease);background:conic-gradient(from var(--ang,0deg), transparent 0 64%, #2f6bff 76%, #a78bfa 86%, transparent 96%);-webkit-mask-composite:xor;padding:1px;animation:4s linear infinite scSpin;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.sc-card.on:before{opacity:1}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes scSpin{to{--ang:360deg}}.sc-meta{opacity:.55}.dim-layer{opacity:.35}.sc-track{margin-top:2px}.wall{transition:none;animation:22s linear infinite wallScroll}.sc-card.on .wall{transform:none}@keyframes wallScroll{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 4px))}}.wall span{animation:7s ease-in-out infinite wallGlow;animation-delay:calc(var(--w) * -1s)}@keyframes wallGlow{0%,80%,to{background:#ffffff0a}88%{background:#ffffff21}}.wall span.accent{animation:none}.iso-art{animation:2.4s ease-in-out infinite bob}.iso-stage .shadow{animation:2.4s ease-in-out infinite shrink}.mesh .chip{gap:0;height:26px;display:inline-flex;overflow:hidden}.mesh .chip b{padding:0 2px;font-weight:400}.mesh .chip b+b:before{content:"·";opacity:.6;margin-right:4px}.mesh:before{content:"";z-index:1;background:linear-gradient(105deg,#0000 40%,#ffffff38 50%,#0000 60%) 0 0/260% 100%;animation:5s ease-in-out infinite meshSheen;position:absolute;inset:0}@keyframes meshSheen{0%{background-position:130% 0}60%,to{background-position:-30% 0}}@media (prefers-reduced-motion:reduce){.wall,.wall span,.iso-art,.mesh:before,.sc-card:before{animation:none}}.support-panel{text-align:left;flex-direction:row;align-items:center;gap:56px;padding:64px}.sh-copy{flex-direction:column;flex:1;align-items:flex-start;gap:20px;min-width:0;display:flex}.sh-chip{color:#fff;background:#16171b;border-radius:999px;align-items:center;gap:8px;height:28px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.support .sh-copy h2{font-size:48px;line-height:52px}.support .sh-copy h2 span{color:#8d909a}.sh-copy>p{max-width:440px;color:var(--ink-2);margin:0;font-size:16px;line-height:26px}.sh-lines{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border:1px solid #ffffffe6;border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.sh-lines button{height:30px;color:var(--ink-2);border-radius:8px;padding:0 12px;font-size:13px;transition:background .2s,color .2s}.sh-lines button:hover{color:var(--ink)}.sh-lines button.on{color:var(--ink);background:#fff;font-weight:500;box-shadow:0 1px 2px #16171b14,0 0 0 1px #16171b0d}.sh-lines .sh-shuffle{place-items:center;width:30px;padding:0;display:grid}.sh-actions{gap:12px;margin-top:4px;display:flex}.sh-note{color:var(--muted);font-size:12px}.sh-stage{flex:none;place-items:center;width:420px;padding:24px 0;display:grid;position:relative}.x-post{-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);width:404px;transition:transform .5s var(--spring);background:#ffffffe6;border:1px solid #fff;border-radius:22px;padding:18px;position:relative;transform:rotate(-2.5deg);box-shadow:0 30px 60px -24px #20285a59,0 2px 6px #16171b0f}.x-post:hover{transform:rotate(0)translateY(-4px)}.x-post header{align-items:center;gap:10px;display:flex}.x-post header>div{flex-direction:column;flex:1;line-height:18px;display:flex}.x-post header b{font-size:14px;font-weight:600}.x-post header span{color:var(--muted);font-size:13px}.xp-av{background:linear-gradient(135deg,#e0e8ff,#f1e6ff);border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.xp-text{color:var(--ink);animation:stepIn .45s var(--ease);min-height:84px;margin:12px 0;font-size:14.5px;line-height:21px}.xp-text a{color:#1d9bf0}.xp-card{border:1px solid var(--line);border-radius:14px;width:100%;display:block;position:relative;overflow:hidden}.xp-card .og-wrap{transition:transform .6s var(--ease)}.xp-card:hover .og-wrap{transform:scale(1.03)}.xp-domain{color:#fff;background:#0009;border-radius:6px;padding:2px 8px;font-size:12px;position:absolute;bottom:10px;left:10px}.x-post footer{color:var(--muted);justify-content:space-between;margin-top:12px;padding:0 6px;display:flex}.x-post footer>*{border-radius:999px;place-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:grid}.xp-like:hover{color:#f91880;background:#f918801a}.xp-like.on{color:#f91880;animation:likePop .4s var(--spring)}.xp-like.on svg path{fill:currentColor}@keyframes likePop{40%{transform:scale(1.35)}}.sh-float{z-index:1;width:44px;height:44px;box-shadow:var(--shadow-md);background:#fff;border-radius:14px;place-items:center;animation:6s ease-in-out infinite shFloat;display:grid;position:absolute}.sh-float.f1{color:#f91880;top:6px;right:-6px}.sh-float.f2{color:#00ba7c;animation-delay:-2s;bottom:70px;left:-10px}.sh-float.f3{color:#7a5af8;animation-delay:-4s;bottom:-4px;right:18px}@keyframes shFloat{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-10px)rotate(6deg)}}@media (width<=1100px){.support-panel{flex-direction:column;padding:48px 28px}.sh-stage{width:100%}.x-post{width:min(404px,100%)}}.faq{padding:96px var(--gutter);border-top:1px solid var(--line);gap:64px;display:flex}.faq-intro{flex-direction:column;flex:none;align-items:flex-start;gap:22px;width:400px;display:flex}.sc-eyebrow.dark{color:var(--muted)}.sc-eyebrow.dark i{background:var(--line)}.faq-n{background:var(--page);border:1px solid var(--line);color:var(--ink-2);border-radius:6px;padding:1px 7px}.faq-intro h2{letter-spacing:-.02em;margin:0;font-size:44px;font-weight:500;line-height:52px}.faq-intro p{color:var(--ink-2);margin:0;font-size:16px;line-height:26px}.faq-list{flex-direction:column;flex:1;min-width:0;display:flex}.faq-item{border-radius:14px;padding:0 16px;transition:background .15s}.faq-item:hover{background:#f4f5f7b3}.faq-item.on{box-shadow:0 0 0 1px var(--line), 0 10px 24px -16px #16171b33;background:#fff}.faq-q{text-align:left;cursor:pointer;align-items:center;gap:24px;width:100%;padding:22px 0;transition:padding .24s cubic-bezier(.65,0,.35,1);display:flex}.faq-item.on .faq-q{padding-bottom:8px}.faq-q>span:first-child{letter-spacing:-.01em;flex:1;font-size:18px;font-weight:500;line-height:26px}.faq-key{--r:8px;--depth:4px}.faq-key .key__cap{border-radius:5px;width:28px;height:28px;padding:0}.faq-a{grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.65,0,.35,1);display:grid}.faq-item.on .faq-a{grid-template-rows:1fr}.faq-a>div{overflow:hidden}.faq-a p{color:var(--ink-2);margin:0;padding:0 58px 22px 0;font-size:16px;line-height:26px}@media (width<=1000px){.faq{flex-direction:column;gap:32px}.faq-intro{width:auto}}.nav{gap:24px;height:auto;padding:16px 24px}.brand{letter-spacing:-.18px;color:var(--ink);gap:10px;font-size:18px;font-weight:600;line-height:24px}.brand a{color:inherit;white-space:nowrap}.brand-btn{cursor:pointer;border-radius:7px;place-items:center;display:grid}.brand-btn:hover .logo-flip{transform:rotate(-8deg)scale(1.06)}.brand-mark{box-shadow:none}.nav-links{gap:28px}.nav-ind{display:none}.nav-link{letter-spacing:-.14px;height:auto;color:var(--ink-2);border-radius:8px;gap:6px;margin:0 -8px;padding:4px 8px;font-size:14px;font-weight:500;line-height:20px;transition:background .15s,color .15s}.nav-link:hover{background:var(--subtle);color:var(--ink)}.nav-link.active{color:var(--ink)}.nav-link .badge{color:#2f6bff;letter-spacing:-.12px;background:#eef3ff;border-radius:999px;padding:2px 6px;font:500 12px/16px Geist,sans-serif}.nav-link.is-soon{color:var(--muted)}.nav-link.is-soon:hover{color:var(--muted);background:0 0}.nav-pill{border:1px solid var(--line);letter-spacing:-.12px;height:30px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 6px 0 10px;font-size:12px;font-weight:500;line-height:16px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.nav-pill svg{color:var(--ink-2)}.nav-pill:hover{border-color:var(--hover);box-shadow:var(--shadow-sm)}.nav-pill kbd{border-radius:999px;padding:2px 6px;font-size:10px}.nav-right{gap:16px}.nav-label{letter-spacing:-.12px;color:var(--muted);white-space:nowrap;font-size:12px;font-weight:500;line-height:16px}.nav-right .divider{background:var(--line);width:2px;height:24px}@media (width<=1280px){.nav-label{display:none}}@media (width<=1100px){.nav-pill span{display:none}}.ab-logo{flex:none;display:block;overflow:visible;box-shadow:0 3.8px 7.5px #0000001a,0 1.75px 2.3px -.6px #2a2a2a24,0 .6px .6px #2a2a2a14}.ab-logo svg{width:100%;height:100%;display:block;overflow:visible}.logo-flip{perspective:300px;transition:transform .4s var(--spring);display:block}.flip-in{animation:.6s cubic-bezier(.2,.9,.3,1.25) both logoFlip}@keyframes logoFlip{0%{opacity:0;transform:rotateY(-180deg)scale(.7)}50%{opacity:1}to{transform:none}}.hero-logo{z-index:1;cursor:pointer;-webkit-tap-highlight-color:transparent;place-items:center;width:120px;height:104px;margin:-16px 0 18px;display:grid;position:relative}.hl-float{animation:4.5s ease-in-out infinite hlFloat;display:block}@keyframes hlFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hl-mark{box-shadow:0 18px 30px -14px #2c3caa8c,0 6px 12px -6px #16171b59;border-radius:18px!important}.hero-logo:active .hl-mark{transform:scale(.94)}.hl-shadow{filter:blur(7px);background:#20286e40;border-radius:50%;width:56px;height:9px;margin-left:-28px;animation:4.5s ease-in-out infinite hlShadow;position:absolute;bottom:4px;left:50%}@keyframes hlShadow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.gift-lid{transform-box:view-box;transform-origin:28px 16px}.gift-open .ab-logo{animation:.42s ease-in-out giftShake}.gift-open .gift-lid{animation:1.5s cubic-bezier(.3,1.5,.5,1) .38s both giftLid}@keyframes giftShake{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)scale(.96)}45%{transform:rotate(6deg)}70%{transform:rotate(-3deg)}}@keyframes giftLid{0%{transform:none}22%{transform:translate(-2px,-11px)rotate(-14deg)}62%{transform:translate(-2px,-11px)rotate(-14deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){.hl-float,.hl-shadow,.gift-open .ab-logo,.gift-open .gift-lid{animation:none}}.footer-cta{position:relative}.kitty-zone{pointer-events:none;height:136px;position:absolute;bottom:100%;left:16px;right:16px;overflow:hidden}.kitty{pointer-events:auto;cursor:pointer;transition-property:transform;transition-timing-function:linear;position:absolute;bottom:0;left:0}.kitty.is-away{visibility:hidden;pointer-events:none}.kitty-body{filter:drop-shadow(0 4px 5px #3c280a29);background-repeat:no-repeat;width:100%;height:100%;display:block;translate:0 6.25%}.kitty-roll .kitty-body,.kitty-happy .kitty-body{cursor:grab}.kitty-alert{color:#e5484d;animation:catAlert .4s var(--spring) both;font:800 18px/1 Geist,sans-serif;position:absolute;top:2px;left:58%}@keyframes catAlert{0%{transform:scale(0)translateY(8px)}to{transform:none}}.kitty-hearts{pointer-events:none;width:0;height:0;position:absolute;top:4px;left:50%}.kitty-hearts svg{opacity:0;animation:1.6s ease-out both kitHeart;position:absolute;top:0;left:-7px}.kitty-hearts svg:nth-child(2){--hx:-14px;animation-delay:.25s}.kitty-hearts svg:nth-child(3){--hx:12px;animation-delay:.5s}@keyframes kitHeart{0%{opacity:0;transform:translateY(6px)scale(.4)}20%{opacity:1;transform:translate(calc(var(--hx,2px) * .4), -6px) scale(1)}to{opacity:0;transform:translate(var(--hx,2px), -30px) scale(.8)}}@media (prefers-reduced-motion:reduce){.kitty-hearts,.kitty-alert{display:none}}.iso-swap{animation:2.4s cubic-bezier(.2,.9,.3,1.2) both isoSwap}@keyframes isoSwap{0%{opacity:0;transform:translateY(18px)scale(.82)}16%{opacity:1;transform:none}84%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)scale(.94)}}.iso-name{z-index:2;color:#fffc;animation:stepIn .4s var(--ease) both;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;padding:5px 10px;font-size:11px;position:absolute;bottom:12px;left:12px}@media (prefers-reduced-motion:reduce){.iso-swap{animation:none}}.cmdk{flex-direction:column;display:flex}.cmdk .palette-input kbd{flex:none}.cmdk .palette-list{flex-direction:column;gap:2px;display:flex}.nav-pill{letter-spacing:-.14px;width:260px;height:36px;color:var(--muted);gap:10px;padding:0 6px 0 12px;font-size:14px;font-weight:400;line-height:20px}.nav-pill span{text-align:left;flex:1}.nav-pill kbd{background:var(--subtle);color:var(--ink-2);border-radius:8px;padding:3px 7px;font-size:11px}.nav-pill:hover{color:var(--ink-2)}@media (width<=1200px){.nav-pill{width:200px}}.ph-eyebrow{align-items:center;gap:8px;display:flex}.ph-new{color:#2f6bff;background:#eef3ff;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:12px;font-weight:500;display:inline-flex}.ph-new i{background:#2f6bff;border-radius:9px;width:6px;height:6px;position:relative}.ph-new i:after{content:"";border:1.5px solid #2f6bff;border-radius:9px;animation:1.8s ease-out infinite newPing;position:absolute;inset:-3px}@keyframes newPing{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}@media (prefers-reduced-motion:reduce){.ph-new i:after{opacity:0;animation:none}}.footer.no-cta{padding-top:64px}.hb-grid{background-image:linear-gradient(#16171b08 1px,#0000 1px),linear-gradient(90deg,#16171b08 1px,#0000 1px);background-size:48px 48px}.hero-bg{-webkit-mask-image:radial-gradient(64% 70% at 50% 30%,#000 20%,#0000 100%);mask-image:radial-gradient(64% 70% at 50% 30%,#000 20%,#0000 100%)}.hb-blob{filter:blur(120px);opacity:.32}.hb-blob.a{width:640px;height:420px;animation-duration:26s}.hb-blob.b{width:600px;height:400px;animation-duration:30s}.hb-blob.c{opacity:.22;width:520px;height:320px;animation-duration:28s}.hero-logo{width:72px;height:72px;margin:-8px 0 22px}.hero-logo .hl-mark{box-shadow:0 12px 22px -12px #2c3caa80,0 4px 8px -4px #16171b4d;border-radius:13px!important}.hero-logo .gift-lid{animation:2.8s ease-in-out infinite lidIdle}.hero-logo.gift-open .gift-lid{animation:1.5s cubic-bezier(.3,1.5,.5,1) .38s both giftLid}@keyframes lidIdle{0%,70%,to{transform:none}80%{transform:translateY(-1.6px)rotate(-3deg)}90%{transform:translateY(-.6px)rotate(1deg)}}.hero-floats .float{border-radius:6px 20px 10px 6px}@media (prefers-reduced-motion:reduce){.hero-logo .gift-lid{animation:none}}.dock-style{white-space:nowrap}.nav-burger,.nav-menu{display:none}.nav-burger{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;padding:0}.nav-burger span{background:var(--ink);width:16px;height:1.5px;transition:transform .25s var(--ease), opacity .2s;border-radius:2px;display:block}.nav-burger[aria-expanded=true] span:first-child{transform:translateY(5.5px)rotate(45deg)}.nav-burger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.nav-menu-link{letter-spacing:-.16px;color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:14px 12px;font-size:16px;font-weight:500;display:flex}.nav-menu-link:hover,.nav-menu-link.active{background:var(--subtle)}.nav-menu-link.is-soon{color:var(--muted)}.nav-menu-link.is-soon:hover{background:0 0}.nav-menu-link small{color:var(--muted);font-size:12px;font-weight:400}.nav-menu-link .badge{color:#2f6bff;background:#eef3ff;border-radius:999px;padding:2px 8px;font:500 12px/16px Geist,sans-serif}@media (width<=1100px){.nav{gap:12px;padding:12px 20px}.nav-left{gap:0;min-width:0}.nav-links,.nav-label,.nav-right .divider,.nav-right>:first-child{display:none}.nav-pill{flex:none;justify-content:center;width:40px;height:40px;margin-left:auto;padding:0}.nav-pill span,.nav-pill kbd{display:none}.nav-right{gap:8px}.nav-burger{display:inline-flex}.nav-menu{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;gap:12px;max-height:calc(100dvh - 72px);padding:8px 20px 20px;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 24px 48px #0c0e141f}.nav-menu nav{flex-direction:column;display:flex}.nav-menu-share{align-self:flex-start}}@media (width<=480px){.nav{gap:8px;padding:10px 16px}.brand{gap:8px;font-size:15px}.nav-menu{padding:8px 16px 20px}.nav-right .key--sm .key__cap{padding:0 10px 0 12px}}@media (width<=900px){.sp-grid{grid-template-columns:minmax(0,1fr);gap:40px}.sp-card{position:static}}@media (width<=760px){.hero{padding:48px var(--gutter) 48px}.hero h1{letter-spacing:-.03em;margin-top:20px;font-size:clamp(38px,11vw,52px);line-height:1.06}.hero p{margin-top:16px;font-size:16px;line-height:26px}.hero-search{gap:8px;width:100%;max-width:640px;margin-top:28px;padding-left:14px}.hero-search input{min-width:0}.head-actions{flex-wrap:wrap;width:100%}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sum-cell:nth-child(3){border-left:0}.sum-cell:nth-child(n+3){border-top:1px solid var(--line)}.mode-toggle{width:100%;display:grid}.mode-toggle button{padding:0 12px}.sp-copy h1{font-size:40px;line-height:44px}.sp-card{border-radius:20px;padding:20px}.sp-row{grid-template-columns:minmax(0,1fr)}.sp-submit{flex-direction:column-reverse;align-items:stretch}.sp-submit .key{width:100%}.sp-submit .key__cap{justify-content:center;width:100%}}@media (width<=1100px){.ph{flex-direction:column;align-items:flex-start;gap:20px}.ph h1{font-size:40px;line-height:44px}.head-actions{flex-wrap:wrap}.icons-layout{gap:8px}.side{--ft:0px;--fb:0px;gap:18px;max-height:none;padding-bottom:0;position:static;overflow:visible}.side-veil,.side-card{display:none}.side-styles,.side-nav{margin:0 calc(var(--page-pad) * -1);padding:2px var(--page-pad) 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;display:flex;overflow-x:auto}.side-styles::-webkit-scrollbar{display:none}.side-nav::-webkit-scrollbar{display:none}.side-styles>*,.side-styles .tt-anchor{flex:none}.side-label{padding-left:0}.side-hl{display:none}.side-item{border:1px solid var(--line);white-space:nowrap;background:#fff;flex:none;height:38px}.side-item.on{background:var(--ink);border-color:var(--ink);color:#fff}.side-item.on .si-count{color:#ffffffb3}.main-bar{top:64px}}@media (width<=900px){.grad-grid,.iso-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.logo-grid,.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.ph h1{font-size:34px;line-height:38px}.ph p{font-size:15px;line-height:24px}.head-actions{width:100%}.toolbar2{flex-wrap:wrap}.toolbar2>*{min-width:0}.toolbar2 .search{flex:100%}.pill-tabs{flex-direction:column;align-items:flex-start;gap:10px}.pt-list{margin:0 calc(var(--page-pad) * -1);padding:0 var(--page-pad);scrollbar-width:none;width:calc(100% + var(--page-pad) * 2);flex-wrap:nowrap;max-width:none;overflow-x:auto}.pt-list::-webkit-scrollbar{display:none}.pt{flex:none}.main-bar{gap:8px;padding:12px 0 14px}.search{height:46px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}.tile{height:88px}.gc-preview,.ic-preview{height:150px}.gc-cap,.ic-cap{padding-left:4px;padding-right:4px}.gc-cap{flex-direction:column;align-items:flex-start;gap:4px}.grad-card .fmt-row,.iso-card .fmt-row,.palette,.pal-dots{display:none}.ic-meta{justify-content:flex-start}.tile-actions,.gc-bar,.gc-actions,.ic-actions{display:none}.dock,.dock.center{flex-wrap:wrap;justify-content:center;gap:8px 12px;width:auto;max-width:none;padding:8px 12px;animation:none;bottom:12px;left:12px;right:12px;overflow:visible;transform:translateY(160%)}.dock.on,.dock.center.on{animation:none;transform:none}.dock-div{display:none}.popover.dock-pop,.dock .popover{transform-origin:bottom;position:fixed;inset:auto 12px 96px;translate:0;width:auto!important}}@media (width<=480px){.grad-grid,.iso-grid{gap:8px}.gc-preview,.ic-preview{height:130px}}@media (width<=1100px){.icons-layout{grid-template-columns:minmax(0,1fr)}.icons-layout>*{min-width:0}.side-nav{flex-direction:row}.side-styles{display:flex}.side-group.is-off .side-nav{opacity:.4}.style-card{flex:none;width:auto;min-width:128px}.side-styles .tt-anchor{flex:none;display:block}}@media (width<=760px){.search{gap:10px;min-width:0;padding:0 14px}.search input{width:100%;min-width:0}.search kbd{display:none}.mode-toggle button{white-space:nowrap;gap:6px;min-width:0;padding:0 8px;font-size:14px}.mode-toggle .mt-ic{display:none}.main-bar .key__cap{height:46px;padding:0 12px}.hero-floats,.hero-search kbd{display:none}.hero-search .key__cap{padding:0 14px}}@media (width<=900px){.sc-top{flex-direction:column;align-items:flex-start;gap:24px}.sc-intro{width:100%;max-width:520px}.showcase{min-height:0}}@media (width<=760px){.showcase{padding:56px var(--gutter) 40px;gap:32px}.showcase h2{margin-top:20px;font-size:40px;line-height:44px}.sc-intro p{font-size:15px;line-height:24px}.sc-actions{flex-wrap:wrap;gap:12px 20px;margin-top:20px}.sc-grid{gap:16px}.sc-card{border-radius:20px;flex-direction:column;gap:20px;height:auto;padding:12px 12px 20px}.sc-card .sc-stage{order:-1;align-self:center;width:100%;max-width:320px}.sc-meta{gap:20px;padding:0 8px}.sc-head h3{margin-top:8px;font-size:22px;line-height:28px}.sc-bottom{flex-direction:column;gap:10px}.sh-stage{grid-template-columns:minmax(0,1fr);padding:8px 0 0}.support{padding:56px var(--gutter)}.support-panel{border-radius:24px;gap:28px;padding:36px 20px 28px}.support .sh-copy h2{font-size:36px;line-height:40px}.sh-copy>p{font-size:15px;line-height:24px}.sh-lines{flex-wrap:wrap}.sh-actions{flex-wrap:wrap;width:100%}.sh-actions .key{flex:140px}.sh-actions .key__cap{justify-content:center;width:100%}.x-post{border-radius:18px;padding:14px;transform:none}.sh-float{border-radius:12px;width:36px;height:36px}.faq{padding:56px var(--gutter);gap:24px}.faq-intro{width:100%}.faq-intro h2{font-size:34px;line-height:40px}.faq-q{gap:16px;padding:18px 0}.faq-q>span:first-child{font-size:16px;line-height:24px}.faq-a p{padding-right:0;font-size:15px;line-height:24px}}@media (width<=400px){.hero h1{font-size:36px}.showcase h2,.sp-copy h1{font-size:34px;line-height:38px}}.nav-back{border:1px solid var(--line);letter-spacing:-.13px;height:36px;color:var(--ink-2);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;margin-right:20px;padding:0 12px 0 10px;font-size:13px;font-weight:500;transition:color .2s,border-color .2s,box-shadow .2s,background .2s;display:inline-flex}.nav-back:hover{color:var(--ink);border-color:var(--hover);box-shadow:var(--shadow-sm)}.nav-back svg{transition:transform .25s var(--ease)}.nav-back:hover svg{transform:translate(-2px)}.nav-menu-back{border-top:1px solid var(--line);color:var(--ink-2);border-radius:0 0 12px 12px;margin-top:6px}@media (width<=1100px){.nav-back{margin-right:10px}}@media (width<=560px){.nav-back{justify-content:center;width:36px;margin-right:8px;padding:0}.nav-back span{display:none}}.cwell{width:20px;height:20px;padding:0}.cwell i{inset:2.5px}.cwell i:empty:after{content:"";background:#fff;border-radius:2px;width:8px;height:1.5px;margin:-.75px 0 0 -4px;display:block;inset:50% auto auto 50%}.cwell i:empty:before{content:"";background:#fff;border-radius:2px;width:1.5px;height:8px;margin:-4px 0 0 -.75px;position:absolute;top:50%;left:50%}.cwell.on i:before{content:none}.dock-dl{color:#ffffff8c;cursor:not-allowed;white-space:nowrap;background:#ffffff0f;border-radius:10px;align-items:center;gap:8px;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.dock-dl:hover{background:#ffffff1a}.dock-dl:active{animation:.3s shake}.nav-pill{flex:none}.nav-pill span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-left{gap:40px}@media (width<=1280px){.nav-left{gap:28px}.nav-links{gap:20px}.nav-right>.nav-label{display:none}}@media (width<=1100px){.nav-left{gap:0}}.nav-menu-keys{flex-wrap:wrap;gap:12px;display:flex}.nav-menu-support{display:none}@media (width<=1500px){.nav-back{justify-content:center;width:36px;margin-right:16px;padding:0}.nav-back span{display:none}}@media (width<=1280px){.nav-right>:first-child{display:none}}@media (width<=480px){.nav-right .key--primary{display:none}.nav-menu-support{display:inline-flex}.nav-pill{margin-left:auto}}@media (width<=1360px){.dock-dl span{display:none}.dock-dl{padding:0 10px}}@media (width<=760px){.dock-dl span{display:inline}}@media (width<=1300px){.dock:not(.center){left:50%}}html,body{overflow-x:clip}@media (width<=760px){.ic-art{zoom:.62}}@media (width<=480px){.ic-art{zoom:.5}}.modal-root{grid-template-columns:minmax(0,1fr);justify-items:center}@media (width<=640px){.modal-root{padding:12px}.modal-panel{border-radius:20px;max-height:calc(100dvh - 24px)}.share-step{gap:14px;padding:18px}.sup{grid-template-columns:minmax(0,1fr);gap:20px;padding:18px}.sup-qr{max-width:300px;margin:0 auto}.share-step .og-wrap,.share-step .xp-card{max-width:100%}}.nav-back{display:none!important}.float-btn{z-index:85;cursor:pointer;transition:opacity .3s var(--ease), translate .35s var(--ease), bottom .35s var(--ease);background:0 0;border:0;padding:0;display:block;position:fixed;bottom:24px}.float-main{left:24px}.float-top{opacity:0;pointer-events:none;right:24px;translate:0 12px}.float-top.on{opacity:1;pointer-events:auto;translate:0}.float-btn .key__cap{white-space:nowrap;gap:8px;height:40px;padding:0 14px;font-size:14px;font-weight:500}body:has(.dock.on) .float-btn{bottom:96px}@media (width<=760px){.float-btn{bottom:16px}.float-main{left:16px}.float-top{right:16px}.float-btn .key__cap{justify-content:center;width:44px;height:44px;padding:0}.fb-label{display:none}body:has(.dock.on) .float-btn{bottom:176px}.dock:not(.center){width:auto;max-width:none;left:12px;right:12px;transform:translateY(160%)}.dock.on:not(.center){animation:none;transform:none}}@media (width>=761px){body:has(.dock.on) .float-btn{bottom:30px}}.back-site{letter-spacing:-.13px;color:var(--ink-2);align-items:center;gap:6px;margin-bottom:20px;font-size:13px;font-weight:500;transition:color .2s;display:inline-flex}.back-site svg{transition:transform .25s var(--ease)}.back-site:hover{color:var(--ink)}.back-site:hover svg{transform:translate(-3px)}.sp-copy>.back-site{width:fit-content;display:flex}.ph{margin-bottom:48px}.page>.toolbar2,.page>.summary{margin-top:0}@media (width<=760px){.ph{margin-bottom:32px}.back-site{margin-bottom:16px}}.float-main{display:none!important}.gc-bar{-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);white-space:nowrap;background:#16171beb;border-radius:12px;gap:0;padding:4px;box-shadow:0 10px 24px -10px #00000080,inset 0 1px #ffffff14}.gc-bar button{letter-spacing:-.12px;color:#fff;border-radius:9px;gap:7px;height:30px;padding:0 11px;font-size:12px;font-weight:500}.gc-bar button svg{color:#ffffffbf;flex:none}.gc-bar button+button{box-shadow:none;margin-left:1px;position:relative}.gc-bar button+button:before{content:"";background:#ffffff24;width:1px;position:absolute;top:8px;bottom:8px;left:-1px}.gc-bar button:hover{background:#ffffff1a}.gc-bar button:hover svg{color:#fff}@media (width>=761px){body:has(.dock.on) .float-top .key__cap{justify-content:center;width:44px;height:44px;padding:0}body:has(.dock.on) .float-top .fb-label{display:none}}@media (width>=761px) and (width<=1500px){.dock-dl span{display:none}.dock-dl{padding:0 10px}}@media (width>=761px) and (width<=1100px){.dock{gap:10px;padding:8px 8px 8px 12px}}@media (width>=761px) and (width<=1023px){.dock,.dock.center,.dock:not(.center){flex-wrap:wrap;justify-content:center;width:auto;max-width:none;animation:none;left:16px;right:80px;overflow:visible;transform:translateY(160%)}.dock.on,.dock.center.on,.dock.on:not(.center){animation:none;transform:none}}.reel-item .brand-tile{background:linear-gradient(#fff,#f1f2f5);border-radius:16px 20px 16px 16px;place-items:center;width:64px;height:64px;display:grid;box-shadow:inset 0 1px #fff,0 1px #ffffff0f,0 10px 24px -10px #0009}.reel-item .brand-tile img{object-fit:contain;width:34px;height:34px}.reel-item span:last-child{font-size:15px}.iso-stage .floor{opacity:.5;pointer-events:none;background:repeating-linear-gradient(30deg,#ffffff0d 0 1px,#0000 1px 22px),repeating-linear-gradient(150deg,#ffffff0d 0 1px,#0000 1px 22px);width:240px;height:140px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(closest-side,#000 30%,#0000);mask:radial-gradient(closest-side,#000 30%,#0000)}.iso-stage .glow{filter:blur(30px);background:#4d7cfe29;height:40px;bottom:54px;left:70px;right:70px}.iso-stage .shadow{filter:blur(8px);background:#00000073;height:16px;bottom:46px;left:90px;right:90px}.hero-floats .float{width:56px;height:56px;color:var(--accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#fffffff5,#f6f7fae6);border:1px solid #16171b0f;border-radius:16px 22px 16px 16px;box-shadow:inset 0 1px #fff,inset 0 -2px #16171b0a,0 1px 2px #1018280f,0 14px 28px -12px #1018282e,0 28px 48px -28px #2f6bff59}.hero-floats .float:before{content:"";background:radial-gradient(120% 120% at 30% 20%,#2f6bff1a,#2f6bff00 70%);border-radius:10px 14px 10px 10px;position:absolute;inset:9px}.hero-floats .float svg{position:relative}.hero-floats .f2,.hero-floats .f5{opacity:.78;filter:blur(.3px);border-radius:13px 18px 13px 13px;width:44px;height:44px}.hero-floats .f2:before,.hero-floats .f5:before{inset:7px}.hero-floats .f1,.hero-floats .f4{color:var(--ink)}.tile-actions,.lt-actions,.wl-actions{-webkit-backdrop-filter:blur(10px)saturate(1.4);backdrop-filter:blur(10px)saturate(1.4);background:#16171beb;border-radius:10px;gap:0;padding:3px;box-shadow:0 8px 20px -8px #00000073,inset 0 1px #ffffff14}.tile-actions button,.lt-actions button,.wl-actions button,.wl-actions a{color:#ffffffc7;border-radius:7px}.tile-actions button:hover,.lt-actions button:hover,.wl-actions button:hover,.wl-actions a:hover{color:#fff;background:#ffffff1a}.tile-actions .tt-anchor+.tt-anchor,.lt-actions .tt-anchor+.tt-anchor,.wl-actions .tt-anchor+.tt-anchor{border-left:1px solid #ffffff24;margin-left:1px;padding-left:0}.tile-actions{box-shadow:0 8px 20px -8px #00000073,inset 0 1px #ffffff14}.hero-floats .float:before{display:none}:is(.lt-actions button:has(span),.wl-actions button:has(span)){letter-spacing:-.12px;white-space:nowrap;align-items:center;gap:6px;width:auto;height:28px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.lt-actions button,.wl-actions button,.wl-actions a{height:28px}.dock-gbtn .tone-chip{box-shadow:none}.popover.tone-pop{cursor:default;flex-direction:column;gap:10px;width:292px;padding:14px;display:flex;left:50%;translate:-50%}.tone-pop .cpk{padding:0}.tone-pairs{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.tone-pairs button{height:40px;transition:transform .2s var(--spring), box-shadow .2s;background:#fff;border-radius:10px;place-items:center;display:grid}.tone-pairs button:hover{transform:translateY(-2px)}.tone-pairs button.on{box-shadow:0 0 0 2px #1e1f24,0 0 0 4px #fff}.tone-sw{justify-content:space-between;padding:0 4px;display:flex}.tone-sw button{width:22px;height:22px;transition:transform .2s var(--spring), box-shadow .2s;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff29}.tone-sw button:hover{transform:scale(1.15)}.tone-sw button.on{box-shadow:0 0 0 2px #1e1f24,0 0 0 4px #fff}.popover.motion-pop{cursor:default;flex-direction:column;gap:12px;width:304px;padding:14px;display:flex;left:50%;translate:-50%}.motion-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.motion-grid button{color:#d4d5da;transition:background .15s, color .15s, transform .2s var(--spring);background:#2a2b31;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;font-size:11px;display:flex}.motion-grid button:hover{color:#fff;background:#3a3b42;transform:translateY(-1px)}.motion-grid button.on{color:#16171b;background:#fff;font-weight:500}.mg-prev{place-items:center;width:28px;height:28px;display:grid}.dock-gbtn>svg:first-child{margin-left:3px}.swatches.fill-row{gap:10px;width:100%;padding:6px 0 0}.swatches.fill-row .dl{color:var(--muted);margin-right:2px}.sw-custom{position:relative;overflow:hidden;background-image:conic-gradient(#f43f5e,#f59e0b,#84cc16,#14b8a6,#2f6bff,#7a5af8,#ec4899,#f43f5e)!important}.sw-custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.im-controls{flex-wrap:wrap}.icon-grid.play-hover .tile:not(:hover) .tile-ic svg,.icon-grid.play-hover .tile:not(:hover) .tile-ic svg *{stroke-dashoffset:0!important;opacity:1!important;animation:none!important}.dk-head{border-bottom:1px solid #2e3036;align-items:center;gap:8px;margin-bottom:2px;padding-bottom:10px;display:flex}.dk-head b{color:#fff;font-size:14px;font-weight:500}.dk-headbtn{width:28px;height:28px;transition:background .15s, transform .4s var(--spring);border-radius:8px;place-items:center;margin-left:auto;display:grid}.dk-headbtn:hover{background:#ffffff0f;transform:rotate(-90deg)}.dk-select{flex:1;max-width:168px;position:relative}.dk-select>button{color:#fff;background:#2a2b31;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:30px;padding:0 8px 0 10px;font-size:12px;transition:background .15s;display:flex;box-shadow:inset 0 0 0 1px #3a3b42}.dk-select>button:hover,.dk-select>button.open{background:#34363e}.dk-select-list{z-index:3;background:#26272d;border-radius:10px;flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 12px 30px -10px #0009,inset 0 0 0 1px #3a3b42}.dk-select-list button{text-align:left;color:#d4d5da;border-radius:7px;height:28px;padding:0 8px;font-size:12px}.dk-select-list button:hover{color:#fff;background:#34363e}.dk-select-list button.on{color:#16171b;background:#fff;font-weight:500}.dk-color{background:#2a2b31;border-radius:8px;flex:1;align-items:center;gap:0;max-width:168px;height:30px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #3a3b42}.dk-color-chip{cursor:pointer;border-radius:4px;flex:none;width:16px;height:16px;margin:0 8px;position:relative;box-shadow:inset 0 0 0 1px #ffffff40}.dk-color-chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.dk-color-hex{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:12px}.dk-color-op{border-left:1px solid #3a3b42;align-items:center;gap:2px;height:100%;padding:0 8px;display:flex}.dk-color-op input{color:#fff;text-align:right;-moz-appearance:textfield;background:0 0;border:0;outline:0;width:28px;font-size:12px}.dk-color-op input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dk-color-op input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dk-color-op i{color:#8d909a;font-size:12px;font-style:normal}.dk-row.is-off{opacity:.4;pointer-events:none}.dk-chips button .dk-def{opacity:.5;background:currentColor;border-radius:999px;width:4px;height:4px;margin-left:2px}.grad-dither{image-rendering:pixelated;pointer-events:none;display:block;position:absolute;top:0;left:0}.grad.is-moving .grad-fill{will-change:transform}.grad-card:hover .grad.is-moving .grad-fill{transform:none}.motion-pill{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0e0f1280;border-radius:999px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:11px;display:inline-flex;position:absolute;top:10px;left:10px}.motion-pill i{background:#34d399;border-radius:999px;width:6px;height:6px;animation:1.6s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.rec-bar{background:var(--line);border-radius:999px;height:3px;position:relative;overflow:hidden}.rec-bar i{border-radius:inherit;background:#e5484d;transition:width .2s linear;position:absolute;inset:0 auto 0 0}.dock.dock-icons{border-radius:16px;gap:6px;padding:6px}.dock-icons .dock-style{gap:6px;height:32px;padding:0 8px 0 10px;font-size:13px}.dock-icons .dl{font-size:11px}.dock-icons .dock-div{height:18px;margin:0 2px}.dock-icons .dock-step{gap:4px;padding:0 2px 0 6px}.dock-icons .dock-step .dl{margin-right:2px}.dock-icons .dock-step button{border-radius:7px;width:24px;height:24px;font-size:14px}.dock-icons .dock-step b{min-width:22px;font-size:13px}.dock-icons .dock-gbtn{border-radius:10px;gap:6px;height:32px;padding:0 8px 0 7px;font-size:13px}.dock-icons .dock-gbtn b{font-weight:500}.dock-icons .dock-gbtn.open,.dock-icons .dock-style.open{background:#ffffff14}.dock-icons .dock-gbtn>svg:first-child{margin-left:2px}.paint-chip{flex:none;display:block;position:relative}.dock-gbtn .paint-chip{border-radius:999px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff38}.paint-chip em{border-radius:999px;width:10px;height:10px;position:absolute;bottom:-3px;right:-3px;box-shadow:0 0 0 2px #16171b}.popover.paint-pop{cursor:default;flex-direction:column;gap:12px;width:292px;padding:12px;display:flex;left:50%;translate:-50%}.paint-tabs{background:#2a2b31;border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:grid}.paint-tabs button{color:#a3a5ad;border-radius:8px;height:28px;font-size:12px;transition:background .15s,color .15s}.paint-tabs button:hover{color:#fff}.paint-tabs button.on{color:#16171b;background:#fff;font-weight:500}.paint-pop .cpk{padding:0}.popover.motion-pop .motion-grid{grid-template-columns:repeat(4,1fr)}.main-bar .dl-all .key__cap{color:var(--ink-2)}.popover.dl-pop{width:288px;padding:6px}.dl-pop-head{justify-content:space-between;align-items:center;padding:8px 10px 10px;font-size:13px;display:flex}.dl-item{cursor:not-allowed;color:var(--ink-2)}.dl-item .pi-row{flex:1;gap:10px}.dl-item:hover{background:var(--page)}.dl-item>svg{color:var(--muted)}.dl-meta{color:var(--muted);font-size:11px}.dl-note{border-top:1px solid var(--line);color:var(--muted);margin:4px 4px 0;padding:10px 6px 6px;font-size:12px;line-height:1.45}.im-controls{gap:8px}.im-controls .stepper{gap:6px;height:36px;padding:0 4px 0 12px}.im-controls .stepper button{width:26px;height:26px}.im-controls .select{border-radius:999px;height:36px;padding:0 10px 0 12px;font-size:13px}.im-paint{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.im-paint .swatches{gap:10px;padding:4px 2px}.im-paint .swatches.fill-row{width:auto;padding:4px 2px}@media (width<=760px){.dl-all-t{display:none}.popover.dl-pop{width:min(288px,100vw - 32px)}}.sw-auto,.tone-sw button.auto{position:relative}.sw-auto:after,.tone-sw button.auto:after{content:"A";color:#16171b;place-items:center;font:600 10px/1 Geist,sans-serif;display:grid;position:absolute;inset:0}.im-paint .swatches>.dl{color:var(--muted);margin-right:2px}@media (width<=760px){.iso-list .il-row,.iso-list .grad-row,.logos-page .iso-list .il-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"thumb name act""thumb meta act";gap:2px 12px;padding:10px 12px}.il-row>.mono.dim:first-child,.il-row>.fmt-row,.il-row>.palette,.il-row>span:empty{display:none}.il-row>.il-thumb,.il-row>.gl-thumb,.il-row>.wl-thumb{grid-area:thumb}.il-row>.il-thumb{width:76px;height:58px}.il-row>.il-thumb svg{width:72px;height:auto}.il-row>.gl-thumb{width:76px;height:52px}.il-row>b{text-overflow:ellipsis;white-space:nowrap;grid-area:name;align-self:end;min-width:0;font-size:15px;overflow:hidden}.il-row>.dim:not(.mono){text-overflow:ellipsis;white-space:nowrap;grid-area:meta;align-self:start;min-width:0;font-size:13px;overflow:hidden}.il-row>.il-actions{grid-area:act;gap:6px}.il-actions .key__cap{justify-content:center;gap:0;width:36px;padding:0;font-size:0}.il-actions .key__cap svg{width:16px;height:16px}.icons-main .main-bar{flex-wrap:wrap}.icons-main .main-bar .search{flex:100%}.icons-main .main-bar>.dd-wrap{flex:1 1 0}.icons-main .main-bar>.dd-wrap>.key{width:100%}.icons-main .main-bar>.dd-wrap>.key .key__cap{justify-content:center}.icons-main .main-bar .dl-all-t{display:inline}.dock,.dock.center{border-radius:16px;gap:4px 6px;padding:6px 8px}.dock .dock-style>.dl,.dock .dock-gbtn>.dl{display:none}.dock .dock-style,.dock .dock-gbtn{gap:5px;height:32px;padding:0 8px;font-size:13px}.dock .dock-step{gap:4px}.dock .dock-step .dl{font-size:10px}.dock .dock-step button{width:26px;height:26px}.dock .dock-step b{min-width:24px;font-size:13px}.dock-sw{gap:8px}}.sc-card{flex-direction:column;gap:22px;height:auto;padding:14px 14px 22px}.sc-card .sc-stage{order:-1;width:100%;height:232px}.sc-meta{gap:18px;padding:0 10px}.sc-head p{max-width:560px}.sc-feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sc-feat{transition:background .35s var(--ease), border-color .35s var(--ease);background:#ffffff06;border:1px solid #ffffff0d;border-radius:14px;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:11px 12px 13px;display:grid;position:relative;overflow:hidden}.sc-feat:hover{border-color:#ffffff29}.sc-feat-ic{color:#ffffffb3;width:28px;height:28px;transition:background .35s var(--ease), color .35s;background:#ffffff0f;border-radius:9px;place-items:center;display:grid}.sc-feat-txt{flex-direction:column;gap:3px;min-width:0;display:flex}.sc-feat-txt b{letter-spacing:-.01em;color:#ffffffd1;font-size:13.5px;font-weight:500;line-height:18px}.sc-feat-txt span{color:#ffffff6b;font-size:12.5px;line-height:18px}.sc-feat.on{background:#ffffff0f;border-color:#ffffff1f}.sc-feat.on .sc-feat-ic{color:#fff;background:#2f6bff}.sc-feat.on .sc-feat-txt b{color:#fff}.sc-feat.on .sc-feat-txt span{color:#ffffffad}.sc-foot{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:16px}.sc-link{white-space:nowrap}.sc-chip{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffe6;white-space:nowrap;height:26px;animation:chipIn .45s var(--ease) both;background:#0e0f12b3;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;display:inline-flex;position:absolute;bottom:12px;left:12px}@keyframes chipIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.mesh .chip{display:none}.wall{margin-left:-152px;left:50%}.wall span{transition:opacity .4s var(--ease), transform .4s var(--ease)}.wall.is-named span:not(.accent){opacity:.3}.wall.is-named span.accent{transform:scale(1.12)}.mesh{transition:filter .8s var(--ease), inset .6s var(--ease)}.mesh .b2{left:46%}.mesh .b4{left:56%}.mesh .dither{z-index:1;opacity:0;background:repeating-conic-gradient(#0e0f128c 0 25%, transparent 0 50%) 0 0 / 4px 4px;transition:opacity .35s;position:absolute;inset:0}.mesh.is-dither .dither{opacity:1}.mesh.is-dither:before{opacity:0}.mesh.is-moving i{animation-duration:4s}.mesh.r-16x9{inset:34px 10px}.mesh.r-9x16{inset:10px calc(50% - 60px)}.mesh.r-1x1{inset:10px calc(50% - 106px)}.mesh.r-4x3{inset:10px calc(50% - 141px)}.iso-swap{filter:var(--iso-filter,none);transition:filter .6s var(--ease)}.iso-stage.bg-grid{background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-position:50%;background-size:22px 22px}.iso-stage.bg-glow{background:radial-gradient(60% 55% at 50% 55%,#4d7cfe59,#0000 70%)}.iso-stage .long{filter:blur(3px);opacity:0;background:linear-gradient(105deg,#0000008c,#0000 80%);border-radius:8px;width:190px;height:70px;margin-left:-10px;transition:opacity .5s;position:absolute;top:58%;left:50%;transform:skew(-38deg)}.iso-stage.sh-long .long{opacity:1}.iso-stage.sh-long .shadow{opacity:.3}.iso-stage.sh-soft .shadow{filter:blur(16px);background:#000000b3;height:34px;left:55px;right:55px}.iso-stage.lw-0 .iso-swap svg *{stroke-width:1px}.iso-stage.lw-1 .iso-swap svg *{stroke-width:1.5px}.iso-stage.lw-2 .iso-swap svg *{stroke-width:2.2px}.reel{margin-left:-75px;left:50%}.brand-tile img{transition:filter .45s var(--ease)}.reel.tone-grey img{filter:grayscale()}.reel.tone-black img{filter:brightness(0)}.reel.tone-white img{filter:brightness(0)invert()}.reel.tone-duotone img{filter:grayscale()sepia()hue-rotate(185deg)saturate(4)brightness(.9)}.reel.tone-white .brand-tile,.reel.is-dark .brand-tile{background:linear-gradient(#2a2b31,#1f2025)}@media (width<=1200px){.sc-card{flex-direction:row;gap:28px;padding:20px 24px 20px 20px}.sc-card .sc-stage{order:0;align-self:stretch;width:340px;height:auto;min-height:300px}.sc-meta{padding:4px 0}}@media (width<=960px){.sc-card{flex-direction:column;gap:20px;padding:12px 12px 20px}.sc-card .sc-stage{order:-1;width:100%;max-width:none;height:260px;min-height:0}.sc-meta{padding:0 8px}}@media (width<=760px){.sc-card .sc-stage{height:232px}.sc-feats{grid-template-columns:1fr}.sc-foot{flex-direction:column;align-items:flex-start;gap:12px}}@media (prefers-reduced-motion:reduce){.sc-chip{animation:none}}.sc-stage{container-type:inline-size}.wall{grid-template-columns:repeat(6,minmax(0,1fr));margin-left:0;left:12px;right:12px}@container (width>=480px){.wall{grid-template-columns:repeat(10,minmax(0,1fr))}}.wall span{aspect-ratio:1;width:100%;height:auto}.reel{margin-left:-54px}.reel-item{gap:12px;width:108px;font-size:14px}.reel-item .brand-tile{width:54px;height:54px}.reel-item .brand-tile img{width:28px;height:28px}.reel-item.on .brand-tile{transform:scale(1.12)}.brand-tile{transition:background .4s var(--ease), transform .45s var(--ease)}.iso-stage .floor,.iso-stage .glow,.iso-stage:not(.sh-soft) .shadow{display:none}.sc-feat-txt>span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:36px;display:-webkit-box;overflow:hidden}.grad-modal{gap:14px}.gm-stage{place-items:center;height:clamp(150px,100dvh - 500px,420px);display:grid;container-type:size}.gm-fit{width:min(100cqw, 100cqh * var(--ar));height:min(100cqh, 100cqw / var(--ar));position:relative}.gm-fit .grad.big{height:100%}.grad-modal .code pre{max-height:128px}.grad-modal .im-foot{flex-wrap:wrap;gap:10px 12px}.grad-modal .im-foot .mono{white-space:nowrap}.grad-modal .im-foot .row{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}html.modal-open .dock{opacity:0;pointer-events:none}@media (width<=760px){.im-head{flex-wrap:wrap;row-gap:8px}.im-head b{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.im-head .close{order:1;margin-left:8px}.im-head .badge-n{order:2}.im-head .badge-n:first-of-type{margin-left:0}.im-head:after{content:"";flex-basis:100%;order:1;height:0}.im-foot{flex-direction:column;align-items:stretch;gap:10px}.im-foot .row,.grad-modal .im-foot .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-left:0;display:grid}.im-foot .row>.key{width:100%}.im-foot .row>.key:last-child:nth-child(odd){grid-column:1/-1}.im-foot .row>.key .key__cap{white-space:nowrap;justify-content:center;padding:0 10px;font-size:13.5px}.gm-stage{height:clamp(140px,100dvh - 520px,360px)}}.pt-list{scrollbar-width:none;flex-wrap:nowrap;min-width:0;padding-right:24px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.pt-list::-webkit-scrollbar{display:none}.pt,.pill-tabs .pt-right{flex:none}.logo-grid.marks .logo-tile{height:196px}.logo-grid.marks .lt-lockup{margin-top:-30px}.lt-idea{color:var(--muted);text-align:center;text-wrap:balance;-webkit-line-clamp:2;transition:opacity .2s, transform .3s var(--spring);-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:16px;display:-webkit-box;position:absolute;bottom:16px;left:18px;right:18px;overflow:hidden}.logo-tile:hover .lt-idea{opacity:0;transform:translateY(6px)}.logo-grid.dark .lt-idea{color:#ffffff80}.lm-idea{background:var(--subtle);color:var(--ink-2);border-radius:12px;flex-direction:column;gap:4px;margin:0;padding:12px 14px;font-size:14px;line-height:21px;display:flex}.lm-idea .mono{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}@media (width<=760px){.logo-grid.marks .logo-tile{height:168px}.logo-grid.marks .lt-lockup{margin-top:-34px}.lt-idea{font-size:11px;line-height:14px;bottom:10px;left:10px;right:10px}.dock,.dock.center,.dock.dock-icons{scrollbar-width:none;overscroll-behavior-x:contain;-webkit-backdrop-filter:none;background:#16171bf7;border-radius:16px;flex-wrap:nowrap;justify-content:flex-start;gap:4px;padding:6px;overflow:auto hidden}.dock::-webkit-scrollbar{display:none}.dock>*{flex:none}.dock .dock-style{height:36px;padding:0 10px}.dock .dock-step{padding:0 4px}.popover.dock-pop,.dock .popover{max-height:calc(100dvh - 160px);bottom:70px;overflow-y:auto}.icons-main .main-bar{margin:0 calc(var(--page-pad) * -1);padding:10px var(--page-pad);background:var(--page,#fff);box-shadow:0 1px 0 var(--line);flex-wrap:nowrap;gap:8px}.icons-main .main-bar .search{flex:auto;min-width:0}.icons-main .main-bar>.dd-wrap{flex:none}.icons-main .main-bar>.dd-wrap>.key{width:auto}.main-bar .key .dim,.main-bar .dl-all-t,.main-bar .search kbd,.icons-main .main-bar .dl-all-t{display:none}.icons-main .main-bar{top:60px}.icons-main .main-bar .search{min-width:150px}.ic-title{align-items:flex-start;gap:6px}.ic-title>div{flex-direction:column;gap:2px;min-width:0;display:flex}.ic-title b{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;overflow:hidden}.ic-title .dim{font-size:11.5px}.ic-title>.mono{flex:none;padding-top:2px;font-size:11px}.grad-card .ic-meta,.iso-card .ic-meta{display:none}.fmt-row{flex-wrap:wrap;row-gap:4px}.logo-grid.lockups .lt-lockup{zoom:calc(var(--ls,1) * .7)}.logo-tile .credit{display:none}.hero-chip{max-width:100%}.hero-chip .hc-t{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}}@media (width<=480px){.hero-search .hs-label{display:none}.hero-search .key__cap{padding:0 14px}}body:has(.dock-pop.on) .float-top{opacity:0;pointer-events:none}@media (width<=760px){.icon-modal,.grad-modal,.logo-modal,.iso-modal{gap:12px;padding:18px}.icon-modal .im-preview{gap:12px;padding:18px 0 14px}.icon-modal .im-controls~.im-paint,.icon-modal .im-controls{width:100%}.icon-modal:has(.im-controls) .im-sizes{display:none}.icon-modal .im-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.icon-modal .im-controls>*{justify-content:space-between;width:100%;min-width:0}.icon-modal .im-paint{flex-flow:column;align-items:stretch;gap:2px}.icon-modal .im-paint .swatches{scrollbar-width:none;flex-wrap:nowrap;gap:10px;padding:4px 2px;overflow-x:auto}.icon-modal .im-paint .swatches::-webkit-scrollbar{display:none}.icon-modal .im-paint .swatches>*{flex:none}.icon-modal .code pre{max-height:92px}.wl-preview>div{height:132px}.wl-preview .lt-lockup{zoom:.56}.wl-preview img{max-height:56px}.lm-stage{height:168px}.lm-stage .mark{zoom:.8}.lm-variants{gap:6px}.lm-variants div{gap:6px;min-width:0;height:56px;padding:0 6px;font-size:12.5px}.lm-variants div .mark{zoom:.7;flex:none}.lm-variants div span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lm-idea{padding:10px 12px;font-size:13px;line-height:19px}.iso-big{padding:8px}.iso-big svg{width:100%;height:auto;max-height:34dvh}.pal-switch{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.pal-switch::-webkit-scrollbar{display:none}.pal-switch button{flex:none}.sc-feat-txt>span{min-height:0}.esc-hint{display:none}.icon-modal .im-controls>:last-child:nth-child(odd){grid-column:1/-1}.icon-modal .im-controls .dd-wrap>.select{justify-content:space-between;width:100%}.logo-grid.lockups .logo-tile{height:124px}}@media (width<=380px){.icons-main .main-bar .sort-v{display:none}.icons-main .main-bar .search{min-width:0}}.sort-ic,.sort-ic2{display:inline-flex}.sort-ic2{display:none}@media (width<=380px){.icons-main .main-bar .sort-ic{display:none}.icons-main .main-bar .sort-ic2{display:inline-flex}}.page-loading{min-height:100vh}.gc-bar button:disabled{opacity:.55;cursor:progress}.hero.is-still h1,.hero.is-still p{animation:none}.hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}@media (width<=760px){.icons-page .side{gap:14px}.icons-page .side-label{margin-bottom:8px;font-size:11px}.icons-page .side-styles,.icons-page .side-nav{scroll-snap-type:x proximity;scroll-padding-inline:var(--page-pad);gap:6px;padding-bottom:4px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),#0000)}.icons-page .side-styles>*,.icons-page .side-item{scroll-snap-align:start}.icons-page .style-card{white-space:nowrap;border-radius:12px;gap:7px;min-width:0;height:38px;padding:0 12px 0 4px;font-size:13px}.icons-page .style-card .style-prev{border-radius:8px;width:28px;height:28px}.icons-page .style-card .sc-n{margin-left:2px}.icons-page .side-item{border-radius:12px;gap:7px;height:38px;padding:0 12px;font-size:13px}.icons-page .side-item .si-count{font-size:11px}.icons-main .main-bar{margin:0 calc(var(--page-pad) * -1);padding:10px var(--page-pad) 14px;box-shadow:none;background:linear-gradient(#fff 82%,#fff0);flex-wrap:nowrap;gap:8px;top:60px}.icons-main .main-bar .dd-sort{display:none}.icons-main .main-bar .search{border:1px solid var(--line);min-width:0;height:48px;color:var(--ink-2);background:#fff;border-radius:14px;flex:auto;gap:10px;padding:0 6px 0 14px;box-shadow:0 1px 2px #16171b0a,0 8px 24px -10px #16171b2e}.icons-main .main-bar .search:focus-within{color:#2f6bff;border-color:#2f6bff;box-shadow:0 0 0 4px #2f6bff24,0 8px 24px -10px #16171b2e}.icons-main .main-bar .search input{font-size:16px}.icons-main .main-bar .dd-dl{display:none}.dock.dock-icons,.dock.dock-icons:not(.center){border-radius:18px;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:auto;max-width:none;padding:8px;animation:none;display:grid;bottom:12px;left:12px;right:12px;overflow:visible;transform:translateY(160%)}.dock.dock-icons.on{transform:none}.dock-icons .dock-div{display:none}.dock-icons>.dd-wrap,.dock-icons>.dock-step{background:#ffffff0f;border-radius:11px;min-width:0;height:40px}.dock-icons .dc-style{order:1;grid-column:span 2}.dock-icons .dc-color{order:2;grid-column:span 2}.dock-icons .dc-motion{order:3;grid-column:span 2}.dock-icons .dc-size{order:4;grid-column:span 3}.dock-icons .dc-stroke{order:5;grid-column:span 3}.dock-icons .dd-wrap>button{border-radius:11px;justify-content:center;gap:6px;width:100%;height:40px;padding:0 8px;font-size:13px}.dock-icons .dd-wrap>button .dl{display:none}.dock-icons .dock-step{justify-content:space-between;gap:4px;padding:0 4px 0 12px}.dock-icons .dock-step .dl{flex:1;margin:0;font-size:12px}.dock-icons .dock-step button{border-radius:9px;width:32px;height:32px;font-size:16px}.dock-icons .dock-step b{min-width:26px;font-size:14px}.dock-icons .popover,.popover.dock-pop{max-height:calc(100dvh - 200px);position:fixed;inset:auto 12px 116px;overflow-y:auto;translate:0;width:auto!important}.dock-icons .paint-pop{gap:12px;padding:14px}.dock-icons .paint-pop .cpk{width:100%}.dock-icons .paint-pop .cpk-sq{height:128px}.dock-icons .paint-pop .cpk-pal{grid-template-columns:repeat(9,1fr);gap:7px}.dock-icons .tone-pairs .tt-anchor{display:block}.dock-icons .tone-pairs button{width:100%;height:40px}.icons-page .icon-grid{padding-bottom:112px}body:has(.dock-icons.on) .float-btn{bottom:118px}.dock.center,.dock.center:not(.dock-icons){border-radius:18px;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:auto;max-width:none;padding:8px;animation:none;display:grid;bottom:12px;left:12px;right:12px;overflow:visible;transform:translateY(160%)}.dock.center.on{transform:none}.dock.center .dock-div{display:none}.dock.center>.dd-wrap{order:1;grid-column:span 2;min-width:0}.dock.center>.dd-wrap>.dock-style{text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:11px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;width:100%;height:44px;padding:0 22px 0 10px;font-size:13px;line-height:16px;display:flex;position:relative;overflow:hidden}.dock.center>.dd-wrap>.dock-style>svg:first-child,.dock.center>.dd-wrap>.dock-style>.tone-dot{display:none}.dock.center>.dd-wrap>.dock-style .dl{color:#8d909a;font-size:10px;line-height:12px;display:block!important}.dock.center>.dd-wrap>.dock-style>svg:last-child{position:absolute;top:50%;right:8px;translate:0 -50%}.dock.center>.dock-step{background:#ffffff0f;border-radius:11px;order:2;grid-column:span 3;justify-content:space-between;gap:4px;height:44px;padding:0 4px 0 12px}.dock.center:not(:has(>.dock-sw))>.dock-step{grid-column:1/-1}.dock.center>.dock-step .dl{flex:1;margin:0;font-size:12px}.dock.center>.dock-step button{border-radius:9px;width:34px;height:34px;font-size:16px}.dock.center>.dock-step b{text-align:center;min-width:44px;font-size:14px}.dock.center>.dock-sw{background:#ffffff0f;border-radius:11px;order:2;grid-column:span 3;justify-content:space-evenly;align-items:center;gap:4px;height:44px;padding:0 6px;display:flex}.dock.center>.dock-dl{display:none}.dock.center .popover,.popover.dock-pop,.dock.center .cpk-pop{max-height:calc(100dvh - 210px);position:fixed;inset:auto 12px 124px;overflow-y:auto;translate:0;width:auto!important}body:has(.dock.center.on) .page{padding-bottom:124px}body:has(.dock.center.on) .float-btn{bottom:128px}}.logo-tile,.wl-tile{container-type:inline-size}.lt-actions,.wl-actions{max-width:calc(100% - 16px)}@container (width<=200px){.lt-actions button>span,.wl-actions button>span{display:none}:is(.lt-actions button:has(span),.wl-actions button:has(span)){justify-content:center;gap:0;width:28px;padding:0}}