*,*:before,*:after{box-sizing:border-box}:root{--bg: oklch(98.8% .003 80);--bg-2: oklch(96% .005 80);--bg-3: oklch(93% .006 80);--fg: oklch(15% .018 270);--fg-2: oklch(34% .015 270);--fg-3: oklch(46% .014 270);--line: oklch(91% .005 270);--line-2: oklch(86% .006 270);--line-3: oklch(80% .007 270);--acc: oklch(66% .21 45);--acc-2: oklch(50% .21 45);--acc-soft: oklch(94% .05 45);--acc-fg: oklch(15% .04 45);--sans: "Switzer", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--mono: "JetBrains Mono", "SF Mono", Menlo, ui-monospace, monospace;--gutter: clamp(20px, 4vw, 64px);--content-w: 1100px;--hero-w: 980px;color-scheme:light;font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-size:15px;line-height:1.6;font-feature-settings:"kern" on,"ss01" on,"cv01" on;letter-spacing:-.005em}::selection{background:var(--acc);color:var(--acc-fg)}:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px}h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote{margin:0}ul,ol{padding:0;list-style:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.page{width:100%;padding:0 var(--gutter)}.content{max-width:var(--content-w);margin:0 auto}main{padding-bottom:200px}section{padding-block:clamp(56px,8vw,96px);position:relative}section+section{border-top:1px solid var(--line)}.mono{font-family:var(--mono)}.kicker{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--acc-2);display:inline-flex;align-items:center;gap:8px}.kicker:before{content:"";width:14px;height:1px;background:currentColor}.section-h{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,4vw,48px);padding-bottom:18px;border-bottom:1px solid var(--line);flex-wrap:wrap;max-width:var(--content-w);margin-left:auto;margin-right:auto}.section-h h2{font-size:clamp(24px,2vw + 14px,36px);font-weight:600;letter-spacing:-.022em;line-height:1.1;margin-top:10px}.section-h .section-h-meta{font-family:var(--sans);font-size:13px;color:var(--fg-3);font-style:italic}.topbar{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line);contain:layout paint style}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:48px;font-size:14px;max-width:var(--content-w);margin-left:auto;margin-right:auto}.topbar-l{display:flex;align-items:center;gap:20px}.topbar-r{display:flex;align-items:center;gap:16px}.topbar-logo{font-weight:600;font-size:15px;letter-spacing:-.01em}.topbar-logo .slash{color:var(--acc)}.topbar a{color:var(--fg-2);transition:color .12s}.topbar a:hover{color:var(--fg)}.topbar .ver{font-family:var(--sans);font-size:12px;font-weight:500;color:var(--fg-3);background:var(--bg-2);padding:2px 7px;border-radius:4px;border:1px solid var(--line)}.hero{padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(40px,6vw,64px)}.hero .content{max-width:var(--hero-w);text-align:center}.hero .kicker{margin:0 auto}.hero h1{font-size:clamp(48px,8vw,104px);font-weight:700;line-height:.95;letter-spacing:-.04em;margin:24px auto;text-wrap:balance}.hero h1 .slash{color:var(--acc);font-weight:600}.hero-prose{font-size:clamp(17px,1vw + 13px,21px);color:var(--fg-2);max-width:56ch;line-height:1.5;margin:0 auto 32px;text-wrap:balance}.hero-prose b{color:var(--fg);font-weight:600}.hero-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;margin-bottom:8px}.hero-demo{max-width:var(--content-w);margin-left:auto;margin-right:auto}.install-pill{display:inline-flex;align-items:center;gap:12px;padding:10px 14px 10px 16px;background:var(--fg);color:var(--bg);border-radius:8px;font-family:var(--mono);font-size:13px}.install-pill .copy-btn{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:5px;background:#252932;color:var(--bg);font-size:11px;border:1px solid oklch(35% .018 270);transition:background .12s}.install-pill .copy-btn:hover{background:#444752}.install-pill .copy-btn-copied{color:#83d670}.install-pill .copy-btn-failed{color:oklch(80% .18 28)}.install-pill-prompt{opacity:.5}.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid transparent;background:transparent;color:var(--fg-2);cursor:pointer;transition:background .12s,border-color .12s,color .12s}.btn-ghost{border-color:var(--line);color:var(--fg)}.btn-ghost:hover{background:var(--bg-2);border-color:var(--line-2)}.hero-demo{margin-top:clamp(36px,5vw,56px);border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden}.hero-demo-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--bg-2);padding:0 6px;gap:2px}.hero-demo-stage{padding:clamp(40px,6vw,80px) 24px;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 24px 24px,var(--bg);background-position:-1px -1px;display:grid;place-items:center;min-height:240px;position:relative;gap:20px}.hero-demo-target{display:grid;place-items:center;gap:4px;font-size:12px;color:var(--fg-3);font-weight:500;opacity:1;transition:opacity .24s cubic-bezier(.16,1,.3,1)}.hero-demo-target[data-open=false]{opacity:.6}.hero-demo-target-label{color:var(--acc-2);font-weight:600}.hero-demo-target-line{width:1px;height:40px;background:linear-gradient(180deg,var(--acc-2),transparent);margin:0 auto}.tabs{display:flex;gap:0;font-size:13px}.tabs .tab{position:relative;height:38px;padding:0 14px;background:transparent;color:var(--fg-3);font-weight:500;cursor:pointer;font-family:var(--sans);letter-spacing:-.005em;transition:color .12s}.tabs .tab[aria-selected=true]{color:var(--fg)}.tabs .tab[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:8px;right:8px;height:2px;background:var(--fg)}.tabs .tab:hover{color:var(--fg)}.tabs .tab .num{font-family:var(--mono);font-size:11px;color:var(--fg-3);margin-left:6px}.examples{max-width:var(--content-w);margin-left:auto;margin-right:auto}.examples>article+article{margin-top:clamp(32px,4vw,48px)}.example{border:1px solid var(--line);border-radius:12px;background:var(--bg);overflow:hidden}.example-head{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--bg-2)}.example-no{font-family:var(--mono);font-size:11px;color:var(--acc-2);letter-spacing:.02em}.example-name{font-size:14px;font-weight:600;letter-spacing:-.01em}.example-desc{font-size:12px;color:var(--fg-3);margin-top:1px}.example-body{position:relative;background:var(--bg)}.example-body[data-tab=code]{background:#05070e}.example-stage{padding:clamp(28px,4vw,56px) clamp(20px,3vw,32px);min-height:260px}.demo-center{display:grid;place-items:center}.demo-empty{padding:32px 16px;text-align:center;color:var(--fg-3);font-family:var(--mono);font-size:12px}.demo-center-tall{min-height:200px}.demo-hint-bottom{margin-top:24px;text-align:center}.code{font-family:var(--mono);font-size:13px;line-height:1.7;color:#e6e4e1;background:#05070e;padding:20px 22px;overflow-x:auto;white-space:pre;font-feature-settings:"tnum" on;position:relative;tab-size:2}.code .tok-kw{color:oklch(78% .18 350);font-weight:500}.code .tok-str{color:#c9cb61}.code .tok-com{color:#5f636f;font-style:italic}.code .tok-fn{color:#80c7f8}.code .tok-type{color:oklch(82% .13 50)}.code .tok-num{color:#ff8577}.code .tok-tag{color:oklch(80% .13 50)}.code .tok-prop{color:#80c7f8}.code-block{position:relative}.code-actions{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:1}.code-copy{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:5px;background:#13161e;color:#b9b7b4;font-family:var(--mono);font-size:11px;border:1px solid oklch(28% .018 270);transition:background .12s,color .12s}.code-copy:hover{background:#252932}.code-copy-copied{color:#83d670}.code-copy-failed{color:oklch(72% .18 28);border-color:#9b1f1b}.demo-trigger{display:inline-flex;align-items:center;gap:8px;padding:0 16px;height:40px;background:var(--fg);color:var(--bg);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:transform 80ms,background .12s;letter-spacing:-.005em}.demo-trigger:hover{background:#1e212a}.demo-trigger:active{transform:scale(.98)}.demo-trigger-arrow{opacity:.6}.demo-hint{font-family:var(--sans);font-size:12px;color:var(--fg-3);font-style:italic}.demo-hint-palette{margin-top:16px}.editor-link{color:var(--acc-2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;background:transparent;border:0;padding:0;font:inherit;cursor:pointer}.demo-gallery{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-width:540px;width:100%}@media(max-width:720px){.demo-gallery{grid-template-columns:repeat(6,1fr)}}.demo-gallery .tile{aspect-ratio:1;cursor:pointer;position:relative;border-radius:6px;border:0;transition:transform .2s cubic-bezier(.16,1,.3,1);outline:2px solid transparent}.demo-gallery .tile:active{transform:scale(.95)}.demo-gallery .tile.selected{outline-color:var(--acc);outline-offset:2px}.demo-gallery .tile.selected:after{content:"";position:absolute;inset:0;border-radius:6px;background:#080b1466;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-size:40%;background-position:center;background-repeat:no-repeat}.demo-inbox{width:100%;max-width:540px;font-size:13px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg)}.demo-inbox .row{display:grid;grid-template-columns:22px 80px 1fr 50px;gap:12px;padding:10px 12px;border-top:1px solid var(--line);cursor:pointer;align-items:baseline;transition:background .1s}.demo-inbox .row:first-child{border-top:0}.demo-inbox .row:hover{background:var(--bg-2)}.demo-inbox .row.checked{background:var(--acc-soft)}.demo-inbox .check{width:14px;height:14px;border:1.5px solid var(--line-3);border-radius:3px;margin-top:2px;display:grid;place-items:center;font-size:9px;font-weight:700}.demo-inbox .row.checked .check{background:var(--acc);color:var(--acc-fg);border-color:var(--acc)}.demo-inbox .from{font-weight:600}.demo-inbox .row.read .from{font-weight:400;color:var(--fg-3)}.demo-inbox .subj{color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-inbox .row.read .subj{color:var(--fg-3)}.demo-inbox .time{font-family:var(--mono);font-size:11px;color:var(--fg-3);text-align:right}.demo-inbox .row.snoozed{opacity:.55}.demo-inbox .row.snoozed .from{font-style:italic}.demo-inbox .subj .tag{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:3px;margin-right:6px;vertical-align:1px;text-transform:uppercase;letter-spacing:.04em}.demo-inbox .tag-work{background:oklch(92% .05 250);color:oklch(38% .14 250)}.demo-inbox .tag-personal{background:#d1eed1;color:oklch(38% .14 145)}.demo-inbox .tag-later{background:#fedec4;color:oklch(38% .14 60)}.demo-inbox .tag-snoozed{background:transparent;padding:0;margin-right:4px}.demo-empty-reset{margin-left:8px;font-family:var(--mono);font-size:11px;background:transparent;border:1px solid var(--line-3);color:var(--fg-2);padding:2px 8px;border-radius:4px;cursor:pointer}.demo-empty-reset:hover{background:var(--bg-2)}.demo-editor{width:100%;max-width:600px;font-family:var(--mono);font-size:13px;line-height:1.7;background:#05070e;color:#e6e4e1;border-radius:8px;padding:16px 20px}.demo-editor .ln{display:grid;grid-template-columns:24px 1fr;gap:16px}.demo-editor .ln .num{color:#5f636f;text-align:right}.demo-editor .kw{color:oklch(78% .18 350)}.demo-editor .str{color:#c9cb61}.demo-editor .fn{color:#80c7f8}.demo-editor .com{color:#5f636f;font-style:italic}.kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;font-family:var(--mono);font-size:11px;border:1px solid var(--line-2);background:var(--bg);color:var(--fg-2);border-radius:5px;box-shadow:0 1px 0 var(--line-2)}.band-paper{--band-bg: var(--bg)}.band-paper-deep{--band-bg: var(--bg-3)}.band-dark{--band-bg: oklch(15% .018 270);--band-fg: oklch(96% .005 80)}.band-gradient{--band-bg: linear-gradient(135deg, oklch(95% .04 240), oklch(94% .06 320))}.band-warm{--band-bg: oklch(94% .04 25)}.band-discord{--band-bg: oklch(94% .04 270)}.band-terminal{--band-bg: oklch(13% .04 140);--band-fg: oklch(85% .18 140)}.band-lime{--band-bg: oklch(94% .06 110)}.band-neon{--band-bg: linear-gradient(135deg, oklch(18% .05 290), oklch(22% .06 320))}.band-candy{--band-bg: linear-gradient(135deg, oklch(92% .1 25), oklch(94% .06 60))}.band-ocean{--band-bg: linear-gradient(180deg, oklch(96% .04 250), oklch(94% .05 240))}.band-yellow{--band-bg: oklch(95% .1 95)}.band-lavender{--band-bg: linear-gradient(135deg, oklch(94% .05 280), oklch(96% .04 300))}.band-sunset{--band-bg: linear-gradient(135deg, oklch(94% .08 30), oklch(94% .08 340))}.spotlight{display:grid;grid-template-columns:1.1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:-1px;isolation:isolate;max-width:var(--content-w);margin-left:auto;margin-right:auto}.spotlight+.spotlight{margin-top:-1px}@media(max-width:880px){.spotlight{grid-template-columns:1fr}}.spotlight-stage{background:var(--band-bg);display:grid;place-items:center;padding:clamp(40px,6vw,80px) 24px;position:relative;min-height:220px}.spotlight-info{padding:clamp(28px,4vw,48px) clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px;border-left:1px solid var(--line);background:var(--bg)}@media(max-width:880px){.spotlight-info{border-left:0;border-top:1px solid var(--line)}}.spotlight-meta{display:flex;align-items:center;gap:10px}.spotlight-no{font-family:var(--mono);font-size:11px;color:var(--acc-2);letter-spacing:.02em;text-transform:lowercase}.spotlight-name{font-size:clamp(28px,2vw + 16px,40px);font-weight:700;letter-spacing:-.025em;line-height:1}.spotlight-desc{font-size:15px;line-height:1.55;color:var(--fg-2);max-width:50ch}.spotlight-details{display:grid;gap:4px;margin-top:4px}.spotlight-details li{font-family:var(--mono);font-size:12px;color:var(--fg-3)}.spotlight-actions{margin-top:8px}.variant-summon{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;background:var(--fg);color:var(--bg);border-radius:7px;font-size:13px;font-weight:500;transition:background .12s}.variant-summon:hover{background:#1e212a}.spotlight-css{margin-top:10px;padding:14px 16px;background:#05070e;color:#e6e4e1;border-radius:6px;font-family:var(--mono);font-size:12px;line-height:1.65;height:252px;overflow:auto;white-space:pre;scrollbar-width:thin;scrollbar-color:oklch(45% .02 270) transparent}.spotlight-css::-webkit-scrollbar{width:8px;height:8px}.spotlight-css::-webkit-scrollbar-thumb{background:#434753;border-radius:4px}.spotlight-css::-webkit-scrollbar-track{background:transparent}.spotlight-css .csskey{color:#80c7f8}.spotlight-css .cssval{color:#c9cb61}.spotlight-css .csscom{color:#5f636f;font-style:italic}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:var(--content-w);margin-left:auto;margin-right:auto}@media(max-width:880px){.tile-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.tile-grid{grid-template-columns:1fr}}.tile-variant{display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg);text-align:left;font:inherit;color:inherit;cursor:pointer;transition:background .14s ease}.tile-variant:hover{background:var(--bg-2)}.tile-variant:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.tile-variant:nth-child(3n){border-right:0}@media(max-width:880px){.tile-variant{border-right:1px solid var(--line)}.tile-variant:nth-child(3n){border-right:1px solid var(--line)}.tile-variant:nth-child(2n){border-right:0}}@media(max-width:540px){.tile-variant{border-right:0}}.tile-stage{background:var(--band-bg);display:grid;place-items:center;padding:28px 18px;min-height:110px}.tile-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 4px;border-top:1px solid var(--line)}.tile-no{font-family:var(--mono);font-size:12px;color:var(--fg-3);letter-spacing:.04em;margin-bottom:2px}h3.tile-name,.tile-name{font-size:14px;font-weight:600;letter-spacing:-.01em;margin:0}.tile-actions{display:flex;gap:6px}.tile-summon{height:28px;padding:0 10px;background:var(--fg);color:var(--bg);border-radius:6px;font-size:12px;font-weight:500;transition:background .12s}.tile-summon:hover{background:#1e212a}.tile-toggle{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:6px;border:1px solid var(--line);color:var(--fg-2);font-size:11px;background:var(--bg);transition:background .12s,color .12s}.tile-toggle:hover{background:var(--bg-2);color:var(--fg)}.tile-toggle[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.tile-desc{padding:6px 14px 14px;font-size:12px;color:var(--fg-3);line-height:1.45}.tile-css{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.16,1,.3,1)}.tile-css[data-open=true]{grid-template-rows:1fr}.tile-css>div{overflow:hidden}.tile-css pre{margin:0;border-top:1px solid var(--line);background:#05070e;color:#e6e4e1;padding:12px 14px;font-family:var(--mono);font-size:11.5px;line-height:1.65;overflow-x:auto;white-space:pre}.tile-css .csskey{color:#80c7f8}.tile-css .cssval{color:#c9cb61}.tile-css .csscom{color:#5f636f;font-style:italic}.customize-spotlights{display:grid;gap:0}.customize-mosaic{margin-top:56px}.mosaic-h{max-width:var(--content-w);margin:0 auto 24px;padding-bottom:16px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between}.mosaic-h-title{font-size:18px;font-weight:600;letter-spacing:-.015em;margin:0}.mosaic-h-meta{font-family:var(--mono);font-size:12px;color:var(--fg-3)}.mosaic-h-key{background:var(--bg-2);padding:1px 5px;border-radius:3px}.customize-foot{margin:36px auto 0;font-size:14px;color:var(--fg-2);max-width:64ch;line-height:1.6;text-align:center}.customize-foot code{font-family:var(--mono);font-size:12.5px;color:var(--acc-2);background:var(--acc-soft);padding:1px 5px;border-radius:3px}.customize-foot code{font-family:var(--mono);font-size:12px;color:var(--acc-2);background:var(--acc-soft);padding:1px 5px;border-radius:3px}.fa-mini{display:flex;gap:4px;padding:5px;background:var(--mini-bg, white);color:var(--mini-fg, oklch(15% .018 270));border:var(--mini-border, 1px solid oklch(91% .005 270));border-radius:var(--mini-radius, 10px);box-shadow:var(--mini-shadow, 0 4px 12px oklch(15% .018 270 / .08));font-family:var(--mini-font, var(--sans));font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;user-select:none}.fa-mini .fa-mini-action,.fa-mini button{padding:5px 8px;border-radius:var(--mini-radius-inner, 6px);background:var(--mini-action-bg, transparent);color:inherit;font:inherit;border:0;display:inline-flex;align-items:center}.fa-mini .more{width:22px;padding:0;display:inline-grid;place-items:center}.api-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,36px);max-width:var(--content-w);margin-left:auto;margin-right:auto}@media(max-width:720px){.api-grid{grid-template-columns:1fr}}h3.api-block-h,.api-block-h{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--fg);margin:0 0 12px;display:flex;justify-content:space-between;align-items:baseline;letter-spacing:-.01em}.api-block-h .meta{font-family:var(--sans);font-size:12px;color:var(--fg-3);font-weight:400;font-style:italic}.api-table{font-size:13px;border-top:1px solid var(--line)}.api-table .row{display:grid;grid-template-columns:minmax(140px,35%) 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);align-items:baseline}.api-table .key{font-family:var(--mono);font-size:12px;color:var(--fg)}.api-table .val{color:var(--fg-2)}.api-table .val code{font-family:var(--mono);font-size:11.5px;color:var(--acc-2);background:var(--acc-soft);padding:1px 5px;border-radius:3px}.foot{margin-top:80px;padding-block:32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--fg-3);font-family:var(--sans);max-width:var(--content-w);margin-left:auto;margin-right:auto}.foot-l{display:flex;align-items:center;gap:14px}.foot-r{display:flex;gap:14px}.foot-brand{color:var(--fg);font-weight:600;font-family:var(--sans)}.foot-slash{color:var(--acc)}.foot a{transition:color .12s}.foot a:hover{color:var(--fg)}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .28s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.spotlight>*,.tile-grid>*,.api-grid>*,.tile-variant>*,.examples>article,.example-body,.example-head>*,.spotlight-info,.spotlight-stage,.tile-meta,.tile-stage{min-width:0}.code,.spotlight-css,.tile-css pre,.demo-editor{max-width:100%}@media(max-width:720px){:root{--gutter: 18px}section{padding-block:clamp(40px,9vw,64px)}.section-h{flex-direction:column;align-items:flex-start;gap:8px}.section-h .section-h-meta{font-size:12px}.hero h1{font-size:clamp(40px,11vw,64px);margin-bottom:18px}.hero-prose{font-size:16px;max-width:none}.hero-cta{gap:10px}.hero-demo-stage{background-size:18px 18px;padding:32px 16px 96px;min-height:200px}.hero-demo-target-line{height:28px}.topbar-inner{font-size:13px}.topbar-l,.topbar-r{gap:12px}.topbar .ver{font-size:11px;padding:1px 6px}.example-head{grid-template-columns:1fr;gap:6px;padding:14px 16px 12px}.example-head .tabs{justify-self:start;margin-top:6px;border:1px solid var(--line);border-radius:7px;background:var(--bg)}.example-head .tabs .tab{height:32px;padding:0 12px;font-size:12px}.example-head .tabs .tab[aria-selected=true]:after{bottom:0;left:0;right:0;height:2px}.example-no{letter-spacing:.04em}.example-name{font-size:15px}.example-desc{font-size:12.5px;line-height:1.45}.example-stage{padding:24px 16px;min-height:auto}.code{font-size:12px;padding:16px;line-height:1.65}.spotlight-stage{padding:32px 18px;min-height:180px}.spotlight-info{padding:24px 18px 28px;gap:10px}.spotlight-name{font-size:clamp(26px,7vw,32px)}.spotlight-desc{font-size:14.5px}.spotlight-css{font-size:11.5px;padding:12px 14px}.tile-stage{padding:22px 14px;min-height:90px}.tile-meta{padding:10px 12px 4px;gap:6px}.tile-desc{padding:6px 12px 12px;font-size:11.5px}.tile-actions{gap:5px}.tile-summon{padding:0 9px;font-size:11.5px}.tile-toggle{width:26px;height:26px}.tile-css pre{font-size:11px;padding:11px 12px}.api-table .row{grid-template-columns:1fr;gap:4px;padding:12px 0 14px}.api-table .key{font-size:12px}.api-table .val,.api-block-h{font-size:13px}.foot{gap:10px;flex-direction:column;align-items:flex-start;padding-block:24px}.foot-l{flex-wrap:wrap;gap:8px 14px}.customize-foot{text-align:left;font-size:13px}.demo-gallery{grid-template-columns:repeat(4,1fr);gap:6px;max-width:100%}.demo-editor{font-size:12px;padding:14px}.demo-editor .ln{grid-template-columns:18px 1fr;gap:10px}.demo-inbox .row{grid-template-columns:22px minmax(60px,1fr) minmax(0,2fr) auto;gap:10px;padding:10px}.hero-demo-tabs .tab{height:36px;padding:0 12px;font-size:12.5px}}@media(max-width:480px){:root{--gutter: 14px}.hero h1{font-size:clamp(36px,13vw,56px)}.hero h1 br{display:none}.hero-prose{font-size:15px;line-height:1.45}.install-pill{font-size:12px;padding:9px 12px 9px 14px}.example-head{padding:12px 14px 10px}.example-name{font-size:14px}.example-desc{font-size:12px}.spotlight-name{font-size:clamp(24px,8vw,28px)}.tile-grid{grid-template-columns:1fr}.demo-gallery{grid-template-columns:repeat(3,1fr)}.demo-inbox .row{grid-template-columns:22px minmax(50px,auto) 1fr;grid-template-rows:auto}.demo-inbox .subj{font-size:12px}.demo-inbox .time{display:none}.topbar-r a:not([aria-label=GitHub]){display:none}.topbar-r .ver{display:none}.section-h h2{font-size:clamp(22px,6vw,28px)}.kicker{font-size:11px}}@media(max-width:360px){:root{--gutter: 12px}.hero h1{font-size:clamp(32px,14vw,44px)}.topbar-l .ver{display:none}.install-pill{font-size:11.5px}}@media(max-width:720px){.topbar a,.topbar-r a{min-height:44px;display:inline-flex;align-items:center}.tabs .tab,.hero-demo-tabs .tab,.example-head .tabs .tab{min-height:44px;height:auto;padding-block:10px}.demo-trigger,.btn,.variant-summon,.tile-summon{min-height:44px;padding-block:10px}.tile-summon{padding-inline:14px}.install-pill{min-height:44px;padding-block:8px}.install-pill .copy-btn,.code-copy,.tile-toggle{min-width:36px;min-height:36px}.demo-inbox .row,.demo-gallery .tile,.editor-link{min-height:44px}}html{color-scheme:light}:root{--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@keyframes fa-rise{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translateZ(0)}}.hero .kicker,.hero h1,.hero-prose,.hero-cta,.hero-demo{animation:fa-rise .7s var(--ease-out-quint) backwards}.hero .kicker{animation-delay:0ms;animation-duration:.5s}.hero h1{animation-delay:80ms}.hero-prose{animation-delay:.22s}.hero-cta{animation-delay:.32s}.hero-demo{animation-delay:.44s;animation-duration:.8s}[data-reveal]{opacity:0;transform:translate3d(0,18px,0);transition:opacity .6s var(--ease-out-quint),transform .6s var(--ease-out-quint)}[data-reveal=in]{opacity:1;transform:translateZ(0)}.tile-grid>.tile-variant[data-reveal]{transition-delay:0ms}.tile-grid>.tile-variant:nth-child(3n+2)[data-reveal]{transition-delay:70ms}.tile-grid>.tile-variant:nth-child(3n+3)[data-reveal]{transition-delay:.14s}@media(max-width:880px){.tile-grid>.tile-variant[data-reveal]{transition-delay:0ms}.tile-grid>.tile-variant:nth-child(2n)[data-reveal]{transition-delay:80ms}}.tile-variant .tile-stage>*{transition:transform .36s var(--ease-out-quint)}.tile-variant:hover .tile-stage>*{transform:scale(1.04);will-change:transform}.tile-variant:active .tile-stage>*{transform:scale(.99);transition-duration:.14s}.spotlight-name{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1.5px;transition:background-size .48s var(--ease-out-quint)}.spotlight:hover .spotlight-name{background-size:32% 1.5px}.example-body[data-tab]{animation:fa-tab-fade .28s var(--ease-out-quint)}@keyframes fa-tab-fade{0%{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.hero .kicker,.hero h1,.hero-prose,.hero-cta,.hero-demo,.example-body[data-tab]{animation:none}[data-reveal],[data-reveal=in]{opacity:1!important;transform:none!important;transition:none!important}.tile-variant .tile-stage>*{transition:none}.tile-variant:hover .tile-stage>*{transform:none}.spotlight-name{transition:none;background-size:0% 1.5px}}.css-dialog{border:0;padding:0;margin:auto;max-width:min(720px,calc(100% - 32px));width:100%;background:transparent;color:inherit;opacity:0;transform:translate3d(0,16px,0) scale(.97);transition:opacity .28s var(--ease-out-quint),transform .32s var(--ease-out-expo),overlay .32s var(--ease-out-expo) allow-discrete,display .32s var(--ease-out-expo) allow-discrete}.css-dialog[open]{opacity:1;transform:translateZ(0) scale(1)}@starting-style{.css-dialog[open]{opacity:0;transform:translate3d(0,16px,0) scale(.97)}}.css-dialog::backdrop{background:#45474e47;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);opacity:0;transition:opacity .26s var(--ease-out-quint),overlay .26s var(--ease-out-quint) allow-discrete,display .26s var(--ease-out-quint) allow-discrete}.css-dialog[open]::backdrop{opacity:1}@starting-style{.css-dialog[open]::backdrop{opacity:0}}.css-dialog-frame{display:flex;flex-direction:column;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 1px #fff9 inset,0 24px 60px #080b132e;max-height:min(80vh,640px)}.css-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--line);background:var(--bg)}.css-dialog-title{display:flex;align-items:baseline;gap:12px;min-width:0}.css-dialog-no{font-family:var(--mono);font-size:12px;color:var(--fg-3);letter-spacing:.04em}.css-dialog-title h3{font-size:15px;font-weight:600;color:var(--fg);margin:0;letter-spacing:-.01em}.css-dialog-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.css-dialog-copy{height:30px;padding:0 12px;border-radius:6px;background:var(--fg);color:var(--bg);border:1px solid var(--fg);font-size:12px;font-weight:500;font-family:var(--sans);letter-spacing:.01em;cursor:pointer;transition:background .14s,color .14s,border-color .14s}.css-dialog-copy:hover{background:#252932;border-color:#252932}.css-dialog-copy[data-state=copied]{background:oklch(48% .16 145);border-color:oklch(48% .16 145);color:#f1fcf0}.css-dialog-copy[data-state=failed]{background:#d0020f;border-color:#d0020f;color:oklch(98% .02 28)}.css-dialog-close{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:6px;background:transparent;color:var(--fg-2);border:1px solid transparent;font-size:20px;line-height:1;cursor:pointer;transition:background .14s,color .14s}.css-dialog-close:hover{background:var(--bg-2);color:var(--fg)}.css-dialog-pre{margin:0;padding:18px 20px;overflow:auto;font-family:var(--mono);font-size:12.5px;line-height:1.7;color:var(--fg);background:var(--bg-2);white-space:pre;scrollbar-width:thin;scrollbar-color:var(--line-3) transparent}.css-dialog-pre::-webkit-scrollbar{width:8px;height:8px}.css-dialog-pre::-webkit-scrollbar-thumb{background:var(--line-3);border-radius:4px}.css-dialog-pre .csskey{color:oklch(40% .18 250)}.css-dialog-pre .cssval{color:oklch(48% .18 145)}.css-dialog-pre .csscom{color:var(--fg-3);font-style:italic}@media(prefers-reduced-motion:reduce){.css-dialog,.css-dialog::backdrop{transition:none}.css-dialog[open]{transform:none}}.skip-link{position:absolute;top:-100px;left:12px;z-index:9999;padding:8px 14px;background:var(--fg);color:var(--bg);border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:top .16s var(--ease-out-quint, ease-out)}.skip-link:focus,.skip-link:focus-visible{top:12px}.example,.spotlight,.tile-variant{content-visibility:auto;contain-intrinsic-size:1px 600px}section{contain:layout style}[data-reveal]{transform:translateY(18px)}[data-reveal=in]{transform:none}.theme-default.fa-bar{--fa-bg: oklch(98.8% .003 80);--fa-fg: oklch(15% .018 270);--fa-border: oklch(91% .005 270);--fa-radius: 12px;--fa-radius-inner: 8px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(94% .005 270);--fa-action-bg-active: oklch(90% .006 270);--fa-shadow: 0 1px 2px oklch(15% .018 270 / .06), 0 12px 32px oklch(15% .018 270 / .12);--fa-danger: oklch(58% .2 28)}.fa-mini.theme-default{--mini-bg: oklch(98.8% .003 80);--mini-fg: oklch(15% .018 270);--mini-border: 1px solid oklch(91% .005 270);--mini-radius: 10px;--mini-radius-inner: 6px;--mini-shadow: 0 6px 16px oklch(15% .018 270 / .08)}.theme-midnight.fa-bar{--fa-bg: oklch(18% .02 270);--fa-fg: oklch(96% .005 80);--fa-border: oklch(28% .02 270);--fa-radius: 12px;--fa-radius-inner: 8px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(25% .02 270);--fa-action-bg-active: oklch(32% .02 270);--fa-shadow: 0 12px 40px oklch(15% .018 270 / .4);--fa-danger: oklch(72% .18 28)}.fa-mini.theme-midnight{--mini-bg: oklch(18% .02 270);--mini-fg: oklch(96% .005 80);--mini-border: 1px solid oklch(28% .02 270);--mini-radius: 10px;--mini-radius-inner: 6px;--mini-shadow: 0 8px 20px oklch(15% .018 270 / .4)}.theme-glass.fa-bar{--fa-bg: oklch(98.8% .003 80 / .65);--fa-fg: oklch(15% .018 270);--fa-border: oklch(15% .018 270 / .08);--fa-radius: 18px;--fa-radius-inner: 12px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(15% .018 270 / .06);--fa-action-bg-active: oklch(15% .018 270 / .12);--fa-shadow: 0 16px 40px oklch(15% .018 270 / .18);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.fa-mini.theme-glass{--mini-bg: oklch(98.8% .003 80 / .65);--mini-fg: oklch(15% .018 270);--mini-border: 1px solid oklch(15% .018 270 / .08);--mini-radius: 14px;--mini-radius-inner: 8px;--mini-shadow: 0 8px 20px oklch(15% .018 270 / .15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.theme-pill.fa-bar{--fa-bg: oklch(15% .018 270);--fa-fg: oklch(96% .005 80);--fa-border: transparent;--fa-radius: 999px;--fa-radius-inner: 999px;--fa-padding: 6px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(28% .02 270);--fa-action-bg-active: oklch(35% .02 270);--fa-shadow: 0 12px 32px oklch(15% .018 270 / .35);--fa-danger: oklch(72% .18 28)}.fa-mini.theme-pill{--mini-bg: oklch(15% .018 270);--mini-fg: oklch(96% .005 80);--mini-border: 0;--mini-radius: 999px;--mini-radius-inner: 999px;--mini-shadow: 0 8px 20px oklch(15% .018 270 / .35);padding:4px}.theme-brutalist.fa-bar{--fa-bg: oklch(98.8% .003 80);--fa-fg: oklch(13% 0 0);--fa-border: oklch(13% 0 0);--fa-radius: 0;--fa-radius-inner: 0;--fa-border-w: 2px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(13% 0 0);--fa-action-bg-active: oklch(13% 0 0);--fa-shadow: 5px 5px 0 oklch(13% 0 0);--fa-danger: oklch(55% .22 28);font-family:JetBrains Mono,monospace}.theme-brutalist.fa-bar .fa-action:hover,.theme-brutalist.fa-bar .fa-more:hover{color:#fcfbf9}.fa-mini.theme-brutalist{--mini-bg: oklch(98.8% .003 80);--mini-fg: oklch(13% 0 0);--mini-border: 2px solid oklch(13% 0 0);--mini-radius: 0;--mini-radius-inner: 0;--mini-shadow: 4px 4px 0 oklch(13% 0 0);--mini-font: "JetBrains Mono", monospace}.theme-terminal.fa-bar{--fa-bg: oklch(13% .04 140);--fa-fg: oklch(85% .18 140);--fa-border: oklch(45% .1 140);--fa-radius: 4px;--fa-radius-inner: 2px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(22% .06 140);--fa-action-bg-active: oklch(30% .08 140);--fa-shadow: 0 0 0 1px oklch(85% .18 140 / .2), 0 12px 32px oklch(13% .04 140 / .6);--fa-danger: oklch(78% .18 28);font-family:JetBrains Mono,monospace;text-transform:lowercase;letter-spacing:.04em}.fa-mini.theme-terminal{--mini-bg: oklch(13% .04 140);--mini-fg: oklch(85% .18 140);--mini-border: 1px solid oklch(45% .1 140);--mini-radius: 4px;--mini-radius-inner: 2px;--mini-shadow: 0 0 0 1px oklch(85% .18 140 / .15);--mini-font: "JetBrains Mono", monospace}.theme-mac.fa-bar{--fa-bg: oklch(96% .005 270 / .85);--fa-fg: oklch(15% .018 270);--fa-border: oklch(15% .018 270 / .06);--fa-radius: 11px;--fa-radius-inner: 7px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(15% .018 270 / .06);--fa-action-bg-active: oklch(15% .018 270 / .12);--fa-shadow: inset 0 .5px 0 oklch(100% 0 0 / .6), 0 14px 40px oklch(15% .018 270 / .18);--fa-danger: oklch(55% .22 28);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%)}.fa-mini.theme-mac{--mini-bg: oklch(96% .005 270 / .85);--mini-fg: oklch(15% .018 270);--mini-border: 1px solid oklch(15% .018 270 / .06);--mini-radius: 9px;--mini-radius-inner: 6px;--mini-shadow: inset 0 .5px 0 oklch(100% 0 0 / .6), 0 8px 20px oklch(15% .018 270 / .15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.theme-stripe.fa-bar{background:linear-gradient(180deg,#fafcfe,#e9f3fb);--fa-fg: oklch(20% .05 240);--fa-border: oklch(85% .04 240);--fa-radius: 10px;--fa-radius-inner: 7px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(95% .025 240);--fa-action-bg-active: oklch(92% .04 240);--fa-shadow: 0 1px 2px oklch(50% .1 240 / .06), 0 8px 24px oklch(50% .1 240 / .12);--fa-danger: oklch(58% .22 28)}.fa-mini.theme-stripe{--mini-bg: linear-gradient(180deg, oklch(99% .003 240), oklch(96% .015 240));--mini-fg: oklch(20% .05 240);--mini-border: 1px solid oklch(85% .04 240);--mini-radius: 9px;--mini-radius-inner: 6px;--mini-shadow: 0 6px 16px oklch(50% .1 240 / .12);background:linear-gradient(180deg,#fafcfe,#e9f3fb)}.theme-notion.fa-bar{--fa-bg: oklch(98% .005 80);--fa-fg: oklch(15% .018 270);--fa-border: oklch(15% .018 270 / .08);--fa-radius: 6px;--fa-radius-inner: 4px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(15% .018 270 / .06);--fa-action-bg-active: oklch(15% .018 270 / .1);--fa-shadow: 0 0 0 1px oklch(15% .018 270 / .04), 0 4px 12px oklch(15% .018 270 / .08), 0 12px 32px oklch(15% .018 270 / .06);--fa-danger: oklch(55% .22 28)}.fa-mini.theme-notion{--mini-bg: oklch(98% .005 80);--mini-fg: oklch(15% .018 270);--mini-border: 1px solid oklch(15% .018 270 / .08);--mini-radius: 5px;--mini-radius-inner: 3px;--mini-shadow: 0 0 0 1px oklch(15% .018 270 / .04), 0 4px 12px oklch(15% .018 270 / .08)}.theme-discord.fa-bar{--fa-bg: oklch(38% .1 270);--fa-fg: oklch(96% .005 80);--fa-border: oklch(48% .12 270);--fa-radius: 14px;--fa-radius-inner: 9px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(45% .12 270);--fa-action-bg-active: oklch(52% .14 270);--fa-shadow: 0 12px 32px oklch(38% .1 270 / .4);--fa-danger: oklch(72% .18 28);--fa-action-fw: 600}.fa-mini.theme-discord{--mini-bg: oklch(38% .1 270);--mini-fg: oklch(96% .005 80);--mini-border: 1px solid oklch(48% .12 270);--mini-radius: 12px;--mini-radius-inner: 7px;--mini-shadow: 0 8px 20px oklch(38% .1 270 / .4)}.fa-mini.theme-discord .fa-mini-action{font-weight:600}.theme-pastel.fa-bar{--fa-bg: oklch(94% .04 25);--fa-fg: oklch(28% .1 25);--fa-border: oklch(82% .08 25);--fa-radius: 18px;--fa-radius-inner: 12px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(89% .06 25);--fa-action-bg-active: oklch(85% .08 25);--fa-shadow: 0 12px 32px oklch(75% .1 25 / .5);--fa-danger: oklch(48% .2 28)}.fa-mini.theme-pastel{--mini-bg: oklch(94% .04 25);--mini-fg: oklch(28% .1 25);--mini-border: 1px solid oklch(82% .08 25);--mini-radius: 14px;--mini-radius-inner: 10px;--mini-shadow: 0 8px 20px oklch(75% .1 25 / .4)}.theme-acid.fa-bar{--fa-bg: oklch(78% .2 110);--fa-fg: oklch(15% .04 110);--fa-border: oklch(60% .18 110);--fa-radius: 8px;--fa-radius-inner: 4px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(72% .2 110);--fa-action-bg-active: oklch(66% .2 110);--fa-shadow: 0 12px 32px oklch(78% .2 110 / .5), 0 0 0 1px oklch(60% .18 110);--fa-danger: oklch(28% .2 28);--fa-action-fw: 700;letter-spacing:.02em;text-transform:uppercase;font-size:12px}.fa-mini.theme-acid{--mini-bg: oklch(78% .2 110);--mini-fg: oklch(15% .04 110);--mini-border: 1px solid oklch(60% .18 110);--mini-radius: 6px;--mini-radius-inner: 3px;--mini-shadow: 0 8px 20px oklch(78% .2 110 / .4)}.fa-mini.theme-acid .fa-mini-action{font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:9px}.theme-dock.fa-bar{--fa-bg: oklch(15% .018 270 / .78);--fa-fg: oklch(96% .005 80);--fa-border: oklch(96% .005 80 / .12);--fa-radius: 22px;--fa-radius-inner: 14px;--fa-padding: 8px;--fa-gap: 4px;--fa-action-px: 14px;--fa-action-h: 38px;--fa-action-flex: 0 0 auto;--fa-width: auto;--fa-action-bg: oklch(96% .005 80 / .06);--fa-action-bg-hover: oklch(96% .005 80 / .16);--fa-shadow: 0 18px 40px oklch(15% .018 270 / .5), inset 0 .5px 0 oklch(96% .005 80 / .12);--fa-danger: oklch(72% .18 28);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}.fa-mini.theme-dock{--mini-bg: oklch(15% .018 270 / .78);--mini-fg: oklch(96% .005 80);--mini-border: 1px solid oklch(96% .005 80 / .12);--mini-radius: 18px;--mini-radius-inner: 11px;--mini-shadow: 0 10px 24px oklch(15% .018 270 / .5);--mini-action-bg: oklch(96% .005 80 / .06);padding:6px;gap:3px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.theme-neon.fa-bar{--fa-bg: oklch(14% .04 290);--fa-fg: oklch(94% .1 320);--fa-border: oklch(70% .25 320);--fa-radius: 6px;--fa-radius-inner: 4px;--fa-border-w: 1px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(70% .25 320 / .18);--fa-action-bg-active: oklch(70% .25 320 / .28);--fa-shadow: 0 0 0 1px oklch(70% .25 320 / .55), 0 0 24px oklch(70% .25 320 / .45), 0 0 60px oklch(70% .25 320 / .35), inset 0 0 18px oklch(70% .25 320 / .12);--fa-danger: oklch(78% .22 28);--fa-action-fw: 600;font-family:JetBrains Mono,monospace;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.fa-mini.theme-neon{--mini-bg: oklch(14% .04 290);--mini-fg: oklch(94% .1 320);--mini-border: 1px solid oklch(70% .25 320);--mini-radius: 5px;--mini-radius-inner: 3px;--mini-shadow: 0 0 18px oklch(70% .25 320 / .5), 0 0 40px oklch(70% .25 320 / .3);--mini-font: "JetBrains Mono", monospace}.fa-mini.theme-neon .fa-mini-action{font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:9px}.theme-outline.fa-bar{--fa-bg: transparent;--fa-fg: oklch(15% .018 270);--fa-border: oklch(15% .018 270);--fa-border-w: 1.5px;--fa-radius: 999px;--fa-radius-inner: 999px;--fa-padding: 4px;--fa-gap: 4px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(15% .018 270);--fa-action-bg-active: oklch(20% .018 270);--fa-shadow: none;--fa-danger: oklch(55% .22 28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.theme-outline.fa-bar .fa-action:hover,.theme-outline.fa-bar .fa-more:hover{color:#f9f8f6}.fa-mini.theme-outline{--mini-bg: transparent;--mini-fg: oklch(15% .018 270);--mini-border: 1.5px solid oklch(15% .018 270);--mini-radius: 999px;--mini-radius-inner: 999px;--mini-shadow: none;padding:3px}.theme-tape.fa-bar{--fa-bg: oklch(94% .06 80);--fa-fg: oklch(20% .04 60);--fa-border: oklch(20% .04 60);--fa-border-w: 1px;--fa-border-style: dashed;--fa-radius: 0;--fa-radius-inner: 0;--fa-padding: 8px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(88% .08 80);--fa-action-bg-active: oklch(82% .1 80);--fa-shadow: 4px 6px 0 oklch(20% .04 60 / .18);--fa-danger: oklch(55% .22 28);--fa-action-fw: 600}.theme-tape.fa-bar[data-state=open]{transform:translate(-50%) rotate(-1.2deg)}.fa-mini.theme-tape{--mini-bg: oklch(94% .06 80);--mini-fg: oklch(20% .04 60);--mini-border: 1px dashed oklch(20% .04 60);--mini-radius: 0;--mini-radius-inner: 0;--mini-shadow: 4px 5px 0 oklch(20% .04 60 / .18);transform:rotate(-1.5deg)}.fa-mini.theme-tape .fa-mini-action{font-weight:600}.theme-game.fa-bar{--fa-bg: oklch(75% .2 25);--fa-fg: oklch(20% .05 25);--fa-border: oklch(20% .05 25);--fa-border-w: 3px;--fa-radius: 14px;--fa-radius-inner: 8px;--fa-padding: 5px;--fa-gap: 5px;--fa-action-bg: oklch(85% .16 25);--fa-action-bg-hover: oklch(80% .18 25);--fa-action-bg-active: oklch(72% .2 25);--fa-shadow: 6px 6px 0 oklch(20% .05 25);--fa-danger: oklch(35% .2 280);--fa-action-fw: 700;font-size:13px}.fa-mini.theme-game{--mini-bg: oklch(75% .2 25);--mini-fg: oklch(20% .05 25);--mini-border: 2px solid oklch(20% .05 25);--mini-radius: 11px;--mini-radius-inner: 7px;--mini-shadow: 4px 4px 0 oklch(20% .05 25);--mini-action-bg: oklch(85% .16 25)}.fa-mini.theme-game .fa-mini-action{font-weight:700}.theme-gradient.fa-bar{background:linear-gradient(135deg,oklch(72% .2 30),#e048b8,#6e69f3);--fa-fg: oklch(98% .003 80);--fa-border: oklch(98% .003 80 / .18);--fa-radius: 16px;--fa-radius-inner: 10px;--fa-action-bg: oklch(98% .003 80 / .1);--fa-action-bg-hover: oklch(98% .003 80 / .2);--fa-action-bg-active: oklch(98% .003 80 / .3);--fa-shadow: 0 16px 40px oklch(60% .2 280 / .45);--fa-danger: oklch(94% .1 30);--fa-action-fw: 600}.fa-mini.theme-gradient{--mini-bg: linear-gradient(135deg, oklch(72% .2 30), oklch(65% .22 340), oklch(60% .2 280));--mini-fg: oklch(98% .003 80);--mini-border: 1px solid oklch(98% .003 80 / .18);--mini-radius: 12px;--mini-radius-inner: 8px;--mini-shadow: 0 8px 20px oklch(60% .2 280 / .45);--mini-action-bg: oklch(98% .003 80 / .1);background:linear-gradient(135deg,oklch(72% .2 30),#e048b8,#6e69f3)}.fa-mini.theme-gradient .fa-mini-action{font-weight:600}.theme-material.fa-bar{--fa-bg: oklch(96% .05 250);--fa-fg: oklch(28% .1 250);--fa-border: transparent;--fa-border-w: 0;--fa-radius: 28px;--fa-radius-inner: 20px;--fa-padding: 4px;--fa-gap: 0;--fa-action-px: 18px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(86% .1 250);--fa-action-bg-active: oklch(78% .13 250);--fa-shadow: 0 1px 3px oklch(15% .05 250 / .12), 0 2px 8px oklch(15% .05 250 / .08), 0 12px 28px oklch(28% .1 250 / .18);--fa-danger: oklch(45% .22 28);--fa-action-fw: 500}.fa-mini.theme-material{--mini-bg: oklch(96% .05 250);--mini-fg: oklch(28% .1 250);--mini-border: 0;--mini-radius: 22px;--mini-radius-inner: 16px;--mini-shadow: 0 6px 20px oklch(28% .1 250 / .18);padding:3px;gap:0}.theme-receipt.fa-bar{--fa-bg: oklch(98% .005 80);--fa-fg: oklch(15% .005 80);--fa-border: oklch(15% .005 80);--fa-radius: 0;--fa-radius-inner: 0;--fa-border-w: 0;--fa-padding: 14px 12px 10px;--fa-gap: 0;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(15% .005 80);--fa-action-bg-active: oklch(20% .005 80);--fa-shadow: 0 -1px 0 oklch(15% .005 80) inset, 0 12px 24px oklch(15% .005 80 / .18);--fa-danger: oklch(45% .22 28);font-family:Georgia,Iowan Old Style,serif;font-style:italic;border-bottom:2px dashed oklch(15% .005 80)}.theme-receipt.fa-bar .fa-action:hover,.theme-receipt.fa-bar .fa-more:hover{color:#faf8f5;font-style:normal}.fa-mini.theme-receipt{--mini-bg: oklch(98% .005 80);--mini-fg: oklch(15% .005 80);--mini-border: 0;--mini-radius: 0;--mini-radius-inner: 0;--mini-shadow: 0 8px 18px oklch(15% .005 80 / .18);--mini-font: "Georgia", serif;border-bottom:2px dashed oklch(15% .005 80);padding:8px 8px 6px}.fa-mini.theme-receipt .fa-mini-action{font-style:italic}.theme-sticky.fa-bar{--fa-bg: oklch(94% .13 95);--fa-fg: oklch(22% .06 95);--fa-border: transparent;--fa-radius: 2px;--fa-radius-inner: 1px;--fa-padding: 10px;--fa-gap: 6px;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(88% .16 95);--fa-action-bg-active: oklch(82% .18 95);--fa-shadow: 0 2px 0 oklch(85% .16 95), 8px 14px 18px oklch(22% .06 95 / .32), -2px 4px 8px oklch(22% .06 95 / .18);--fa-danger: oklch(45% .22 28);--fa-action-fw: 600;font-family:Caveat,Bradley Hand,Comic Sans MS,cursive;font-size:17px;letter-spacing:.005em}.theme-sticky.fa-bar[data-state=open]{transform:translate(-50%) rotate(2deg)}.fa-mini.theme-sticky{--mini-bg: oklch(94% .13 95);--mini-fg: oklch(22% .06 95);--mini-border: 0;--mini-radius: 2px;--mini-radius-inner: 1px;--mini-shadow: 0 1px 0 oklch(85% .16 95), 5px 10px 14px oklch(22% .06 95 / .32);--mini-font: "Caveat", cursive;padding:8px;transform:rotate(2deg)}.fa-mini.theme-sticky .fa-mini-action{font-weight:600;font-size:13px}.theme-pixel.fa-bar{--fa-bg: oklch(95% .005 80);--fa-fg: oklch(15% .018 270);--fa-border: transparent;--fa-border-w: 0;--fa-radius: 0;--fa-radius-inner: 0;--fa-padding: 4px;--fa-gap: 4px;--fa-action-bg: oklch(85% .05 270);--fa-action-bg-hover: oklch(78% .08 270);--fa-action-bg-active: oklch(70% .12 270);--fa-shadow: 0 0 0 4px oklch(15% .018 270), 4px 4px 0 4px oklch(78% .08 270), 8px 8px 0 4px oklch(15% .018 270);--fa-danger: oklch(58% .22 28);--fa-action-fw: 700;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.06em;font-size:11px;image-rendering:pixelated}.fa-mini.theme-pixel{--mini-bg: oklch(95% .005 80);--mini-fg: oklch(15% .018 270);--mini-border: 0;--mini-radius: 0;--mini-radius-inner: 0;--mini-shadow: 0 0 0 3px oklch(15% .018 270), 3px 3px 0 3px oklch(78% .08 270), 6px 6px 0 3px oklch(15% .018 270);--mini-font: "Courier New", monospace;--mini-action-bg: oklch(85% .05 270);padding:3px;gap:3px}.fa-mini.theme-pixel .fa-mini-action{font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.theme-circle.fa-bar{--fa-bg: oklch(98% .005 80);--fa-fg: oklch(15% .018 270);--fa-border: oklch(91% .005 270);--fa-radius: 999px;--fa-radius-inner: 999px;--fa-padding: 6px;--fa-gap: 6px;--fa-action-h: 44px;--fa-action-px: 0;--fa-action-py: 0;--fa-action-flex: 0 0 44px;--fa-width: auto;--fa-action-bg: oklch(94% .005 270);--fa-action-bg-hover: oklch(88% .005 270);--fa-action-bg-active: oklch(80% .005 270);--fa-shadow: 0 12px 32px oklch(15% .018 270 / .12), 0 1px 2px oklch(15% .018 270 / .08);--fa-danger: oklch(58% .22 28);font-size:11px}.theme-circle.fa-bar .fa-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.fa-mini.theme-circle{--mini-bg: oklch(98% .005 80);--mini-fg: oklch(15% .018 270);--mini-border: 1px solid oklch(91% .005 270);--mini-radius: 999px;--mini-radius-inner: 999px;--mini-shadow: 0 8px 20px oklch(15% .018 270 / .12);--mini-action-bg: oklch(94% .005 270);padding:5px;gap:5px}.fa-mini.theme-circle .fa-mini-action{width:30px;height:30px;padding:0;font-size:9px;font-weight:600;text-transform:uppercase}.theme-toast.fa-bar{--fa-bg: oklch(20% .018 270);--fa-fg: oklch(96% .005 80);--fa-border: oklch(96% .005 80 / .1);--fa-radius: 999px;--fa-radius-inner: 999px;--fa-padding: 4px;--fa-gap: 2px;--fa-width: auto;--fa-action-h: 36px;--fa-action-px: 14px;--fa-action-flex: 0 0 auto;--fa-action-bg: transparent;--fa-action-bg-hover: oklch(96% .005 80 / .1);--fa-action-bg-active: oklch(96% .005 80 / .18);--fa-shadow: 0 18px 40px oklch(15% .018 270 / .45);--fa-danger: oklch(72% .18 28);--fa-action-fw: 500;font-size:13px;bottom:auto;top:calc(env(safe-area-inset-top,0px) + 16px)}.theme-toast.fa-bar[data-state=closed]{transform:translate(-50%,-180%)}.fa-mini.theme-toast{--mini-bg: oklch(20% .018 270);--mini-fg: oklch(96% .005 80);--mini-border: 1px solid oklch(96% .005 80 / .1);--mini-radius: 999px;--mini-radius-inner: 999px;--mini-shadow: 0 10px 24px oklch(15% .018 270 / .4);padding:3px;gap:2px}.theme-radial.fa-bar{--fa-radius-px: 90px;--fa-canvas: 220px;--fa-action-h: 56px;--fa-action-px: 0;--fa-action-py: 0;--fa-action-flex: 0 0 56px;--fa-radius: 999px;--fa-radius-inner: 999px;--fa-bg: transparent;--fa-border: transparent;--fa-shadow: none;--fa-padding: 0;--fa-gap: 0;--fa-action-bg: oklch(98% .005 80);--fa-action-bg-hover: oklch(94% .005 270);--fa-action-bg-active: oklch(88% .005 270);--fa-fg: oklch(15% .018 270);--fa-danger: oklch(58% .22 28);--fa-display: block;--fa-width: var(--fa-canvas);--fa-height: var(--fa-canvas);border:none;transform-origin:center bottom;font-size:11px}.theme-radial.fa-bar:before{content:"";position:absolute;inset:0;border-radius:50%;border:1px dashed oklch(80% .005 270 / .5);pointer-events:none}.theme-radial.fa-bar:after{content:"";position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;border:1px dashed oklch(80% .005 270 / .5);pointer-events:none}.theme-radial.fa-bar .fa-action,.theme-radial.fa-bar .fa-more{position:absolute;top:50%;left:50%;width:var(--fa-action-h);height:var(--fa-action-h);padding:0;border-radius:50%;background:var(--fa-action-bg);border:1px solid oklch(91% .005 270);box-shadow:0 6px 16px #080b131f;flex:0 0 auto;transform:translate(-50%,-50%) rotate(calc(var(--fa-i) * 360deg / var(--fa-n))) translateY(calc(-1 * var(--fa-radius-px))) rotate(calc(-1 * var(--fa-i) * 360deg / var(--fa-n)));opacity:1;transition:background-color .12s ease,transform .26s cubic-bezier(.22,1,.36,1),opacity .22s ease;transition-delay:calc(var(--fa-i) * 35ms)}.theme-radial.fa-bar[data-state=closed]{transform:translate(-50%) scale(.6);opacity:0;transition:transform .18s ease-in,opacity .18s ease-in}.theme-radial.fa-bar[data-state=closed] .fa-action,.theme-radial.fa-bar[data-state=closed] .fa-more{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--fa-i) * 360deg / var(--fa-n))) translateY(0) rotate(calc(-1 * var(--fa-i) * 360deg / var(--fa-n)));transition-delay:0ms}.theme-radial.fa-bar .fa-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.theme-radial.fa-bar .fa-action[data-variant=danger]{color:var(--fa-danger)}.fa-mini.theme-radial{--mini-bg: transparent;--mini-border: none;--mini-shadow: none;position:relative;width:130px;height:130px;padding:0;gap:0;border-radius:0;background:transparent;border:none;box-shadow:none}.fa-mini.theme-radial:before{content:"";position:absolute;inset:0;border-radius:50%;border:1px dashed oklch(80% .005 270 / .5)}.fa-mini.theme-radial:after{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;border:1px dashed oklch(80% .005 270 / .5)}.fa-mini.theme-radial .fa-mini-action{position:absolute;top:50%;left:50%;width:32px;height:32px;padding:0;border-radius:50%;background:#faf8f5;border:1px solid oklch(91% .005 270);box-shadow:0 4px 10px #080b131f;font-size:9px;font-weight:600;text-transform:uppercase;transform:translate(-50%,-50%) rotate(calc(var(--mini-i, 0) * 360deg / var(--mini-n, 5))) translateY(-50px) rotate(calc(-1 * var(--mini-i, 0) * 360deg / var(--mini-n, 5)))}@media(prefers-reduced-motion:reduce){.theme-radial.fa-bar .fa-action,.theme-radial.fa-bar .fa-more{transition-delay:0ms}}.theme-animated.fa-bar{--fa-bg: oklch(20% .018 270);--fa-fg: oklch(96% .005 80);--fa-border: oklch(96% .005 80 / .12);--fa-radius: 999px;--fa-radius-inner: 999px;--fa-padding: 6px;--fa-gap: 4px;--fa-action-h: 44px;--fa-action-px: 0;--fa-action-py: 0;--fa-action-flex: 0 0 44px;--fa-width: auto;--fa-action-bg: oklch(96% .005 80 / .06);--fa-action-bg-hover: oklch(96% .005 80 / .16);--fa-action-bg-active: oklch(96% .005 80 / .24);--fa-shadow: 0 0 0 1px oklch(96% .005 80 / .06), 0 14px 36px oklch(15% .018 270 / .5)}.theme-animated.fa-bar .fa-action[data-icon-only=true]{border-radius:50%}.theme-animated.fa-bar[data-state=open] .fa-action{animation:fa-anim-bob 1.6s ease-in-out infinite;animation-delay:calc(var(--fa-i) * .12s)}@keyframes fa-anim-bob{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.06)}}.theme-animated.fa-bar[data-state=closed]{animation:fa-anim-collapse .54s cubic-bezier(.55,0,.35,1) forwards;transition:transform .54s ease-in}@keyframes fa-anim-collapse{0%{transform:translate(-50%) scale(1);border-radius:999px;opacity:1}45%{transform:translate(-50%) scale(.45);border-radius:50%;opacity:1}to{transform:translate(-50%,220%) scale(.4);border-radius:50%;opacity:0}}.theme-animated.fa-bar[data-state=closed] .fa-action,.theme-animated.fa-bar[data-state=closed] .fa-more{animation:fa-anim-converge .24s ease-in forwards;animation-delay:0ms}@keyframes fa-anim-converge{to{transform:translate(calc((var(--fa-n) / 2 - var(--fa-i) - .5) * -48px)) scale(0);opacity:0}}.fa-mini.theme-animated{--mini-bg: oklch(20% .018 270);--mini-fg: oklch(96% .005 80);--mini-border: 1px solid oklch(96% .005 80 / .1);--mini-radius: 999px;--mini-radius-inner: 999px;--mini-shadow: 0 10px 24px oklch(15% .018 270 / .45);padding:4px;gap:3px}.fa-mini.theme-animated .fa-mini-action{width:28px;height:28px;padding:0;border-radius:50%;background:#f3f1ee0f;color:#f3f1ee;display:inline-grid;place-items:center;animation:fa-anim-bob 1.6s ease-in-out infinite;animation-delay:calc(var(--mini-i, 0) * .12s)}@media(prefers-reduced-motion:reduce){.theme-animated.fa-bar[data-state=open] .fa-action,.fa-mini.theme-animated .fa-mini-action,.theme-animated.fa-bar[data-state=closed],.theme-animated.fa-bar[data-state=closed] .fa-action,.theme-animated.fa-bar[data-state=closed] .fa-more{animation:none}}.theme-dock.fa-bar{--fa-bg: linear-gradient(180deg, oklch(82% .005 270) 0%, oklch(72% .008 270) 100%);--fa-fg: oklch(15% .018 270);--fa-border: oklch(15% .018 270 / .18);--fa-radius: 18px;--fa-radius-inner: 11px;--fa-padding: 8px;--fa-gap: 6px;--fa-action-h: 44px;--fa-action-px: 0;--fa-action-py: 0;--fa-action-flex: 0 0 44px;--fa-width: auto;--fa-action-bg: transparent;--fa-action-bg-hover: transparent;--fa-action-bg-active: transparent;--fa-shadow: inset 0 1px 0 oklch(100% 0 0 / .55), inset 0 0 0 1px oklch(100% 0 0 / .12), 0 14px 32px oklch(15% .018 270 / .35);--fa-danger: oklch(58% .22 28)}.theme-dock.fa-bar .fa-action,.theme-dock.fa-bar .fa-more{border-radius:11px;background:transparent;transition:transform .22s cubic-bezier(.2,.8,.2,1);overflow:hidden}.theme-dock.fa-bar .fa-action .fa-icon,.theme-dock.fa-bar .fa-popover-item .fa-icon{display:block;width:100%;height:100%}.theme-dock.fa-bar .fa-action:hover:not(:disabled),.theme-dock.fa-bar .fa-more:hover:not(:disabled){background:transparent;transform:translateY(-6px) scale(1.1)}.theme-dock.fa-bar .fa-action:active:not(:disabled),.theme-dock.fa-bar .fa-more:active:not(:disabled){background:transparent;transform:translateY(-3px) scale(1.05)}.theme-dock.fa-bar .fa-more{color:#080b13;font-size:22px;font-weight:300}.theme-dock.fa-bar .fa-popover{display:flex;flex-direction:column;gap:4px;padding:6px;min-width:0;background:linear-gradient(180deg,#c3c4c7,#a2a4aa);border:1px solid oklch(15% .018 270 / .18);border-radius:14px;box-shadow:inset 0 1px #ffffff8c,0 14px 32px #080b1359;right:4px;bottom:calc(100% + 10px)}.theme-dock.fa-bar .fa-popover-item{width:44px;height:44px;padding:0;border-radius:11px;background:transparent;display:grid;place-items:center;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.theme-dock.fa-bar .fa-popover-item:hover:not(:disabled){background:transparent;transform:scale(1.1)}.fa-mini.theme-dock{--mini-bg: linear-gradient(180deg, oklch(82% .005 270), oklch(72% .008 270));--mini-fg: oklch(15% .018 270);--mini-border: 1px solid oklch(15% .018 270 / .18);--mini-radius: 14px;--mini-radius-inner: 8px;--mini-shadow: inset 0 1px 0 oklch(100% 0 0 / .55), 0 8px 18px oklch(15% .018 270 / .3);background:linear-gradient(180deg,#c3c4c7,#a2a4aa);padding:5px;gap:4px}.fa-mini.theme-dock .fa-mini-action{width:30px;height:30px;padding:0;border-radius:8px;background:transparent;border:0;display:inline-grid;place-items:center;font-size:9px;color:#13161e}.fa-mini.theme-dock .fa-mini-action.more{font-size:16px;font-weight:300}.dock-app{display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #080b131a,0 2px 4px #080b1340;color:#fdfcf9;font-family:Switzer,sans-serif;font-weight:700;letter-spacing:0;user-select:none}.dock-app-glyph{font-size:18px;line-height:1;display:grid;place-items:center}.dock-app-glyph svg{width:22px;height:22px;display:block}.fa-mini-action .dock-app-glyph{font-size:12px}.fa-mini-action .dock-app-glyph svg{width:14px;height:14px}.dock-app-shuffle{background:linear-gradient(180deg,oklch(72% .16 280),#5e45cd)}.dock-app-previous{background:linear-gradient(180deg,#3a4258,#12161f)}.dock-app-play{background:linear-gradient(180deg,#51d75e,oklch(58% .22 148))}.dock-app-next{background:linear-gradient(180deg,#3a4258,#12161f)}.dock-app-repeat{background:linear-gradient(180deg,oklch(78% .14 200),oklch(56% .16 215))}.dock-app-heart{background:linear-gradient(180deg,oklch(76% .18 18),oklch(54% .22 22))}.dock-app-queue{background:linear-gradient(180deg,#edb417,oklch(60% .18 75));color:oklch(25% .1 60)}.dock-app-lyrics{background:linear-gradient(180deg,#d080e2,#9b31ab)}.dock-app-volume{background:linear-gradient(180deg,oklch(76% .16 165),oklch(56% .18 162))}.dock-app-share{background:linear-gradient(180deg,oklch(78% .14 250),oklch(58% .18 252))}.fa-bar{--fa-bg: rgb(255, 255, 255);--fa-fg: rgb(20, 22, 28);--fa-fg-muted: rgb(96, 102, 116);--fa-border: rgba(0, 0, 0, .08);--fa-shadow: 0 8px 24px rgba(0, 0, 0, .18), 0 2px 6px rgba(0, 0, 0, .08);--fa-danger: rgb(220, 38, 38);--fa-radius: 16px;--fa-radius-inner: 12px;--fa-border-w: 1px;--fa-border-style: solid;--fa-padding: 6px;--fa-gap: 6px;--fa-bottom: calc(env(safe-area-inset-bottom, 0px) + 16px) ;--fa-width: min( calc(100% - 24px) , 520px);--fa-height: auto;--fa-z: 9999;--fa-display: flex;--fa-flex-direction: row;--fa-align: center;--fa-action-h: 44px;--fa-action-px: 12px;--fa-action-py: 10px;--fa-action-fw: 500;--fa-action-fs: inherit;--fa-action-flex: 1 1 0;--fa-action-gap: 6px;--fa-action-bg: rgba(0, 0, 0, .04);--fa-action-bg-hover: rgba(0, 0, 0, .08);--fa-action-bg-active: rgba(0, 0, 0, .12);position:fixed;bottom:var(--fa-bottom);left:50%;transform:translate(-50%,100%);width:var(--fa-width);height:var(--fa-height);display:var(--fa-display);flex-direction:var(--fa-flex-direction);align-items:var(--fa-align);gap:var(--fa-gap);padding:var(--fa-padding);background:var(--fa-bg);color:var(--fa-fg);border:var(--fa-border-w) var(--fa-border-style) var(--fa-border);border-radius:var(--fa-radius);box-shadow:var(--fa-shadow);z-index:var(--fa-z);opacity:0;pointer-events:auto;transition:transform .18s ease-out,opacity .18s ease-out;box-sizing:border-box}.fa-bar[data-state=open]{transform:translate(-50%);opacity:1}.fa-bar[data-state=closed]{transform:translate(-50%,100%);opacity:0;transition:transform .14s ease-in,opacity .14s ease-in}.fa-action,.fa-more{appearance:none;border:0;background:var(--fa-action-bg);color:inherit;font:inherit;font-weight:var(--fa-action-fw);font-size:var(--fa-action-fs);border-radius:var(--fa-radius-inner);cursor:pointer;transition:background-color .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--fa-action-gap)}.fa-action[data-icon-only=true]{flex:0 0 var(--fa-action-h);width:var(--fa-action-h);padding:0}.fa-action{flex:var(--fa-action-flex);min-width:0;padding:var(--fa-action-py) var(--fa-action-px);height:var(--fa-action-h)}.fa-more{flex:0 0 auto;width:var(--fa-action-h);height:var(--fa-action-h);padding:0;font-size:20px;line-height:1}.fa-action:hover:not(:disabled),.fa-more:hover:not(:disabled){background:var(--fa-action-bg-hover)}.fa-action:active:not(:disabled),.fa-more:active:not(:disabled){background:var(--fa-action-bg-active)}.fa-action:disabled,.fa-more:disabled{opacity:.45;cursor:not-allowed}.fa-action[data-variant=danger]{color:var(--fa-danger)}.fa-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fa-icon{display:inline-flex;align-items:center;justify-content:center}.fa-popover{position:absolute;right:6px;bottom:calc(100% + 8px);min-width:180px;background:var(--fa-bg);color:var(--fa-fg);border:1px solid var(--fa-border);border-radius:var(--fa-radius-inner);box-shadow:var(--fa-shadow);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:calc(var(--fa-z) + 1);transform-origin:bottom right;animation:fa-popover-in .14s ease-out}@keyframes fa-popover-in{0%{transform:translateY(8px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.fa-popover-item{appearance:none;border:0;background:transparent;color:inherit;font:inherit;text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .12s ease}.fa-popover-item:hover:not(:disabled){background:var(--fa-action-bg-hover)}.fa-popover-item:disabled{opacity:.45;cursor:not-allowed}.fa-popover-item[data-variant=danger]{color:var(--fa-danger)}@media(prefers-reduced-motion:reduce){.fa-bar,.fa-bar[data-state=closed]{transition:opacity .01ms linear;transform:translate(-50%)}.fa-bar[data-state=closed]{opacity:0}.fa-popover{animation:none}}