.v2{color-scheme:light;--font-body:'Google Sans Flex',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-display:'Unbounded',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;--font-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;--font-serif:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,'Times New Roman',serif;--font-grad:-25;--text-xxs:0.65rem;--text-xs:0.75rem;--text-sm:0.82rem;--text-md:0.85rem;--text-base:0.94rem;--text-plus:1.05rem;--text-lg:1.2rem;--text-xl:1.4rem;--text-xxl:1.65rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-hero:clamp(2.4rem, 1.2rem + 5vw, 5.2rem);--ls-xs:-0.02rem;--ls-sm:-0.01rem;--ls-base:0rem;--ls-tight:-0.035em;--weight-body:400;--leading-tight:1.4;--leading-normal:1.6;--leading-relaxed:1.7;--brand-color:#0072ff;--brand-light:rgba(59, 130, 246, 0.2);--brand-soft:color-mix(in oklab, var(--brand-color) 9%, transparent);--brand-ink:color-mix(in oklab, var(--brand-color) 78%, black);--brand-glow:0 0 15px 0 color-mix(in oklab, var(--brand-color) 69%, transparent);--phy-pro-gradient:linear-gradient(169deg, #2575fc 25%, #6a11cb);--nn-grad:linear-gradient(100deg, color-mix(in oklab, var(--brand-color), white 38%) 0%, var(--brand-color) 55%, color-mix(in oklab, var(--brand-color), black 22%) 100%);--phy-avatar-top:#05c3ff;--phy-avatar-bottom:#0072ff;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#dc2626;--brand-fill:#0072ff;--on-brand:#ffffff;--icon-stroke:1.5px;--mix-light:#ffffff;--mix-shade:#000000;--bg-color:#ffffff;--section-bg-color:#ffffff;--card-bg-color:#f8f8f8;--surface-panel:#fafafb;--surface-raised:#ffffff;--surface-sunk:#f1f2f4;--hover-100:rgb(240, 240, 240);--glass-bg:rgba(255, 255, 255, 0.7);--glass-blur:20px;--glass-highlight:inset 0 1px 0 0 rgba(255, 255, 255, 0.8);--page-glow:radial-gradient(140% 105% at 50% -8%, rgb(226 233 252) 0%, rgb(236 242 254) 18%, rgb(246 249 255) 39%, rgb(255 255 255) 80%);--text-primary-color:#141414;--text-secondary-color:rgb(69, 69, 69);--text-tertiary-color:rgb(140, 140, 140);--text-muted-color:rgb(200, 200, 200);--text-contrast-color:#ffffff;--contrast-light-color:rgba(0, 0, 0, 0.1);--line:rgba(15, 23, 42, 0.09);--line-strong:rgba(15, 23, 42, 0.16);--hairline:0.5px solid var(--contrast-light-color);--radius-scale:1;--radius-xs:calc(4px * var(--radius-scale));--radius-sm:calc(6px * var(--radius-scale));--radius-md:calc(8px * var(--radius-scale));--radius-lg:calc(12px * var(--radius-scale));--radius-xl:calc(15px * var(--radius-scale));--radius-2xl:calc(18px * var(--radius-scale));--radius-3xl:calc(25px * var(--radius-scale));--radius-card:calc(clamp(16px, 2.4vw, 22px) * var(--radius-scale));--radius-full:9999px;--radius-round:50%;--radius-fixed-2:calc(2px * var(--radius-scale));--radius-fixed-2h:calc(2.5px * var(--radius-scale));--radius-fixed-3:calc(3px * var(--radius-scale));--radius-fixed-3h:calc(3.5px * var(--radius-scale));--radius-fixed-4:calc(4px * var(--radius-scale));--radius-fixed-5:calc(5px * var(--radius-scale));--radius-fixed-6:calc(6px * var(--radius-scale));--radius-fixed-7:calc(7px * var(--radius-scale));--radius-fixed-8:calc(8px * var(--radius-scale));--radius-fixed-9:calc(9px * var(--radius-scale));--radius-fixed-10:calc(10px * var(--radius-scale));--radius-em-sm:0.4em;--radius-em:0.6em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--space-11:6rem;--page-max:1180px;--page-pad-x:clamp(16px, 4vw, 40px);--hdr-h:70px;--shadow-crisp:rgba(14, 63, 126, 0.14) 0 0 0 1px,rgba(42, 51, 70, 0.07) 0 1px 1px -0.5px,rgba(42, 51, 70, 0.06) 0 2px 2px -1px,rgba(42, 51, 70, 0.05) 0 4px 4px -2px;--shadow-card:rgba(14, 63, 126, 0.06) 0 0 0 1px,rgba(42, 51, 70, 0.03) 0 1px 1px -0.5px,rgba(42, 51, 70, 0.04) 0 2px 2px -1px,rgba(42, 51, 70, 0.04) 0 3px 3px -1.5px,rgba(42, 51, 70, 0.03) 0 5px 5px -2.5px,rgba(42, 51, 70, 0.03) 0 10px 10px -5px,rgba(42, 51, 70, 0.03) 0 24px 24px -8px;--shadow-lift:rgba(14, 63, 126, 0.10) 0 0 0 1px,rgba(42, 51, 70, 0.10) 0 8px 16px -6px,rgba(42, 51, 70, 0.14) 0 24px 48px -16px;--shadow-pane:0 0 0 1px var(--contrast-light-color),-18px 0 40px -24px rgba(0, 0, 0, 0.28);--shadow-sheet:0 -12px 40px rgba(14, 63, 126, 0.18);--shadow-paper:0 4px 14px -6px rgba(15, 23, 42, 0.18);--shadow-doc:0 30px 60px -30px rgba(15, 23, 42, 0.22);--shadow-copy:0 20px 40px -24px rgba(15, 23, 42, 0.25);--shadow-float:0 10px 24px -12px rgba(15, 23, 42, 0.25);--shadow-toast:0 10px 30px -10px rgba(0, 0, 0, 0.4);--shadow-swatch:inset 0 -1px 0 rgba(0, 0, 0, 0.15);--scrim:rgba(0, 0, 0, 0.32);--avatar-bg:linear-gradient(160deg, #d9f3ff, #b9e4fb);--avatar-fg:#0b5b86;--phy-eye:#ffffff;--phy-shine:rgba(255, 255, 255, 0.55);--phy-shade:inset 0 -3px 6px rgba(0, 40, 120, 0.28);--phy-drop:0 6px 16px -6px rgba(0, 114, 255, 0.55);--bttn-primary-gradient:linear-gradient(180deg,
        color-mix(in oklab, var(--brand-color), white 30%) 0%,
        var(--brand-color) 45%,
        color-mix(in oklab, var(--brand-color), black 20%) 100%);--bttn-primary-edge:color-mix(in oklab, var(--brand-color), black 51%);--bttn-primary-gloss:inset 0 -3px 0 var(--bttn-primary-edge);--bttn-primary-lift:0 6px 16px -6px color-mix(in oklab, var(--brand-color) 60%, transparent);--bttn-secondary-bg:#f0f0f0;--bttn-edge-soft:rgba(15, 23, 42, 0.12);--bttn-padding-y:0.85rem;--bttn-padding-x:1.1rem;--motion-scale:1;--duration-fast:calc(150ms * var(--motion-scale));--duration-normal:calc(250ms * var(--motion-scale));--duration-slow:calc(350ms * var(--motion-scale));--duration-sheet:calc(480ms * var(--motion-scale));--ease-out:cubic-bezier(0.23, 1, 0.32, 1);--ease-glide:cubic-bezier(0.22, 1, 0.36, 1);--ease-move-in:cubic-bezier(0.33, 1, 0.68, 1);--ease-sheet:cubic-bezier(0.32, 0.72, 0, 1);--ease-spring-pop:cubic-bezier(0.34, 1.56, 0.64, 1);--spring:linear(0, 0.5571 7.53%, 0.8252 11.98%, 0.9337 14.38%, 1.0166 16.8%, 1.0765 19.31%, 1.1146 21.97%, 1.1263 23.47%, 1.1325 25.06%, 1.133 26.76%, 1.128 28.62%, 1.1094 31.9%, 1.0484 39.77%, 1.0218 43.85%, 1.0011 48.42%, 0.9895 53.23%, 0.9861 59.8%, 1 81.27%, 1);--folder-blue:#2f80ff;--folder-cyan:#0bb4f0;--folder-violet:#7a5cff;--folder-green:#22b866;--folder-amber:#f5a524;--folder-pink:#ff6fa8;--folder-gray:#8a94a6;--folder-navy:#1f4fae;--paper:#ffffff;--paper-line:rgba(15, 23, 42, 0.07);--drop-ring:0 0 0 2px var(--brand-color),0 0 0 6px var(--brand-soft);--z-header:50;--z-pane:30;--z-drag:1000;--z-toast:1100}@media (min-width:1200px){.v2.nn-auth-in{--hdr-h:62px}}@supports (corner-shape:squircle){.v2{--radius-xs:calc(8px * var(--radius-scale));--radius-sm:calc(12px * var(--radius-scale));--radius-md:calc(16px * var(--radius-scale));--radius-lg:calc(24px * var(--radius-scale));--radius-xl:calc(30px * var(--radius-scale));--radius-2xl:calc(36px * var(--radius-scale));--radius-3xl:calc(50px * var(--radius-scale))}}.v2[data-theme=dark],[data-theme=dark] .v2{color-scheme:dark;--font-grad:-75;--weight-body:380;--ls-base:0.012rem;--brand-color:#3d8bff;--brand-light:rgba(59, 130, 246, 0.3);--brand-soft:color-mix(in oklab, var(--brand-color) 14%, transparent);--brand-ink:#8ab8ff;--brand-glow:0 0 20px color-mix(in oklab, var(--brand-color) 45%, transparent);--bg-color:#121212;--section-bg-color:#181818;--card-bg-color:#1f1f23;--surface-panel:#18181b;--surface-raised:#1f1f23;--surface-sunk:#0d0d0f;--hover-100:#1c1c1f;--glass-bg:rgba(255, 255, 255, 0.04);--glass-highlight:inset 0 1px 0 0 rgba(255, 255, 255, 0.06),inset 0 -1px 0 0 rgba(255, 255, 255, 0.02);--page-glow:radial-gradient(140% 105% at 46% -8%, rgb(34 52 86) 0%, rgb(24 36 56) 25%, rgb(19 25 37) 43%, rgb(17 18 19) 73%, rgb(17 17 17) 86%);--text-primary-color:#ffffff;--text-secondary-color:rgb(210, 210, 210);--text-tertiary-color:rgb(149, 149, 149);--text-muted-color:rgb(75, 75, 75);--text-contrast-color:#000000;--contrast-light-color:rgba(255, 255, 255, 0.2);--line:rgba(255, 255, 255, 0.09);--line-strong:rgba(255, 255, 255, 0.16);--hairline:0.5px solid rgba(255, 255, 255, 0.14);--shadow-crisp:rgba(255, 255, 255, 0.13) 0 0 0 1px,rgba(0, 0, 0, 0.3) 0 1px 1px -0.5px,rgba(0, 0, 0, 0.25) 0 3px 3px -1.5px,rgba(0, 0, 0, 0.2) 0 6px 6px -3px;--shadow-card:rgba(255, 255, 255, 0.08) 0 0 0 1px,rgba(0, 0, 0, 0.35) 0 2px 4px -1px,rgba(0, 0, 0, 0.3) 0 12px 24px -10px;--shadow-lift:rgba(255, 255, 255, 0.14) 0 0 0 1px,rgba(0, 0, 0, 0.45) 0 10px 20px -6px,rgba(0, 0, 0, 0.55) 0 28px 56px -16px;--shadow-pane:0 0 0 1px rgba(255, 255, 255, 0.12),-18px 0 40px -24px rgba(0, 0, 0, 0.7);--shadow-sheet:0 -12px 40px rgba(0, 0, 0, 0.6);--shadow-paper:0 4px 14px -6px rgba(15, 23, 42, 0.18);--shadow-doc:0 30px 60px -30px rgba(0, 0, 0, 0.8);--shadow-copy:0 30px 60px -30px rgba(0, 0, 0, 0.8);--bttn-secondary-bg:#26262b;--bttn-edge-soft:rgba(0, 0, 0, 0.45);--folder-blue:#4b8fff;--folder-cyan:#2cc2f5;--folder-violet:#8e76ff;--folder-green:#33c477;--folder-amber:#f6b13d;--folder-pink:#ff82b3;--folder-gray:#77808f;--folder-navy:#4f7fe0;--paper:#1c1c20;--paper-line:rgba(255, 255, 255, 0.07)}.v2.v2{--bttn-primary-lift:0 0 #0000;--phy-drop:0 0 #0000;--brand-glow:0 0 #0000;--page-glow:none;--drop-ring:0 0 0 2px var(--brand-color)}@media (prefers-reduced-motion:reduce){.v2{--motion-scale:0.01}}:where(.v2),:where(.v2) *,:where(.v2) ::after,:where(.v2) ::before{box-sizing:border-box}html:where(.v2){-webkit-text-size-adjust:100%}:where(.v2) body{margin:0;background:var(--bg-color);color:var(--text-primary-color);transition:background-color var(--duration-normal) ease,color var(--duration-normal) ease}:where(.v2) body,:where(.v2:not(:root)){font-family:var(--font-body);font-weight:var(--weight-body);font-variation-settings:'GRAD' var(--font-grad);letter-spacing:var(--ls-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(.v2) :is(img,svg){display:block;max-width:100%}:where(.v2) :is(button,input,select,textarea){font:inherit;color:inherit;letter-spacing:inherit}:where(.v2) button{cursor:pointer}:where(.v2) a{color:inherit}:where(.v2) ::selection{background:color-mix(in oklab,var(--brand-color) 22%,transparent)}:where(.v2) :focus-visible{outline:2px solid var(--brand-color);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.dk-spacer{flex:1}.nn-hdr svg{max-width:none}.i{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.phy{--s:40px;position:relative;width:var(--s);height:var(--s);flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 32% 26%,var(--phy-shine) 0 10%,transparent 34%),linear-gradient(180deg,var(--phy-avatar-top),var(--phy-avatar-bottom));box-shadow:var(--phy-shade),var(--phy-drop)}.phy::after,.phy::before{content:'';position:absolute;top:38%;width:15%;height:26%;border-radius:999px;background:var(--phy-eye);animation:phy-blink 5.2s infinite;transform-origin:50% 50%}.phy::before{left:31%}.phy::after{right:31%}@keyframes phy-blink{0%,100%,94%{transform:scaleY(1)}96%{transform:scaleY(.12)}}@media (prefers-reduced-motion:reduce){.phy::after,.phy::before{animation:none}}.toast-wrap{width:max-content;max-width:calc(100vw - 24px);position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));z-index:var(--z-toast);transform:translateX(-50%);display:grid;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 12px;border-radius:var(--radius-lg);corner-shape:squircle;background:color-mix(in oklab,var(--text-primary-color) 92%,transparent);color:var(--bg-color);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-toast);pointer-events:auto;animation:toast-in var(--duration-slow) var(--ease-out) both}.toast.out{animation:toast-out var(--duration-normal) ease-in both}.toast button{border:0;background:0 0;color:color-mix(in oklab,var(--brand-color) 65%,var(--bg-color));font-weight:600;padding:2px 4px}@keyframes toast-in{from{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes toast-out{to{opacity:0;transform:translateY(6px) scale(.98)}}:where(.v2) [data-drag]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}html.nd-dragging,html.nd-dragging *{cursor:grabbing!important}html.nd-dragging{-webkit-user-select:none;user-select:none}.nd-ghost{box-shadow:var(--shadow-lift)}.v2{color-scheme:light;--btn-brand:var(--brand-fill);--btn-brand-ink:color-mix(in oklab, var(--btn-brand), black 22%);--btn-font:var(--font-body);--btn-weight:500;--btn-tracking:0;--btn-radius:12px;--btn-corner-k:1;--btn-h-sm:32px;--btn-h-md:40px;--btn-h-lg:48px;--btn-px-sm:12px;--btn-px-md:16px;--btn-px-lg:22px;--btn-fs-sm:0.8125rem;--btn-fs-md:0.875rem;--btn-fs-lg:0.9375rem;--btn-icon-sm:16px;--btn-icon-md:18px;--btn-icon-lg:20px;--btn-icon-stroke:1.7;--btn-gap:8px;--btn-speed:120ms;--btn-ease:cubic-bezier(0.23, 1, 0.32, 1);--btn-press-scale:0.97;--btn-focus:var(--btn-brand);--btn-focus-width:2px;--btn-focus-offset:2px;--btn-lift:0 1px 2px rgba(15, 23, 42, 0.08),0 1px 1px rgba(15, 23, 42, 0.04);--btn-lift-hover:0 2px 4px -1px rgba(15, 23, 42, 0.10),0 1px 2px rgba(15, 23, 42, 0.06);--btn-inner-hi:inset 0 1px 0 rgba(255, 255, 255, 0.16);--btn-hero-gradient:linear-gradient(180deg,
        color-mix(in oklab, var(--btn-brand), white 30%) 0%,
        var(--btn-brand) 45%,
        color-mix(in oklab, var(--btn-brand), black 20%) 100%);--btn-hero-edge:color-mix(in oklab, var(--btn-brand), black 51%);--btn-hero-edge-h:3px;--btn-hero-fg:#ffffff;--btn-hero-shadow:0 1px 2px rgba(15, 23, 42, 0.18),0 4px 10px -4px rgba(15, 23, 42, 0.22);--btn-hero-hover:brightness(1.06);--btn-hero-text-shadow:0 1px 0 rgba(0, 30, 80, 0.25);--btn-hero-shadow-pressed:0 1px 1px rgba(15, 23, 42, 0.18);--btn-primary-bg:var(--btn-brand);--btn-primary-bg-hover:color-mix(in oklab, var(--btn-brand), black 8%);--btn-primary-bg-active:color-mix(in oklab, var(--btn-brand), black 16%);--btn-primary-fg:#ffffff;--btn-primary-ring:transparent;--btn-secondary-bg:#eef1f5;--btn-secondary-bg-hover:#e4e8ee;--btn-secondary-bg-active:#dae0e7;--btn-secondary-fg:#141414;--btn-secondary-ring:transparent;--btn-secondary-ring-hover:transparent;--btn-outline-fg:#141414;--btn-outline-ring:rgba(15, 23, 42, 0.18);--btn-outline-ring-hover:rgba(15, 23, 42, 0.32);--btn-outline-bg-hover:rgba(15, 23, 42, 0.035);--btn-outline-bg-active:rgba(15, 23, 42, 0.07);--btn-ghost-fg:#45474d;--btn-ghost-fg-hover:#141414;--btn-ghost-bg-hover:rgba(15, 23, 42, 0.05);--btn-ghost-bg-active:rgba(15, 23, 42, 0.09);--btn-ghost-on-bg:color-mix(in oklab, var(--btn-brand) 10%, transparent);--btn-ghost-on-fg:var(--btn-brand-ink);--btn-danger-bg:#dc2626;--btn-danger-bg-hover:#c81f1f;--btn-danger-bg-active:#b01a1a;--btn-danger-fg:#ffffff;--btn-disabled-bg:#eef0f2;--btn-disabled-fg:#a2a6ad;--btn-disabled-ring:rgba(15, 23, 42, 0.08)}@supports (corner-shape:squircle){.v2{--btn-corner-k:2}}@media (prefers-color-scheme:dark){.v2:not([data-theme=light]),:root:not([data-theme=light]) .v2{color-scheme:dark;--btn-brand-ink:color-mix(in oklab, var(--btn-brand), white 35%);--btn-lift:0 1px 2px rgba(0, 0, 0, 0.45);--btn-lift-hover:0 2px 5px -1px rgba(0, 0, 0, 0.55);--btn-inner-hi:inset 0 1px 0 rgba(255, 255, 255, 0.10);--btn-hero-shadow:0 1px 2px rgba(0, 0, 0, 0.5),0 4px 10px -4px rgba(0, 0, 0, 0.6);--btn-primary-bg:var(--btn-brand);--btn-primary-bg-hover:color-mix(in oklab, var(--btn-brand), white 8%);--btn-primary-bg-active:color-mix(in oklab, var(--btn-brand), black 12%);--btn-primary-ring:transparent;--btn-secondary-bg:rgba(255, 255, 255, 0.08);--btn-secondary-bg-hover:rgba(255, 255, 255, 0.13);--btn-secondary-bg-active:rgba(255, 255, 255, 0.06);--btn-secondary-fg:#f2f3f5;--btn-secondary-ring:transparent;--btn-secondary-ring-hover:transparent;--btn-outline-fg:#f2f3f5;--btn-outline-ring:rgba(255, 255, 255, 0.18);--btn-outline-ring-hover:rgba(255, 255, 255, 0.32);--btn-outline-bg-hover:rgba(255, 255, 255, 0.04);--btn-outline-bg-active:rgba(255, 255, 255, 0.08);--btn-ghost-fg:#b4b7bd;--btn-ghost-fg-hover:#f2f3f5;--btn-ghost-bg-hover:rgba(255, 255, 255, 0.07);--btn-ghost-bg-active:rgba(255, 255, 255, 0.11);--btn-ghost-on-bg:color-mix(in oklab, var(--btn-brand) 22%, transparent);--btn-danger-bg:#d92b2b;--btn-danger-bg-hover:#e43c3c;--btn-danger-bg-active:#bd2222;--btn-disabled-bg:#24262a;--btn-disabled-fg:#62666d;--btn-disabled-ring:rgba(255, 255, 255, 0.06)}}.v2[data-theme=dark],[data-theme=dark] .v2{color-scheme:dark;--btn-brand-ink:color-mix(in oklab, var(--btn-brand), white 35%);--btn-lift:0 1px 2px rgba(0, 0, 0, 0.45);--btn-lift-hover:0 2px 5px -1px rgba(0, 0, 0, 0.55);--btn-inner-hi:inset 0 1px 0 rgba(255, 255, 255, 0.10);--btn-hero-shadow:0 1px 2px rgba(0, 0, 0, 0.5),0 4px 10px -4px rgba(0, 0, 0, 0.6);--btn-primary-bg:var(--btn-brand);--btn-primary-bg-hover:color-mix(in oklab, var(--btn-brand), white 8%);--btn-primary-bg-active:color-mix(in oklab, var(--btn-brand), black 12%);--btn-primary-ring:transparent;--btn-secondary-bg:rgba(255, 255, 255, 0.08);--btn-secondary-bg-hover:rgba(255, 255, 255, 0.13);--btn-secondary-bg-active:rgba(255, 255, 255, 0.06);--btn-secondary-fg:#f2f3f5;--btn-secondary-ring:transparent;--btn-secondary-ring-hover:transparent;--btn-outline-fg:#f2f3f5;--btn-outline-ring:rgba(255, 255, 255, 0.18);--btn-outline-ring-hover:rgba(255, 255, 255, 0.32);--btn-outline-bg-hover:rgba(255, 255, 255, 0.04);--btn-outline-bg-active:rgba(255, 255, 255, 0.08);--btn-ghost-fg:#b4b7bd;--btn-ghost-fg-hover:#f2f3f5;--btn-ghost-bg-hover:rgba(255, 255, 255, 0.07);--btn-ghost-bg-active:rgba(255, 255, 255, 0.11);--btn-ghost-on-bg:color-mix(in oklab, var(--btn-brand) 22%, transparent);--btn-danger-bg:#d92b2b;--btn-danger-bg-hover:#e43c3c;--btn-danger-bg-active:#bd2222;--btn-disabled-bg:#24262a;--btn-disabled-fg:#62666d;--btn-disabled-ring:rgba(255, 255, 255, 0.06)}.btn{--_h:var(--btn-h-md);--_px:var(--btn-px-md);--_fs:var(--btn-fs-md);--_icon:var(--btn-icon-md);--_r:var(--btn-radius);--_bg:var(--btn-secondary-bg);--_fg:var(--btn-secondary-fg);--_ring:var(--btn-secondary-ring);--_shadow:0 0 transparent;--_edge:0 0 transparent;--_filter:none;--_press:scale(var(--btn-press-scale));position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);box-sizing:border-box;height:var(--_h);min-width:var(--_h);padding:0 var(--_px);margin:0;border:0;border-radius:calc(var(--_r) * var(--btn-corner-k));corner-shape:squircle;background:var(--_bg);color:var(--_fg);box-shadow:inset 0 0 0 1px var(--_ring),var(--_edge),var(--_shadow);filter:var(--_filter);font:var(--btn-weight) var(--_fs)/1 var(--btn-font);letter-spacing:var(--btn-tracking);white-space:nowrap;text-decoration:none;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color var(--btn-speed) var(--btn-ease),color var(--btn-speed) var(--btn-ease),box-shadow var(--btn-speed) var(--btn-ease),filter var(--btn-speed) var(--btn-ease),transform var(--btn-speed) var(--btn-ease)}.btn>.btn__icon,.btn>svg{width:var(--_icon);height:var(--_icon);flex:none;stroke-width:var(--btn-icon-stroke)}.btn:has(> svg:first-child):not(.btn--icon){padding-inline-start:calc(var(--_px) * 0.78)}.btn:has(> svg:last-child):not(.btn--icon){padding-inline-end:calc(var(--_px) * 0.78)}.btn__label{display:inline-block;padding-block:1px 0}.btn--sm{--_h:var(--btn-h-sm);--_px:var(--btn-px-sm);--_fs:var(--btn-fs-sm);--_icon:var(--btn-icon-sm);--_r:calc(var(--btn-radius) * 0.8);--btn-gap:6px}.btn--lg{--_h:var(--btn-h-lg);--_px:var(--btn-px-lg);--_fs:var(--btn-fs-lg);--_icon:var(--btn-icon-lg);--_r:calc(var(--btn-radius) * 1.15)}.btn--icon{width:var(--_h);padding:0}.btn--block{display:flex;width:100%}.btn--hero{--_bg:var(--btn-hero-gradient);--_fg:var(--btn-hero-fg);--_ring:transparent;--_edge:inset 0 calc(var(--btn-hero-edge-h) * -1) 0 var(--btn-hero-edge),var(--btn-inner-hi);--_shadow:var(--btn-hero-shadow);--_press:translateY(1px);padding-bottom:2px;text-shadow:var(--btn-hero-text-shadow)}.btn--primary{--_bg:var(--btn-primary-bg);--_fg:var(--btn-primary-fg);--_ring:var(--btn-primary-ring);--_edge:0 0 transparent;--_shadow:var(--btn-lift)}.btn--outline{--_bg:transparent;--_fg:var(--btn-outline-fg);--_ring:var(--btn-outline-ring);--_shadow:0 0 transparent}.btn--ghost{--_bg:transparent;--_fg:var(--btn-ghost-fg);--_ring:transparent;--_shadow:0 0 transparent}.btn--danger{--_bg:var(--btn-danger-bg);--_fg:var(--btn-danger-fg);--_ring:transparent;--_edge:var(--btn-inner-hi);--_shadow:var(--btn-lift)}@media (hover:hover) and (pointer:fine){.btn--hero:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){--_filter:var(--btn-hero-hover)}.btn--primary:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){--_bg:var(--btn-primary-bg-hover)}.btn--secondary:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){--_bg:var(--btn-secondary-bg-hover);--_ring:var(--btn-secondary-ring-hover)}.btn--outline:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){--_bg:var(--btn-outline-bg-hover);--_ring:var(--btn-outline-ring-hover)}.btn--ghost:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){--_bg:var(--btn-ghost-bg-hover);--_fg:var(--btn-ghost-fg-hover)}.btn--danger:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){--_bg:var(--btn-danger-bg-hover)}}.btn--hero.is-hover{--_filter:var(--btn-hero-hover)}.btn--primary.is-hover{--_bg:var(--btn-primary-bg-hover)}.btn--secondary.is-hover{--_bg:var(--btn-secondary-bg-hover);--_ring:var(--btn-secondary-ring-hover)}.btn--outline.is-hover{--_bg:var(--btn-outline-bg-hover);--_ring:var(--btn-outline-ring-hover)}.btn--ghost.is-hover{--_bg:var(--btn-ghost-bg-hover);--_fg:var(--btn-ghost-fg-hover)}.btn--danger.is-hover{--_bg:var(--btn-danger-bg-hover)}.btn.is-active,.btn:active:not(:disabled,[aria-disabled=true],[aria-busy=true]){transform:var(--_press);transition-duration:calc(var(--btn-speed) * .5)}.btn--hero:is(:active:not(:disabled,[aria-disabled=true],[aria-busy=true]),.is-active){--btn-hero-edge-h:1px;--_shadow:var(--btn-hero-shadow-pressed);--_filter:brightness(0.97)}.btn--primary:is(:active:not(:disabled,[aria-disabled=true],[aria-busy=true]),.is-active){--_bg:var(--btn-primary-bg-active);--_shadow:0 0 transparent}.btn--secondary:is(:active:not(:disabled,[aria-disabled=true],[aria-busy=true]),.is-active){--_bg:var(--btn-secondary-bg-active);--_ring:var(--btn-secondary-ring-hover);--_shadow:0 0 transparent}.btn--outline:is(:active:not(:disabled,[aria-disabled=true],[aria-busy=true]),.is-active){--_bg:var(--btn-outline-bg-active);--_ring:var(--btn-outline-ring-hover)}.btn--ghost:is(:active:not(:disabled,[aria-disabled=true],[aria-busy=true]),.is-active){--_bg:var(--btn-ghost-bg-active);--_fg:var(--btn-ghost-fg-hover)}.btn--danger:is(:active:not(:disabled,[aria-disabled=true],[aria-busy=true]),.is-active){--_bg:var(--btn-danger-bg-active);--_shadow:0 0 transparent}.btn.btn--ghost[aria-pressed=true]{--_bg:var(--btn-ghost-on-bg);--_fg:var(--btn-ghost-on-fg)}.btn:focus{outline:0}.btn.is-focus,.btn:focus-visible{outline:var(--btn-focus-width) solid var(--btn-focus);outline-offset:var(--btn-focus-offset)}.btn:is(:disabled,[aria-disabled=true]){cursor:not-allowed;--_fg:var(--btn-disabled-fg);--_shadow:0 0 transparent;--_filter:none;text-shadow:none}.btn:is(.btn--hero,.btn--primary,.btn--danger,.btn--secondary):is(:disabled,[aria-disabled=true]){--_bg:var(--btn-disabled-bg);--_ring:var(--btn-disabled-ring);--_edge:0 0 transparent}.btn--outline:is(:disabled,[aria-disabled=true]){--_ring:var(--btn-disabled-ring)}.btn[aria-busy=true]{cursor:progress;color:transparent;text-shadow:none}.btn[aria-busy=true]>*{visibility:hidden}.btn[aria-busy=true]::after{content:'';position:absolute;inset:0;margin:auto;width:calc(var(--_icon) * .9);height:calc(var(--_icon) * .9);box-sizing:border-box;border-radius:50%;border:2px solid color-mix(in srgb,var(--_fg) 28%,transparent);border-top-color:var(--_fg);animation:btn-spin .7s linear infinite}.btn--hero[aria-busy=true]::after{translate:0 -1px}@keyframes btn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.btn{transition-property:background-color,color,box-shadow}.btn.is-active,.btn:active{transform:none}.btn[aria-busy=true]::after{animation-duration:1.6s}}.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.v2 .i{width:16px;height:16px}.v2 .i>*{vector-effect:non-scaling-stroke;stroke-width:var(--icon-stroke)}.v2.v2{--btn-icon-sm:16px;--btn-icon-md:20px;--btn-icon-lg:20px}.nn-split{display:inline-flex}.nn-split-main{border-start-end-radius:var(--radius-fixed-4);border-end-end-radius:var(--radius-fixed-4)}.nn-split-more{--_icon:16px;width:36px;margin-left:2px;border-start-start-radius:var(--radius-fixed-4);border-end-start-radius:var(--radius-fixed-4)}@media (max-width:480px){.nn-split-main span{display:none}.nn-split-main{padding-inline:12px}}.v2 .btn>.i{width:var(--_icon);height:var(--_icon)}.v2 .btn:has(> svg:first-child):not(.btn--icon){padding-inline-start:round(calc(var(--_px) * 0.78),1px)}.v2 .btn:has(> svg:last-child):not(.btn--icon){padding-inline-end:round(calc(var(--_px) * 0.78),1px)}