html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}html[data-mode=design] .switch__thumb{background:var(--figma-strong)}html[data-mode=design] .switch__btn[aria-pressed=true]{color:#fff}html[data-mode=code] .switch__thumb{background:var(--t-tag)}html[data-mode=code] .switch__btn[aria-pressed=true]{color:#04130a}.wipe{z-index:110;background:var(--accent);color:var(--accent-ink);font:500 clamp(14px, 1.3vw, 18px) / 1 var(--font-mono);clip-path:inset(0 100% 0 0);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}html[data-mode=design] body{background-color:#1e1e1e;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:24px 24px}html[data-mode=design] .facts div,html[data-mode=design] .stack__group{background-color:#1e1e1e}html[data-mode=design] [data-block]{outline-offset:-1px;outline:1px solid #0d99ffe6}.design-label,.design-size{display:none}html[data-mode=design] .design-label{z-index:5;background:var(--figma-strong);color:#fff;font:500 11px/1.2 var(--font-mono);pointer-events:none;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;display:flex;position:absolute;top:12px;left:12px}.design-label small{font-size:inherit;font-weight:400}html[data-mode=design] .design-size{z-index:5;background:var(--figma-strong);color:#fff;font:500 10.5px/1.2 var(--font-mono);pointer-events:none;border-radius:4px;padding:3px 6px;display:block;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}html[data-mode=design] .hero .design-label{top:calc(var(--nav-h) + 12px)}.grid-overlay{z-index:30;pointer-events:none;opacity:0;transition:opacity .4s;position:fixed;inset:0}html[data-mode=design] .grid-overlay{opacity:1}.grid-overlay .container{column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));height:100%;display:grid}.grid-overlay span{background:#ff3d7f09;border-inline:1px solid #ff3d7f1a}@media (width<=900px){.grid-overlay .container{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-overlay span:nth-child(n+5){display:none}}.inspect{z-index:40;pointer-events:none;display:none;position:fixed;inset:0}html[data-mode=design] .inspect{display:block}.inspect__box,.inspect__pad{opacity:0;position:absolute}.inspect__box{border:1px solid var(--figma);background:#0d99ff0f}.inspect__pad{background:repeating-linear-gradient(45deg,#ff3d7f4d 0 2px,#0000 2px 6px)}.inspect.is-on .inspect__box,.inspect.is-on .inspect__pad,.inspect.is-on .inspect__tip{opacity:1}.inspect__tip{color:#e8e8e8;min-width:190px;font:500 11px/1.65 var(--font-mono);white-space:nowrap;opacity:0;background:#2c2c2c;border-radius:8px;padding:10px 12px;position:absolute;box-shadow:0 14px 30px #00000073}.inspect__tip b{color:var(--figma);font-weight:600}.inspect__tip span{color:#9a9a9a}.inspect__tip i{vertical-align:-1px;border:1px solid #ffffff40;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.tokens{z-index:45;color:#e8e8e8;width:250px;font:500 11px/1.5 var(--font-mono);opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out), visibility .4s;background:#2c2c2c;border-radius:12px;gap:10px;padding:14px;display:grid;position:fixed;bottom:16px;left:16px;transform:translateY(20px);box-shadow:0 20px 40px #00000073}html[data-mode=design] .tokens{opacity:1;visibility:visible;transform:none}.tokens__title{color:#fff;font-weight:600}.tokens__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tokens__list li{align-items:center;gap:8px;display:flex}.tokens__list span{color:#9a9a9a;margin-left:auto}.tk{border:1px solid #fff3;border-radius:3px;width:14px;height:14px}.tk--ink{background:var(--bg)}.tk--paper{background:var(--text)}.tk--muted{background:var(--muted)}.tk--orange{background:var(--accent)}.tt{color:#fff;width:22px;font-size:13px;font-weight:400}.tt--sans{font-family:var(--font-sans);font-weight:600}.tt--serif{font-family:var(--font-serif);font-size:15px;font-style:italic}.tt--mono{font-family:var(--font-mono)}.tokens__space{color:#9a9a9a;border-top:1px solid #ffffff1a;padding-top:8px}@media (width<=900px){.tokens{display:none}}html[data-mode=code] body{background-color:var(--code-bg)}html[data-mode=code] .nav{border-bottom-color:var(--line);background:#0a0b0e}.editor__bar{font:12px/1 var(--font-mono)}.editor__tab{border-bottom:2px solid var(--t-tag);color:var(--text);align-self:stretch;align-items:center;padding:0 10px;display:flex}.editor__meta{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.editor__code{font:13px/1.7 var(--font-mono);tab-size:2;margin:0;padding:16px 0 20px;overflow:hidden}.cl{white-space:pre;display:flex}.ln{color:#7d8590;text-align:right;-webkit-user-select:none;user-select:none;flex:none;width:52px;padding-right:18px}.lc{color:var(--t-text);flex:1;padding-right:24px}.t-punc{color:var(--t-punc)}.t-tag{color:var(--t-tag)}.t-attr{color:var(--t-attr)}.t-str{color:var(--t-str)}.t-text{color:var(--t-text)}.t-kw{color:var(--t-kw)}.t-fn{color:var(--t-fn)}.t-var{color:var(--t-var)}.t-com{color:var(--t-com);font-style:italic}.t-block{color:var(--t-block);font-style:italic}@media (width<=700px){.editor__code{font-size:11px}.ln{width:36px;padding-right:12px}}.palette{z-index:120;-webkit-backdrop-filter:blur(6px);background:#05050699;place-items:start center;padding-top:14vh;display:grid;position:fixed;inset:0}.palette[hidden]{display:none}.palette__box{border:1px solid var(--line-2);background:#121214;border-radius:16px;width:min(560px,100% - 32px);overflow:hidden;box-shadow:0 40px 80px -20px #000c}.palette__input{border:0;border-bottom:1px solid var(--line);width:100%;height:56px;color:var(--text);font:500 16px/1 var(--font-sans);background:0 0;outline:none;padding:0 20px}.palette__input::placeholder{color:var(--dim)}.palette__list{max-height:min(380px,55vh);margin:0;padding:8px;list-style:none;overflow:auto}.palette__group{color:var(--dim);font:500 11px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:10px 12px 6px}.palette__item{color:var(--muted);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.palette__item[aria-selected=true]{color:var(--text);background:#ff6b1a1f}.palette__empty{color:var(--muted);padding:16px 12px}.palette__foot{border-top:1px solid var(--line);color:var(--dim);padding:10px 16px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}