:root{--ds-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ds-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Courier New", monospace;--ds-text-xs: .75rem;--ds-text-sm: .875rem;--ds-text-base: 1rem;--ds-text-lg: 1.125rem;--ds-text-xl: 1.25rem;--ds-text-2xl: 1.5rem;--ds-text-3xl: 1.875rem;--ds-text-4xl: 2.25rem;--ds-weight-normal: 400;--ds-weight-medium: 500;--ds-weight-semibold: 600;--ds-weight-bold: 700;--ds-leading-tight: 1.25;--ds-leading-normal: 1.5;--ds-leading-relaxed: 1.7;--ds-space-0: 0;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-8: 2rem;--ds-space-10: 2.5rem;--ds-space-12: 3rem;--ds-space-16: 4rem;--ds-radius-sm: 4px;--ds-radius-md: 6px;--ds-radius-lg: 8px;--ds-radius-xl: 12px;--ds-radius-pill: 999px;--ds-ease: cubic-bezier(.22, 1, .36, 1);--ds-duration-fast: .12s;--ds-duration: .2s;--ds-duration-slow: .32s;--ds-transition: var(--ds-duration) var(--ds-ease);--ds-z-base: 1;--ds-z-dropdown: 100;--ds-z-sticky: 200;--ds-z-overlay: 300;--ds-z-modal: 400;--ds-z-toast: 500;--ds-container: 1280px;--ds-focus-ring: 2px}:root,:root[data-theme=darkBlue]{color-scheme:dark;--ds-bg: #0e1116;--ds-surface: #1a1f2e;--ds-surface-raised: #222839;--ds-surface-sunken: #0a0d12;--ds-border: #2a3139;--ds-border-strong: #3a434e;--ds-text: #e9edf2;--ds-text-secondary: #9ca3af;--ds-text-muted: #6b7280;--ds-text-inverse: #0e1116;--ds-accent: #4a90d9;--ds-accent-hover: #3a7cc0;--ds-accent-subtle: rgba(74, 144, 217, .12);--ds-accent-contrast: #ffffff;--ds-success: #6ee7b7;--ds-success-subtle: rgba(110, 231, 183, .12);--ds-warning: #fbbf24;--ds-warning-subtle: rgba(251, 191, 36, .12);--ds-error: #f87171;--ds-error-subtle: rgba(248, 113, 113, .12);--ds-info: #60a5fa;--ds-info-subtle: rgba(96, 165, 250, .12);--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--ds-shadow-md: 0 2px 10px rgba(0, 0, 0, .45);--ds-shadow-lg: 0 20px 50px -20px rgba(0, 0, 0, .7);--ds-overlay: rgba(0, 0, 0, .6)}:root[data-theme=dark]{color-scheme:dark;--ds-bg: #0a0a0a;--ds-surface: #151515;--ds-surface-raised: #1f1f1f;--ds-surface-sunken: #050505;--ds-border: #2a2a2a;--ds-border-strong: #3d3d3d;--ds-text: #ededed;--ds-text-secondary: #a3a3a3;--ds-text-muted: #737373;--ds-text-inverse: #0a0a0a;--ds-accent: #60a5fa;--ds-accent-hover: #3b82f6;--ds-accent-subtle: rgba(96, 165, 250, .12);--ds-accent-contrast: #0a0a0a;--ds-success: #6ee7b7;--ds-success-subtle: rgba(110, 231, 183, .12);--ds-warning: #fbbf24;--ds-warning-subtle: rgba(251, 191, 36, .12);--ds-error: #f87171;--ds-error-subtle: rgba(248, 113, 113, .12);--ds-info: #60a5fa;--ds-info-subtle: rgba(96, 165, 250, .12);--ds-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--ds-shadow-md: 0 2px 10px rgba(0, 0, 0, .55);--ds-shadow-lg: 0 20px 50px -20px rgba(0, 0, 0, .8);--ds-overlay: rgba(0, 0, 0, .65)}:root[data-theme=warm]{color-scheme:light;--ds-bg: #f5f3ee;--ds-surface: #ffffff;--ds-surface-raised: #fbfaf6;--ds-surface-sunken: #ebe8e0;--ds-border: #e0dfd6;--ds-border-strong: #c9c7ba;--ds-text: #2b2a26;--ds-text-secondary: #6b6a64;--ds-text-muted: #9a9993;--ds-text-inverse: #ffffff;--ds-accent: #6b4c9a;--ds-accent-hover: #5a3f82;--ds-accent-subtle: rgba(107, 76, 154, .1);--ds-accent-contrast: #ffffff;--ds-success: #5f8f57;--ds-success-subtle: rgba(95, 143, 87, .12);--ds-warning: #c1852f;--ds-warning-subtle: rgba(193, 133, 47, .12);--ds-error: #c14a34;--ds-error-subtle: rgba(193, 74, 52, .12);--ds-info: #3f6f8f;--ds-info-subtle: rgba(63, 111, 143, .12);--ds-shadow-sm: 0 1px 2px rgba(60, 55, 40, .08);--ds-shadow-md: 0 2px 10px rgba(60, 55, 40, .1);--ds-shadow-lg: 0 20px 50px -20px rgba(60, 55, 40, .35);--ds-overlay: rgba(43, 42, 38, .45)}:root[data-theme=light]{color-scheme:light;--ds-bg: #f6f7f9;--ds-surface: #ffffff;--ds-surface-raised: #fbfbfc;--ds-surface-sunken: #eceef1;--ds-border: #e3e6ea;--ds-border-strong: #c8cdd4;--ds-text: #1c2024;--ds-text-secondary: #6b7280;--ds-text-muted: #9ca3af;--ds-text-inverse: #ffffff;--ds-accent: #c2410c;--ds-accent-hover: #9a3412;--ds-accent-subtle: rgba(194, 65, 12, .1);--ds-accent-contrast: #ffffff;--ds-success: #166534;--ds-success-subtle: #dcfce7;--ds-warning: #a16207;--ds-warning-subtle: #fef3c7;--ds-error: #b91c1c;--ds-error-subtle: #fee2e2;--ds-info: #1e40af;--ds-info-subtle: #dbeafe;--ds-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--ds-shadow-md: 0 2px 10px rgba(16, 24, 40, .08);--ds-shadow-lg: 0 20px 50px -20px rgba(16, 24, 40, .3);--ds-overlay: rgba(16, 24, 40, .45)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;background-color:var(--ds-bg);color:var(--ds-text);font-family:var(--ds-font-sans);font-size:var(--ds-text-base);line-height:var(--ds-leading-normal);-webkit-font-smoothing:antialiased}a{color:var(--ds-accent);text-decoration:none;transition:color var(--ds-transition)}a:hover{color:var(--ds-accent-hover)}code,kbd,pre,samp{font-family:var(--ds-font-mono);font-size:.9em}hr{border:0;border-top:1px solid var(--ds-border);margin:var(--ds-space-6) 0}::selection{background:var(--ds-accent-subtle)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--ds-focus-ring) solid var(--ds-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);padding:var(--ds-space-2) var(--ds-space-4);border:1px solid transparent;border-radius:var(--ds-radius-md);background:var(--ds-surface-raised);color:var(--ds-text);font:inherit;font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);line-height:1.2;white-space:nowrap;cursor:pointer;transition:background var(--ds-transition),border-color var(--ds-transition),color var(--ds-transition),opacity var(--ds-transition)}.ds-btn:hover{background:var(--ds-surface)}.ds-btn:disabled,.ds-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6}.ds-btn--primary{background:var(--ds-accent);color:var(--ds-accent-contrast)}.ds-btn--primary:hover{background:var(--ds-accent-hover)}.ds-btn--secondary{background:transparent;border-color:var(--ds-border-strong);color:var(--ds-text)}.ds-btn--secondary:hover{background:var(--ds-surface-raised);border-color:var(--ds-accent)}.ds-btn--ghost{background:transparent;color:var(--ds-text-secondary)}.ds-btn--ghost:hover{background:var(--ds-surface-raised);color:var(--ds-text)}.ds-btn--danger{background:var(--ds-error);color:var(--ds-text-inverse)}.ds-btn--danger:hover{filter:brightness(.92)}.ds-btn--sm{padding:var(--ds-space-1) var(--ds-space-3);font-size:var(--ds-text-xs)}.ds-btn--lg{padding:var(--ds-space-3) var(--ds-space-6);font-size:var(--ds-text-base)}.ds-btn--block{display:flex;width:100%}.ds-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-sm);overflow:hidden;transition:border-color var(--ds-transition),box-shadow var(--ds-transition),transform var(--ds-transition)}.ds-card--interactive:hover{border-color:var(--ds-accent);box-shadow:var(--ds-shadow-md)}.ds-card__header{padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-border);font-weight:var(--ds-weight-semibold)}.ds-card__body{padding:var(--ds-space-5)}.ds-card__footer{padding:var(--ds-space-4) var(--ds-space-5);border-top:1px solid var(--ds-border);background:var(--ds-surface-raised)}.ds-field{display:flex;flex-direction:column;gap:var(--ds-space-2);margin-bottom:var(--ds-space-4)}.ds-label{font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);color:var(--ds-text-secondary)}.ds-input,.ds-select,.ds-textarea{width:100%;padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-surface-sunken);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text);font:inherit;font-size:var(--ds-text-sm);transition:border-color var(--ds-transition),background var(--ds-transition)}.ds-input::placeholder,.ds-textarea::placeholder{color:var(--ds-text-muted)}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{border-color:var(--ds-accent);background:var(--ds-surface)}.ds-input:disabled,.ds-select:disabled,.ds-textarea:disabled{opacity:.6;cursor:not-allowed}.ds-textarea{min-height:6rem;resize:vertical}.ds-hint{font-size:var(--ds-text-xs);color:var(--ds-text-muted)}.ds-error-text{font-size:var(--ds-text-xs);color:var(--ds-error)}.ds-badge{display:inline-flex;align-items:center;gap:var(--ds-space-1);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-pill);background:var(--ds-surface-raised);color:var(--ds-text-secondary);font-size:var(--ds-text-xs);font-weight:var(--ds-weight-medium);line-height:1.4;white-space:nowrap}.ds-badge--accent{background:var(--ds-accent-subtle);color:var(--ds-accent)}.ds-badge--success{background:var(--ds-success-subtle);color:var(--ds-success)}.ds-badge--warning{background:var(--ds-warning-subtle);color:var(--ds-warning)}.ds-badge--error{background:var(--ds-error-subtle);color:var(--ds-error)}.ds-badge--info{background:var(--ds-info-subtle);color:var(--ds-info)}.ds-alert{display:flex;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border:1px solid var(--ds-border);border-left-width:3px;border-radius:var(--ds-radius-md);background:var(--ds-surface);font-size:var(--ds-text-sm)}.ds-alert--success{border-left-color:var(--ds-success);background:var(--ds-success-subtle)}.ds-alert--warning{border-left-color:var(--ds-warning);background:var(--ds-warning-subtle)}.ds-alert--error{border-left-color:var(--ds-error);background:var(--ds-error-subtle)}.ds-alert--info{border-left-color:var(--ds-info);background:var(--ds-info-subtle)}.ds-table{width:100%;border-collapse:collapse;font-size:var(--ds-text-sm)}.ds-table th,.ds-table td{padding:var(--ds-space-3) var(--ds-space-4);text-align:left;border-bottom:1px solid var(--ds-border)}.ds-table th{color:var(--ds-text-secondary);font-weight:var(--ds-weight-semibold);font-size:var(--ds-text-xs);text-transform:uppercase;letter-spacing:.04em;background:var(--ds-surface-raised)}.ds-table tbody tr:hover{background:var(--ds-surface-raised)}.ds-table--wrap{width:100%;overflow-x:auto}.ds-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ds-z-overlay);background:var(--ds-overlay);display:flex;align-items:center;justify-content:center;padding:var(--ds-space-4)}.ds-modal{z-index:var(--ds-z-modal);width:100%;max-width:32rem;max-height:85vh;overflow-y:auto;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);box-shadow:var(--ds-shadow-lg)}.ds-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);padding:var(--ds-space-4) var(--ds-space-5);border-bottom:1px solid var(--ds-border);font-size:var(--ds-text-lg);font-weight:var(--ds-weight-semibold)}.ds-modal__body{padding:var(--ds-space-5)}.ds-modal__footer{display:flex;justify-content:flex-end;gap:var(--ds-space-2);padding:var(--ds-space-4) var(--ds-space-5);border-top:1px solid var(--ds-border)}.ds-container{width:100%;max-width:var(--ds-container);margin-inline:auto;padding-inline:var(--ds-space-5)}.ds-stack>*+*{margin-top:var(--ds-space-4)}.ds-row{display:flex;align-items:center;gap:var(--ds-space-3)}.ds-muted{color:var(--ds-text-muted)}.ds-secondary{color:var(--ds-text-secondary)}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-spinner{display:inline-block;width:1em;height:1em;border:2px solid var(--ds-border-strong);border-top-color:var(--ds-accent);border-radius:50%;animation:ds-spin .7s linear infinite}:root{--bg: var(--ds-bg);--surface: var(--ds-surface);--surface-raised: var(--ds-surface-raised);--border: var(--ds-border);--text: var(--ds-text);--text-secondary: var(--ds-text-secondary);--text-muted: var(--ds-text-muted);--accent: var(--ds-accent);--accent-hover: var(--ds-accent-hover);--on-accent: var(--ds-accent-contrast);--success: var(--ds-success);--warning: var(--ds-warning);--error: var(--ds-error);--info: var(--ds-info);--radius: var(--ds-radius-lg);--radius-lg: var(--ds-radius-xl);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--tabbar-h: 56px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--ds-font-sans);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px;color:var(--text)}.muted{color:var(--text-secondary)}.small{font-size:.85rem}.app-shell{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-t) + 10px) 16px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.topbar-brand{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--text)}.topbar-title{font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.version-badge{font-family:var(--ds-font-mono, monospace);font-size:.7rem;color:var(--text-muted)}.app-main{flex:1;width:100%;max-width:560px;margin:0 auto;padding:16px 16px calc(var(--tabbar-h) + var(--safe-b) + 24px)}.app-main--full{padding-bottom:calc(var(--safe-b) + 120px)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;padding-bottom:var(--safe-b);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--border)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;text-decoration:none;color:var(--text-muted);height:var(--tabbar-h);justify-content:center}.tab--active{color:var(--accent)}.tab-icon{font-size:1.3rem;line-height:1}.tab-label{font-size:.7rem;font-weight:600}.page{display:flex;flex-direction:column;gap:16px}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.centered{align-items:center;text-align:center;justify-content:center;min-height:60vh;gap:12px}.empty{text-align:center;color:var(--text-muted);padding:40px 16px}.empty-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center}.empty-card h2{margin-bottom:8px}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius);border:1px solid transparent;font-weight:500}.banner-actions{display:flex;gap:8px}.banner--info{background:var(--ds-info-subtle);color:var(--info);border-color:color-mix(in srgb,var(--info) 40%,transparent)}.banner--error{background:var(--ds-error-subtle);color:var(--error);border-color:color-mix(in srgb,var(--error) 40%,transparent)}.routine-note{margin-top:-8px}.btn-primary,.btn-secondary,.btn-ghost{border-radius:var(--radius);font-weight:600;padding:12px 18px;border:1px solid transparent;transition:background-color .15s,opacity .15s}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:active{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost{background:transparent;color:var(--accent)}.btn-block{display:block;width:100%}.btn-lg{padding:16px;font-size:1.05rem}.btn-sm{padding:8px 12px;font-size:.85rem}.sticky-action{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-b));padding:12px 16px;max-width:560px;margin:0 auto;background:linear-gradient(to top,var(--bg) 60%,transparent)}.app-main--full~* .sticky-action,.workout .sticky-action{bottom:var(--safe-b)}.routine-list{list-style:none;display:flex;flex-direction:column;gap:10px}.routine-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.routine-item-main{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.ex-name{font-weight:600}.target{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.ex-note{font-size:.85rem;color:var(--accent)}.person-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.workout-head{display:flex;align-items:center;gap:8px}.ex-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:12px}.ex-card-head{display:flex;align-items:center;justify-content:space-between}.ex-tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px}.ex-tag--strength{background:var(--ds-info-subtle);color:var(--info)}.ex-tag--cardio{background:var(--ds-success-subtle);color:var(--success)}.sets{display:flex;flex-direction:column;gap:8px}.set-row{display:flex;align-items:flex-end;gap:8px;padding:6px;border-radius:var(--radius)}.set-row--done{background:var(--ds-success-subtle)}.set-index{width:20px;text-align:center;color:var(--text-muted);font-variant-numeric:tabular-nums;align-self:center;font-weight:600}.numfield{display:flex;flex-direction:column;gap:2px;flex:1}.numfield--wide{flex-basis:100%}.numfield-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.numfield-input{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:0 8px}.numfield-input input{width:100%;background:transparent;border:none;padding:10px 0;outline:none}.numfield-suffix{color:var(--text-muted);font-size:.85rem;padding-left:4px}.tick{width:44px;height:44px;flex:0 0 44px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--on-accent);font-size:1.2rem;font-weight:700}.tick--on{background:var(--success);border-color:var(--success);color:#fff}.set-remove{width:32px;height:44px;flex:0 0 32px;background:transparent;border:none;color:var(--text-muted);font-size:1.3rem}.add-set{align-self:flex-start}.cardio-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-list{list-style:none;display:flex;flex-direction:column;gap:8px}.review-item{display:flex;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.status-picker{display:flex;gap:8px}.status-chip{flex:1;padding:12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:600}.status-chip--on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.note-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;resize:vertical;outline:none}.big-check{width:72px;height:72px;border-radius:50%;background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.history-list{list-style:none;display:flex;flex-direction:column;gap:10px}.history-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:4px}.history-main{display:flex;justify-content:space-between;align-items:center}.history-date{font-weight:600}.history-status{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.status-completed{color:var(--success)}.status-partial{color:var(--warning)}.status-skipped{color:var(--text-muted)}.history-sync{font-size:.8rem}.history-sync.synced{color:var(--success)}.history-sync.pending{color:var(--text-muted)}.settings-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px}.settings-group h2{font-size:1rem}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-option{padding:12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);font-weight:600}.theme-option--on{border-color:var(--accent);color:var(--accent)}.kv{display:flex;flex-direction:column;gap:6px}.kv>div{display:flex;justify-content:space-between}.kv dt{color:var(--text-secondary)}.kv dd{font-variant-numeric:tabular-nums}.theme-switch{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border)}.theme-switch-dot{width:14px;height:14px;border-radius:50%;background:var(--accent)}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gate{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.gate-card{width:100%;max-width:320px;text-align:center;display:flex;flex-direction:column;gap:12px}.gate-mark{width:56px;height:56px;border-radius:16px;background:var(--accent);margin:0 auto}.gate-card input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;text-align:center;letter-spacing:.3em}.gate-error{color:var(--error);font-size:.85rem}