.cup{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);width:100%;max-width:140px}.cup__label{font-size:15px;font-weight:600;color:var(--color-text);text-align:center}.cup__container{width:120px;height:180px;position:relative;display:flex;align-items:center;justify-content:center}.cup__svg{width:120px;height:180px;overflow:visible}.cup__outline{fill:var(--color-cup-glass);stroke:var(--color-cup-border);stroke-width:2;vector-effect:non-scaling-stroke}.cup__rim{fill:var(--color-cup-rim);stroke:var(--color-cup-border);stroke-width:1.5}.cup__glass{pointer-events:none}.cup__reflection{stroke:var(--color-cup-reflection);stroke-width:1.5;stroke-linecap:round;opacity:.68}.cup__inner-shadow{stroke:var(--color-cup-inner-edge);stroke-width:1.5;stroke-linecap:round}.cup__base-refraction{stroke:var(--color-cup-reflection);stroke-width:2;stroke-linecap:round;opacity:.42}.cup__base{fill:var(--color-cup-base);stroke:var(--color-cup-border);stroke-width:1}.cup__water{opacity:.88}.cup__surface,.cup__surface-reflection,.cup__pour-stream{pointer-events:none}@media (prefers-reduced-motion: reduce){.cup__surface{animation:none}}.button{border:none;background:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:16px;font-weight:600;line-height:1.5;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);transition:transform .2s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out);min-height:48px;min-width:48px;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.button--medium{min-height:44px;padding:var(--space-sm) var(--space-md);font-size:15px}.button--large{min-height:56px;padding:var(--space-md) var(--space-lg);font-size:16px}.button--primary{background-color:var(--color-button-primary);color:#fff;box-shadow:var(--shadow-button)}.button--primary:hover:not(:disabled){background-color:var(--color-button-primary-hover);transform:translateY(-1px)}.button--primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 3px 10px #00000012}.button--secondary{background-color:var(--color-button-secondary);color:var(--color-text);border:1px solid var(--color-border)}.button--secondary:hover:not(:disabled){background-color:var(--color-button-secondary-hover);transform:translateY(-1px)}.button--secondary:active:not(:disabled){transform:translateY(1px)}.button--danger{background-color:var(--color-button-danger);color:#fff}.button--danger:hover:not(:disabled){background-color:var(--color-button-danger-hover);transform:translateY(-1px)}.button--danger:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button--loading{cursor:wait;position:relative;color:transparent}.button__spinner{position:absolute;width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:button-spin .6s linear infinite}.button--primary .button__spinner,.button--danger .button__spinner{border-color:#fff;border-top-color:transparent}.button--secondary .button__spinner{border-color:var(--color-text);border-top-color:transparent}@keyframes button-spin{to{transform:rotate(360deg)}}.button:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}@media (prefers-reduced-motion: reduce){.button{transition:none}.button:hover:not(:disabled),.button:active:not(:disabled){transform:none}.button__spinner{animation:none;border-top-color:currentColor}}.weight-selector{display:flex;flex-direction:column;gap:var(--space-md)}.weight-selector__label{font-size:16px;font-weight:500;color:var(--color-text)}.weight-selector__options{display:flex;flex-direction:column;gap:var(--space-sm)}.weight-selector__option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-quick);text-align:left;position:relative;min-height:48px}.weight-selector__option:hover{border-color:var(--color-cup-other);background-color:var(--color-bg-secondary)}.weight-selector__option:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.weight-selector__option--selected{border-color:var(--color-cup-other);background-color:var(--color-selected-other)}.weight-selector__option-label{font-size:16px;font-weight:600;color:var(--color-text)}.weight-selector__option-description{font-size:14px;color:var(--color-text-secondary);line-height:1.4}@media (prefers-reduced-motion: reduce){.weight-selector__option{transition-duration:.01ms}}.duration-input{display:flex;flex-direction:column;gap:var(--space-sm)}.duration-input__label{font-size:16px;font-weight:500;color:var(--color-text)}.duration-input__wrapper{display:flex;align-items:center;gap:var(--space-sm)}.duration-input__field{flex:0 0 120px;height:48px;padding:0 var(--space-md);font-size:16px;color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-quick)}.duration-input__field:hover{border-color:var(--color-cup-other)}.duration-input__field:focus{outline:none;border-color:var(--color-cup-other);box-shadow:0 0 0 3px #3b82f61a}.duration-input__field::placeholder{color:var(--color-text-secondary)}.duration-input__field::-webkit-inner-spin-button,.duration-input__field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.duration-input__field[type=number]{-moz-appearance:textfield}.duration-input__unit{font-size:16px;color:var(--color-text-secondary)}.duration-input__help{font-size:14px;color:var(--color-text-secondary);margin:0}@media (prefers-reduced-motion: reduce){.duration-input__field{transition-duration:.01ms}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:max(var(--space-md),env(safe-area-inset-top)) max(var(--space-md),env(safe-area-inset-right)) max(var(--space-md),env(safe-area-inset-bottom)) max(var(--space-md),env(safe-area-inset-left));z-index:1000;animation:dialog-overlay-enter .25s ease-out;overflow-y:auto;overscroll-behavior:contain}@keyframes dialog-overlay-enter{0%{opacity:0}to{opacity:1}}.dialog{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:0 18px 48px #11182729;width:100%;max-width:420px;max-height:min(90vh,760px);max-height:min(90dvh,760px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;animation:dialog-enter .25s ease-out}@keyframes dialog-enter{0%{opacity:0;transform:scale(.98) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-lg) var(--space-md)}.dialog__title{font-size:22px;font-weight:700;color:var(--color-text);margin:0}.dialog__close{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-md);font-size:32px;line-height:1;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-quick)}.dialog__error{margin:0 var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-left:3px solid var(--color-cup-other);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text)}.dialog__close:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.dialog__close:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.dialog__form{display:flex;flex-direction:column}.dialog__body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.dialog__footer{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg) var(--space-xl);justify-content:flex-end}@media (prefers-reduced-motion: reduce){.dialog-overlay,.dialog{animation-duration:.01ms}}.activity-checklist{display:flex;flex-direction:column;gap:var(--space-md)}.activity-checklist__label{font-size:16px;font-weight:500;color:var(--color-text)}.activity-checklist__options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}@media (max-width: 480px){.activity-checklist__options{grid-template-columns:1fr}}.activity-checklist__option{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-quick);text-align:left;min-height:80px}.activity-checklist__option:hover{border-color:var(--color-cup-self);background-color:var(--color-bg-secondary)}.activity-checklist__option:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.activity-checklist__option--selected{border-color:var(--color-cup-self);background-color:var(--color-selected-self)}.activity-checklist__option-label{font-size:16px;font-weight:600;color:var(--color-text)}.activity-checklist__option-description{font-size:14px;color:var(--color-text-secondary);line-height:1.4}@media (prefers-reduced-motion: reduce){.activity-checklist__option{transition-duration:.01ms}}.dialog--activity .dialog__body{max-height:60vh;max-height:60dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.reset-dialog__warning{margin:0;font-size:16px;line-height:1.5;color:var(--color-text)}.reset-dialog__warning--strong{font-weight:600;color:var(--color-cup-other)}.a11y-settings{width:100%;margin:0 auto;padding:var(--space-lg);background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.a11y-settings__theme{min-width:0;margin:0 0 var(--space-lg);padding:0;border:0}.a11y-settings__theme .a11y-settings__label{margin-bottom:var(--space-sm)}.a11y-settings__theme-description{margin:calc(var(--space-xs) * -1) 0 var(--space-sm)}.a11y-settings__theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.a11y-settings__theme-option{position:relative;display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:calc(var(--radius-md) - 4px);color:var(--color-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:color .25s ease,background-color .25s ease,box-shadow .25s ease}.a11y-settings__theme-option input{position:absolute;width:1px;height:1px;opacity:0}.a11y-settings__theme-option:has(input:checked){background:var(--color-card);color:var(--color-text);box-shadow:var(--shadow-sm)}.a11y-settings__theme-option:has(input:focus-visible){outline:3px solid var(--color-cup-other);outline-offset:2px}.a11y-settings__theme-option:has(input:disabled){cursor:wait;opacity:.65}.a11y-settings__error{margin-top:var(--space-md);color:var(--color-text);font-size:14px;line-height:1.5}.a11y-settings__title{font-size:16px;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.a11y-settings__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.a11y-settings__row--separated{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.a11y-settings__text{display:flex;flex-direction:column;gap:var(--space-xs)}.a11y-settings__label{font-size:16px;font-weight:600;color:var(--color-text)}.a11y-settings__description{font-size:14px;color:var(--color-text-secondary);line-height:1.4}.a11y-settings__switch{position:relative;flex:0 0 auto;width:56px;height:48px;padding:0;border:none;background:none;cursor:pointer}.a11y-settings__switch:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:56px;height:32px;border-radius:999px;background:var(--color-switch-off);transition:background-color var(--duration-normal) var(--ease-out)}.a11y-settings__switch--on:before{background:var(--color-switch-on)}.a11y-settings__switch-thumb{position:absolute;top:50%;left:4px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background:var(--color-bg);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out)}.a11y-settings__switch--on .a11y-settings__switch-thumb{transform:translate(24px,-50%)}.a11y-settings__switch:focus-visible{outline:3px solid var(--color-text);outline-offset:2px;border-radius:999px}.a11y-settings__switch:disabled{cursor:not-allowed;opacity:.55}@media (prefers-reduced-motion: reduce){.a11y-settings__switch:before,.a11y-settings__switch-thumb{transition:none}}.water-fill-animation{position:absolute;top:30px;bottom:36px;left:50%;width:120px;transform:translate(-50%);pointer-events:none;overflow:hidden}.water-fill-animation__drop{position:absolute;top:0;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50% 50% 50% 0;transform-origin:center;rotate:-45deg}.water-fill-animation__ripple{position:absolute;bottom:14px;left:50%;transform:translate(-50%);width:36px;height:36px;border:2px solid;border-radius:50%}.water-fill-animation--reduced{display:flex;align-items:center;justify-content:center}.water-fill-animation__fade{width:32px;height:32px;border-radius:50%;opacity:.18}@media (prefers-reduced-motion: reduce){.water-fill-animation__drop,.water-fill-animation__ripple{animation-duration:.01ms}}.water-rise-animation{position:absolute;top:30px;bottom:36px;left:50%;width:120px;transform:translate(-50%);pointer-events:none;overflow:hidden;clip-path:polygon(8% 0,92% 0,85% 100%,15% 100%)}.water-rise-animation__wave{position:absolute;bottom:0;left:0;right:0;height:100%;opacity:.3}.water-rise-animation__sparkle{position:absolute;top:40px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;opacity:.2}.water-rise-animation--reduced{display:flex;align-items:center;justify-content:center}.water-rise-animation__fade{width:32px;height:32px;border-radius:50%}@media (prefers-reduced-motion: reduce){.water-rise-animation__wave,.water-rise-animation__sparkle{animation-duration:.01ms}}.drain-animation{position:absolute;pointer-events:none}.home{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;width:100%;max-width:420px;margin:0 auto;padding:calc(var(--space-xl) + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(var(--space-xl) + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.home__header{text-align:center;margin-bottom:var(--space-2xl)}.home__title{font-size:32px;font-weight:700;line-height:1.2;color:var(--color-text);letter-spacing:-.04em}.home__subtitle{margin:var(--space-sm) auto 0;max-width:30ch;color:var(--color-text-secondary);font-size:16px;line-height:1.5}.home__main{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);max-width:420px;width:100%;margin:0 auto}.home__cups{display:flex;gap:var(--space-lg);justify-content:space-around;align-items:center;width:100%;padding:var(--space-md) 0}.home__cup-slot{position:relative;display:flex;justify-content:center;width:50%}.home__actions{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.home__primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.home__release{align-self:center;color:var(--color-text-secondary);background:transparent;box-shadow:none}.home__release:hover:not(:disabled){color:var(--color-text);background:#1118270a}.home__release-phrase{max-width:32ch;align-self:center;color:var(--color-text-secondary);font-size:14px;line-height:1.5;text-align:center}.home__release-error{align-self:center;color:var(--color-text-secondary);font-size:14px;line-height:1.5;text-align:center}@media (max-height: 600px) and (orientation: landscape){.home{padding-top:calc(var(--space-md) + env(safe-area-inset-top));padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom))}.home__main{gap:var(--space-md)}.home__header{margin-bottom:var(--space-md)}.home__cups{padding:var(--space-xs) 0}}@media (max-width: 360px){.home__cups,.home__primary-actions{gap:var(--space-sm)}}.app-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);min-height:100vh;min-height:100dvh;padding:max(var(--space-lg),env(safe-area-inset-top)) max(var(--space-lg),env(safe-area-inset-right)) max(var(--space-lg),env(safe-area-inset-bottom)) max(var(--space-lg),env(safe-area-inset-left));text-align:center}.app-state__message{font-size:16px;color:var(--color-text-secondary);max-width:32ch}.app-state__action{min-height:48px;padding:var(--space-md) var(--space-lg);font-size:16px;font-family:inherit;border:none;border-radius:var(--radius-md);background:var(--color-button-primary);color:#fff;cursor:pointer}.app-state__action:hover{background:var(--color-button-primary-hover)}.app-state__action:focus-visible{outline:3px solid var(--color-text);outline-offset:2px}:root,:root[data-theme=light]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light;--color-bg: #f7f5f0;--color-surface: #fcfbf8;--color-card: #ffffff;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-cup-other: #3b82f6;--color-cup-self: #22c55e;--color-cup-glass: rgba(255, 255, 255, .2);--color-cup-rim: rgba(255, 255, 255, .56);--color-cup-border: rgba(31, 41, 55, .16);--color-cup-reflection: rgba(255, 255, 255, .82);--color-cup-inner-edge: rgba(31, 41, 55, .12);--color-cup-base: rgba(255, 255, 255, .3);--color-water-reflection: rgba(255, 255, 255, .22);--color-water-other-top: rgba(96, 165, 250, .68);--color-water-other-bottom: rgba(37, 99, 235, .78);--color-water-self-top: rgba(74, 222, 128, .64);--color-water-self-bottom: rgba(22, 163, 74, .76);--color-bg-secondary: var(--color-card);--color-border: rgba(31, 41, 55, .1);--color-button-primary: #374151;--color-button-primary-hover: #1f2937;--color-button-secondary: var(--color-card);--color-button-secondary-hover: #f1eee7;--color-button-danger: #dc2626;--color-button-danger-hover: #b91c1c;--color-selected-other: rgba(59, 130, 246, .1);--color-selected-self: rgba(34, 197, 94, .1);--color-switch-off: #d1d5db;--color-switch-on: #15803d;--color-overlay: rgba(31, 41, 55, .32);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 48px;--space-4xl: 64px;--radius-sm: 8px;--radius-md: 18px;--radius-lg: 22px;--radius-xl: 32px;--shadow-sm: 0 1px 3px rgba(31, 41, 55, .08);--shadow-md: 0 8px 28px rgba(64, 55, 38, .07);--shadow-button: 0 6px 18px rgba(64, 55, 38, .1);--duration-quick: .2s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-meaningful: 1.2s;--duration-release: 2.2s;--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #111827;--color-surface: #1f2937;--color-card: #273449;--color-text: #e5e7eb;--color-text-secondary: #9ca3af;--color-cup-glass: rgba(229, 231, 235, .035);--color-cup-rim: rgba(229, 231, 235, .1);--color-cup-border: rgba(229, 231, 235, .2);--color-cup-reflection: rgba(229, 231, 235, .34);--color-cup-inner-edge: rgba(17, 24, 39, .36);--color-cup-base: rgba(229, 231, 235, .08);--color-water-reflection: rgba(255, 255, 255, .16);--color-water-other-top: rgba(96, 165, 250, .62);--color-water-other-bottom: rgba(37, 99, 235, .68);--color-water-self-top: rgba(74, 222, 128, .56);--color-water-self-bottom: rgba(22, 163, 74, .66);--color-bg-secondary: var(--color-card);--color-border: rgba(229, 231, 235, .1);--color-button-primary: #374151;--color-button-primary-hover: #4b5563;--color-button-secondary: #1f2937;--color-button-secondary-hover: #374151;--color-selected-other: rgba(96, 165, 250, .14);--color-selected-self: rgba(74, 222, 128, .12);--color-switch-off: #4b5563;--color-switch-on: #15803d;--color-overlay: rgba(3, 7, 18, .58);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 8px 28px rgba(0, 0, 0, .18);--shadow-button: 0 6px 18px rgba(0, 0, 0, .18)}@media (prefers-color-scheme: dark){:root:not([data-theme]),:root[data-theme=system]{color-scheme:dark;--color-bg: #111827;--color-surface: #1f2937;--color-card: #273449;--color-text: #e5e7eb;--color-text-secondary: #9ca3af;--color-cup-glass: rgba(229, 231, 235, .035);--color-cup-rim: rgba(229, 231, 235, .1);--color-cup-border: rgba(229, 231, 235, .2);--color-cup-reflection: rgba(229, 231, 235, .34);--color-cup-inner-edge: rgba(17, 24, 39, .36);--color-cup-base: rgba(229, 231, 235, .08);--color-water-reflection: rgba(255, 255, 255, .16);--color-water-other-top: rgba(96, 165, 250, .62);--color-water-other-bottom: rgba(37, 99, 235, .68);--color-water-self-top: rgba(74, 222, 128, .56);--color-water-self-bottom: rgba(22, 163, 74, .66);--color-bg-secondary: var(--color-card);--color-border: rgba(229, 231, 235, .1);--color-button-primary: #374151;--color-button-primary-hover: #4b5563;--color-button-secondary: #1f2937;--color-button-secondary-hover: #374151;--color-selected-other: rgba(96, 165, 250, .14);--color-selected-self: rgba(74, 222, 128, .12);--color-switch-off: #4b5563;--color-switch-on: #15803d;--color-overlay: rgba(3, 7, 18, .58);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 8px 28px rgba(0, 0, 0, .18);--shadow-button: 0 6px 18px rgba(0, 0, 0, .18)}}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-meaningful: .1s;--duration-release: .1s}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-reduced-motion=reduce]{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-meaningful: .1s;--duration-release: .1s}:root[data-reduced-motion=reduce] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 15% 8%,rgba(190,161,112,.055),transparent 38%),radial-gradient(ellipse at 88% 34%,rgba(106,139,110,.04),transparent 36%),var(--color-bg);color:var(--color-text);transition:background-color .35s ease,color .35s ease}#root{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}:focus-visible{outline:3px solid var(--color-text);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible{outline:3px solid var(--color-text);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--space-md);left:var(--space-md);z-index:2000;padding:var(--space-sm) var(--space-md);background:var(--color-button-primary);color:#fff;border-radius:var(--radius-sm);text-decoration:none;transform:translateY(-200%);transition:transform var(--duration-normal) var(--ease-out)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion: reduce){.skip-link{transition:none}}