.ds-btn{--btn-bg:var(--grad-primary);--btn-fg:var(--c-on-primary);--btn-glow:var(--c-primary-deep);--btn-h:var(--btn-h-md);--btn-px:22px;--btn-fs:1.0625rem;isolation:isolate;min-height:var(--btn-h);padding:0 var(--btn-px);border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-display);font-size:var(--btn-fs);letter-spacing:.01em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:var(--gloss-top), inset 0 -2px 0 #0000000f, 0 8px 18px -8px color-mix(in srgb, var(--btn-glow) 60%, transparent);transition:transform var(--dur-press) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out), filter var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);border:none;justify-content:center;align-items:center;gap:8px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex;position:relative}.ds-btn:before{content:"";border-radius:var(--r-pill);background:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--gloss-strength) * .7)), #fff0);pointer-events:none;z-index:-1;height:45%;position:absolute;inset:2px 10% auto}.ds-btn:hover{filter:brightness(1.04);box-shadow:var(--gloss-top), inset 0 -2px 0 #0000000f, 0 12px 22px -10px color-mix(in srgb, var(--btn-glow) 70%, transparent);text-decoration:none;transform:translateY(-1px)}.ds-btn:active:not(:disabled){box-shadow:var(--gloss-top), 0 3px 8px -4px color-mix(in srgb, var(--btn-glow) 60%, transparent);transform:scale(.97)}.ds-btn:disabled{cursor:not-allowed;opacity:.48;filter:saturate(.6);box-shadow:var(--gloss-top);transform:none}.ds-btn__label{padding-top:.12em}.ds-btn__icon{place-items:center;line-height:1;display:inline-grid}.ds-btn--sm{--btn-h:var(--btn-h-sm);--btn-px:14px;--btn-fs:.9375rem;gap:6px}.ds-btn--md{--btn-h:var(--btn-h-md)}.ds-btn--lg{--btn-h:var(--btn-h-lg);--btn-px:30px;--btn-fs:1.1875rem;gap:10px}.ds-btn--xl{--btn-h:64px;--btn-px:36px;--btn-fs:1.375rem;gap:12px}.ds-btn--full{width:100%;display:flex}.ds-btn--secondary{--btn-bg:linear-gradient(180deg, color-mix(in srgb, var(--c-surface-2) 60%, var(--c-surface)) 0%, var(--c-surface-2) 100%);--btn-fg:var(--c-ink);--btn-glow:var(--c-ink);box-shadow:var(--gloss-top), inset 0 0 0 1px var(--c-line), 0 6px 14px -10px rgba(var(--shadow-rgb), .5)}.ds-btn--secondary:hover{box-shadow:var(--gloss-top), inset 0 0 0 1px var(--c-line-strong), 0 10px 18px -12px rgba(var(--shadow-rgb), .55)}.ds-btn--ghost{--btn-bg:transparent;--btn-fg:var(--c-ink-2);box-shadow:none}.ds-btn--ghost:before{display:none}.ds-btn--ghost:hover{--btn-bg:var(--c-surface-2);--btn-fg:var(--c-ink);filter:none;box-shadow:none;transform:none}.ds-btn--ghost:active:not(:disabled){box-shadow:none}.ds-btn--danger{--btn-bg:linear-gradient(180deg, var(--c-red) 0%, color-mix(in srgb, var(--c-red) 55%, var(--c-red-ink)) 55%, var(--c-red-ink) 100%);--btn-fg:var(--c-on-red);--btn-glow:var(--c-red)}[data-theme=dark] .ds-btn--danger{--btn-bg:linear-gradient(180deg, color-mix(in srgb, var(--c-red) 80%, #fff) 0%, var(--c-red) 100%)}.ds-btn--navy{--btn-bg:var(--grad-navy);--btn-fg:var(--c-on-navy);--btn-glow:var(--c-navy)}.ds-btn.is-loading{cursor:progress}.ds-btn__spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:1.05em;height:1.05em;animation:.8s linear infinite ds-spin}@media (prefers-reduced-motion:reduce){.ds-btn:hover,.ds-btn:active:not(:disabled){transform:none}}.ds-mascot{--mascot-size:160px;--mascot-peek:.62;--mascot-overlap:6px;--mascot-delay:.35s;align-items:center;gap:var(--s-3);vertical-align:middle;display:inline-flex;position:relative}.ds-mascot__frame{width:var(--mascot-size);height:var(--mascot-size);flex:none;position:relative}.ds-mascot__body{width:var(--mascot-size);height:var(--mascot-size)}.ds-mascot__img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;filter:drop-shadow(0 10px 14px rgba(var(--shadow-rgb), .18));display:block}.ds-mascot--peek-top{bottom:calc(100% - var(--mascot-overlap));left:var(--mascot-x,28px);z-index:2;pointer-events:none;align-items:flex-end;position:absolute}.ds-mascot--peek-top .ds-mascot__frame{height:calc(var(--mascot-size) * var(--mascot-peek));clip-path:inset(-60% -60% 0)}.ds-mascot--peek-top.is-placeholder .ds-mascot__placeholder,.ds-mascot--peek-top.is-head .ds-mascot__img{transform:translateY(-16%)}.ds-mascot--peek-top .ds-mascot__body{animation:ds-peek-in .56s var(--ease-spring) var(--mascot-delay) both}.ds-mascot--peek-top .ds-mascot__img{filter:none}.ds-mascot--corner{right:var(--mascot-x,12px);z-index:1;pointer-events:none;align-items:flex-start;position:absolute;bottom:0}.ds-mascot--corner .ds-mascot__body{animation:ds-rise-in .42s var(--ease-out) both}.ds-mascot--hero{justify-content:center;display:flex}.ds-mascot--hero .ds-mascot__frame:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--c-primary) 22%, transparent) 0%, transparent 68%);z-index:-1;border-radius:50%;position:absolute;inset:8%}.ds-mascot--hero .ds-mascot__frame:after{content:"";background:radial-gradient(ellipse, rgba(var(--shadow-rgb), .22), transparent 70%);z-index:-1;border-radius:50%;height:7%;position:absolute;bottom:-2%;left:24%;right:24%}.ds-mascot--hero .ds-mascot__body{animation:ds-float 3.6s var(--ease-in-out) infinite}.ds-mascot__bubble{background:var(--c-surface);width:max-content;max-width:260px;color:var(--c-ink);border:1px solid var(--c-line);box-shadow:var(--gloss-top), var(--shadow-raised);font-size:var(--fs-sm);text-align:left;animation:ds-pop .32s var(--ease-spring) calc(var(--mascot-delay) + .18s) both;border-radius:18px;padding:10px 14px;font-weight:600;line-height:1.4;position:relative}.ds-mascot__bubble:before{content:"";background:inherit;border:inherit;border-top:none;border-right:none;width:12px;height:12px;position:absolute}.ds-mascot__bubble--right:before{margin-top:-6px;top:50%;left:-7px;transform:rotate(45deg)}.ds-mascot__bubble--left:before{margin-top:-6px;top:50%;right:-7px;transform:rotate(-135deg)}.ds-mascot__bubble--top:before{margin-left:-6px;bottom:-7px;left:50%;transform:rotate(-45deg)}.ds-mascot.has-speech--left{flex-direction:row-reverse}.ds-mascot.has-speech--top{flex-direction:column-reverse}.ds-mascot--peek-top .ds-mascot__bubble,.ds-mascot--corner .ds-mascot__bubble{position:absolute;top:8%}.ds-mascot--peek-top .ds-mascot__bubble--right,.ds-mascot--corner .ds-mascot__bubble--right{left:calc(100% + 8px)}.ds-mascot--peek-top .ds-mascot__bubble--left,.ds-mascot--corner .ds-mascot__bubble--left{right:calc(100% + 8px)}.ds-mascot--hero .ds-mascot__bubble{font-size:var(--fs-md);max-width:300px;padding:12px 18px}.ds-mascot__placeholder{width:100%;height:100%;font-size:calc(var(--mascot-size) / 10);--fur-light:#ffd3a1;--fur:#ff9a3d;--fur-deep:#e2680c;--cream:#fff4e4;--ink-fixed:#1e2347;filter:drop-shadow(0 .5em .6em rgba(var(--shadow-rgb), .2));display:block;position:relative}.ds-mascot__ear{background:linear-gradient(180deg, var(--fur) 0%, var(--fur-deep) 100%);border-radius:50% 50% 40% 40%/75% 75% 25% 25%;width:26%;height:34%;position:absolute;top:6%}.ds-mascot__ear:after{content:"";border-radius:inherit;background:linear-gradient(#ffe1c4,#ffc79a);position:absolute;inset:22% 26% 18%}.ds-mascot__ear--left{left:13%;transform:rotate(-22deg)}.ds-mascot__ear--right{right:13%;transform:rotate(22deg)}.ds-mascot__head{background:radial-gradient(circle at 32% 24%, #ffffffbf 0 6%, transparent 18%), radial-gradient(circle at 40% 30%, var(--fur-light) 0%, var(--fur) 42%, var(--fur-deep) 100%);border-radius:50% 50% 46% 46%/52% 52% 48% 48%;position:absolute;inset:22% 14% 6%;box-shadow:inset 0 -.35em .7em #a03c0040}.ds-mascot__eye{background:radial-gradient(circle at 35% 30%, #fff 0 16%, var(--ink-fixed) 22%);border-radius:50%;width:.72em;height:.86em;position:absolute;top:40%}.ds-mascot__eye--left{left:27%}.ds-mascot__eye--right{right:27%}.ds-mascot__muzzle{background:radial-gradient(circle at 45% 30%, #fff 0%, var(--cream) 60%, #f7dfc0 100%);border-radius:50%;height:34%;position:absolute;bottom:9%;left:25%;right:25%}.ds-mascot__nose{background:radial-gradient(circle at 40% 30%, #4a5280 0 12%, var(--ink-fixed) 40%);border-radius:45% 45% 60% 60%;width:.8em;height:.56em;margin-left:-.4em;position:absolute;top:14%;left:50%}.ds-mascot__initials{color:#ffd677;min-width:2.6em;font-family:var(--font-display);text-align:center;background:linear-gradient(#93a560,#6c7c40);border-radius:.9em .9em .35em .35em;padding:.12em .5em 0;font-size:1.05em;font-weight:800;line-height:1.25;position:absolute;top:-.55em;left:50%;transform:translate(-50%);box-shadow:inset 0 .08em #ffffff59,0 .12em .25em #1e234740}.ds-mascot__pose-hint{background:var(--c-surface);width:2.5em;height:2.5em;box-shadow:0 .15em .4em rgba(var(--shadow-rgb), .25), inset 0 0 0 1px var(--c-line);border-radius:50%;place-items:center;font-size:1.15em;line-height:1;display:grid;position:absolute;bottom:2%;right:0}.ds-mascot.is-small .ds-mascot__pose-hint,.ds-mascot--peek-top .ds-mascot__pose-hint,.ds-mascot.is-small .ds-mascot__initials{display:none}@media (prefers-reduced-motion:reduce){.ds-mascot__body,.ds-mascot__bubble{animation:none!important}}.ds-mascot.is-head-only .ds-mascot__pose-hint{display:none}