@layer reset,tokens,base,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}img,svg,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}ul[role=list],ol[role=list]{list-style:none;padding:0}table{border-collapse:collapse}p,h1,h2,h3,h4{overflow-wrap:break-word}}@layer tokens{:root{color-scheme:dark;--c-bg: #0f1115;--c-surface: #181b21;--c-surface-2: #22262e;--c-surface-3: #2c313b;--c-border: #2e333d;--c-border-strong: #454c59;--c-text: #f2f4f7;--c-text-muted: #9aa3b2;--c-text-faint: #6b7385;--c-accent: #c6f432;--c-accent-hover: #d4ff4a;--c-accent-text: #0f1115;--c-success: #3ddc84;--c-pr: #ffb020;--c-danger: #ff5a5f;--c-pending: #6ea8fe;--c-live: #ff4d6d;--c-overlay: rgb(0 0 0 / .55);--c-accent-soft: color-mix(in srgb, var(--c-accent) 14%, transparent);--c-success-soft: color-mix(in srgb, var(--c-success) 14%, transparent);--c-pr-soft: color-mix(in srgb, var(--c-pr) 16%, transparent);--c-danger-soft: color-mix(in srgb, var(--c-danger) 14%, transparent);--c-pending-soft: color-mix(in srgb, var(--c-pending) 14%, transparent);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-num: ui-rounded, var(--font-sans);--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: clamp(1.75rem, 1.4rem + 1.8vw, 2.25rem);--fs-3xl: clamp(2.25rem, 1.6rem + 3vw, 3rem);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--shadow-1: 0 1px 2px rgb(0 0 0 / .3);--shadow-2: 0 8px 24px rgb(0 0 0 / .4);--shadow-3: 0 -8px 32px rgb(0 0 0 / .45);--tap: 48px;--tap-lg: 56px;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(0, 0, 0, 1);--dur-fast: .12s;--dur: .2s;--dur-slow: .32s;--content-max: 40rem;--topbar-h: 56px;--nav-h: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--gutter: var(--sp-4);--z-sticky: 10;--z-nav: 20;--z-banner: 30;--z-toast: 50}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--c-bg: #f4f5f7;--c-surface: #ffffff;--c-surface-2: #eef0f3;--c-surface-3: #e3e6eb;--c-border: #dde1e7;--c-border-strong: #c3c9d2;--c-text: #12151a;--c-text-muted: #5b6474;--c-text-faint: #8a92a1;--c-accent: #4f7a00;--c-accent-hover: #426700;--c-accent-text: #ffffff;--c-success: #18864b;--c-pr: #b26a00;--c-danger: #c62828;--c-pending: #1d5fd1;--c-live: #d61f45;--c-overlay: rgb(16 24 40 / .4);--shadow-1: 0 1px 2px rgb(16 24 40 / .08);--shadow-2: 0 8px 24px rgb(16 24 40 / .12);--shadow-3: 0 -8px 32px rgb(16 24 40 / .16)}}:root[data-theme=light]{color-scheme:light;--c-bg: #f4f5f7;--c-surface: #ffffff;--c-surface-2: #eef0f3;--c-surface-3: #e3e6eb;--c-border: #dde1e7;--c-border-strong: #c3c9d2;--c-text: #12151a;--c-text-muted: #5b6474;--c-text-faint: #8a92a1;--c-accent: #4f7a00;--c-accent-hover: #426700;--c-accent-text: #ffffff;--c-success: #18864b;--c-pr: #b26a00;--c-danger: #c62828;--c-pending: #1d5fd1;--c-live: #d61f45;--c-overlay: rgb(16 24 40 / .4);--shadow-1: 0 1px 2px rgb(16 24 40 / .08);--shadow-2: 0 8px 24px rgb(16 24 40 / .12);--shadow-3: 0 -8px 32px rgb(16 24 40 / .16)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}}}@layer base{html{background:var(--c-bg)}body{min-height:100dvh;background:var(--c-bg);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior-y:none}h1,h2,h3,h4{line-height:var(--lh-tight);font-weight:var(--fw-bold);letter-spacing:-.01em}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}a{color:var(--c-accent);text-underline-offset:.15em}input,select,textarea{font-size:max(16px,1rem)}:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}::selection{background:var(--c-accent-soft)}hr{border:0;border-top:1px solid var(--c-border)}}@layer layout{.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;width:100%;max-width:var(--content-max);margin-inline:auto;padding-block:var(--sp-5) var(--sp-6);padding-inline:max(var(--gutter),var(--safe-left)) max(var(--gutter),var(--safe-right));display:flex;flex-direction:column;gap:var(--sp-5)}.app-shell>.app-main:first-child{padding-top:calc(var(--sp-5) + var(--safe-top))}.app-shell>.app-main:last-child{padding-bottom:calc(var(--sp-6) + var(--safe-bottom))}.app-main--center{justify-content:center;max-width:26rem}.splash{min-height:100dvh;display:grid;place-items:center;color:var(--c-text-muted)}.topbar{position:sticky;top:0;z-index:var(--z-sticky);padding-top:var(--safe-top);background:color-mix(in srgb,var(--c-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border)}.topbar__inner{height:var(--topbar-h);max-width:var(--content-max);margin-inline:auto;padding-inline:max(var(--sp-2),var(--safe-left)) max(var(--sp-2),var(--safe-right));display:grid;grid-template-columns:var(--tap) 1fr var(--tap);align-items:center}.topbar__title{text-align:center;font-size:var(--fs-lg);font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__start{justify-self:start}.topbar__end{justify-self:end}.bottom-nav{position:sticky;bottom:0;z-index:var(--z-nav);padding-bottom:var(--safe-bottom);background:color-mix(in srgb,var(--c-surface) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--c-border)}.bottom-nav__list{height:var(--nav-h);max-width:var(--content-max);margin-inline:auto;padding-inline:var(--safe-left) var(--safe-right);display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tap);color:var(--c-text-faint);font-size:var(--fs-xs);font-weight:var(--fw-medium);text-decoration:none;transition:color var(--dur-fast) var(--ease)}.bottom-nav__item svg{width:24px;height:24px}.bottom-nav__item[aria-current=page]{color:var(--c-accent)}.section{display:flex;flex-direction:column;gap:var(--sp-3)}.section__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.section__title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em}.action-bar{position:sticky;bottom:var(--sp-3);z-index:var(--z-sticky);display:flex;gap:var(--sp-3)}.app-shell>.app-main:last-child .action-bar{bottom:calc(var(--sp-3) + var(--safe-bottom))}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);border-radius:var(--radius-md);border:1px solid transparent;font-weight:var(--fw-semibold);font-size:var(--fs-md);line-height:1;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--c-surface-2);color:var(--c-text);transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.btn svg{width:20px;height:20px;flex-shrink:0}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--c-accent);color:var(--c-accent-text)}@media(hover:hover){.btn--primary:hover:not(:disabled){background:var(--c-accent-hover)}.btn--secondary:hover:not(:disabled),.btn--ghost:hover:not(:disabled){background:var(--c-surface-3)}}.btn--secondary{background:var(--c-surface-2);border-color:var(--c-border)}.btn--ghost{background:transparent}.btn--danger{background:var(--c-danger-soft);color:var(--c-danger)}.btn--sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-sm);border-radius:var(--radius-sm)}.btn--lg{min-height:var(--tap-lg);font-size:var(--fs-lg);border-radius:var(--radius-lg)}.btn--block{width:100%}.btn--icon{padding:0;width:var(--tap);border-radius:var(--radius-full)}.btn--icon.btn--sm{width:36px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-4);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:var(--sp-2)}.card__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.card__meta{color:var(--c-text-muted);font-size:var(--fs-sm)}.card--interactive{text-align:left;color:inherit;text-decoration:none;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.card--interactive:active{transform:scale(.99)}@media(hover:hover){.card--interactive:hover{border-color:var(--c-border-strong)}}.card--accent{border-color:color-mix(in srgb,var(--c-accent) 40%,var(--c-border));background:linear-gradient(160deg,var(--c-accent-soft),transparent 60%),var(--c-surface)}.list{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden}.list-item{display:flex;align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-3) var(--sp-4);color:inherit;text-decoration:none;width:100%;text-align:left}.list-item+.list-item,.list>li+li>.list-item{border-top:1px solid var(--c-border)}a.list-item:active,button.list-item:active{background:var(--c-surface-2)}.list-item__body{flex:1;min-width:0;display:flex;flex-direction:column}.list-item__title{font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item__meta{color:var(--c-text-muted);font-size:var(--fs-sm)}.list-item__end{color:var(--c-text-faint);flex-shrink:0}.list-item__end svg{width:20px;height:20px}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-muted)}.field__hint{font-size:var(--fs-sm);color:var(--c-text-faint)}.field__error{font-size:var(--fs-sm);color:var(--c-danger)}.input,.select,.textarea{width:100%;min-height:var(--tap);padding:var(--sp-3) var(--sp-4);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);color:var(--c-text);transition:border-color var(--dur-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--c-text-faint)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:2px solid var(--c-accent);outline-offset:0;border-color:transparent}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--c-danger)}.textarea{min-height:6rem;resize:vertical}.select{appearance:none;padding-right:var(--sp-7);background-image:linear-gradient(45deg,transparent 50%,var(--c-text-muted) 50%),linear-gradient(135deg,var(--c-text-muted) 50%,transparent 50%);background-position:right 1.25rem center,right .9rem center;background-size:6px 6px;background-repeat:no-repeat}.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);min-height:var(--tap);cursor:pointer}.switch__input{appearance:none;flex-shrink:0;width:52px;height:32px;border-radius:var(--radius-full);background:var(--c-surface-3);position:relative;cursor:pointer;transition:background var(--dur) var(--ease)}.switch__input:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease)}.switch__input:checked{background:var(--c-accent)}.switch__input:checked:after{transform:translate(20px)}.stepper{display:grid;grid-template-columns:var(--tap-lg) 1fr var(--tap-lg);align-items:center;gap:var(--sp-2);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-1)}.stepper:focus-within{border-color:var(--c-accent)}.stepper__btn{height:var(--tap-lg);border-radius:var(--radius-md);background:var(--c-surface-3);display:grid;place-items:center;transition:transform var(--dur-fast) var(--ease)}.stepper__btn svg{width:24px;height:24px}.stepper__btn:active{transform:scale(.92)}.stepper__value{width:100%;min-width:0;background:transparent;border:0;text-align:center;font-family:var(--font-num);font-size:var(--fs-2xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;padding:0;-moz-appearance:textfield;appearance:textfield}.stepper__value::-webkit-outer-spin-button,.stepper__value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper__value:focus-visible{outline:none}.stepper__label{display:block;text-align:center;font-size:var(--fs-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-1)}.stepper-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.stepper-pair .stepper{grid-template-columns:40px 1fr 40px;gap:var(--sp-1)}.stepper-pair .stepper__btn{height:48px}.stepper-pair .stepper__value{font-size:var(--fs-xl)}.set-table{display:flex;flex-direction:column;gap:var(--sp-2)}.set-table__head{display:grid;grid-template-columns:2.5rem 1fr 1fr var(--tap);gap:var(--sp-2);padding-inline:var(--sp-3);font-size:var(--fs-xs);color:var(--c-text-faint);text-transform:uppercase;letter-spacing:.06em}.set-row{display:grid;grid-template-columns:2.5rem 1fr 1fr var(--tap);align-items:center;gap:var(--sp-2);min-height:var(--tap-lg);padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);font-variant-numeric:tabular-nums;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.set-row__num{color:var(--c-text-faint);font-weight:var(--fw-semibold)}.set-row__value{font-family:var(--font-num);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.set-row__value small{font-size:var(--fs-sm);font-weight:var(--fw-regular);color:var(--c-text-muted);margin-left:2px}.set-row__check{width:var(--tap);height:var(--tap);border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--c-surface-2);color:var(--c-text-faint);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.set-row__check svg{width:22px;height:22px}.set-row[data-state=planned] .set-row__value{color:var(--c-text-muted)}.set-row[data-state=done]{background:var(--c-success-soft);border-color:color-mix(in srgb,var(--c-success) 35%,transparent)}.set-row[data-state=done] .set-row__check{background:var(--c-success);color:var(--c-bg)}.set-row[data-state=pr]{background:var(--c-pr-soft);border-color:color-mix(in srgb,var(--c-pr) 45%,transparent)}.set-row[data-state=pr] .set-row__check{background:var(--c-pr);color:var(--c-bg)}.set-row[data-state=pending]{border-style:dashed;border-color:var(--c-pending)}.set-row[data-state=pending] .set-row__check{background:var(--c-pending-soft);color:var(--c-pending)}.live-grid-wrap{overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}.live-grid-wrap::-webkit-scrollbar{display:none}.live-grid{width:100%;border-collapse:separate;border-spacing:var(--sp-1) var(--sp-1);font-variant-numeric:tabular-nums}.live-grid thead th{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--c-text-faint);text-transform:uppercase;letter-spacing:.06em;text-align:center;padding-bottom:var(--sp-1)}.live-grid thead th:first-child{text-align:left}.live-grid tbody th{position:sticky;left:0;z-index:1;background:var(--c-bg);text-align:left;font-weight:var(--fw-medium);padding-right:var(--sp-2);min-width:7.5rem;max-width:9rem}.live-grid__athlete{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.live-grid__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--fs-sm)}.cell{width:100%;min-width:4.75rem;min-height:var(--tap-lg);padding:var(--sp-1);border-radius:var(--radius-md);background:var(--c-surface);border:1px solid var(--c-border);font-family:var(--font-num);font-size:var(--fs-md);font-weight:var(--fw-semibold);display:grid;place-items:center;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.cell:active{transform:scale(.96)}.cell[data-state=empty]{color:var(--c-text-faint);border-style:dashed}.cell[data-state=planned]{color:var(--c-text-muted);font-weight:var(--fw-regular)}.cell[data-state=done]{background:var(--c-success-soft);border-color:color-mix(in srgb,var(--c-success) 40%,transparent)}.cell[data-state=pr]{background:var(--c-pr-soft);border-color:var(--c-pr)}.cell[data-state=pending]{border-style:dashed;border-color:var(--c-pending);color:var(--c-pending)}.cell[aria-current=true]{border:2px solid var(--c-accent);box-shadow:0 0 0 4px var(--c-accent-soft)}.rest-timer{--progress: 0;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);background:var(--c-surface-2);position:relative;overflow:hidden}.rest-timer:before{content:"";position:absolute;inset:0;background:var(--c-accent-soft);transform-origin:left;transform:scaleX(var(--progress));transition:transform 1s linear}.rest-timer>*{position:relative}.rest-timer__time{font-family:var(--font-num);font-size:var(--fs-xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;flex:1}.rest-timer__label{font-size:var(--fs-sm);color:var(--c-text-muted)}.chip-row{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.chip-row::-webkit-scrollbar{display:none}.chip{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--sp-1);min-height:36px;padding:0 var(--sp-3);border-radius:var(--radius-full);border:1px solid var(--c-border);background:var(--c-surface);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-muted);white-space:nowrap}.chip[aria-pressed=true]{background:var(--c-accent-soft);border-color:var(--c-accent);color:var(--c-text)}.avatar{--size: 36px;width:var(--size);height:var(--size);flex-shrink:0;border-radius:var(--radius-full);display:inline-grid;place-items:center;font-size:calc(var(--size) * .38);font-weight:var(--fw-bold);color:#0f1115;background:#9aa3b2;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar[data-tone="1"]{background:#c6f432}.avatar[data-tone="2"]{background:#6ea8fe}.avatar[data-tone="3"]{background:#ffb020}.avatar[data-tone="4"]{background:#ff8fa3}.avatar[data-tone="5"]{background:#5ee6c4}.avatar[data-tone="6"]{background:#c9a7ff}.avatar[data-guest=true]{background:var(--c-surface-3);color:var(--c-text-muted);outline:2px dashed var(--c-border-strong);outline-offset:-2px}.avatar--sm{--size: 28px}.avatar--lg{--size: 56px}.avatar-stack{display:flex}.avatar-stack>.avatar{box-shadow:0 0 0 2px var(--c-surface)}.avatar-stack>.avatar+.avatar{margin-left:-8px}.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 var(--sp-2);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:var(--c-surface-3);color:var(--c-text-muted);white-space:nowrap}.badge--accent{background:var(--c-accent-soft);color:var(--c-accent)}.badge--pr{background:var(--c-pr-soft);color:var(--c-pr)}.badge--success{background:var(--c-success-soft);color:var(--c-success)}.badge--pending{background:var(--c-pending-soft);color:var(--c-pending)}.badge--guest{background:transparent;border:1px dashed var(--c-border-strong)}.badge--live{background:color-mix(in srgb,var(--c-live) 16%,transparent);color:var(--c-live)}.tabs{display:flex;gap:var(--sp-4);border-bottom:1px solid var(--c-border);overflow-x:auto;scrollbar-width:none}.tab{min-height:var(--tap);padding:0 var(--sp-1);color:var(--c-text-muted);font-weight:var(--fw-medium);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab[aria-selected=true]{color:var(--c-text);border-bottom-color:var(--c-accent)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;gap:3px;border-radius:var(--radius-md);background:var(--c-surface-2)}.segmented__item{min-height:40px;border-radius:calc(var(--radius-md) - 3px);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-muted);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.segmented__item[aria-checked=true]{background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-1)}.sheet,.modal{border:0;padding:0;color:var(--c-text);background:var(--c-surface);max-width:var(--content-max)}.sheet::backdrop,.modal::backdrop{background:var(--c-overlay);animation:fade-in var(--dur) var(--ease)}.sheet{width:100%;margin:auto auto 0;max-height:90dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-3);padding-bottom:var(--safe-bottom)}.sheet[open]{display:flex;flex-direction:column;animation:sheet-in var(--dur-slow) var(--ease-out)}.sheet__handle{width:40px;height:5px;border-radius:var(--radius-full);background:var(--c-border-strong);margin:var(--sp-2) auto 0;flex-shrink:0}.sheet__header,.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4) 0}.sheet__title,.modal__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.sheet__body,.modal__body{padding:var(--sp-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4)}.sheet__footer,.modal__footer{padding:0 var(--sp-4) var(--sp-4);display:flex;gap:var(--sp-3)}.sheet__footer>.btn,.modal__footer>.btn{flex:1}.modal{width:calc(100% - 2 * var(--sp-4));max-width:26rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.modal[open]{animation:pop-in var(--dur) var(--ease-out)}.toast-region{position:fixed;left:0;right:0;bottom:calc(var(--nav-h) + var(--safe-bottom) + var(--sp-3));z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding-inline:var(--gutter);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--sp-3);max-width:26rem;width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--c-surface-3);color:var(--c-text);box-shadow:var(--shadow-2);font-weight:var(--fw-medium);animation:toast-in var(--dur-slow) var(--ease-out)}.toast svg{width:20px;height:20px;flex-shrink:0}.toast[data-tone=success] svg{color:var(--c-success)}.toast[data-tone=pr] svg{color:var(--c-pr)}.toast[data-tone=error] svg{color:var(--c-danger)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-4);color:var(--c-text-muted)}.empty-state__icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--c-surface-2);display:grid;place-items:center;color:var(--c-text-faint)}.empty-state__icon svg{width:28px;height:28px}.empty-state__title{color:var(--c-text);font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--c-surface-2) 25%,var(--c-surface-3) 50%,var(--c-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton--text{height:1em}.skeleton--title{height:1.4em;width:60%}.skeleton--card{height:88px;border-radius:var(--radius-lg)}.spinner{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.offline-banner{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--c-pending);color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-medium)}.offline-banner svg{width:18px;height:18px}.live-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--c-live);flex-shrink:0;animation:live-pulse 1.6s var(--ease) infinite}.hero{padding-top:var(--sp-6)}.hero__title{font-size:var(--fs-3xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:-.02em}.hero__tagline{color:var(--c-text-muted);font-size:var(--fs-lg);margin-top:var(--sp-2)}.status{display:flex;align-items:center;gap:var(--sp-3);font-weight:var(--fw-medium);min-height:var(--tap)}.status__dot{width:12px;height:12px;border-radius:var(--radius-full);background:var(--c-text-muted);flex-shrink:0}.status__dot--ok{background:var(--c-success);box-shadow:0 0 0 4px var(--c-success-soft)}.status__dot--error{background:var(--c-danger)}.status__dot--checking{animation:blink 1.2s var(--ease) infinite}.stat{display:flex;flex-direction:column;gap:2px}.stat__value{font-family:var(--font-num);font-size:var(--fs-2xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;line-height:1.1}.stat__label{font-size:var(--fs-sm);color:var(--c-text-muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:var(--sp-3)}.brand{display:flex;align-items:center;gap:var(--sp-3)}.brand__logo{width:56px;height:56px;border-radius:var(--radius-md);box-shadow:var(--shadow-2)}.brand__name{font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-tight)}.brand__tagline{color:var(--c-text-muted);font-size:var(--fs-sm)}.form{display:flex;flex-direction:column;gap:var(--sp-4)}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--fs-sm);font-weight:var(--fw-medium)}.alert--danger{background:var(--c-danger-soft);border-color:color-mix(in srgb,var(--c-danger) 40%,transparent);color:var(--c-text)}.alert--success{background:var(--c-success-soft);border-color:color-mix(in srgb,var(--c-success) 40%,transparent);color:var(--c-text)}.page-title{font-size:var(--fs-2xl)}.profile-header{display:flex;align-items:center;gap:var(--sp-4)}.empty-state--compact{padding:var(--sp-4) 0}.btn .spinner{width:22px;height:22px}.search-field{position:relative}.search-field>svg{position:absolute;left:var(--sp-3);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--c-text-faint);pointer-events:none}.search-field>.input{padding-left:calc(var(--sp-3) + 20px + var(--sp-2))}.search-field>.input::-webkit-search-decoration{-webkit-appearance:none}.list-item--action{background:var(--c-accent-soft);border:1px dashed color-mix(in srgb,var(--c-accent) 50%,transparent);border-radius:var(--radius-lg)}.list-item--action .list-item__end{color:var(--c-accent)}.cluster--fill>.btn{flex:1 1 0}.day-card{gap:var(--sp-3)}.day-card__header{display:flex;align-items:center;gap:var(--sp-2)}.day-card__tools{display:flex;justify-content:flex-end;gap:var(--sp-1);margin-top:calc(var(--sp-2) * -1)}.input--inline{background:transparent;border-color:transparent;font-size:var(--fs-lg);font-weight:var(--fw-semibold);padding-inline:var(--sp-2)}.input--inline:hover,.input--inline:focus-visible{background:var(--c-surface-2)}.list--flush{border:0;background:transparent;border-radius:0;margin-inline:calc(var(--sp-4) * -1)}.list--flush .list-item{padding-inline:var(--sp-4)}.next-list{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2) 0;font-size:var(--fs-sm)}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:var(--sp-3)}.swatch{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-xs);color:var(--c-text-muted)}.swatch:before{content:"";height:48px;border-radius:var(--radius-md);background:var(--swatch);border:1px solid var(--c-border)}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes pop-in{0%{opacity:0;transform:scale(.96)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.3}}@keyframes live-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--c-live) 60%,transparent)}70%,to{box-shadow:0 0 0 8px transparent}}@media(prefers-reduced-motion:reduce){.skeleton,.spinner,.live-dot,.status__dot--checking{animation:none}}}@layer utilities{.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.stack[data-gap="1"]{gap:var(--sp-1)}.stack[data-gap="2"]{gap:var(--sp-2)}.stack[data-gap="3"]{gap:var(--sp-3)}.stack[data-gap="5"]{gap:var(--sp-5)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.grow{flex:1;min-width:0}.text-muted{color:var(--c-text-muted)}.text-faint{color:var(--c-text-faint)}.text-sm{font-size:var(--fs-sm)}.text-center{text-align:center}.num{font-variant-numeric:tabular-nums}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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}}