:root,:root[data-theme=light]{color-scheme:light;--font-base:Inter,"Avenir Next","Nunito Sans","Segoe UI",sans-serif;--font-display:Inter,"Avenir Next","Segoe UI",sans-serif;--bg-base:#f5eef6;--bg-soft:#efe8f2;--bg-surface:#fbf6fb;--bg-elevated:#f8f2f9;--text-primary:#625a73;--text-secondary:#7a728a;--text-tertiary:#948aa1;--border-soft:rgba(157,140,171,0.16);--border-strong:rgba(157,140,171,0.24);--accent-primary:#7f89ca;--accent-secondary:#a9d6cf;--accent-tertiary:#c7bae8;--accent-warning:#edc7ad;--accent-success:#7fb7a5;--accent-danger:#e8b8ba;--accent-on-primary:#ffffff;--accent-on-secondary:#3f5b54;--accent-on-tertiary:#4e4273;--accent-on-warning:#7a5240;--accent-on-success:#ffffff;--accent-on-danger:#88545a;--radius-card-primary:34px 10px 30px 12px;--radius-card-secondary:24px 8px 22px 10px;--radius-button-primary:16px 32px 14px 30px;--radius-button-secondary:14px 22px 12px 20px;--radius-panel:22px;--radius-input:14px;--radius-badge:999px;--shadow-soft:0 16px 40px rgba(111,89,128,0.08),0 4px 14px rgba(111,89,128,0.04);--shadow-card:0 18px 44px rgba(111,89,128,0.1),0 5px 16px rgba(111,89,128,0.05);--shadow-floating:0 26px 58px rgba(111,89,128,0.15),0 7px 20px rgba(111,89,128,0.08);--shadow-focus:0 0 0 3px rgba(127,137,202,0.22);--shadow-hover:0 18px 38px rgba(111,89,128,0.16);--space-1:0.35rem;--space-2:0.5rem;--space-3:0.62rem;--space-4:0.75rem;--space-5:0.88rem;--space-6:1rem;--space-8:1.25rem;--space-10:1.5rem;--space-12:1.75rem;--space-16:2rem;--space-20:2.5rem;--space-24:3rem;--text-display:clamp(1.55rem,1.8vw,2rem);--text-h1:clamp(1.2rem,1.3vw,1.45rem);--text-h2:1.06rem;--text-section:0.97rem;--text-body:0.93rem;--text-body-sm:0.85rem;--text-label:0.78rem;--text-caption:0.73rem}:root[data-theme=dark]{color-scheme:dark;--bg-base:#0a0c11;--bg-soft:#0f121a;--bg-surface:#141824;--bg-elevated:#1b2030;--text-primary:#eee8dc;--text-secondary:#a39d8e;--text-tertiary:#7a7468;--border-soft:rgba(237,231,218,0.08);--border-strong:rgba(237,231,218,0.18);--accent-primary:#f0b90b;--accent-secondary:#7da8d8;--accent-tertiary:#d4c78f;--accent-warning:#edc7ad;--accent-success:#6fbf9d;--accent-danger:#d47a7a;--accent-on-primary:#0a0c11;--accent-on-secondary:#0a0c11;--accent-on-tertiary:#0a0c11;--accent-on-warning:#0a0c11;--accent-on-success:#0a0c11;--accent-on-danger:#0a0c11;--shadow-soft:0 1px 0 rgba(255,255,255,0.02) inset,0 12px 32px rgba(0,0,0,0.28);--shadow-card:0 1px 0 rgba(255,255,255,0.03) inset,0 14px 36px rgba(0,0,0,0.34);--shadow-floating:0 1px 0 rgba(255,255,255,0.04) inset,0 22px 48px rgba(0,0,0,0.42);--shadow-focus:0 0 0 3px rgba(125,168,216,0.32);--shadow-hover:0 1px 0 rgba(255,255,255,0.04) inset,0 14px 30px rgba(0,0,0,0.34)}:root{--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--space-mobile-page:clamp(12px,4vw,24px);--space-mobile-card:clamp(14px,3vw,22px);--space-mobile-stack:clamp(12px,2.5vw,18px);--space-mobile-inline:clamp(8px,2vw,14px);--text-mobile-display:clamp(22px,6vw,32px);--text-mobile-h1:clamp(20px,5vw,26px);--text-mobile-h2:clamp(17px,4vw,20px);--text-mobile-h3:16px;--text-mobile-body:15px;--text-mobile-meta:13px;--text-mobile-micro:11px;--touch-target-min:44px;--touch-target-comfortable:48px;--radius-mobile-card:16px;--radius-mobile-button:12px;--sticky-header-height-mobile:56px;--sticky-header-height-desktop:72px}html[data-button-family=v2] body .ui-button{--btn-bg:var(--accent-primary);--btn-bg-hover:color-mix(in srgb,var(--accent-primary) 88%,#ffffff);--btn-bg-active:color-mix(in srgb,var(--accent-primary) 82%,#000000);--btn-fg:var(--accent-on-primary);--btn-border:color-mix(in srgb,var(--accent-primary) 55%,transparent);--btn-shadow:var(--shadow-soft);--btn-glow:0 1px 0 rgba(255,255,255,0.18) inset;--btn-height:56px;--btn-px:1.2rem;--btn-text-size:1.08rem;--btn-icon-size:1.1rem;--btn-badge-size:1.45rem;--btn-radius:var(--radius-button-primary);--btn-icon-radius:var(--radius-panel);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;height:var(--btn-height);min-height:var(--btn-height);min-width:0;padding:0 var(--btn-px);border:1px solid color-mix(in srgb,var(--btn-border) 90%,transparent);border-radius:var(--btn-radius);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-base);font-weight:500;font-size:var(--btn-text-size);letter-spacing:.012em;line-height:1;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;overflow:visible;box-shadow:var(--btn-shadow),var(--btn-glow);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,background .14s ease,color .14s ease}html[data-button-family=v2] body .ui-button:after,html[data-button-family=v2] body .ui-button:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:none}html[data-button-family=v2] body .ui-button:hover{background:var(--btn-bg-hover);transform:none;filter:none}html[data-button-family=v2] body .ui-button:active{background:var(--btn-bg-active);transform:translateY(0);box-shadow:var(--shadow-soft),var(--btn-glow)}html[data-button-family=v2] body .ui-button:focus-visible{outline:none;box-shadow:var(--btn-shadow),var(--btn-glow),var(--shadow-focus)}html[data-button-family=v2] body .ui-button--full{width:100%}html[data-button-family=v2] body .ui-button--size-sm{--btn-height:44px;--btn-px:1rem;--btn-text-size:1rem;--btn-icon-size:1rem;--btn-badge-size:1.35rem}html[data-button-family=v2] body .ui-button--size-md{--btn-height:56px;--btn-px:1.2rem;--btn-text-size:1.08rem;--btn-icon-size:1.1rem;--btn-badge-size:1.45rem}html[data-button-family=v2] body .ui-button--size-lg{--btn-height:64px;--btn-px:1.35rem;--btn-text-size:1.2rem;--btn-icon-size:1.2rem;--btn-badge-size:1.55rem}html[data-button-family=v2] body .ui-button--shape-softRect{--btn-radius:var(--radius-button-primary)}html[data-button-family=v2] body .ui-button--shape-softSkew{--btn-radius:var(--radius-button-secondary)}html[data-button-family=v2] body .ui-button--shape-iconTile{--btn-radius:var(--radius-panel)}html[data-button-family=v2] body .ui-button--variant-primary{--btn-bg:var(--accent-primary);--btn-bg-hover:color-mix(in srgb,var(--accent-primary) 88%,#ffffff);--btn-bg-active:color-mix(in srgb,var(--accent-primary) 82%,#000000);--btn-fg:var(--accent-on-primary);--btn-border:color-mix(in srgb,var(--accent-primary) 55%,transparent);--btn-shadow:var(--shadow-soft)}html[data-button-family=v2] body .ui-button--variant-primaryAction{--btn-bg:var(--accent-primary);--btn-bg-hover:color-mix(in srgb,var(--accent-primary) 88%,#ffffff);--btn-bg-active:color-mix(in srgb,var(--accent-primary) 82%,#000000);--btn-fg:var(--accent-on-primary);--btn-border:color-mix(in srgb,var(--accent-primary) 60%,transparent);--btn-shadow:var(--shadow-soft)}html[data-button-family=v2] body .ui-button--variant-primaryIcon{--btn-bg:var(--accent-secondary);--btn-bg-hover:color-mix(in srgb,var(--accent-secondary) 88%,#ffffff);--btn-bg-active:color-mix(in srgb,var(--accent-secondary) 82%,#000000);--btn-fg:var(--accent-on-secondary);--btn-border:color-mix(in srgb,var(--accent-secondary) 50%,transparent);--btn-shadow:var(--shadow-soft)}html[data-button-family=v2] body .ui-button--variant-notification{--btn-bg:var(--accent-secondary);--btn-bg-hover:color-mix(in srgb,var(--accent-secondary) 88%,#ffffff);--btn-bg-active:color-mix(in srgb,var(--accent-secondary) 82%,#000000);--btn-fg:var(--accent-on-secondary);--btn-border:color-mix(in srgb,var(--accent-secondary) 45%,transparent);--btn-shadow:var(--shadow-soft)}html[data-button-family=v2] body .ui-button--variant-secondary{--btn-bg:var(--bg-elevated);--btn-bg-hover:color-mix(in srgb,var(--text-primary) 6%,var(--bg-elevated));--btn-bg-active:color-mix(in srgb,var(--text-primary) 10%,var(--bg-elevated));--btn-fg:var(--text-primary);--btn-border:var(--border-strong);--btn-shadow:var(--shadow-soft)}html[data-button-family=v2] body .ui-button--variant-neutral{--btn-bg:var(--bg-surface);--btn-bg-hover:color-mix(in srgb,var(--text-primary) 4%,var(--bg-surface));--btn-bg-active:color-mix(in srgb,var(--text-primary) 8%,var(--bg-surface));--btn-fg:var(--accent-primary);--btn-border:color-mix(in srgb,var(--accent-primary) 30%,transparent);--btn-shadow:var(--shadow-soft)}html[data-button-family=v2] body .ui-button--variant-danger{--btn-bg:var(--accent-danger);--btn-bg-hover:color-mix(in srgb,var(--accent-danger) 88%,#ffffff);--btn-bg-active:color-mix(in srgb,var(--accent-danger) 82%,#000000);--btn-fg:var(--accent-on-danger);--btn-border:color-mix(in srgb,var(--accent-danger) 55%,transparent);--btn-shadow:var(--shadow-soft)}html[data-button-family=v2] body .ui-button--state-disabled,html[data-button-family=v2] body .ui-button--variant-disabled,html[data-button-family=v2] body .ui-button:disabled{--btn-bg:var(--bg-soft);--btn-bg-hover:var(--bg-soft);--btn-bg-active:var(--bg-soft);--btn-fg:var(--text-tertiary);--btn-border:var(--border-soft);--btn-shadow:none;pointer-events:none;cursor:not-allowed;filter:saturate(.62);opacity:.7}html[data-button-family=v2] body .ui-button--icon-only{width:var(--btn-height);min-width:var(--btn-height);padding-inline:0}html[data-button-family=v2] body .ui-button__icon{width:var(--btn-icon-size);height:var(--btn-icon-size);display:inline-flex;align-items:center;justify-content:center;font-size:var(--btn-icon-size);line-height:1;flex:0 0 auto}html[data-button-family=v2] body .ui-button__label{display:inline-flex;align-items:center;gap:.34rem;white-space:nowrap}html[data-button-family=v2] body .ui-button__badge{position:absolute;top:-.52rem;right:-.44rem;min-width:var(--btn-badge-size);height:var(--btn-badge-size);padding:0 .34rem;border-radius:var(--radius-badge);display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--btn-text-size) * .74);font-weight:800;background:var(--accent-primary);color:var(--accent-on-primary);border:1px solid color-mix(in srgb,var(--accent-primary) 60%,transparent);box-shadow:var(--shadow-soft)}html[data-button-family=v2] body .ui-button__badge:after{content:"";position:absolute;left:-.18rem;bottom:.18rem;width:.42rem;height:.42rem;background:var(--accent-primary);border-left:1px solid color-mix(in srgb,var(--accent-primary) 55%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent-primary) 55%,transparent);border-radius:.2rem;transform:rotate(42deg)}html[data-button-family=v2] body .ui-button--variant-notification .ui-button__label,html[data-button-family=v2] body .ui-button--variant-primaryIcon .ui-button__label{display:none}html[data-button-family=v2] body .button-family{border:0;background:transparent;box-shadow:none;padding:0}