@font-face{font-family:mono;src:url(../media/JetBrainsMono_Variable-s.p.0uqarn2-mnra5.woff2)format("woff2");font-display:swap;font-weight:300 500}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.Ab795q_className{font-family:mono,mono Fallback,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.Ab795q_variable{--font-mono:"mono", "mono Fallback", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}
.auth{--row:var(--space-6);--field-gap:var(--space-2);--form-gap:var(--space-4);--slot:calc(var(--lh-sm) + var(--field-gap) + var(--key-lg) + var(--form-gap));grid-template-areas:"head""hint""form""tail";min-width:0;display:grid}.auth[data-mode=in]{padding-bottom:var(--slot)}.auth .auth-head{grid-area:head}.auth-hint{margin-top:var(--space-3);grid-area:hint}.auth-hint,.auth-tail{text-wrap:pretty;min-width:0;display:grid}.auth-hint>*,.auth-tail>*{grid-area:1/1}.auth-hint>:not([data-on]),.auth-note:not([data-on]),.auth[data-error] .auth-note,.auth[data-closed] :is(.auth-hint,.auth-form,.auth-tail){visibility:hidden}.auth .auth-form{gap:var(--form-gap);min-width:0;margin-top:var(--row);grid-area:form}.auth .field{gap:var(--field-gap)}.auth-tail{margin-top:var(--row);grid-area:tail;position:relative}.auth-label{justify-content:space-between;align-items:baseline;gap:var(--space-3);min-width:0;height:var(--lh-sm);display:flex}.auth-label small{color:var(--color-foreground-subtle);font-size:var(--fs-xs);line-height:var(--lh-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.auth .input[data-case]{text-transform:none}.auth .input[readonly]{color:var(--color-foreground-muted)}.auth-error{color:var(--color-danger-text);font-size:var(--fs-sm);line-height:var(--lh-sm);animation:auth-in var(--duration-base) var(--ease-standard) both;position:absolute;inset:0 0 auto}.auth-error:empty{display:none}.auth-busy{height:var(--key-lg);border:1px solid var(--well-line,var(--color-border));border-radius:var(--r-well,0);background:linear-gradient(var(--well-top,var(--color-surface-muted)), var(--well-bot,var(--color-surface-muted)));box-shadow:inset 0 2px 3px -1px var(--well-shade,transparent), 0 1px 0 0 var(--well-lip,transparent);justify-content:center;align-items:center;display:flex}.auth-busy .logo-loader{align-items:center;gap:var(--space-2);display:inline-flex}.auth-busy .loader-caption{color:var(--color-foreground-muted);font-size:var(--fs-sm);line-height:var(--lh-sm);margin:0}.auth-closed{align-self:start;gap:var(--row);min-width:0;margin-top:var(--row);animation:auth-in var(--duration-slow) var(--ease-standard) both;grid-area:hint/1/tail;display:grid}.auth-notice{gap:var(--space-2);padding-left:var(--space-4);border-left:2px solid var(--color-primary-text);display:grid}.auth-notice-head{align-items:center;gap:var(--space-2);color:var(--color-primary-text);font-size:var(--fs-sm);line-height:var(--lh-sm);font-weight:500;display:flex}.auth-notice-text{color:var(--color-foreground);font-size:var(--fs-lg);line-height:var(--lh-lg);text-wrap:pretty}@keyframes auth-in{0%{opacity:0;translate:0 4px}}@media (max-height:720px){.auth{--row:var(--space-4);--field-gap:var(--space-1);--form-gap:var(--space-3)}}@media (orientation:landscape) and (max-height:500px){.overlay-body:has(>.auth){max-width:calc(880px + 2 * var(--g));padding-top:calc(var(--bar) + var(--safe-top));padding-bottom:calc(var(--bar) + var(--safe-bottom))}.auth{--form-gap:var(--space-2);column-gap:var(--space-8);grid-template:"head form"1fr"hint form""tail form"1fr/minmax(0,5fr) minmax(0,6fr)}.auth[data-mode=in]{padding-bottom:0}.auth[data-mode=in] .auth-form{padding-bottom:var(--slot)}.auth .auth-head{align-self:end}.auth .auth-form{margin-top:0}.auth-tail{align-self:start}.auth-closed{grid-area:form;align-self:center;margin-top:0}.auth[data-closed] .auth-notice-text{font-size:var(--fs-md);line-height:var(--lh-md)}}
.install[data-at]{width:min(400px, calc(100vw - 2 * var(--g) - var(--safe-left) - var(--safe-right)));align-items:start;gap:var(--space-3);padding:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;top:auto;bottom:auto}.install[data-at=bottom]{bottom:calc(var(--safe-bottom) + var(--g));animation:fade-in .16s ease-out backwards, plate-in var(--t-bouncy) var(--spring-bouncy) backwards}.install[data-at=bottom][data-leaving]{translate:0 8px}.install[data-at=top]{top:calc(var(--bar) + var(--safe-top) + var(--space-2))}.install[data-at=top-end]{top:calc(var(--bar) + var(--safe-top) + 28px);left:auto;right:calc(var(--g) + var(--safe-right));transform:none}.install-mark circle{fill:none;stroke:currentColor}.install[data-at] .install-text{gap:var(--space-1);min-width:0;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--color-foreground-muted);padding-top:1px;display:grid}.install[data-at] .install-text strong{color:var(--color-foreground);font-weight:500}.install[data-at] .install-text .icon{vertical-align:-3px;color:var(--color-foreground);display:inline-block}.install-steps{margin:var(--space-1) 0 0;color:var(--color-foreground);gap:6px;padding:0;list-style:none;display:grid}.install-steps li{align-items:center;gap:var(--space-2);min-width:0;display:flex}.install-n{background:var(--color-primary);width:18px;height:18px;color:var(--color-primary-foreground);font-size:var(--fs-xs);border-radius:50%;flex:none;place-items:center;font-weight:500;line-height:1;display:grid}.install-hint{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--color-foreground-subtle)}.install-go{grid-column:1/-1}.install-arrow{margin:calc(-1 * var(--space-2)) 0 calc(-1 * var(--space-1));color:var(--color-primary-text);pointer-events:none;grid-column:1/-1;justify-self:center;animation:1.2s ease-in-out infinite install-bob;display:grid}.install[data-at=top-end] .install-arrow{margin:0;animation-name:install-lift;position:absolute;top:-27px;right:72px}@keyframes install-bob{50%{translate:0 4px}}@keyframes install-lift{50%{translate:0 -4px}}body:has(.overlay-slot)>.install{visibility:hidden}
:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f1f1f1;--color-foreground:#161616;--color-foreground-muted:#3c3c3c;--color-foreground-subtle:#595959;--color-foreground-inverse:#f1f1f1;--color-surface:#f1f1f1;--color-surface-muted:#e2e2e2;--color-surface-inverse:#222;--color-surface-hover:#0808080f;--color-surface-pressed:#0808081f;--color-border:#c6c6c6;--color-border-strong:#6e6e6e;--color-border-focus:#007a3d;--color-overlay:#08080866;--color-primary:#007a3d;--color-primary-active:#045d30;--color-primary-foreground:#f1f1f1;--color-primary-subtle:#e4f6e3;--color-primary-text:#056b36;--color-logo:#007a3d;--color-danger:#ce1126;--color-danger-text:#b9071f;--color-warning-text:#7c5604;--color-success-text:#056b36;--color-text-selection:#c7edc8;--cap-top:#fdfdfd;--cap-bot:#ebebeb;--cap-line:#a3a3a3;--cap-bevel:#fff;--cap-bevel-side:#ffffffb3;--cap-shade:#08080817;--cap-dish:#0808080f;--cap-sheen:#fffc;--cap-skirt:#b9b9b9;--cap-rim:#6e6e6e;--cap-contact:#08080842;--cap-emboss:0 1px 0 #ffffffd9;--cap-ink-off:#8a8a8a;--green-top:#007a3d;--green-bot:#006a35;--green-line:#02522a;--green-bevel:#ffffff57;--green-shade:#00000029;--green-sss:#5ac07180;--green-sheen:#ffffff2e;--green-skirt:#00502a;--green-rim:#012614;--green-emboss:0 -1px 0 #00201073;--red-top:#ce1126;--red-bot:#b9071f;--red-line:#7d0514;--red-bevel:#ffffff52;--red-shade:#00000029;--red-sss:#fe878673;--red-sheen:#ffffff2e;--red-skirt:#880716;--red-rim:#43020b;--red-emboss:0 -1px 0 #3c000873;--lit-top:#effaee;--lit-bot:#dbefda;--lit-line:#3d8f5c;--lit-glow:#007a3d29;--lit-skirt:#9cc4a6;--led-off:#c4c4c4;--led-on:#0fb253;--led-glow:#0fb2538c;--well-top:#dedede;--well-bot:#e9e9e9;--well-line:#08080842;--well-shade:#08080838;--well-lip:#fffffff2;--plate-top:#f9f9f9;--plate-bot:#f1f1f1;--plate-line:#a8a8a8;--plate-bevel:#fff;--plate-shade:#0808080f;--plate-sheen:#ffffffb3;--plate-wall:#c9c9c9;--plate-rim:#7a7a7a;--plate-ao:#08080824;--plate-drop:#08080824;--acrylic-top:#f9f9f9db;--acrylic-bot:#f1f1f1db;--focus-glow:#007a3d38;--tip-rim:#ffffff24;--tip-wall:#050505;--tip-drop:#0808084d;--room-light:#fff9;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' 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 .3 -.1'/%3E%3C/filter%3E%3Crect width='96' height='96' filter='url(%23g)'/%3E%3C/svg%3E")}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#080808;--color-foreground:#ececec;--color-foreground-muted:#c4c4c4;--color-foreground-subtle:#a6a6a6;--color-foreground-inverse:#161616;--color-surface:#101010;--color-surface-muted:#222;--color-surface-inverse:#e2e2e2;--color-surface-hover:#f1f1f114;--color-surface-pressed:#f1f1f124;--color-border:#4a4a4a;--color-border-strong:#8a8a8a;--color-border-focus:#2da558;--color-overlay:#080808b3;--color-primary:#007a3d;--color-primary-active:#045d30;--color-primary-foreground:#f1f1f1;--color-primary-subtle:#0888453d;--color-primary-text:#5ac071;--color-logo:#2da558;--color-danger:#ce1126;--color-danger-text:#fe8786;--color-warning-text:#e4b110;--color-success-text:#5ac071;--color-text-selection:#03502a;--cap-top:#2b2b2b;--cap-bot:#1f1f1f;--cap-line:#000;--cap-bevel:#ffffff29;--cap-bevel-side:#ffffff0f;--cap-shade:#0006;--cap-dish:#0000004d;--cap-sheen:#ffffff14;--cap-skirt:#111;--cap-rim:#000;--cap-contact:#000c;--cap-emboss:0 -1px 0 #000000b3;--cap-ink-off:#6a6a6a;--green-line:#001a0d;--green-bevel:#ffffff42;--green-sss:#2da5588c;--green-skirt:#003d1f;--green-rim:#000;--red-line:#2c0206;--red-skirt:#640410;--red-rim:#000;--lit-top:#21452f;--lit-bot:#1a3826;--lit-line:#050505;--lit-glow:#2da5584d;--lit-skirt:#0a1f13;--led-off:#3a3a3a;--led-on:#3ddc78;--led-glow:#3ddc788c;--well-top:#050505;--well-bot:#0d0d0d;--well-line:#ffffff1a;--well-shade:#000000d9;--well-lip:#ffffff12;--plate-top:#181818;--plate-bot:#121212;--plate-line:#2c2c2c;--plate-bevel:#ffffff17;--plate-shade:#0006;--plate-sheen:#ffffff0a;--plate-wall:#0c0c0c;--plate-rim:#000;--plate-ao:#000000b3;--plate-drop:#0009;--acrylic-top:#181818db;--acrylic-bot:#121212db;--focus-glow:#2da55847;--tip-rim:#ffffffb3;--tip-wall:#9e9e9e;--tip-drop:#0009;--room-light:#ffffff09;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .2 -.07'/%3E%3C/filter%3E%3Crect width='96' height='96' filter='url(%23g)'/%3E%3C/svg%3E")}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--fs-xs:10px;--lh-xs:14px;--fs-sm:12px;--lh-sm:16px;--fs-md:14px;--lh-md:20px;--fs-lg:16px;--lh-lg:24px;--fs-xl:20px;--lh-xl:28px;--fs-2xl:24px;--lh-2xl:32px;--key:32px;--key-lg:40px;--g:12px;--bar:calc(var(--key) + 2 * var(--g));--frame-max:1200px;--duration-fast:.11s;--duration-base:.19s;--duration-slow:.3s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-enter:cubic-bezier(.05, .7, .1, 1);--z-raised:10;--z-dock:200;--z-overlay:900;--z-chrome:1000;--z-toast:1300;--z-tooltip:1400;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--mono:var(--font-mono), ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--depth:3px;--depth-lg:4px;--r-key:6px;--r-key-lg:8px;--r-chip:5px;--r-well:6px;--r-plate:12px;--r-card:10px;--r-float:8px;--r-modal:14px;--spring-bouncy:cubic-bezier(.34, 1.8, .5, 1);--spring-jelly:cubic-bezier(.3, 2.1, .5, 1);--spring-glide:cubic-bezier(.22, 1.12, .4, 1);--spring-settle:cubic-bezier(.2, 1.08, .3, 1);--t-bouncy:.54s;--t-jelly:.67s;--t-glide:.27s;--t-settle:.36s;--t-press:70ms;--t-squash:.11s;--press-ease:cubic-bezier(.3, .7, .4, 1);--squash-ease:cubic-bezier(.3, 1.5, .6, 1);--surface-under:var(--color-background)}@supports (transition-timing-function:linear(0, 1)){:root{--spring-bouncy:linear(0, .181, .572, .966, 1.23, 1.321, 1.271, 1.148, 1.02, .931, .897, .91, .949, .991, 1.021, 1.033, 1.029, 1.017, 1.004, .994, .99, .99, .994, .998, 1.002, 1.003, 1.003, 1);--spring-jelly:linear(0, .242, .749, 1.205, 1.419, 1.373, 1.173, .959, .834, .825, .898, .994, 1.061, 1.079, 1.055, 1.014, .98, .966, .972, .989, 1.005, 1.014, 1.013, 1.007, .999, .995, .994, .996, .999, 1.002, 1.003, 1);--spring-glide:linear(0, .045, .154, .293, .439, .578, .7, .801, .882, .942, .984, 1.012, 1.029, 1.037, 1.038, 1.036, 1.032, 1.027, 1.021, 1.016, 1.011, 1.007, 1.004, 1);--spring-settle:linear(0, .047, .158, .299, .445, .583, .703, .803, .88, .938, .979, 1.006, 1.021, 1.029, 1.032, 1.03, 1.027, 1.022, 1.018, 1.013, 1.01, 1.006, 1.004, 1)}}html[data-lite]{--grain:none;--plate-drop:transparent;--acrylic-top:var(--plate-top);--acrylic-bot:var(--plate-bot)}html[data-lite] .print-pixels{display:none}@media (max-width:559px){:root{--fs-md:12px;--lh-md:16px;--fs-lg:14px;--lh-lg:20px;--fs-xl:18px;--lh-xl:24px;--fs-2xl:20px;--lh-2xl:28px}}@media (min-width:560px){:root{--g:16px}}@media (min-width:1024px){:root{--g:24px}}@media (orientation:landscape) and (max-height:500px){:root{--g:8px}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--color-background);height:100%;color:var(--color-foreground);overscroll-behavior:none;margin:0;overflow:hidden}html{font-family:var(--mono);font-size:var(--fs-md);line-height:var(--lh-md);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-transform:lowercase;font-variant-numeric:tabular-nums;font-weight:400}body{position:fixed;inset:0}::selection{background:var(--color-text-selection)}button,input,select,textarea{font:inherit;color:inherit;text-transform:lowercase;letter-spacing:inherit;border-radius:0}input::placeholder{color:var(--color-foreground-subtle);text-transform:lowercase}a{color:inherit}strong,b{font-weight:500}p{margin:0}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*,:before,:after{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}.t-xs{font-size:var(--fs-xs);line-height:var(--lh-xs)}.t-sm{font-size:var(--fs-sm);line-height:var(--lh-sm)}.t-md{font-size:var(--fs-md);line-height:var(--lh-md)}.t-lg{font-size:var(--fs-lg);line-height:var(--lh-lg)}.t-muted{color:var(--color-foreground-muted)}.t-subtle{color:var(--color-foreground-subtle)}.frame{position:fixed;inset:0;overflow:hidden}.frame-head,.frame-foot{z-index:var(--z-chrome);pointer-events:none;position:absolute;left:0;right:0}.frame-head{padding-top:var(--safe-top);top:0}.frame-foot{padding-bottom:var(--safe-bottom);bottom:0}.bar{justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--bar);width:100%;max-width:calc(var(--frame-max) + 2 * var(--g) + var(--safe-left) + var(--safe-right));padding:0 calc(var(--g) + var(--safe-right)) 0 calc(var(--g) + var(--safe-left));margin:0 auto;display:flex}.bar>*{pointer-events:auto}.frame-main{z-index:var(--z-raised);top:calc(var(--bar) + var(--safe-top));bottom:calc(var(--bar) + var(--safe-bottom));pointer-events:none;position:absolute;left:0;right:0}.frame-main>*{pointer-events:auto}.page{width:100%;height:100%;max-width:calc(var(--frame-max) + 2 * var(--g) + var(--safe-left) + var(--safe-right));padding:0 calc(var(--g) + var(--safe-right)) 0 calc(var(--g) + var(--safe-left));margin:0 auto}.stage{z-index:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;position:fixed;inset:0}.stage canvas.surface{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.foot-credit{min-width:0;font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--color-foreground-subtle);white-space:nowrap;text-shadow:var(--cap-emboss)}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{translate:0 10px;scale:.82}}@keyframes rise-in{0%{translate:0 10px}}@keyframes plate-in{0%{translate:0 16px;scale:.96}}@keyframes toast-in{0%{translate:0 -12px;scale:.92}}@keyframes blink{50%{opacity:0}}@keyframes shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.boot{animation:fade-in .26s var(--ease-standard) backwards, rise-in var(--t-settle) var(--spring-settle) backwards;animation-delay:calc(var(--boot,0) * 90ms + var(--boot-base,0s))}.key-in{animation:fade-in .16s ease-out backwards, pop-in var(--t-jelly) var(--spring-jelly) backwards;animation-delay:calc(var(--boot,0) * 90ms + var(--boot-base,0s))}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
.logo{height:var(--key);color:var(--color-logo);flex:none;align-items:center;gap:6px;display:inline-flex}.logo-mark{--loader-size:18px;width:18px;height:18px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.logo-mark i{transition:scale .2s cubic-bezier(.4,0,.2,1)}.logo-mark i[data-fill]{scale:1}.logo-word svg{width:auto;height:18px;display:block}.logo-word{color:inherit;text-decoration:none;display:block}@media (max-width:559px){.logo-mark,.logo-word svg{height:16px}.logo-mark{--loader-size:16px;width:16px}}.logo-loader{place-items:center;gap:var(--space-3);vertical-align:middle;color:var(--color-logo);animation:loader-in .16s var(--ease-standard) backwards;display:inline-grid}.loader-mark{--tile:calc(var(--loader-size,44px) * .272727);width:var(--loader-size,44px);height:var(--loader-size,44px);flex:none;display:block;position:relative}.loader-mark:before{content:"";-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='8' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E") calc(var(--tile) / -6) calc(var(--tile) / -6) / var(--tile) var(--tile) repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='8' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E") calc(var(--tile) / -6) calc(var(--tile) / -6) / var(--tile) var(--tile) repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='8' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E") calc(var(--tile) / -6) calc(var(--tile) / -6) / var(--tile) var(--tile) repeat;background:currentColor;position:absolute;inset:0}.loader-mark i{width:18.1818%;height:18.1818%;animation:none var(--d) cubic-bezier(.4, 0, .2, 1) var(--o) infinite;background:currentColor;border-radius:50%;margin:-9.0909% 0 0 -9.0909%;position:absolute;scale:0}.loader-mark i[data-h="1"]{animation-name:loader-1}.loader-mark i[data-h="2"]{animation-name:loader-2}.loader-mark i[data-h="3"]{animation-name:loader-3}.loader-mark i[data-h="4"]{animation-name:loader-4}.loader-mark i[data-h="5"]{animation-name:loader-5}@keyframes loader-1{0%{scale:0}50%{scale:1}to{scale:0}}@keyframes loader-2{0%{scale:0}25%,50%{scale:1}75%,to{scale:0}}@keyframes loader-3{0%{scale:0}16.667%,50%{scale:1}66.667%,to{scale:0}}@keyframes loader-4{0%{scale:0}12.5%,50%{scale:1}62.5%,to{scale:0}}@keyframes loader-5{0%{scale:0}10%,50%{scale:1}60%,to{scale:0}}@keyframes loader-in{0%{opacity:0}}@keyframes loader-breathe{50%{opacity:.35}}.loader-caption{max-width:min(36ch, calc(100vw - 2 * var(--g)));color:var(--color-foreground-muted);font-size:var(--fs-sm);line-height:var(--lh-sm);text-align:center;text-wrap:balance;font-variant-ligatures:none}.lib-title .logo-loader,.home-loading[data-over] .logo-loader{--loader-size:16px}.auth-busy .logo-loader{--loader-size:20px}@media (prefers-reduced-motion:reduce){.logo-loader .loader-mark{animation:1.6s ease-in-out infinite loader-breathe!important}.loader-mark i{animation:none!important}.loader-mark i[data-fill]{scale:1}}.crumbs{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--fs-sm);line-height:var(--lh-sm);text-shadow:var(--cap-emboss);display:flex}.crumbs button:not(.btn){text-shadow:inherit}.crumbs .sep{color:var(--color-foreground-subtle);flex:none}.crumb-slot{align-items:center;min-width:0;display:inline-flex}.crumb{white-space:nowrap;min-width:0;color:var(--color-foreground-muted)}.crumb[data-strong]{color:var(--color-foreground);font-weight:500}@media (max-width:359px){.crumbs [data-lead]{display:none}}.head-keys{align-items:center;gap:var(--space-2);flex:none;display:flex}.icon{flex:none;display:block}.btn{--h:var(--key);--d:var(--depth);--r:var(--r-key);--sq-x:1.03;--sq-y:.9;--face-top:var(--cap-top);--face-bot:var(--cap-bot);--line:var(--cap-line);--bevel:var(--cap-bevel);--bevel-side:var(--cap-bevel-side);--shade:var(--cap-shade);--inner:inset 0 3px 3px -2px var(--cap-dish);--sheen:var(--cap-sheen);--skirt:var(--cap-skirt);--rim:var(--cap-rim);--emboss:var(--cap-emboss);--ink:var(--color-foreground);--ink-off:var(--cap-ink-off);--ring-gap:transparent;--ring:transparent;height:var(--h);min-width:var(--h);border-radius:var(--r);background:linear-gradient(to top, var(--skirt) var(--d), transparent var(--d));box-shadow:0 var(--d) 0 0 var(--skirt), 0 calc(var(--d) + 1px) 0 0 var(--rim), 0 0 0 2px var(--ring-gap), 0 calc(var(--d) + 1px) 0 2px var(--ring-gap), 0 0 0 4px var(--ring), 0 calc(var(--d) + 1px) 0 4px var(--ring), 0 calc(var(--d) + 2px) 4px -1px var(--cap-contact);color:var(--ink);font-size:var(--fs-sm);line-height:var(--lh-sm);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;padding:0;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.cap{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;padding:0 var(--space-3);border:1px solid var(--line);border-radius:inherit;background:var(--grain) 0 0 / 96px 96px, radial-gradient(140% 120% at 0 0, var(--sheen), transparent 45%), linear-gradient(var(--face-top), var(--face-bot));box-shadow:inset 0 1px 0 0 var(--bevel), inset 1px 0 0 0 var(--bevel-side), inset 0 -2px 0 0 var(--shade), var(--inner);text-shadow:var(--emboss);transform-origin:50% 100%;transition:translate var(--t-bouncy) var(--spring-bouncy), scale var(--t-jelly) var(--spring-jelly);flex:auto;display:flex;position:relative;translate:0;scale:1}.cap:before{content:"";border-radius:inherit;background:radial-gradient(130% 90% at 50% 0%, var(--sheen), transparent 70%);opacity:0;pointer-events:none;transition:opacity .16s ease-out;position:absolute;inset:0}.cap-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.btn[data-size=lg]{--h:var(--key-lg);--d:var(--depth-lg);--r:var(--r-key-lg);--sq-x:1.012;--sq-y:.92;font-size:var(--fs-md);line-height:var(--lh-md)}.btn[data-size=lg]>.cap{padding:0 var(--space-4)}.btn[data-icon-only]{--sq-x:1.06;--sq-y:.88;width:var(--h)}.btn[data-icon-only]>.cap{padding:0}.btn[data-block]{--sq-x:1.012;--sq-y:.92;width:100%;display:flex}.btn[data-variant=primary]{--face-top:var(--green-top);--face-bot:var(--green-bot);--line:var(--green-line);--bevel:var(--green-bevel);--bevel-side:transparent;--shade:var(--green-shade);--inner:inset 0 -4px 6px -3px var(--green-sss);--sheen:var(--green-sheen);--skirt:var(--green-skirt);--rim:var(--green-rim);--emboss:var(--green-emboss);--ink:var(--color-primary-foreground);--ink-off:#f1f1f180}.btn[data-variant=danger]{--face-top:var(--red-top);--face-bot:var(--red-bot);--line:var(--red-line);--bevel:var(--red-bevel);--bevel-side:transparent;--shade:var(--red-shade);--inner:inset 0 -4px 6px -3px var(--red-sss);--sheen:var(--red-sheen);--skirt:var(--red-skirt);--rim:var(--red-rim);--emboss:var(--red-emboss);--ink:#f1f1f1;--ink-off:#f1f1f180}.btn[data-variant=ghost]{--d:0px;--rim:transparent;box-shadow:0 0 0 2px var(--ring-gap), 0 0 0 4px var(--ring);background:0 0}.btn[data-variant=ghost]>.cap{box-shadow:none;text-shadow:none;background:0 0;border-color:#0000}.btn[data-variant=ghost]>.cap:before{background:var(--color-surface-hover)}:where(.tools,.key-grid,.specs) .btn:is([aria-pressed],[role=radio]):not([data-variant=primary])>.cap:after,.btn:is([aria-pressed=true],[aria-checked=true]):not([data-variant=primary])>.cap:after{content:"";background:var(--led-off);border-radius:50%;width:4px;height:4px;position:absolute;top:4px;right:4px;box-shadow:inset 0 1px 1px #00000059}.btn:is([aria-pressed=true],[aria-checked=true]):not([data-variant=primary],[data-variant=ghost]){--face-top:var(--lit-top);--face-bot:var(--lit-bot);--line:var(--lit-line);--inner:inset 0 0 6px 0 var(--lit-glow);--skirt:var(--lit-skirt);--ink:var(--color-primary-text)}.btn:is([aria-pressed=true],[aria-checked=true]):not([data-variant=primary],[data-variant=ghost])>.cap{translate:0 calc(var(--d) - 1px)}.btn:is([aria-pressed=true],[aria-checked=true]):not([data-variant=primary])>.cap:after{background:var(--led-on);box-shadow:0 0 5px 1px var(--led-glow), inset 0 -1px 0 #0003}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled,:active,[data-press])>.cap{transition:translate var(--t-glide) var(--spring-glide), scale var(--t-jelly) var(--spring-jelly);translate:0 -1px}.btn:is([aria-pressed=true],[aria-checked=true]):hover:not(:disabled,:active,[data-press],[data-variant=primary],[data-variant=ghost])>.cap{translate:0 calc(var(--d) - 2px)}.btn[data-variant=ghost]:hover:not(:disabled,:active,[data-press])>.cap{translate:0}.btn:hover:not(:disabled)>.cap:before{opacity:1}.btn:hover:not(:disabled) .icon>*{animation:plot .42s var(--ease-standard)}}.btn:is(:active,[data-press]):not(:disabled)>.cap{translate:0 var(--d);scale:var(--sq-x) var(--sq-y);transition:translate var(--t-press) var(--press-ease), scale var(--t-squash) var(--squash-ease)}.btn[data-variant=ghost]:is(:active,[data-press]):not(:disabled)>.cap{box-shadow:inset 0 2px 4px 0 var(--well-shade);translate:0 1px;scale:.9}.btn[data-variant=ghost]:is(:active,[data-press]):not(:disabled)>.cap:before{opacity:1;background:var(--color-surface-pressed)}.btn:focus-visible{z-index:1;--ring-gap:var(--surface-under);--ring:var(--color-border-focus);outline:none}.btn:disabled{--ink:var(--ink-off);--sheen:transparent;--emboss:none;cursor:not-allowed}.btn:disabled>.cap{translate:0 1px}.card,.lib-card,.lib-note,.dock-hint,.install,dialog.modal{--surface-under:var(--plate-bot);--pd:6px;--pr:var(--r-plate);--pf:1;--p-top:var(--plate-top);--p-bot:var(--plate-bot);border:1px solid var(--plate-line);border-radius:var(--pr);background:var(--grain) 0 0 / 96px 96px, radial-gradient(130% 90% at 0 0, var(--plate-sheen), transparent 55%), linear-gradient(var(--p-top), var(--p-bot));box-shadow:inset 0 1px 0 0 var(--plate-bevel), inset 0 -1px 0 0 var(--plate-shade), 0 var(--pd) 0 0 var(--plate-wall), 0 calc(var(--pd) + 1px) 0 0 var(--plate-rim), 2px calc(var(--pd) + 3px) 6px 0 var(--plate-ao), calc(6px * var(--pf)) calc(var(--pd) + 10px * var(--pf)) calc(24px * var(--pf)) calc(-8px * var(--pf)) var(--plate-drop)}.card{--pd:5px;--pr:var(--r-card);--p-top:var(--acrylic-top);--p-bot:var(--acrylic-bot)}.lib-card{--pd:5px;--pr:var(--r-card);--pf:.5}.lib-note,.dock-hint{--pd:3px;--pr:var(--r-float);--pf:.6}.install{--pd:4px;--pr:var(--r-card);--pf:1.2}dialog.modal{--pd:8px;--pr:var(--r-modal);--pf:1.8}@media (pointer:coarse){.btn:after{content:"";inset:min(0px, calc((var(--h) - 44px) / 2));position:absolute}}@keyframes plot{0%{stroke-dasharray:1;stroke-dashoffset:1px}to{stroke-dasharray:1;stroke-dashoffset:0}}.morph>.cap>span{transition:opacity .14s var(--ease-standard), rotate var(--t-bouncy) var(--spring-bouncy), scale var(--t-bouncy) var(--spring-bouncy);place-items:center;display:grid;position:absolute;inset:0}.morph [data-to]{opacity:0;rotate:-90deg;scale:.4}.morph[data-open] [data-from]{opacity:0;rotate:90deg;scale:.4}.morph[data-open] [data-to]{opacity:1;rotate:0deg;scale:1}@media (hover:hover){.morph:hover:not(:disabled) .icon>*{animation:none}}[data-tip]{position:relative}@media (hover:hover){[data-tip]:before{content:attr(data-tip);background:var(--color-surface-inverse);color:var(--color-foreground-inverse);font-size:var(--fs-xs);line-height:var(--lh-xs);white-space:nowrap;text-shadow:none;box-shadow:inset 0 1px 0 var(--tip-rim), 0 2px 0 var(--tip-wall), 1px 4px 8px -2px var(--tip-drop);pointer-events:none;opacity:0;z-index:var(--z-tooltip);transition:opacity var(--duration-fast), transform var(--duration-base) var(--ease-enter);border-radius:5px;padding:4px 8px;font-weight:400;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px)}[data-tip][data-tip-side=bottom]:before{top:calc(100% + 10px);bottom:auto;transform:translate(-50%,-4px)}[data-tip]:hover:before{opacity:1;transition-delay:.45s;transform:translate(-50%)}[data-tip]:focus-visible:before{opacity:1;transform:translate(-50%)}[data-tip][data-tip-align=start]:before{left:0;transform:translateY(4px)}[data-tip][data-tip-align=end]:before{left:auto;right:0;transform:translateY(4px)}[data-tip][data-tip-align]:hover:before,[data-tip][data-tip-align]:focus-visible:before{transform:translate(0)}[data-tip]:is([data-tip-off],[data-press]):before{opacity:0;transition:none}}.seg{--sq-x:1.015;--sq-y:.93;max-width:100%;height:var(--key);border:1px solid var(--well-line);border-radius:var(--r-well);background:linear-gradient(var(--well-top), var(--well-bot));box-shadow:inset 0 2px 3px -1px var(--well-shade), 0 1px 0 0 var(--well-lip);display:inline-flex;position:relative;overflow:clip}.seg-thumb{translate:var(--x,0px) 0;transition:translate var(--t-glide) var(--spring-glide);position:absolute;top:0;bottom:0;left:0}.seg-thumb:before{content:"";border:1px solid var(--lit-line);border-radius:calc(var(--r-well) - 2px);background:linear-gradient(var(--lit-top), var(--lit-bot));box-shadow:inset 0 1px 0 0 var(--cap-bevel), inset 0 0 6px 0 var(--lit-glow), 0 2px 0 0 var(--lit-skirt), 0 3px 0 0 var(--cap-rim);transform-origin:50% 100%;transition:translate var(--t-bouncy) var(--spring-bouncy), scale var(--t-jelly) var(--spring-jelly);position:absolute;inset:2px 2px 5px}.seg:has(:is([aria-checked=true],[aria-selected=true]):is(:active,[data-press])) .seg-thumb:before{translate:0 2px;scale:var(--sq-x) var(--sq-y);transition:translate var(--t-press) var(--press-ease), scale var(--t-squash) var(--squash-ease)}.seg button{z-index:1;min-width:0;height:100%;padding:0 var(--space-3) 3px;border-radius:calc(var(--r-well) - 2px);color:var(--color-foreground-muted);font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:color var(--duration-fast), scale var(--t-jelly) var(--spring-jelly);background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:6px;font-weight:500;display:inline-flex;position:relative}.seg button:is(:active,[data-press]){transition:color var(--duration-fast), scale var(--t-squash) var(--squash-ease);scale:.93}@media (hover:hover){.seg button:hover{color:var(--color-foreground)}.seg button:hover .icon>*{animation:plot .42s var(--ease-standard)}}.seg button:is([aria-checked=true],[aria-selected=true]){color:var(--color-primary-text);text-shadow:var(--cap-emboss)}.seg button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-3px}.seg[data-block]{width:100%;display:flex}.seg[data-icons] button{width:calc(var(--key) - 2px);flex:none;padding:0 0 3px}.field{gap:var(--space-2);display:grid}.field>span,.field>label{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--color-foreground-muted)}.input{height:var(--key-lg);width:100%;padding:0 var(--space-3);border:1px solid var(--well-line);border-radius:var(--r-well);background:linear-gradient(var(--well-top), var(--well-bot) 40%);color:var(--color-foreground);box-shadow:inset 0 2px 3px -1px var(--well-shade), 0 1px 0 0 var(--well-lip);outline:none;font-size:16px}.input:focus-visible{border-color:var(--color-border-focus);box-shadow:inset 0 2px 3px -1px var(--well-shade), inset 0 0 0 1px var(--color-border-focus), 0 1px 0 0 var(--well-lip), 0 0 0 3px var(--focus-glow);outline:none}.input[aria-invalid=true]{border-color:var(--color-danger-text)}.kbd{border:1px solid var(--cap-line);background:linear-gradient(var(--cap-top), var(--cap-bot));min-width:20px;height:20px;box-shadow:inset 0 1px 0 var(--cap-bevel), 0 2px 0 var(--cap-skirt), 0 3px 0 var(--cap-rim);color:var(--color-foreground);font-size:var(--fs-xs);line-height:var(--lh-xs);text-shadow:var(--cap-emboss);text-transform:none;border-radius:4px;justify-content:center;align-items:center;padding:0 5px;font-weight:500;display:inline-flex}dialog.modal{width:min(440px, calc(100vw - 2 * var(--g)));max-height:calc(100dvh - 2 * var(--g));color:var(--color-foreground);margin:auto;padding:0;overflow:hidden}dialog.modal::backdrop{background:var(--color-overlay);animation:.2s ease-out backwards fade-in}dialog.modal[open]{animation:fade-in .14s ease-out backwards, plate-in var(--t-settle) var(--spring-settle) backwards;display:grid}dialog.modal[data-leaving]{opacity:0;transition:opacity .16s cubic-bezier(.4,0,1,1),translate .16s cubic-bezier(.4,0,1,1),scale .16s cubic-bezier(.4,0,1,1);translate:0 8px;scale:.98}dialog.modal[data-leaving]::backdrop{opacity:0;transition:opacity .16s linear}.modal-head{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0 var(--space-5);display:flex}.modal-head h2{min-width:0;font-size:var(--fs-lg);line-height:var(--lh-lg);flex:1;margin:0;font-weight:500}.modal-head h2:before{content:"> ";color:var(--color-foreground-subtle);font-weight:400}.modal-body{padding:var(--space-3) var(--space-5) 0;overflow:auto}.modal-actions{justify-content:flex-end;gap:var(--space-3);padding:var(--space-6) var(--space-5) var(--space-5);flex-wrap:wrap;display:flex}.oops-face{margin-bottom:var(--space-3);color:var(--color-danger-text);font-size:var(--fs-2xl);line-height:var(--lh-2xl);animation:shake .42s var(--ease-standard) .12s;font-weight:500;display:block}.overlay-slot{display:contents}.overlay{z-index:var(--z-overlay);background:radial-gradient(120% 80% at 12% 0%, var(--room-light,transparent), transparent 60%), var(--color-background);outline:none;position:fixed;inset:0;overflow:clip}.overlay[data-leaving]{pointer-events:none}.overlay-body{gap:var(--space-6);width:100%;max-width:calc(560px + 2 * var(--g) + var(--safe-left) + var(--safe-right));padding:calc(var(--bar) + var(--safe-top) + var(--space-4)) calc(var(--g) + var(--safe-right)) calc(var(--bar) + var(--safe-bottom) + var(--space-4)) calc(var(--g) + var(--safe-left));outline:none;flex-direction:column;margin:0 auto;display:flex;position:absolute;inset:0}.overlay-body>*{flex:none}.overlay-body>:first-child{margin-top:auto}.overlay-body>:last-child{margin-bottom:auto}.overlay-title{font-size:var(--fs-xl);line-height:var(--lh-xl);margin:0;font-weight:500}.overlay-title:before{content:"> ";color:var(--color-foreground-subtle);font-weight:400}.overlay-body>.about-track{touch-action:pan-y;flex:0 auto;min-height:0;position:relative;overflow:clip}.overlay-body>.about-track[data-fit]{flex:auto;align-self:stretch}.about-strip{width:calc(var(--n,1) * 100%);translate:calc(-100% * var(--at,0) / var(--n,1) + var(--drag,0px)) 0;transition:translate .38s var(--ease-standard);align-items:flex-start;display:flex}.about-strip[data-drag]{-webkit-user-select:none;user-select:none;transition:none}.about-page{flex:0 0 calc(100% / var(--n,1));min-width:0;color:var(--color-foreground-muted);font-size:var(--fs-lg);line-height:var(--lh-lg);overflow-wrap:break-word;margin:0}.about-probe{visibility:hidden;pointer-events:none;width:100%;position:absolute;top:0;left:0}.about-pager{align-items:center;gap:var(--space-2);padding:0 6px 6px 0;display:flex}.about-count{min-width:7ch;color:var(--color-foreground-muted);font-size:var(--fs-sm);line-height:var(--lh-sm);text-align:center;font-variant-numeric:tabular-nums}.about-dots{align-items:center;min-width:0;display:flex}.about-dot{width:20px;height:var(--key);color:var(--color-foreground-subtle);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.about-dot:before,.about-dot:after{content:"";border-radius:50%;grid-area:1/1;width:8px;height:8px}.about-dot:before{border:1.5px solid}.about-dot:after{background:var(--color-logo);transition:scale .28s var(--ease-standard);scale:0}.about-dot[aria-current]{color:var(--color-logo)}.about-dot[aria-current]:after{scale:1}.about-dot:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-4px}.scramble{font-variant-ligatures:none}@media (orientation:landscape) and (max-height:500px){.overlay-body.about{column-gap:var(--space-10);row-gap:var(--space-4);max-width:calc(880px + 2 * var(--g) + var(--safe-left) + var(--safe-right));padding-top:calc(var(--bar) + var(--safe-top) + var(--space-2));padding-bottom:calc(var(--bar) + var(--safe-bottom) + var(--space-2));grid-template-rows:minmax(0,1fr) auto auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);display:grid}.overlay-body.about>*{margin:0}.about>.overlay-title{grid-area:2/1}.about>.about-pager{grid-area:3/1}.about>.about-track{grid-area:1/2/5/3;align-self:center;max-height:100%}.about>.about-track[data-fit]{align-self:stretch}}.toasts{left:50%;top:calc(var(--bar) + var(--safe-top));z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;width:max-content;max-width:calc(100vw - 2 * var(--g));justify-items:center;display:grid;position:fixed;transform:translate(-50%)}.toast{--wall:var(--color-primary);align-items:center;gap:var(--space-2);border-radius:var(--r-float);background:linear-gradient(#ffffff1a, #00000014), var(--color-surface-inverse);color:var(--color-foreground-inverse);font-size:var(--fs-sm);line-height:var(--lh-sm);box-shadow:inset 0 1px 0 var(--tip-rim), 0 3px 0 0 var(--wall), 0 4px 0 0 #00000073, 2px 8px 14px -4px var(--tip-drop);animation:fade-in .14s ease-out backwards, toast-in var(--t-bouncy) var(--spring-bouncy) backwards;padding:8px 12px;display:flex}.toast[data-tone=danger]{--wall:var(--color-danger)}.toast[data-leaving],.install[data-leaving]{opacity:0;transition:opacity .15s ease-in,translate .16s ease-in,scale .16s ease-in;translate:0 -8px;scale:.96}.toast:before{content:"$";color:#5ac071}[data-theme=dark] .toast:before{color:#056b36}.install{z-index:var(--z-toast);left:50%;top:calc(var(--bar) + var(--safe-top));width:min(420px, calc(100vw - 2 * var(--g) - var(--safe-left) - var(--safe-right)));gap:var(--space-3);padding:var(--space-3);animation:fade-in .16s ease-out backwards, toast-in var(--t-bouncy) var(--spring-bouncy) backwards;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;display:grid;position:fixed;transform:translate(-50%)}.install-mark{width:var(--key);height:var(--key);border-radius:var(--r-key);background:radial-gradient(140% 120% at 0 0, var(--green-sheen), transparent 45%), linear-gradient(var(--green-top), var(--green-bot));box-shadow:inset 0 1px 0 var(--green-bevel), inset 0 -4px 6px -3px var(--green-sss), 0 3px 0 0 var(--green-skirt), 0 4px 0 0 var(--green-rim);color:#f1f1f1;place-items:center;display:grid}.install-mark svg{width:18px;height:18px}.install-text{min-width:0;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--color-foreground-muted);gap:2px;display:grid}.install-text strong{color:var(--color-foreground)}.install-text .icon{vertical-align:-3px;display:inline-block}.prompt:before{content:"> ";color:var(--color-foreground-subtle)}.dim{color:var(--color-foreground-subtle)}.label{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--color-foreground-subtle);margin:0;font-weight:500}.label:before{content:"# "}.slider{gap:var(--space-1);display:grid}.range{--tone:var(--color-primary);--rail:linear-gradient(to right, transparent var(--from,0%), var(--tone) var(--from,0%) var(--to,var(--fill,0%)), transparent var(--to,var(--fill,0%)));appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}.range::-webkit-slider-runnable-track{background:var(--rail), linear-gradient(var(--well-top), var(--well-bot));height:6px;box-shadow:inset 0 1px 2px var(--well-shade), inset 0 0 0 1px var(--well-line), 0 1px 0 var(--well-lip);border-radius:3px}.range::-moz-range-track{background:var(--rail), linear-gradient(var(--well-top), var(--well-bot));height:6px;box-shadow:inset 0 1px 2px var(--well-shade), inset 0 0 0 1px var(--well-line), 0 1px 0 var(--well-lip);border-radius:3px}.range[data-centered]::-webkit-slider-runnable-track{background:linear-gradient(var(--color-foreground-subtle), var(--color-foreground-subtle)) 50% 50% / 2px 10px no-repeat, var(--rail), linear-gradient(var(--well-top), var(--well-bot))}.range[data-centered]::-moz-range-track{background:linear-gradient(var(--color-foreground-subtle), var(--color-foreground-subtle)) 50% 50% / 2px 10px no-repeat, var(--rail), linear-gradient(var(--well-top), var(--well-bot))}.range::-webkit-slider-thumb{appearance:none;box-sizing:border-box;border:1px solid var(--cap-line);background:linear-gradient(90deg, transparent 5px, var(--color-border-strong) 5px 7px, transparent 7px) 50% 50% / 100% 8px no-repeat, linear-gradient(var(--cap-top), var(--cap-bot));width:14px;height:18px;box-shadow:inset 0 1px 0 var(--cap-bevel), 0 2px 0 var(--cap-skirt), 0 3px 0 var(--cap-rim), 0 4px 4px -1px var(--cap-contact);border-radius:4px;margin-top:-6px}.range::-moz-range-thumb{box-sizing:border-box;border:1px solid var(--cap-line);background:linear-gradient(90deg, transparent 5px, var(--color-border-strong) 5px 7px, transparent 7px) 50% 50% / 100% 8px no-repeat, linear-gradient(var(--cap-top), var(--cap-bot));width:14px;height:18px;box-shadow:inset 0 1px 0 var(--cap-bevel), 0 2px 0 var(--cap-skirt), 0 3px 0 var(--cap-rim), 0 4px 4px -1px var(--cap-contact);border-radius:4px}.range:active::-webkit-slider-thumb{box-shadow:inset 0 1px 0 var(--cap-bevel), 0 1px 0 var(--cap-rim);translate:0 2px}.range:active::-moz-range-thumb{box-shadow:inset 0 1px 0 var(--cap-bevel), 0 1px 0 var(--cap-rim);translate:0 2px}.print-pixels{z-index:5;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;border-radius:inherit;will-change:transform;position:absolute;inset:0}@media (forced-colors:active){.btn:focus-visible,.input:focus-visible,.swatch:focus-visible{outline-offset:2px;outline:2px solid highlight}.btn:is([aria-pressed=true],[aria-checked=true])>.cap,.swatch[aria-selected=true]:after{outline-offset:-4px;outline:2px solid highlight}.seg-thumb:before{background:highlight}}
.home{--boot-base:.15s}html[data-boot=on] .home-play>.cap{animation-play-state:paused}.home:not(:has(>.frame-foot)) :is(.boot,.key-in,.home-loading,.home-play>.cap){animation-play-state:paused}.home-col .key-in{animation-name:fade-in,key-lift}@keyframes key-lift{0%{translate:0 10px;scale:.97}}.home-stage{cursor:grab}.home-stage:active{cursor:grabbing}.home-page{justify-items:center;gap:var(--space-4);padding-top:calc(var(--space-3) + var(--notice-top,0px));padding-bottom:calc(var(--space-6) + var(--notice-bottom,0px));pointer-events:none;grid-template-rows:minmax(0,1fr) auto;display:grid}.home-room{pointer-events:none;align-self:stretch;place-items:center;width:100%;min-height:80px;display:grid;position:relative}.home-col{gap:var(--space-6);pointer-events:auto;width:min(100%,520px);display:grid;container-type:inline-size}.home-head{letter-spacing:0;white-space:nowrap;margin:0;font-size:9.80392cqi;font-weight:500;line-height:1}.home-dot{color:var(--color-foreground);position:relative}.home-dot:after{content:".";color:var(--color-logo);opacity:0;animation:2.4s ease-in-out infinite dot-tone;position:absolute;inset:0}@keyframes dot-tone{50%{opacity:1}}.card{gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);display:grid}.card-top{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.card-title{text-overflow:ellipsis;min-width:0;font-size:var(--fs-lg);line-height:var(--lh-lg);white-space:nowrap;margin:0;font-weight:500;overflow:hidden}.card[aria-busy] .card-title:after{content:"▍";color:var(--color-primary-text);margin-left:.1em;animation:.9s step-end infinite blink}.card-nav{gap:var(--space-2);display:flex}.card-by{margin-top:calc(-1 * var(--space-2));font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--color-foreground-muted)}.card-stats{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.card-stats>div{flex-direction:column-reverse;gap:2px;min-width:0;display:flex}.card-stats dd{font-size:var(--fs-md);line-height:var(--lh-md);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-weight:500}.card-stats[aria-busy] dd{color:var(--color-foreground-subtle);animation:1.2s ease-in-out infinite home-wait}.card-stats[aria-busy]>div:nth-child(2) dd{animation-delay:.15s}.card-stats[aria-busy]>div:nth-child(3) dd{animation-delay:.3s}@keyframes home-wait{50%{opacity:.3}}.card-stats dt{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--color-foreground-subtle)}.card-keys{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-cta{display:grid}.btn.home-play{--h:max(var(--key-lg), calc(100cqi / 10.2))}.btn.home-play>.cap{animation-composition:add;animation:3.2s linear 1.2s infinite invite}@keyframes invite{0%,44%{animation-timing-function:cubic-bezier(.3,0,.4,1);scale:1}54%{animation-timing-function:cubic-bezier(.5,0,.75,0);scale:1.004 1.045}62%{animation-timing-function:cubic-bezier(.2,.7,.3,1);scale:1.012 .92}72%{animation-timing-function:cubic-bezier(.4,0,.6,1);scale:.998 1.03}81%{animation-timing-function:cubic-bezier(.4,0,.6,1);scale:1.005 .985}90%,to{scale:1}}.home-loading{max-width:100%;color:var(--color-foreground-muted);justify-items:center;animation:.24s ease-out .2s backwards home-in;display:grid}.home-loading .logo-loader{gap:var(--space-3)}.home-loading .loader-caption{max-width:32ch;font-size:var(--fs-xs);line-height:var(--lh-xs);text-align:center;color:var(--color-foreground-muted)}.home-loading[data-over]{margin-bottom:var(--space-2);align-self:end}.home-loading[data-over] .logo-loader{gap:var(--space-2);grid-auto-flow:column}@keyframes home-in{0%{opacity:0}}.home-note{text-align:center;max-width:36ch;color:var(--color-foreground-muted)}.btn.home-retry{--h:auto;max-width:100%;min-height:var(--key);white-space:normal;text-align:center;pointer-events:auto}@media (max-width:559px){.home-col{gap:var(--space-5)}.card{gap:var(--space-2);padding:var(--space-3)}.card-by{margin-top:calc(-1 * var(--space-1))}}@media (orientation:portrait) and (max-height:640px){.home-page{gap:var(--space-3);padding-bottom:calc(var(--space-3) + var(--notice-bottom,0px))}.home-col{gap:var(--space-3)}}@media (min-width:900px) and (min-aspect-ratio:1),(orientation:landscape) and (max-height:500px){.home-page{grid-template-rows:none;grid-template-columns:minmax(0, 1fr) var(--col-w,400px);align-items:center;column-gap:var(--space-12);padding-top:calc(var(--space-6) + var(--notice-top,0px));padding-bottom:calc(var(--space-6) + var(--notice-bottom,0px))}.home-room{height:100%}.home-col{width:100%}}@media (orientation:landscape) and (max-height:500px){.home-page{--col-w:min(340px, 46vw);column-gap:var(--space-6);padding-top:calc(var(--space-2) + var(--notice-top,0px));padding-bottom:calc(var(--space-2) + var(--notice-bottom,0px))}.home-col{gap:var(--space-3)}.card{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3)}}@media (prefers-reduced-motion:reduce){.btn.home-play>.cap{animation:none}.card-stats[aria-busy] dd{animation-duration:2.4s!important;animation-iteration-count:infinite!important}.card[aria-busy] .card-title:after{animation-duration:1.8s!important;animation-iteration-count:infinite!important}}
.ws-wait{padding:0 var(--g);place-items:center;display:grid}.narrow{gap:var(--space-4);width:min(400px,100%);display:grid}.narrow-title{font-size:var(--fs-xl);line-height:var(--lh-xl);margin:0;font-weight:500}.narrow-title:before{content:"> ";color:var(--color-foreground-subtle);font-weight:400}.ws-building{z-index:1;pointer-events:none;place-items:center;display:grid;position:fixed}.ws-nogl{width:min(420px, calc(100% - 2 * var(--g)));color:var(--color-foreground-muted);text-align:center;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.crumb,.crumb-name>span{text-overflow:ellipsis;overflow:hidden}.crumb-name{cursor:text;background:0 0;border:0;padding:0;display:flex;overflow:visible}.crumb-name>span{min-width:0;-webkit-text-decoration:underline dotted var(--color-border-strong);text-decoration:underline dotted var(--color-border-strong);text-underline-offset:4px}.crumb-input{width:min(220px,40vw);height:var(--key);font-size:16px}.marquee{z-index:1;border:1px dashed var(--color-primary-text);background:var(--color-primary-subtle);pointer-events:none;position:absolute}.dot-tags{z-index:1;contain:strict;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dot-tags>span{background:var(--color-surface-inverse);box-shadow:inset 0 1px 0 var(--tip-rim), 0 1px 0 var(--tip-wall), 1px 2px 4px -1px var(--tip-drop);color:var(--color-foreground-inverse);font-family:var(--mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:4px;padding:0 3px;font-weight:500;line-height:14px;position:absolute;top:0;left:0}.dot-tags>span[hidden]{display:none}.dock{--dock-w:calc(16 * var(--key) + 15 * 4px + 18px);z-index:var(--z-dock);bottom:0;left:max(var(--g), calc(50% - var(--dock-w) / 2));width:min(var(--dock-w), calc(100% - 2 * var(--g)));gap:var(--space-2);pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard);flex-direction:column;display:flex;position:absolute}.dock>*{pointer-events:auto}.dock[data-moved]{left:0}.dock[data-down]{flex-direction:column-reverse}.dock[data-lifted]{z-index:calc(var(--z-dock) + 1);will-change:translate;transition:none}.dock-hint{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--color-foreground-muted);text-wrap:balance;animation:fade-in .2s ease-out backwards, rise-in var(--t-settle) var(--spring-settle) backwards;margin-top:12px;padding:16px 10px 8px;position:relative}.dock-hint:not(:has(.hint-hush)){margin-top:0;padding-top:8px}.btn.hint-hush{--h:22px;--d:2px;--r:var(--r-chip);--ink:var(--color-foreground-muted);font-size:var(--fs-xs);line-height:var(--lh-xs);font-weight:400;position:absolute;top:-11px;right:10px}.btn.hint-hush>.cap{gap:4px;padding:0 8px}.btn.hint-hush .icon{width:12px;height:12px}@media (hover:hover) and (pointer:fine){.btn.hint-hush:hover{--ink:var(--color-foreground)}}.dock[data-down] .dock-hint{margin:0 0 12px;padding:8px 10px 16px}.dock[data-down] .dock-hint:not(:has(.hint-hush)){margin-bottom:0;padding-bottom:8px}.dock[data-down] .btn.hint-hush{top:auto;bottom:-11px}.dock-panel{--surface-under:var(--plate-bot);--pd:6px;--pr:var(--r-plate);isolation:isolate;gap:var(--space-2);border:1px solid #0000;flex-direction:column;min-height:0;padding:8px;display:flex;position:relative;container-type:inline-size}.dock-panel:after{content:"";z-index:-2;border-radius:var(--pr);box-shadow:10px 30px 44px -14px var(--plate-drop);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard);position:absolute;inset:-1px}.dock[data-lifted] .dock-panel:after{opacity:1}.dock-skin{z-index:-1;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard);position:absolute;inset:-1px}.dock-skin>i{border:1px solid var(--plate-line);background:var(--grain) 0 0 / 96px 96px, var(--plate-bot);position:absolute;left:0;right:0}.dock-skin>i:first-child{top:calc(var(--pr) - 1px);bottom:calc(var(--pr) - 1px);transform-origin:50% 100%;border-block:0}.dock-skin>i:nth-child(2){height:var(--pr);border-radius:var(--pr) var(--pr) 0 0;background:var(--grain) 0 0 / 96px 96px, radial-gradient(130% 400% at 0 0, var(--plate-sheen), transparent 60%), linear-gradient(var(--plate-top), var(--plate-bot));box-shadow:inset 0 1px 0 0 var(--plate-bevel);border-bottom:0;top:0}.dock-skin>i:nth-child(3){height:var(--pr);border-radius:0 0 var(--pr) var(--pr);box-shadow:inset 0 -1px 0 0 var(--plate-shade), 0 var(--pd) 0 0 var(--plate-wall), 0 calc(var(--pd) + 1px) 0 0 var(--plate-rim), 2px calc(var(--pd) + 3px) 6px 0 var(--plate-ao), 6px calc(var(--pd) + 10px) 24px -8px var(--plate-drop);border-top:0;bottom:0}.dock[data-down] .dock-skin>i:first-child{transform-origin:50% 0}.dock[data-down] .dock-panel{flex-direction:column}.dock[data-down] .dock-drawer{order:3}.dock[data-hidden]{width:auto}.dock[data-hidden] .dock-panel{padding:0}.dock[data-hidden] .dock-skin,.dock[data-hidden] .dock-panel:after,.ws[data-solo] .dock-skin,.ws[data-solo] .dock-panel:after{opacity:0}.dock-top{align-items:center;gap:4px;display:flex}.grip{height:var(--key);color:var(--color-foreground-subtle);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(to right, var(--well-line) 0 calc(50% - 18px), transparent 0 calc(50% + 18px), var(--well-line) 0) center calc(50% - .5px) / 100% 1px no-repeat, linear-gradient(to right, var(--well-lip) 0 calc(50% - 18px), transparent 0 calc(50% + 18px), var(--well-lip) 0) center calc(50% + .5px) / 100% 1px no-repeat;flex:1;place-items:center;display:grid}.grip .icon{box-sizing:content-box;padding:0 6px}@media (hover:hover){.grip:hover{color:var(--color-foreground)}}.dock[data-lifted] .grip{cursor:grabbing;color:var(--color-primary-text)}.dock-drawer{margin-inline:-8px}.dock-drawer:not([data-open])>.dock-drawer-clip{display:none}.dock-drawer[data-open]{background:linear-gradient(var(--well-line), var(--well-line)) left bottom 1px / 100% 1px no-repeat, linear-gradient(var(--well-lip), var(--well-lip)) left bottom / 100% 1px no-repeat}.dock[data-down] .dock-drawer[data-open]{background-position:0 0,0 1px}.dock-drawer-clip{overflow:clip}.dock-drawer-body{padding-inline:8px;position:relative;container-type:inline-size}.dock-modes{width:100%;display:flex}.dock-modes .seg-thumb{--x:calc(var(--i,0) * 100%);width:33.3333%}.dock-modes button{flex:1 1 0;justify-content:center}.tools{gap:4px;display:grid}.tools[data-kind=connect]{grid-template-columns:repeat(16, var(--key));justify-content:space-between}@container (max-width:571px){.tools[data-kind=connect]{grid-template-columns:repeat(8, var(--key));column-gap:2px;row-gap:var(--space-2)}}.tools[data-kind=preview]{grid-template-columns:minmax(0,1fr) auto}.tool-keys{gap:4px;display:flex}.tools[data-kind=download]{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.specs{gap:4px;display:grid}.specs[data-kind=preview]{grid-template-columns:repeat(3,minmax(0,1fr))}.specs[data-kind=download]{grid-template-columns:var(--key) var(--key) var(--key) repeat(5, minmax(0, 1fr))}.spec{min-width:0}.spec>.cap{padding:0 4px}.spec-swatch,.brush-swatch{width:14px;height:14px;box-shadow:inset 0 1px 2px 0 #0000004d, 0 1px 0 0 var(--well-lip);border:1px solid #0808084d;border-radius:3px;flex:none}.spec-swatch[data-clear]{background:repeating-conic-gradient(var(--color-border) 0 25%, var(--color-surface) 0 50%) 0 0 / 7px 7px}.spec-swatch[data-any]{background:conic-gradient(#ce1126,#ff9800,#fbd200,#007a3d,#1d5fd6,#7b2fbe,#ce1126)}.dl-row{gap:4px;display:flex}.dl-bar{height:var(--key);border:1px solid var(--well-line);border-radius:var(--r-well);background:linear-gradient(var(--well-top), var(--well-bot));box-shadow:inset 0 2px 3px -1px var(--well-shade), 0 1px 0 0 var(--well-lip);flex:1;position:relative;overflow:hidden}.dl-bar span{background:linear-gradient(#ffffff2e, transparent 55%), var(--color-primary);box-shadow:inset 0 -3px 5px -2px var(--green-sss);transform:scaleX(var(--p,0));transform-origin:0;transition:transform .2s var(--ease-standard);position:absolute;inset:0}.dl-bar em{font-style:normal;font-size:var(--fs-sm);color:var(--color-foreground);place-items:center;font-weight:500;display:grid;position:absolute;inset:0}.dl-bar em[data-lit]{color:#f1f1f1;clip-path:inset(0 calc((1 - var(--p,0)) * 100%) 0 0);transition:clip-path .2s var(--ease-standard)}@container (max-width:427px){.tools[data-kind=preview]{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.tool-keys{justify-content:space-between}.specs[data-kind=download]{grid-template-columns:repeat(12,minmax(0,1fr))}.specs[data-kind=download] .spec{grid-column:span 2}.specs[data-kind=download] .spec:nth-child(n+4){grid-column:span 3}.specs[data-kind=download] .spec:nth-child(n+6){grid-column:span 4}.specs[data-kind=download] .spec[data-icon-only]{width:auto}}.drawer{gap:var(--space-3);padding:4px 0 var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.drawer-head{align-items:center;gap:var(--space-2);min-height:var(--key);display:flex}.drawer-head h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--fs-md);line-height:var(--lh-md);flex:1;margin:0;font-weight:500;overflow:hidden}.drawer-head h2:before{content:"> ";color:var(--color-foreground-subtle);font-weight:400}.drawer-head>:not(h2){flex:none}.drawer-note{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--color-foreground-muted)}.drawer-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.key-grid{--cols:3;grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:4px;display:grid}.key-grid[data-cols="2"]{--cols:2}.key-grid[data-cols="4"]{--cols:4}.key-grid[data-cols="5"]{--cols:5}.key-grid[data-cols="6"]{--cols:6}.key-grid[data-cols="7"]{--cols:7}.shape-keys{--cols:10}.key-grid>.btn{min-width:0}.key-grid>.btn[data-icon-only]{width:auto}.key-grid>.btn>.cap{padding:0 6px}@container (max-width:427px){.key-grid[data-cols="5"]{--cols:3}.key-grid[data-cols="4"]{--cols:2}.key-grid.aspects{--cols:4}.key-grid.formats{--cols:3}}@container (max-width:300px){.key-grid[data-cols="3"]{--cols:2}}.key-grid[data-picks]{--cols:5}.key-grid[data-picks]>.btn>.cap{padding:0 2px}@container (max-width:339px){.key-grid[data-picks]>.btn>.cap{font-size:var(--fs-xs)}}.hex-row{grid-template-columns:var(--key-lg) minmax(0, 1fr) var(--key-lg);align-items:center;gap:4px;display:grid}.drawer-head .hex-row{grid-template-columns:var(--key) 96px var(--key)}.hex-chip{width:var(--key-lg);height:var(--key-lg);border:1px solid var(--well-line);border-radius:var(--r-well);box-shadow:inset 0 2px 4px 0 #00000047, inset 0 0 0 1px #0000001a, 0 1px 0 0 var(--well-lip)}.drawer-head .hex-chip{width:var(--key);height:var(--key)}.hex-field{display:block;position:relative}.hex-field>span[aria-hidden]{color:var(--color-foreground-subtle);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.hex-field .input{text-transform:lowercase;padding-left:24px}.drawer-head .hex-field .input{height:var(--key);padding-right:8px}.btn.hex-system{--h:var(--key-lg);--d:var(--depth-lg);--r:var(--r-key-lg)}.drawer-head .btn.hex-system{--h:var(--key);--d:var(--depth);--r:var(--r-key)}.hex-system input{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-drawer{--cols:10;--sw:calc((100cqw - (var(--cols) - 1) * 4px) / var(--cols))}@supports (width:round(down, 1px, 1px)){.color-drawer{--sw:round(down, calc((100cqw - (var(--cols) - 1) * 4px) / var(--cols)), 1px)}}@container (max-width:299px){.drawer.color-drawer{--cols:5;gap:6px}.color-drawer .hex-row{grid-template-columns:var(--key) minmax(0, 1fr) var(--key)}.color-drawer .hex-chip{width:var(--key);height:var(--key)}.color-drawer .hex-field .input{height:var(--key)}.color-drawer .btn.hex-system{--h:var(--key);--d:var(--depth);--r:var(--r-key)}.color-drawer .swatch{height:24px}.color-drawer .color-palette{padding-top:var(--space-2)}}.swatches,.palette{grid-template-columns:repeat(var(--cols), var(--sw));justify-content:center;align-items:center;gap:4px;display:grid}.color-palette{padding-top:var(--space-3);background:linear-gradient(var(--well-line), var(--well-line)) left top / 100% 1px no-repeat, linear-gradient(var(--well-lip), var(--well-lip)) left 0 top 1px / 100% 1px no-repeat;gap:6px;display:grid}.palette>.swatches{display:contents}.palette>.btn{grid-area:1/-3;width:auto}.palette>.btn:last-child{grid-column:-2}.color-actions{grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;grid-auto-flow:column;gap:4px;display:grid}.swatch{--d:2px;border-radius:var(--r-chip);background:linear-gradient(to top, #00000073 var(--d), transparent var(--d)), linear-gradient(to top, var(--c) var(--d), transparent var(--d));height:28px;box-shadow:0 var(--d) 0 0 #00000073, 0 calc(var(--d) + 1px) 0 0 var(--cap-rim), 0 calc(var(--d) + 2px) 3px -1px var(--cap-contact);cursor:pointer;animation:fade-in .14s ease-out backwards, pop-in var(--t-jelly) var(--spring-jelly) backwards;border:0;padding:0;position:relative}@supports (color:color-mix(in srgb, red, blue)){.swatch{box-shadow:0 var(--d) 0 0 color-mix(in srgb, var(--c), #000 45%), 0 calc(var(--d) + 1px) 0 0 var(--cap-rim), 0 calc(var(--d) + 2px) 3px -1px var(--cap-contact)}}.swatch:after{content:"";border-radius:inherit;background:linear-gradient(#ffffff3d, #fff0 55%, #0000001a), var(--c);transform-origin:50% 100%;transition:translate var(--t-bouncy) var(--spring-bouncy), scale var(--t-jelly) var(--spring-jelly);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000038,inset 0 1px 0 1px #ffffff38}@media (hover:hover) and (pointer:fine){.swatch:hover:not([aria-selected=true],:active,[data-press],:disabled):after{transition:translate var(--t-glide) var(--spring-glide), scale var(--t-jelly) var(--spring-jelly);translate:0 -1px}}.swatch[aria-selected=true]:after{translate:0 calc(var(--d) - 1px);box-shadow:inset 0 0 0 1px #00000073,inset 0 0 0 3px #ffffffeb,inset 0 0 0 4px #0000004d}.swatch:is(:active,[data-press]):not(:disabled):after{translate:0 var(--d);transition:translate var(--t-press) var(--press-ease), scale var(--t-squash) var(--squash-ease);scale:1.06 .88}.swatch:focus-visible{z-index:1;outline:2px solid var(--color-border-focus);outline-offset:1px}.swatch:disabled{box-shadow:0 1px 0 0 var(--cap-rim);cursor:not-allowed;background:0 0}.swatch:disabled:after{opacity:.4;translate:0 1px}@supports (color:color-mix(in srgb, red, blue)){.swatch:disabled:after{opacity:1;background:linear-gradient(#ffffff1a, transparent), color-mix(in srgb, var(--c) 35%, var(--plate-bot));box-shadow:inset 0 0 0 1px #00000024}}.view-rows{gap:4px;display:grid}.vrow{grid-template-columns:30px minmax(0,1fr) 36px;align-items:center;gap:8px;height:24px;display:grid}.vrow-name,.vrow-value{font-size:var(--fs-xs);line-height:var(--lh-xs);white-space:nowrap}.vrow-name{color:var(--color-foreground-muted);font-weight:500}.vrow-value{text-align:right;color:var(--color-foreground-subtle);font-variant-numeric:tabular-nums}.vrow[data-tone=x] .vrow-name,.btn.axis[data-axis=x]{color:#e3262f}.vrow[data-tone=y] .vrow-name,.btn.axis[data-axis=y]{color:#3fae2a}.vrow[data-tone=z] .vrow-name,.btn.axis[data-axis=z]{color:#1d5fd6}[data-theme=dark] .vrow[data-tone=x] .vrow-name,[data-theme=dark] .btn.axis[data-axis=x]{color:#ff6b6b}[data-theme=dark] .vrow[data-tone=y] .vrow-name,[data-theme=dark] .btn.axis[data-axis=y]{color:#6fd65a}[data-theme=dark] .vrow[data-tone=z] .vrow-name,[data-theme=dark] .btn.axis[data-axis=z]{color:#7aa7ff}.view-drawer .view-pan{--cols:4}.view-keys{gap:6px;display:grid}@container (min-width:400px){.view-keys{grid-template-columns:calc(4 * var(--key) + 12px) minmax(0, 1fr);gap:var(--space-3)}}.history-now{align-items:baseline;gap:var(--space-2);min-width:0;font-size:var(--fs-sm);line-height:var(--lh-sm);display:flex}.history-id{color:var(--color-primary-text);font-weight:500}.history-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.history-line{grid-template-columns:var(--key) minmax(0, 1fr) var(--key);gap:var(--space-2);align-items:center;display:grid}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:0;display:grid}@container (min-width:400px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat{min-width:0;display:grid}.stat[data-wide]{grid-column:1/-1}.stat dt{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--color-foreground-subtle)}.stat dd{min-width:0;font-size:var(--fs-sm);line-height:var(--lh-sm);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.stat dd[data-tone]{align-items:center;gap:6px;display:flex}.tone-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.stat dd[data-tone=ok]{color:var(--color-success-text)}.stat dd[data-tone=warn]{color:var(--color-warning-text)}.stat dd[data-tone=busy] .tone-dot{animation:.9s step-end infinite blink}.select-drawer .key-grid[data-cols="4"]{--cols:4}.select-move{gap:var(--space-2);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.select-picks{gap:4px;display:flex}.select-drawer>.select-picks{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@container (max-width:339px){.select-drawer :is(.key-grid,.select-picks) .icon{display:none}}@container (max-width:299px){.select-drawer .key-grid[data-cols="4"]{--cols:2}}@container (max-width:399px){.shape-keys{--cols:5}}.shape-mine{grid-template-columns:auto repeat(var(--per,2), minmax(0, 1fr)) var(--key) var(--key);align-items:center;gap:4px;display:grid}.shape-mine[data-naming]{grid-template-columns:minmax(0, 1fr) var(--key) var(--key)}.shape-mine .input{height:var(--key)}.shape-mine-note{grid-column:span var(--per,2);min-width:0;font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--color-foreground-subtle);white-space:nowrap;text-overflow:ellipsis;padding-inline:4px;overflow:hidden}.mine-key{min-width:0}.mine-key>.cap{padding:0 6px}.vrow.shape-size{grid-template-columns:30px minmax(0,1fr) 52px}.shape-size-note{min-width:0;font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--color-foreground-subtle);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.snap-keys{--cols:5}.snap-keys>.btn>.cap{padding:0 4px}.snap-row{align-items:center;gap:var(--space-4);min-width:0;display:flex}.snap-opt{align-items:center;gap:var(--space-2);min-width:0;display:flex}.snap-name{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--color-foreground-muted);flex:none;font-weight:500}.snap-axes{grid-template-columns:repeat(3, var(--key));gap:4px;display:grid}.tools .btn[data-led]>.cap:after{background:var(--led-on);box-shadow:0 0 5px 1px var(--led-glow), inset 0 -1px 0 #0003}.menu-prefs{gap:var(--space-2);display:flex}.menu-prefs>.seg[data-block]{flex:1;width:auto}.drawer-head .menu-prefs .seg:not([data-icons]) button{padding-inline:10px}@container (max-width:399px){.menu-drawer .key-grid .icon{display:none}}@container (max-width:300px){.menu-drawer .key-grid{--cols:3}.menu-drawer .key-grid>.btn{font-size:var(--fs-xs)}.menu-drawer .key-grid>.btn>.cap{padding:0 2px}}.menu-drawer .key-grid>.menu-stats{grid-column:1/-1;height:32px}.menu-drawer .key-grid>.menu-stats>.cap{justify-content:space-between;gap:var(--space-2);font-size:var(--fs-xs);line-height:var(--lh-xs);padding-inline:10px}.menu-stats-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.menu-stats-go{color:var(--color-foreground-subtle);flex:none}.menu-version{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--color-foreground-subtle);text-align:center}.hands,.keys{margin:0;padding:0;list-style:none;display:grid}.hands{gap:6px var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width:400px){.hands{grid-template-columns:repeat(3,minmax(0,1fr))}.hand:last-child:nth-child(3n+1){grid-column:1/-1}}.hand{column-gap:var(--space-2);grid-template-rows:16px 14px;grid-template-columns:16px minmax(0,1fr);align-items:center;min-width:0;display:grid}.hand .glyph{color:var(--color-primary-text);grid-row:span 2;overflow:visible}.hand-do,.hand-get{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.hand-do{font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--color-foreground)}.hand-get{font-size:var(--fs-xs);line-height:var(--lh-xs);color:var(--color-foreground-subtle)}.glyph *{transform-box:fill-box;transform-origin:50%}.g-draw{transform-origin:0;animation:1.8s steps(8,end) infinite g-draw}.g-ring{opacity:0;animation:1.8s ease-out infinite g-ring}.g-fast{animation-duration:1.2s}.g-late{animation-delay:.45s}.g-later{animation-delay:.3s}.g-fast.g-late{animation-delay:.15s}.g-hold{animation:2s ease-out infinite g-hold}.g-cut{animation:1.8s step-end infinite g-cut}.g-pluck{transform-origin:top;animation:.45s ease-in-out infinite alternate g-pluck}.g-spin{transform-box:view-box;transform-origin:8px 8px;animation:3s linear infinite g-spin}.g-out-l{animation:1.4s ease-in-out infinite alternate g-out-l}.g-out-r{animation:1.4s ease-in-out infinite alternate g-out-r}.g-slide{animation:1.4s ease-in-out infinite alternate g-slide}.g-box{transform-origin:0 0;animation:1.8s steps(6,end) infinite g-box}@keyframes g-draw{0%{scale:0 1}60%,to{scale:1}}@keyframes g-ring{0%{opacity:.9;scale:.3}50%,to{opacity:0;scale:1}}@keyframes g-hold{0%{opacity:0;scale:.3}70%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes g-cut{0%{opacity:1}50%{opacity:0}}@keyframes g-pluck{to{scale:1 .35}}@keyframes g-spin{to{rotate:-360deg}}@keyframes g-out-l{to{translate:-3px}}@keyframes g-out-r{to{translate:3px}}@keyframes g-slide{to{translate:2px 3px}}@keyframes g-box{0%{scale:.2}60%,to{scale:1}}.keys{gap:4px var(--space-2);grid-template-rows:repeat(8,22px);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column}.keys[data-half="1"]>[data-half="2"],.keys[data-half="2"]>[data-half="1"]{display:none}.key-chip{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--color-foreground-muted);white-space:nowrap;display:flex}.key-chip-keys{flex:none;gap:3px;display:flex}.key-chip-what{text-overflow:ellipsis;min-width:0;overflow:hidden}.key-page>.btn{--h:22px;--d:2px;width:100%;font-size:var(--fs-xs)}@container (min-width:380px){.keys{grid-template-rows:repeat(5,22px);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-height:501px){@container (min-width:520px){.keys{gap:6px var(--space-3);grid-template-rows:repeat(7,26px);grid-template-columns:repeat(4,minmax(0,1fr))}.keys>.key-chip[data-half]{display:flex}.keys>.key-page[data-half]{display:none}}}.btn.aspect>.cap{gap:6px}.aspect-shape{border:1.5px solid;flex:none}.viewfinder,.brackets{z-index:1;pointer-events:none;position:fixed}.viewfinder{--veil:#16161629;--edge:#1616166b}.viewfinder[data-moving]{will-change:translate}[data-theme=dark] .viewfinder,.viewfinder[data-paper=dark]{--veil:#f1f1f117;--edge:#f1f1f161}.viewfinder[data-paper=light]{--veil:#16161629;--edge:#1616166b}.viewfinder:before{content:"";box-shadow:0 0 0 200vmax var(--veil);outline:1px solid var(--edge);pointer-events:none;position:absolute;inset:0}.viewfinder:after{content:"";outline:2px dashed var(--color-primary-text);opacity:0;transition:opacity var(--duration-base) var(--ease-standard);pointer-events:none;position:absolute;inset:-1px}.viewfinder[data-armed]:after{opacity:1}.ws:has(.viewfinder[data-armed]) .stage{cursor:move}.vf-edge{pointer-events:auto;cursor:move;touch-action:none;position:absolute}.vf-edge[data-e=t]{height:16px;top:-8px;left:16px;right:16px}.vf-edge[data-e=b]{height:16px;bottom:-8px;left:16px;right:16px}.vf-edge[data-e=l]{width:16px;top:16px;bottom:16px;left:-8px}.vf-edge[data-e=r]{width:16px;top:16px;bottom:16px;right:-8px}.vf-corner{border:0 solid var(--color-primary-text);pointer-events:auto;touch-action:none;width:24px;height:24px;position:absolute}.vf-corner:after{content:"";position:absolute;inset:-10px}.vf-corner[data-c=tl]{cursor:nwse-resize;border-top-width:3px;border-left-width:3px;top:-3px;left:-3px}.vf-corner[data-c=tr]{cursor:nesw-resize;border-top-width:3px;border-right-width:3px;top:-3px;right:-3px}.vf-corner[data-c=bl]{cursor:nesw-resize;border-bottom-width:3px;border-left-width:3px;bottom:-3px;left:-3px}.vf-corner[data-c=br]{cursor:nwse-resize;border-bottom-width:3px;border-right-width:3px;bottom:-3px;right:-3px}.vf-label{text-overflow:ellipsis;background:var(--color-surface-inverse);max-width:calc(100% - 12px);height:20px;color:var(--color-foreground-inverse);font-size:var(--fs-xs);line-height:var(--lh-xs);white-space:nowrap;pointer-events:auto;cursor:move;touch-action:none;align-items:center;gap:6px;padding:0 6px;display:flex;position:absolute;top:6px;left:6px;overflow:hidden}.vf-dot{background:var(--color-primary-text);width:6px;height:6px}[data-theme=dark] .vf-dot,.viewfinder[data-armed] .vf-dot{background:var(--color-primary)}.viewfinder[data-rec] .vf-dot{background:#ce1126;animation:.9s step-end infinite blink}.vf-mark{position:absolute;inset:0}.reel{opacity:0;height:clamp(34px,17%,76px);transition:opacity .24s var(--ease-standard), transform .24s var(--ease-standard);contain:strict;background:#161412;border-radius:3px;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden;transform:translateY(14px);box-shadow:0 8px 16px -8px #0009,inset 0 1px #ffffff17}.reel[data-on]{opacity:1;transform:none}.reel[data-on][data-done]{animation:reel-done var(--t-bouncy) var(--spring-bouncy)}.reel[data-on][data-off]{opacity:0;transition-duration:.32s;transform:translateY(18px)}.reel-strip{will-change:transform;transition:transform .18s cubic-bezier(.2,.9,.25,1);position:absolute;top:0;bottom:0;left:0}.reel-tile{animation:reel-in .22s var(--ease-standard) both;position:absolute;top:0}.reel-gate{top:0;bottom:0;right:var(--inset,10px);width:var(--pitch,0);border-radius:2px;position:absolute;box-shadow:0 0 0 1.5px #f1f1f1e0,0 0 0 200px #16141261}.reel-gate:after{content:"";opacity:0;background:#f1f1f1;position:absolute;inset:0}.reel[data-done] .reel-gate:after{animation:reel-flash .56s var(--ease-standard)}.reel-meter{background:var(--color-primary);height:2px;transform:scaleX(var(--p,0));transform-origin:0;transition:transform .2s var(--ease-standard);position:absolute;bottom:0;left:0;right:0}html[data-lite] .reel{box-shadow:none}@keyframes reel-in{0%{opacity:0}}@keyframes reel-flash{0%{opacity:.85}to{opacity:0}}@keyframes reel-done{0%{transform:none}40%{transform:translateY(-3px)scale(1.025)}to{transform:none}}.brackets .vf-corner{pointer-events:none}.brackets{animation:1.5s step-end both snap-in}.brackets .vf-corner{animation:snap-corner .42s var(--spring-bouncy) both}.brackets .vf-corner[data-c=tl]{--sx:-1;--sy:-1}.brackets .vf-corner[data-c=tr]{--sx:1;--sy:-1}.brackets .vf-corner[data-c=bl]{--sx:-1;--sy:1}.brackets .vf-corner[data-c=br]{--sx:1;--sy:1}@keyframes snap-corner{0%{transform:translate(calc(var(--sx) * 28px), calc(var(--sy) * 28px))}to{transform:none}}@keyframes snap-in{0%,80%{opacity:1}to{opacity:0}}.ws .frame-head,.ws .frame-foot,.dock-top,.dock-tools,.dock-modes,.dock-hint,.drawer>*,.view-rows>*,.view-keys>*,[data-solo-part]:before{transition:opacity var(--duration-base) var(--ease-standard)}[data-solo-part]{z-index:0;position:relative}[data-solo-part]:before{content:"";z-index:-1;border:1px solid var(--plate-line);border-radius:var(--r-float);background:var(--grain) 0 0 / 96px 96px, radial-gradient(130% 90% at 0 0, var(--plate-sheen), transparent 55%), linear-gradient(var(--plate-top), var(--plate-bot));box-shadow:inset 0 1px 0 0 var(--plate-bevel), 0 3px 0 0 var(--plate-wall), 0 4px 0 0 var(--plate-rim), 2px 6px 6px -2px var(--plate-ao);opacity:0;pointer-events:none;position:absolute;inset:-6px -8px}.ws[data-solo] :is(.frame-head,.frame-foot){opacity:0;pointer-events:none}.ws[data-solo] :is(.dock,.dock *):has([data-solo-on])>:not(:has([data-solo-on]),[data-solo-on]){opacity:0;pointer-events:none}.ws[data-solo] .dock-drawer{background:0 0}.ws[data-solo] .dock-drawer-clip{overflow:visible}.ws[data-solo] [data-solo-on]:before{opacity:1}@media (orientation:portrait) and (max-height:600px){.drawer{gap:var(--space-2)}.hands{row-gap:2px}}@media (orientation:landscape) and (max-height:500px){.dock{--dock-w:300px;left:auto;right:calc(var(--g) + var(--safe-right));max-height:100%}.dock[data-moved]{right:auto}.dock-panel{max-height:100%}.dock:has(.dock-drawer[data-open]){--dock-w:min(560px, 100vw - 2 * var(--g) - var(--safe-left) - var(--safe-right) - 120px)}.dock:has(.dock-drawer[data-open]) :is(.dock-top,.dock-tools,.dock-modes,.dock-hint){display:none}.drawer{gap:var(--space-2)}.menu-version{display:none}}@media (orientation:landscape) and (min-height:341px) and (max-height:500px){.dock[data-mode=connect]:has(.dock-drawer[data-open]){--dock-w:min(672px, 100vw - 2 * var(--g) - var(--safe-left) - var(--safe-right) - 164px)}.dock[data-mode=connect]:has(.dock-drawer[data-open]) .dock-panel{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:16px;display:grid}.dock[data-mode=connect]:has(.dock-drawer[data-open]) .dock-tools{grid-area:1/1;display:block}.dock[data-mode=connect]:has(.dock-drawer[data-open]) .tools[data-kind=connect]{grid-template-columns:repeat(4, var(--key));gap:4px}.dock[data-mode=connect] .dock-drawer[data-open]{background:linear-gradient(var(--well-line), var(--well-line)) left top / 1px 100% no-repeat, linear-gradient(var(--well-lip), var(--well-lip)) left 1px top / 1px 100% no-repeat;grid-area:1/2}}
.auth-head{gap:var(--space-2);display:grid}.auth-form{gap:var(--space-4);display:grid}.auth-actions{gap:var(--space-3);display:grid}.pass{display:block;position:relative}.pass .input{padding-right:84px}.pass-toggle{border:0;border-left:1px solid var(--well-line);border-radius:0 calc(var(--r-well) - 1px) calc(var(--r-well) - 1px) 0;background:linear-gradient(var(--cap-top), var(--cap-bot));box-shadow:inset 0 1px 0 var(--cap-bevel);color:var(--color-foreground-muted);font-size:var(--fs-sm);line-height:var(--lh-sm);text-shadow:var(--cap-emboss);cursor:pointer;transition:translate var(--t-bouncy) var(--spring-bouncy), color var(--duration-fast);align-items:center;gap:6px;padding:0 10px;display:flex;position:absolute;top:1px;bottom:1px;right:1px}@media (hover:hover){.pass-toggle:hover{color:var(--color-foreground)}}.pass-toggle:active{box-shadow:inset 0 2px 3px var(--well-shade);transition-duration:var(--t-press);translate:0 1px}.pass-toggle[aria-pressed=true]{color:var(--color-primary-text)}.lib{gap:var(--space-4);padding-top:var(--space-2);padding-bottom:var(--space-2);flex-direction:column;display:flex}.lib-head{align-items:center;column-gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name new""sub sub""bar bar";display:grid}.lib-title{display:contents}.lib-title h1{white-space:nowrap;grid-area:name;min-width:0}.lib-title p{min-width:0;margin-top:var(--space-1);white-space:nowrap;text-overflow:ellipsis;grid-area:sub;overflow:hidden}.lib-n{color:var(--color-primary-text)}.lib-new{grid-area:new}.lib-bar{margin-top:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);grid-area:bar;min-width:0;display:flex}.lib-group{align-items:center;gap:var(--space-2);min-width:0;display:flex}@media (max-width:599px){.lib-bar,.lib-group{gap:6px}.lib-bar[data-picking] .lib-word{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:359px){.lib-bar .lib-word{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (min-width:720px){.lib-head{column-gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name bar new""sub bar new"}.lib-bar,.lib-new{align-self:end}.lib-bar{gap:var(--space-4);margin-top:0}}:where(.lib-note){border:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:3px 3px 0 var(--panel-edge)}.lib-note{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);animation:fade-in .2s ease-out backwards, rise-in var(--t-settle) var(--spring-settle) backwards;flex-wrap:wrap;display:flex}.lib-short{display:none}.lib-note>.btn{flex:none}@media (max-width:599px){.lib-note[data-kind=guest]{flex-wrap:nowrap}.lib-note[data-kind=guest] .lib-long{display:none}.lib-note[data-kind=guest] .lib-short{display:inline}}@media (orientation:landscape) and (max-height:500px){.lib{gap:var(--space-3)}.lib-note[data-kind=guest]{display:none}}.lib-grid{grid-template-columns:repeat(var(--cols,2), minmax(0, 1fr));grid-auto-rows:var(--card-h,220px);touch-action:pan-y;flex:1 1 0;align-content:start;gap:12px;min-height:0;margin:-2px -12px -16px;padding:2px 12px 20px;list-style:none;display:grid;overflow:hidden}:where(.lib-card){border:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:4px 4px 0 var(--panel-edge)}.lib-card{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:0;transition:translate var(--t-glide) var(--spring-glide), scale var(--t-jelly) var(--spring-jelly);animation:fade-in .2s ease-out backwards, pop-in var(--t-jelly) var(--spring-jelly) backwards;grid-template-rows:minmax(0,1fr) auto;display:grid;position:relative}.lib-card:after{content:"";border-radius:inherit;box-shadow:4px calc(var(--pd) + 6px) 14px -6px var(--plate-drop);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-standard);position:absolute;inset:-1px}@media (hover:hover) and (pointer:fine){.lib-card:hover{translate:0 -2px}.lib-card:hover:after{opacity:1}}.lib-card:has(.lib-thumb:active){transition:scale var(--t-squash) var(--squash-ease);scale:.985}.lib-thumb{background:radial-gradient(circle, var(--color-border) 1px, transparent 1.5px) 0 0 / 14px 14px, var(--color-background);border-bottom:1px solid var(--color-border);border-radius:calc(var(--r-card) - 1px) calc(var(--r-card) - 1px) 0 0;min-height:0;box-shadow:inset 0 2px 4px -1px var(--well-shade);-webkit-touch-callout:none;display:block;position:relative;overflow:hidden}button.lib-thumb{cursor:pointer;border-top:0;border-left:0;border-right:0;width:100%;padding:0}.lib-thumb img{object-fit:contain;width:100%;height:100%;display:block}.lib-thumb:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.lib-check{border:1px solid var(--cap-line,var(--color-border-strong));border-radius:var(--r-chip,0px);background:linear-gradient(var(--cap-top,var(--color-surface)), var(--cap-bot,var(--color-surface)));width:24px;height:24px;box-shadow:inset 0 1px 0 var(--cap-bevel,transparent), 0 2px 0 var(--cap-skirt,var(--key-edge));color:#0000;opacity:0;pointer-events:none;transition:opacity .12s ease-out, scale var(--t-bouncy,.28s) var(--spring-bouncy,ease-out);place-items:center;display:grid;position:absolute;top:8px;left:8px;scale:.5}.lib-grid[data-picking] .lib-check{opacity:1;scale:1}.lib-card[data-picked] .lib-check{border-color:var(--green-line,var(--color-primary-active));background:linear-gradient(var(--green-top,var(--color-primary)), var(--green-bot,var(--color-primary)));box-shadow:inset 0 1px 0 var(--green-bevel,transparent), 0 2px 0 var(--green-skirt,var(--color-primary-edge));color:var(--color-primary-foreground)}.lib-card[data-picked] .lib-thumb{box-shadow:inset 0 0 0 2px var(--color-primary-text), inset 0 2px 4px -1px var(--well-shade,transparent)}.lib-card[data-picked] .lib-body{background:var(--color-primary-subtle)}.lib-card[data-picked] .lib-body h2{color:var(--color-primary-text)}.lib-body{align-items:center;column-gap:var(--space-2);border-radius:0 0 calc(var(--r-card,0px) - 1px) calc(var(--r-card,0px) - 1px);grid-template-columns:minmax(0,1fr) auto;padding:6px 6px 8px 10px;display:grid}.lib-grid[data-picking] .lib-body{cursor:pointer;min-height:52px;padding-right:10px}.lib-body h2{font-size:var(--fs-md);line-height:var(--lh-md);white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;margin:0;font-weight:500;overflow:hidden}.lib-body p{white-space:nowrap;text-overflow:ellipsis;grid-area:2/1/3/3;overflow:hidden}.lib-tools{grid-area:1/2;gap:4px;display:flex}.lib-wait{flex:1 1 0;place-items:center;min-height:0;animation:.2s ease-out .12s backwards fade-in;display:grid}.pager{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.pager[data-off]{visibility:hidden}.pager-index b{font-weight:500}.lib-empty{align-content:start;justify-items:start;gap:var(--space-3);min-height:0;padding:var(--space-8) 0;flex:1 1 0;display:grid}.toast[data-action]{gap:var(--space-3);padding:4px 4px 4px 12px}.toast .btn{pointer-events:auto}