:root{--color-accent:#d1ff4b;--color-accent-hover:#c6f441;--color-accent-soft:#e8ffb0;--color-accent-ink:#1b2400;--color-ink:#0f1110;--color-ink-soft:#3a3d3b;--color-text-muted:#9aa0a6;--color-text-subtle:#c4c8cc;--color-canvas:#f0f0f0;--color-surface:#fff;--color-surface-muted:#f4f5f6;--color-surface-alt:#d9e7f0;--color-bar:#e6e8ea;--color-bar-active:#d1ff4b;--color-grid:#eeeff0;--color-positive:#4f9a3a;--color-positive-bg:#e4fa9a;--color-warning:#b57a12;--color-warning-bg:#fff1cc;--color-negative:#e5484d;--color-negative-bg:#fce4e4;--color-border:#ecedee;--font-sans:"Inter Tight", "Segoe UI", system-ui, sans-serif;--text-display:3.5rem;--text-h1:2rem;--text-h2:1.5rem;--text-h3:1.25rem;--text-body:.9375rem;--text-sm:.8125rem;--text-xs:.6875rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.06em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:10px;--radius-md:16px;--radius-lg:28px;--radius-xl:36px;--radius-full:999px;--shadow-sm:0 1px 2px #1011100a;--shadow-md:0 4px 16px #1011100f;--shadow-lg:0 12px 32px #10111014;--card-pad:var(--space-6)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;border:none;line-height:1;transition:transform 80ms,background .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-ink);color:#fff}.btn--primary:hover{background:#000}.btn--accent{background:var(--color-accent);color:var(--color-accent-ink)}.btn--accent:hover{background:var(--color-accent-hover)}.btn--ghost{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.btn--ghost:hover{background:var(--color-surface-muted)}.btn--danger{background:var(--color-negative);color:#fff}.btn--danger:hover{background:#d13b40}.btn--sm{height:32px;padding:0 var(--space-4);font-size:var(--text-xs)}.pill{border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-medium);white-space:nowrap;background:var(--color-surface-muted);color:var(--color-ink-soft);border:none;align-items:center;gap:4px;padding:4px 10px;line-height:1;display:inline-flex}.pill--delta-up{background:var(--color-positive-bg);color:var(--color-positive)}.pill--delta-down{background:var(--color-negative-bg);color:var(--color-negative)}.pill--accent{background:var(--color-accent);color:var(--color-accent-ink)}.pill--filter{color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);background:0 0;padding:8px 14px;transition:background .15s,color .15s}.pill--filter:hover{color:var(--color-ink)}.pill--filter.is-active{background:var(--color-accent);color:var(--color-accent-ink)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-md)}.card--muted{background:var(--color-surface-muted);box-shadow:none}.card--info{background:var(--color-surface-alt);box-shadow:none}.card--accent{background:var(--color-accent);color:var(--color-accent-ink);box-shadow:none}.card__label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text-muted);margin-bottom:var(--space-2);display:block}.card--accent .card__label{color:var(--color-accent-ink);opacity:.7}.card__caption{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-regular);color:var(--color-text-muted);margin:var(--space-3) 0 0;line-height:1.3}.card--accent .card__caption{color:var(--color-accent-ink);opacity:.75}.stat{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.stat__reading{align-items:baseline;gap:4px;display:flex}.stat__value{font-family:var(--font-sans);font-size:var(--text-display);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink);line-height:.95}.stat__value--md{font-size:var(--text-h2)}.stat__unit{font-family:var(--font-sans);font-size:var(--text-h3);font-weight:var(--fw-medium);color:var(--color-ink-soft)}.stat__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stat__status{border-radius:var(--radius-full);height:22px;font-size:var(--text-xs);font-weight:var(--fw-semibold);align-items:center;padding:0 8px;display:inline-flex}.stat__status--live{background:var(--color-positive-bg);color:var(--color-positive)}.stat__status--stale{background:var(--color-warning-bg);color:var(--color-warning)}.stat__status--offline{background:var(--color-negative-bg);color:var(--color-negative)}.stat__asof{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--color-text-muted)}.stat--stale .stat__value,.stat--stale .stat__unit,.stat--offline .stat__value,.stat--offline .stat__unit{color:var(--color-ink-soft)}.card--accent .stat__value,.card--accent .stat__unit{color:var(--color-accent-ink)}.bars{justify-content:center;align-items:flex-end;gap:8px;height:120px;display:flex}.bar{width:100%;max-width:18px;height:var(--h,40%);background:var(--color-bar);border-radius:var(--radius-full);flex:1 1 0;min-height:8px;transition:height .3s,background .15s}.bar.is-active{background:var(--color-bar-active)}.rail{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-muted);border-radius:var(--radius-full);flex-direction:column;width:fit-content;display:flex}.rail-item{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;place-items:center;transition:background .15s,color .15s;display:grid}.rail-item:hover{color:var(--color-ink)}.rail-item.is-active{background:var(--color-accent);color:var(--color-accent-ink)}.rail-item svg{width:20px;height:20px}.field{flex-direction:column;gap:6px;width:100%;max-width:320px;display:flex}.field__label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--color-text-muted)}.field__control{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);min-height:44px;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.field__control:focus-within{border-color:var(--color-ink);box-shadow:0 0 0 3px #d1ff4b59}.field--error .field__control{border-color:var(--color-negative)}.field__input{min-width:0;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-ink);background:0 0;border:none;outline:none;flex:1;height:42px}.field__input::placeholder{color:var(--color-text-muted);font-weight:var(--fw-regular)}.field__affix{color:var(--color-text-muted);flex-shrink:0;display:inline-flex}.field__affix svg{width:16px;height:16px}.field__control--select{cursor:pointer;text-align:left;width:100%;font:inherit;padding-right:36px;position:relative}.field__control--select:disabled{opacity:.55;cursor:not-allowed}.field__control--select.is-open{border-color:var(--color-ink);box-shadow:0 0 0 3px #d1ff4b59}.field__chevron{color:var(--color-text-muted);pointer-events:none;font-size:12px;line-height:1;transition:transform .15s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.field__control--select.is-open .field__chevron{transform:translateY(-50%)rotate(180deg)}.select{width:100%;position:relative}.select__trigger{align-items:center;display:flex}.select__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-ink);flex:1;overflow:hidden}.select__value.is-placeholder{color:var(--color-text-muted);font-weight:var(--fw-regular)}.select__menu{z-index:40;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);outline:none;max-height:240px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.select__option{border-radius:var(--radius-full);min-height:36px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-ink);cursor:pointer;align-items:center;padding:8px 12px;transition:background .12s,color .12s;display:flex}.select__option.is-active{background:var(--color-surface-muted)}.select__option.is-selected{background:var(--color-accent);color:var(--color-accent-ink)}.select__option.is-selected.is-active{background:var(--color-accent-hover)}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field__hint--error{color:var(--color-negative)}.toggle{align-items:center;gap:10px;display:inline-flex}.toggle.is-disabled{opacity:.5;pointer-events:none}.toggle__track{border-radius:var(--radius-full);background:var(--color-surface-muted);cursor:pointer;border:none;width:48px;height:28px;padding:3px;transition:background .15s;position:relative}.toggle__track.is-on{background:var(--color-accent)}.toggle__thumb{border-radius:var(--radius-full);background:var(--color-surface);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform .15s;display:block}.toggle__track.is-on .toggle__thumb{background:var(--color-accent-ink);transform:translate(20px)}.toggle__label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-ink)}.progress{flex-direction:column;gap:8px;width:100%;display:flex}.progress__meta{justify-content:space-between;gap:12px;display:flex}.progress__label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-ink)}.progress__detail{font-size:var(--text-xs);color:var(--color-text-muted)}.progress__track{border-radius:var(--radius-full);background:var(--color-surface-muted);height:10px;overflow:hidden}.progress__fill{border-radius:var(--radius-full);height:100%;transition:width .25s;display:block}.progress__fill--accent{background:var(--color-accent)}.progress__fill--info{background:#7eb6d4}.progress__fill--positive{background:var(--color-positive)}.avatar{border-radius:var(--radius-full);font-family:var(--font-sans);font-weight:var(--fw-semibold);flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--sm{width:28px;height:28px;font-size:10px}.avatar--md{width:40px;height:40px;font-size:13px}.avatar--lg{width:56px;height:56px;font-size:18px}.avatar--ink{background:var(--color-ink);color:#fff}.avatar--accent{background:var(--color-accent);color:var(--color-accent-ink)}.avatar--info{background:var(--color-surface-alt);color:var(--color-ink)}.alert{border-radius:var(--radius-md);background:var(--color-surface-muted);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.alert__dot{border-radius:var(--radius-full);background:var(--color-ink);flex-shrink:0;width:10px;height:10px;margin-top:4px}.alert--info{background:var(--color-surface-alt)}.alert--info .alert__dot{background:#4f8fbd}.alert--positive{background:var(--color-positive-bg)}.alert--positive .alert__dot{background:var(--color-positive)}.alert--warning{background:var(--color-warning-bg)}.alert--warning .alert__dot{background:var(--color-warning)}.alert--critical{background:var(--color-negative-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-negative) 28%, transparent)}.alert--critical .alert__dot{background:var(--color-negative)}.alert--accent{background:var(--color-accent-soft)}.alert--accent .alert__dot{background:var(--color-accent-ink)}.alert__title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-ink);display:block}.alert__text{font-size:var(--text-xs);color:var(--color-ink-soft);margin:4px 0 0;line-height:1.4}.segmented{background:var(--color-surface-muted);border-radius:var(--radius-full);flex-wrap:wrap;gap:2px;width:fit-content;max-width:100%;padding:4px;display:inline-flex}.segmented__item{color:var(--color-text-muted);border-radius:var(--radius-full);height:36px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:none;padding:0 14px;transition:background .15s,color .15s}.segmented__item:hover{color:var(--color-ink)}.segmented__item.is-active{background:var(--color-accent);color:var(--color-accent-ink)}.stepper{flex-direction:column;gap:8px;display:flex}.stepper__label{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--color-text-muted)}.stepper__controls{align-items:center;gap:12px;display:inline-flex}.stepper__btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;color:var(--color-ink);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex}.stepper__btn:disabled{opacity:.4;cursor:not-allowed}.stepper__btn:hover:not(:disabled){background:var(--color-surface-muted)}.stepper__value{text-align:center;min-width:64px;font-size:var(--text-h3);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink)}.stepper__unit{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text-muted);margin-left:2px}.icon-button{border-radius:var(--radius-full);cursor:pointer;color:var(--color-ink-soft);border:none;place-items:center;transition:background .15s,color .15s,transform 80ms;display:inline-grid}.icon-button:active{transform:scale(.96)}.icon-button svg{width:18px;height:18px}.icon-button--sm{width:32px;height:32px}.icon-button--md{width:40px;height:40px}.icon-button--ghost{background:0 0}.icon-button--ghost:hover,.icon-button--muted{background:var(--color-surface-muted);color:var(--color-ink)}.icon-button--ink{background:var(--color-ink);color:#fff}.icon-button--accent{background:var(--color-accent);color:var(--color-accent-ink)}.list-item{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);text-align:left;width:100%;font:inherit;color:inherit;align-items:center;gap:12px;padding:12px 14px;display:flex}.list-item--clickable{cursor:pointer;transition:background .15s,border-color .15s}.list-item--clickable:hover{background:var(--color-surface-muted);border-color:#0000}.list-item__leading,.list-item__trailing{flex-shrink:0}.list-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list-item__title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-ink)}.list-item__subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.list-item__meta{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--color-text-muted);white-space:nowrap}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.check.is-disabled{opacity:.5;pointer-events:none}.check__input{opacity:0;pointer-events:none;position:absolute}.check__box{border:1.5px solid var(--color-border);background:var(--color-surface);width:20px;height:20px;color:var(--color-accent-ink);border-radius:6px;place-items:center;transition:background .15s,border-color .15s;display:grid}.check__input:checked+.check__box{background:var(--color-accent);border-color:var(--color-accent)}.check__input:focus-visible+.check__box{box-shadow:0 0 0 3px #d1ff4b59}.check__label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-ink)}.modal-root{z-index:200;padding:var(--space-4);place-items:center;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#0f11102e;border:none;position:absolute;inset:0}.modal{z-index:1;background:var(--color-surface);border-radius:var(--radius-xl);width:min(440px,100%);padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex;position:relative;box-shadow:0 24px 64px #10111029,0 0 0 1px #0f11100a}.modal__header{justify-content:space-between;gap:var(--space-3);align-items:flex-start;display:flex}.modal__header h3{font-size:var(--text-h3);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0}.modal__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:6px 0 0;line-height:1.4}.modal__body{font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.45}.modal__footer{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.usage-guide{gap:var(--space-6);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface-muted);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);display:grid}.usage-guide__title{margin:0 0 var(--space-4);font-size:var(--text-h3);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.usage-guide__rules{gap:var(--space-3);flex-direction:column;display:flex}.usage-guide__rule{font-size:var(--text-sm);color:var(--color-ink-soft);margin:0;line-height:1.5}.usage-guide__rule span{border-radius:var(--radius-full);height:22px;font-size:var(--text-xs);font-weight:var(--fw-semibold);vertical-align:middle;align-items:center;margin-right:8px;padding:0 8px;display:inline-flex}.usage-guide__rule--do span{background:var(--color-positive-bg);color:var(--color-positive)}.usage-guide__rule--dont span{background:var(--color-negative-bg);color:var(--color-negative)}.usage-guide__example{gap:var(--space-3);flex-direction:column;justify-content:center;display:flex}@media (width<=860px){.usage-guide{grid-template-columns:1fr}}.toast{border-radius:var(--radius-lg);background:var(--color-surface);width:min(360px,100%);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.toast__dot{border-radius:var(--radius-full);background:var(--color-ink);flex-shrink:0;width:10px;height:10px;margin-top:4px}.toast--positive .toast__dot{background:var(--color-positive)}.toast--warning .toast__dot{background:var(--color-negative)}.toast--accent .toast__dot{background:var(--color-accent)}.toast--info .toast__dot{background:#4f8fbd}.toast__body{flex:1;min-width:0}.toast__body strong{font-size:var(--text-sm);font-weight:var(--fw-semibold);display:block}.toast__body p{font-size:var(--text-xs);color:var(--color-text-muted);margin:4px 0 0;line-height:1.4}.toast__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.toast-viewport{z-index:80;right:var(--space-6);bottom:var(--space-6);gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast-viewport .toast{pointer-events:auto;animation:.22s toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tooltip{display:inline-flex;position:relative}.tooltip__bubble{opacity:0;pointer-events:none;white-space:nowrap;background:var(--color-ink);color:#fff;font-size:var(--text-xs);font-weight:var(--fw-medium);border-radius:var(--radius-full);z-index:5;padding:6px 10px;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}.tooltip:hover .tooltip__bubble,.tooltip:focus-within .tooltip__bubble{opacity:1;transform:translate(-50%)translateY(0)}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:520px}.table caption{text-align:left;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-ink);border-bottom:1px solid var(--color-border);padding:14px 16px}.table th,.table td{text-align:left;font-size:var(--text-sm);border-bottom:1px solid var(--color-border);padding:12px 16px}.table th{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--color-text-muted);background:var(--color-surface-muted)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#f4f5f6b3}.table .is-right{text-align:right}.timeline{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.timeline__item{grid-template-columns:24px 1fr;gap:12px;min-height:72px;display:grid}.timeline__rail{flex-direction:column;align-items:center;display:flex}.timeline__dot{border-radius:var(--radius-full);background:var(--color-surface-alt);border:2px solid var(--color-ink);flex-shrink:0;width:12px;height:12px;margin-top:4px}.timeline__item--accent .timeline__dot{background:var(--color-accent);border-color:var(--color-accent-ink)}.timeline__item--positive .timeline__dot{background:var(--color-positive-bg);border-color:var(--color-positive)}.timeline__item--warning .timeline__dot{background:var(--color-negative-bg);border-color:var(--color-negative)}.timeline__line{background:var(--color-border);flex:1;width:2px;margin-top:6px}.timeline__content{padding-bottom:var(--space-4)}.timeline__top{justify-content:space-between;gap:12px;margin-bottom:4px;display:flex}.timeline__top strong{font-size:var(--text-sm);font-weight:var(--fw-semibold)}.timeline__top span{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.timeline__content p{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.4}.accordion{flex-direction:column;gap:8px;display:flex}.accordion__item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.accordion__trigger{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-ink);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.accordion__chevron{color:var(--color-text-muted);transition:transform .15s}.accordion__item.is-open .accordion__chevron{transform:rotate(180deg)}.accordion__panel{font-size:var(--text-sm);color:var(--color-ink-soft);padding:0 16px 14px;line-height:1.45}.empty{text-align:center;padding:var(--space-8) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface-muted);flex-direction:column;align-items:center;gap:10px;display:flex}.empty__icon{border-radius:var(--radius-full);background:var(--color-accent);width:48px;height:48px;color:var(--color-accent-ink);font-size:20px;font-weight:var(--fw-bold);place-items:center;display:grid}.empty h3{font-size:var(--text-body);font-weight:var(--fw-semibold);margin:0}.empty p{max-width:32ch;font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.4}.skeleton{background:linear-gradient(90deg, var(--color-surface-muted) 0%, #e9eaec 50%, var(--color-surface-muted) 100%);background-size:200% 100%;animation:1.2s ease-in-out infinite skeleton-shine;display:block}.skeleton--sm{border-radius:var(--radius-sm)}.skeleton--md{border-radius:var(--radius-md)}.skeleton--lg{border-radius:var(--radius-lg)}.skeleton--full{border-radius:var(--radius-full)}@keyframes skeleton-shine{0%{background-position:100% 0}to{background-position:-100% 0}}.upload{min-height:140px;padding:var(--space-5);border-radius:var(--radius-lg);border:1.5px dashed var(--color-border);background:var(--color-surface-muted);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:border-color .15s,background .15s;display:flex;position:relative}.upload.is-dragging,.upload:hover{border-color:var(--color-accent-ink);background:var(--color-accent-soft)}.upload.has-file{border-style:solid;border-color:var(--color-accent);background:#f7ffe8}.upload__input{opacity:0;pointer-events:none;position:absolute}.upload__icon{border-radius:var(--radius-full);background:var(--color-surface);width:36px;height:36px;font-weight:var(--fw-bold);place-items:center;margin-bottom:4px;display:grid}.upload strong{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-ink)}.upload span:last-child{font-size:var(--text-xs);color:var(--color-text-muted)}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{font-size:var(--text-sm);align-items:center;gap:6px;display:inline-flex}.breadcrumbs a{color:var(--color-text-muted);font-weight:var(--fw-medium);text-decoration:none}.breadcrumbs a:hover{color:var(--color-ink)}.breadcrumbs [aria-current=page]{color:var(--color-ink);font-weight:var(--fw-semibold)}.breadcrumbs__sep{color:var(--color-text-subtle)}.pagination{align-items:center;gap:10px;display:inline-flex}.pagination__btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);height:36px;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--color-ink);cursor:pointer;padding:0 14px}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__btn:hover:not(:disabled){background:var(--color-surface-muted)}.pagination__status{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--fw-medium)}.status-dot{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--color-ink-soft);align-items:center;gap:6px;display:inline-flex}.status-dot__orb{border-radius:var(--radius-full);background:var(--color-text-subtle);width:8px;height:8px}.status-dot--positive .status-dot__orb{background:var(--color-positive)}.status-dot--warning .status-dot__orb{background:var(--color-negative)}.status-dot--info .status-dot__orb{background:#4f8fbd}.status-dot--accent .status-dot__orb{background:var(--color-accent);box-shadow:0 0 0 3px #d1ff4b59}.gauge{flex-direction:column;gap:8px;width:100%;display:flex}.gauge__meta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.gauge__meta span{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--fw-medium)}.gauge__meta strong{font-size:var(--text-h3);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.gauge__track{border-radius:var(--radius-full);background:var(--color-surface-muted);height:12px;position:relative;overflow:hidden}.gauge__fill{border-radius:var(--radius-full);background:var(--color-accent);height:100%;display:block}.gauge__target{background:var(--color-ink);width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.gauge__scale{color:var(--color-text-muted);justify-content:space-between;font-size:10px;display:flex}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--fw-regular);color:var(--color-ink);background:var(--color-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit}html.is-embedded{scrollbar-width:none;-ms-overflow-style:none}html.is-embedded::-webkit-scrollbar{display:none}h1,h2,h3,p{margin:0}.dash-page{background:0 0;min-height:100%;padding:0}.dash-shell{background:var(--color-surface);max-width:none;box-shadow:none;padding:var(--space-5);border-radius:0;min-height:100%;margin:0}.brand-pill__short{display:none}.brand-pill__full{display:inline}.dash-topbar{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding:0 var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.brand-pill{justify-self:start;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--color-accent);height:40px;color:var(--color-accent-ink);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;border:none;padding:0 14px 0 8px;display:inline-flex}.brand-pill__mark{border-radius:var(--radius-full);background:var(--color-ink);width:26px;height:26px;color:var(--color-accent);place-items:center;display:grid}.topbar-icons{gap:var(--space-1);display:flex}.topbar-right{justify-self:end;align-items:center;gap:var(--space-2);display:flex}.icon-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-ink-soft);cursor:pointer;background:0 0;border:none;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--color-surface-muted);color:var(--color-ink)}.icon-btn svg{width:18px;height:18px}.icon-btn--badge .badge-dot{border-radius:var(--radius-full);background:var(--color-negative);border:1.5px solid var(--color-surface);width:7px;height:7px;position:absolute;top:7px;right:8px}.date-pill{border-radius:var(--radius-full);background:var(--color-surface-muted);height:36px;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;border:none;padding:0 14px}.menu-btn{border-radius:var(--radius-full);background:var(--color-ink);color:#fff;cursor:pointer;border:none;place-items:center;width:40px;height:40px;display:grid}.menu-btn svg{width:18px;height:18px}.dash-body{gap:var(--space-5);grid-template-columns:64px 1fr;align-items:start;display:grid}.dash-sidebar{align-items:center;gap:var(--space-4);top:var(--space-4);flex-direction:column;align-self:stretch;min-height:100%;display:flex;position:sticky}.dash-rail{background:var(--color-surface-muted);padding:var(--space-3) var(--space-2);gap:var(--space-3)}.rail-text{font-size:8px;font-weight:var(--fw-bold);letter-spacing:.02em;line-height:1}.sidebar-fabs{gap:var(--space-2);flex-direction:column;align-items:center;margin-top:auto;display:flex}.fab{border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);border:none;place-items:center;display:grid}.fab svg{width:16px;height:16px}.fab--light{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border)}.fab--dark{background:var(--color-ink);color:#fff}.dash-main{min-width:0}.dash-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.dash-heading h1{font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1.1}.dash-heading p{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:4px}.heading-controls{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.control-pill{gap:6px}.control-pill svg{width:14px;height:14px;color:var(--color-text-muted)}.dash-grid{gap:var(--space-4);grid-template-columns:minmax(0,1.55fr) minmax(180px,.55fr) minmax(220px,.7fr);grid-template-areas:"analytics metrics wellness""anatomy weekly breath";align-items:stretch;display:grid}.analytics-card{gap:var(--space-4);flex-direction:column;grid-area:analytics;min-height:360px;display:flex;position:relative}.metric-stack{gap:var(--space-4);flex-direction:column;grid-area:metrics;display:flex}.metric-stack>.card{flex-direction:column;flex:1;display:flex}.metric-stack>.card .stat{margin:auto 0}.wellness-card{gap:var(--space-5);flex-direction:column;grid-area:wellness;display:flex;position:relative}.anatomy-card{gap:var(--space-3);padding:var(--space-3);grid-area:anatomy;grid-template-columns:.95fr 1.15fr;min-height:240px;display:grid;overflow:hidden}.weekly-card{flex-direction:column;grid-area:weekly;justify-content:flex-end;display:flex}.breath-card{justify-content:space-between;gap:var(--space-4);flex-direction:column;grid-area:breath;display:flex}.card-title{font-size:var(--text-body);font-weight:var(--fw-semibold);align-items:center;gap:8px;display:inline-flex}.title-dot{background:var(--color-ink);border-radius:3px;width:10px;height:10px}.title-dot--accent{background:var(--color-accent)}.analytics-head{justify-content:space-between;align-items:flex-start;display:flex}.analytics-top{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.analytics-top .analytics-metrics{flex:1;min-width:0}.zoom-rail{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.zoom-rail--side{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.zoom-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);width:22px;height:22px;color:var(--color-ink-soft);cursor:pointer;justify-content:center;align-items:center;margin:0;padding:0;font-size:0;line-height:0;display:inline-flex}.zoom-btn svg{flex-shrink:0;width:10px;height:10px;display:block}.zoom-track{border-radius:var(--radius-full);background:var(--color-border);width:2px;height:48px}.analytics-metrics{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.metric-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:6px;display:block}.metric-row{align-items:center;gap:var(--space-2);flex-wrap:nowrap;display:flex}.metric-row strong{font-size:clamp(1.4rem,2vw,1.85rem);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1}.metric-row .pill{flex-shrink:0;align-self:center}.analytics-chart{min-height:160px;margin-top:var(--space-2);padding-top:var(--space-4);flex:1;align-items:flex-end;display:flex;position:relative}.chart-threshold{border-top:1.5px dashed var(--color-text-subtle);pointer-events:none;position:absolute;bottom:calc(74% + 9px);left:0;right:0}.chart-bars{align-items:flex-end;gap:8px;width:100%;height:100%;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.chart-col .bar{flex:none;width:100%;max-width:28px}.chart-callout{font-size:10px;font-weight:var(--fw-semibold);color:var(--color-ink);min-height:14px;margin-bottom:2px}.chart-callout--spacer{visibility:hidden}.chart-month{color:var(--color-text-muted);font-size:10px}.analytics-tabs{background:var(--color-surface-muted);border-radius:var(--radius-full);flex-wrap:wrap;gap:2px;width:fit-content;max-width:100%;padding:4px;display:flex}.oxygen-card .stat__value,.bpm-card .stat__value{font-size:clamp(2.4rem,4vw,3.25rem)}.bpm-top{justify-content:space-between;align-items:center;display:flex}.bpm-top .card__label{margin-bottom:0}.timestamp{font-size:var(--text-xs);color:var(--color-text-muted)}.wellness-tabs{gap:var(--space-4);display:flex}.wellness-tab{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.wellness-tab.is-active{color:var(--color-ink)}.wellness-tab.is-active svg{color:var(--color-accent)}.news-dot{border-radius:var(--radius-full);background:var(--color-ink);width:8px;height:8px}.wellness-hero{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.wellness-kcal__row{align-items:center;gap:var(--space-2);flex-wrap:nowrap;display:flex}.wellness-kcal__row .pill{flex-shrink:0}.wellness-kcal strong{font-size:clamp(1.5rem,2vw,1.85rem);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1;display:block}.wellness-kcal span{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:4px;display:block}.wellness-banner{font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);max-width:22ch;margin:0;line-height:1.5}.wellness-mid{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.wellness-mid .wellness-banner{flex:1;min-width:0}.wellness-mid .zoom-rail{flex-shrink:0}.wellness-split{gap:var(--space-3);grid-template-columns:1fr 1fr;margin-top:auto;display:grid}.wellness-split strong{font-size:var(--text-h3);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);display:block}.wellness-split span{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:4px;line-height:1.3;display:block}.wellness-workouts{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.wellness-workouts .pill{flex-shrink:0}.anatomy-accent{background:var(--color-accent);border-radius:calc(var(--radius-lg) - 8px);padding:var(--space-5) var(--space-4);justify-content:space-between;gap:var(--space-4);flex-direction:column;min-height:100%;display:flex}.anatomy-accent .pill{color:var(--color-accent-ink);background:#0f111014;width:fit-content}.anatomy-accent .stat__value,.anatomy-accent .stat__unit{color:var(--color-accent-ink)}.anatomy-stat .stat__value{font-size:clamp(2rem,3vw,2.75rem)}.anatomy-stat__label{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--color-accent-ink);opacity:.7}.pager{gap:6px;display:flex}.pager-dot{border-radius:var(--radius-full);background:#0f111033;width:6px;height:6px}.pager-dot.is-active{background:var(--color-ink)}.anatomy-visual{background:var(--color-surface-muted);border-radius:calc(var(--radius-lg) - 8px);min-height:100%;padding:var(--space-3);place-items:center;display:grid;overflow:hidden}.body-figure{object-fit:contain;object-position:center;width:72%;height:auto;max-height:220px;display:block}.weekly-chart{flex:1;justify-content:space-between;align-items:flex-end;gap:0;min-height:180px;display:flex}.weekly-col{box-sizing:border-box;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:8px;min-width:0;max-width:none;height:100%;padding-top:28px;display:flex;position:relative}.weekly-callout{z-index:1;font-size:10px;font-weight:var(--fw-semibold);color:var(--color-ink);background:var(--color-accent);border-radius:var(--radius-full);white-space:nowrap;pointer-events:none;padding:3px 7px;position:absolute;top:0;left:50%;transform:translate(-50%)}.weekly-stem{background:var(--color-text-subtle);border-radius:var(--radius-full);width:2px}.weekly-stem.is-active{background:var(--color-accent);width:3px}.weekly-day{font-size:var(--text-xs);color:var(--color-text-muted)}.breath-card h2{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);text-transform:uppercase;max-width:10ch;line-height:1.1}.breath-card>p{color:var(--color-text-muted);font-size:var(--text-sm);max-width:24ch;line-height:1.4}.breath-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.breath-footer strong{color:var(--color-ink);font-weight:var(--fw-semibold)}.breath-icon{border-radius:var(--radius-full);background:var(--color-surface-muted);width:32px;height:32px;color:var(--color-ink);flex-shrink:0;place-items:center;display:grid}.breath-icon svg{width:16px;height:16px}.dash-page--ipad .dash-shell{padding:var(--space-5)}.dash-page--ipad .dash-grid{grid-template-columns:minmax(0,1.55fr) minmax(160px,.55fr) minmax(200px,.7fr);grid-template-areas:"analytics metrics wellness""anatomy weekly breath"}.dash-page--ipad .analytics-card,.dash-page--ipad .wellness-card{min-height:340px}.dash-page--ipad .metric-row{flex-direction:column;align-items:flex-start;gap:6px;width:fit-content}.dash-page--ipad .metric-row .pill{align-self:flex-end}.dash-page--iphone{padding-top:22px}.dash-page--iphone .dash-shell{padding:var(--space-3) var(--space-3) calc(var(--space-8) + 56px);background:var(--color-canvas)}.dash-page--iphone .dash-topbar{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:1fr auto;padding:0}.dash-page--iphone .topbar-icons{display:none}.dash-page--iphone .brand-pill{height:34px;padding:0 10px 0 6px;font-size:12px}.dash-page--iphone .brand-pill__mark{width:22px;height:22px}.dash-page--iphone .brand-pill__full{display:none}.dash-page--iphone .brand-pill__short{display:inline}.dash-page--iphone .date-pill,.dash-page--iphone .topbar-icons__extra{display:none}.dash-page--iphone .icon-btn,.dash-page--iphone .menu-btn{width:34px;height:34px}.dash-page--iphone .dash-body{grid-template-columns:unset;flex-direction:column;display:flex}.dash-page--iphone .dash-main{order:1;min-width:0}.dash-page--iphone .dash-sidebar{z-index:5;justify-content:center;gap:var(--space-2);width:100%;max-width:none;margin-top:var(--space-4);pointer-events:none;flex-direction:row;order:2;position:sticky;bottom:12px;left:auto;transform:none}.dash-page--iphone .dash-rail{gap:var(--space-2);pointer-events:auto;max-width:100%;box-shadow:var(--shadow-lg);background:var(--color-surface);flex-direction:row;padding:8px;overflow-x:auto}.dash-page--iphone .rail-item{flex-shrink:0;width:40px;height:40px}.dash-page--iphone .sidebar-fabs{display:none}.dash-page--iphone .dash-heading{align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column}.dash-page--iphone .dash-heading h1{font-size:1.65rem}.dash-page--iphone .heading-controls{width:100%}.dash-page--iphone .control-pill__label{display:none}.dash-page--iphone .dash-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;grid-template-areas:"analytics analytics""metrics metrics""wellness wellness""anatomy anatomy""weekly breath"}.dash-page--iphone .metric-stack{flex-direction:row}.dash-page--iphone .metric-stack>.card{min-width:0}.dash-page--iphone .oxygen-card .stat__value,.dash-page--iphone .bpm-card .stat__value{font-size:2.25rem}.dash-page--iphone .analytics-card{gap:var(--space-3);min-height:0}.dash-page--iphone .analytics-metrics{gap:var(--space-3);grid-template-columns:1fr}.dash-page--iphone .analytics-chart{min-height:130px}.dash-page--iphone .chart-bars{gap:4px}.dash-page--iphone .chart-month{font-size:8px}.dash-page--iphone .analytics-tabs{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;width:100%;max-width:100%;overflow-x:auto}.dash-page--iphone .analytics-tabs::-webkit-scrollbar{height:0;display:none}.dash-page--iphone .analytics-tabs::-webkit-scrollbar-button{width:0;height:0;display:none}.dash-page--iphone .analytics-tabs .pill{flex-shrink:0}.dash-page--iphone .zoom-rail{display:none}.dash-page--iphone .wellness-card{padding-right:var(--card-pad);min-height:0}.dash-page--iphone .anatomy-card{grid-template-columns:.9fr 1.1fr;min-height:200px}.dash-page--iphone .anatomy-stat .stat__value{font-size:1.75rem}.dash-page--iphone .body-figure{width:68%;max-height:160px}.dash-page--iphone .weekly-chart{min-height:140px}.dash-page--iphone .breath-card h2{font-size:1.25rem}.dash-page--iphone .card{border-radius:var(--radius-md);padding:var(--space-4)}.view-switch{z-index:50;background:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);align-items:center;gap:6px;padding:4px;display:flex;position:fixed;bottom:20px;right:20px}.view-switch__group{gap:2px;display:flex}.view-switch__divider{background:var(--color-border);width:1px;height:20px;margin:0 2px}.view-switch button{border-radius:var(--radius-full);height:32px;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.view-switch button.is-active{background:var(--color-accent);color:var(--color-accent-ink)}.device-stage{min-height:100vh;padding:var(--space-6) var(--space-4) 96px;background:radial-gradient(1000px 500px at 15% -5%, #f7ffe8 0%, transparent 55%), radial-gradient(800px 420px at 95% 5%, #eaf3f8 0%, transparent 50%), var(--color-canvas);flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.device-caption{margin-top:var(--space-4);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase}.device-frame{background:#1a1c1b;position:relative;overflow:hidden;box-shadow:0 24px 64px #1011102e,inset 0 0 0 1px #ffffff14}.device-frame--ipad{border-radius:28px;width:min(1100px,100%);padding:14px}.device-frame--iphone{border-radius:44px;width:min(390px,100%);padding:12px}.device-island{border-radius:var(--radius-full);z-index:2;background:#0a0b0a;width:96px;height:28px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.device-home{border-radius:var(--radius-full);background:#ffffff59;width:108px;height:4px;margin:10px auto 2px}.device-screen{background:var(--color-canvas);-webkit-overflow-scrolling:touch;overflow:auto}.device-frame--ipad .device-screen{background:var(--color-surface);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0f111047 transparent;border-radius:16px;height:min(760px,100vh - 160px);position:relative;overflow:auto}.device-frame--iphone .device-screen{background:var(--color-canvas);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#0f111047 transparent;border-radius:34px;height:min(780px,100vh - 160px);position:relative;overflow:auto}.device-frame--ipad .device-screen::-webkit-scrollbar{width:6px}.device-frame--iphone .device-screen::-webkit-scrollbar{width:6px}.device-frame--ipad .device-screen::-webkit-scrollbar-button{width:0;height:0;display:none}.device-frame--iphone .device-screen::-webkit-scrollbar-button{width:0;height:0;display:none}.device-frame--ipad .device-screen::-webkit-scrollbar-track{border-radius:var(--radius-full);background:0 0;margin-block:18px}.device-frame--iphone .device-screen::-webkit-scrollbar-track{border-radius:var(--radius-full);background:0 0;margin-block:40px}.device-frame--ipad .device-screen::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#0f111047 padding-box padding-box;border:1px solid #0000}.device-frame--iphone .device-screen::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#0f111047 padding-box padding-box;border:1px solid #0000}.device-frame--ipad .device-screen::-webkit-scrollbar-thumb:hover{background:#0f111066 padding-box padding-box;border:1px solid #0000}.device-frame--iphone .device-screen::-webkit-scrollbar-thumb:hover{background:#0f111066 padding-box padding-box;border:1px solid #0000}.device-frame--ipad .device-screen::-webkit-scrollbar-corner{background:0 0}.device-frame--iphone .device-screen::-webkit-scrollbar-corner{background:0 0}.page{max-width:1120px;padding:var(--space-8) var(--space-6) var(--space-12);margin:0 auto}.page__header{margin-bottom:var(--space-10)}.brand{align-items:center;gap:var(--space-2);background:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-accent-ink);margin-bottom:var(--space-6);padding:6px 14px 6px 8px;display:inline-flex}.brand__mark{border-radius:var(--radius-full);background:var(--color-ink);width:24px;height:24px;color:var(--color-accent);font-size:11px;font-weight:var(--fw-bold);place-items:center;display:grid}.logo-mark{background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.page__title{font-size:var(--text-h1);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1.1}.page__subtitle{margin-top:var(--space-3);max-width:42ch;color:var(--color-text-muted);font-size:var(--text-body);line-height:1.5}.section{margin-bottom:var(--space-10)}.section__title{font-size:var(--text-h3);font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}.section__desc{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5);line-height:1.4}.swatch-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.swatch{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.swatch__chip{height:72px}.swatch__meta{padding:var(--space-3)}.swatch__name{font-size:var(--text-sm);font-weight:var(--fw-semibold);display:block}.swatch__hex{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-top:2px;display:block}.type-stack{gap:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.type-row{gap:var(--space-4);grid-template-columns:120px 1fr;align-items:baseline;display:grid}.type-row__meta{font-size:var(--text-xs);color:var(--color-text-muted)}.type-display{font-size:var(--text-display);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:.95}.type-h1{font-size:var(--text-h1);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.type-h2{font-size:var(--text-h2);font-weight:var(--fw-bold)}.type-h3{font-size:var(--text-h3);font-weight:var(--fw-semibold)}.type-body{font-size:var(--text-body)}.type-sm{font-size:var(--text-sm);color:var(--color-text-muted)}.type-xs{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase}.space-row{gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.space-item{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.space-item__box{background:var(--color-accent);border-radius:4px;width:48px}.space-item__label{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.radius-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.radius-item{background:var(--color-surface);border:2px solid var(--color-ink);width:80px;height:80px;font-size:var(--text-xs);font-weight:var(--fw-medium);place-items:center;display:grid}.row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.stack{gap:var(--space-3);flex-direction:column;display:flex}.stack--tight{gap:var(--space-2)}.demo-panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md)}.form-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.toc{margin-top:var(--space-6);flex-wrap:wrap;gap:8px;display:flex}.toc a{color:var(--color-ink-soft);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-medium);padding:6px 12px;text-decoration:none}.toc a:hover{background:var(--color-accent);color:var(--color-accent-ink);border-color:#0000}.component-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.preview-shell{gap:var(--space-4);background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-lg);grid-template-columns:auto 1fr;display:grid}.preview-main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.preview-top{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.preview-filters{gap:var(--space-1);padding:var(--space-1);background:var(--color-surface-muted);border-radius:var(--radius-full);flex-wrap:wrap;width:fit-content;display:flex}.preview-metrics{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=720px){.type-row{gap:var(--space-1);grid-template-columns:1fr}.preview-shell,.preview-metrics{grid-template-columns:1fr}.rail{flex-direction:row;justify-content:center;width:100%}}.auth-page{min-height:100vh;padding:var(--space-6) var(--space-4) 96px;background:radial-gradient(1000px 520px at 8% -10%, #f7ffe8 0%, transparent 55%), radial-gradient(900px 480px at 100% 0%, #eaf3f8 0%, transparent 50%), var(--color-canvas);place-items:center;display:grid}.auth-shell{background:var(--color-surface);width:min(980px,100%);box-shadow:var(--shadow-lg);border-radius:40px;grid-template-columns:1.05fr .95fr;gap:0;min-height:620px;display:grid;overflow:hidden}.auth-brand{padding:var(--space-8);background:linear-gradient(160deg, #d1ff4b59, transparent 42%), linear-gradient(20deg, #d9e7f0b3, transparent 50%), var(--color-surface-muted);justify-content:space-between;gap:var(--space-8);flex-direction:column;display:flex}.auth-brand__pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--color-accent);height:40px;color:var(--color-accent-ink);font-size:var(--text-sm);font-weight:var(--fw-semibold);width:fit-content;margin-bottom:var(--space-6);padding:0 14px 0 8px;display:inline-flex}.auth-brand__mark{border-radius:var(--radius-full);background:var(--color-ink);width:26px;height:26px;color:var(--color-accent);place-items:center;display:grid}.auth-brand__mark .logo-mark{background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.auth-brand__eyebrow{margin:0 0 var(--space-3);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.auth-brand__title{font-size:clamp(2rem,3vw,2.75rem);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink);max-width:12ch;margin:0;line-height:1.08}.auth-brand__copy{margin:var(--space-4) 0 0;max-width:34ch;font-size:var(--text-body);color:var(--color-ink-soft);line-height:1.5}.auth-brand__metrics{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.auth-metric{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;display:flex}.auth-metric--info{background:var(--color-surface-alt);box-shadow:none}.auth-metric__label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--fw-medium)}.auth-metric strong{font-size:var(--text-h2);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1}.auth-panel{padding:var(--space-8);justify-content:center;gap:var(--space-6);flex-direction:column;display:flex}.auth-panel__header h2{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-h2);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.auth-panel__header p{color:var(--color-text-muted);font-size:var(--text-sm);max-width:36ch;margin:0;line-height:1.45}.auth-oauth{gap:var(--space-4);flex-direction:column;display:flex}.auth-google{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);width:100%;height:48px;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:10px;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.auth-google:hover{background:var(--color-surface-muted);border-color:#dddfe1}.auth-google:active{transform:scale(.99)}.auth-divider{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);height:1px}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.field--full{max-width:none}.btn--block{width:100%;height:48px;margin-top:var(--space-2)}.auth-form__row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.auth-link{color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-semibold);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.auth-link:hover{color:var(--color-ink-soft)}.auth-form__success{border-radius:var(--radius-md);background:var(--color-positive-bg);color:var(--color-positive);font-size:var(--text-xs);font-weight:var(--fw-medium);margin:0;padding:12px 14px;line-height:1.4}.auth-panel__footer{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}@media (width<=860px){.auth-shell{border-radius:32px;grid-template-columns:1fr;min-height:0}.auth-brand{padding:var(--space-6);gap:var(--space-5)}.auth-brand__title{max-width:none}.auth-brand__metrics{grid-template-columns:1fr 1fr}.auth-panel{padding:var(--space-6)}}@media (width<=520px){.auth-page{padding:var(--space-3) var(--space-3) 96px}.auth-brand__metrics{grid-template-columns:1fr}.auth-shell{border-radius:28px}}.watch-dash{box-sizing:border-box;background:var(--color-ink);width:200px;height:242px;color:var(--color-ink);font-family:var(--font-sans);-webkit-user-select:none;user-select:none;pointer-events:auto;border-radius:38px;flex-direction:column;gap:8px;padding:10px 9px 8px;display:flex;overflow:hidden}.watch-dash__top{justify-content:space-between;align-items:center;gap:6px;padding:0 2px;display:flex}.watch-dash__brand{border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-accent-ink);font-size:9px;font-weight:var(--fw-semibold);align-items:center;gap:5px;padding:3px 8px 3px 3px;display:inline-flex}.watch-dash__mark{border-radius:var(--radius-full);background:var(--color-ink);width:14px;height:14px;color:var(--color-accent);place-items:center;display:grid}.watch-dash__mark .logo-mark{background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.watch-dash__time{font-size:10px;font-weight:var(--fw-semibold);color:#ffffff8c;letter-spacing:var(--tracking-tight)}.watch-dash__body{flex:1;min-height:0}.watch-face{box-sizing:border-box;background:var(--color-surface-muted);height:100%;box-shadow:none;border-radius:22px;flex-direction:column;gap:6px;padding:12px 11px 10px;display:flex}.watch-face__label{font-size:10px;font-weight:var(--fw-medium);color:var(--color-text-muted);align-items:center;gap:5px;display:inline-flex}.watch-face__label svg{flex-shrink:0;width:12px;height:12px}.watch-face__stat{letter-spacing:var(--tracking-tight);align-items:baseline;gap:5px;line-height:.92;display:flex}.watch-face__stat strong{font-size:40px;font-weight:var(--fw-bold);color:var(--color-ink)}.watch-face__stat span{font-size:12px;font-weight:var(--fw-semibold);color:var(--color-text-muted)}.watch-face__caption{font-size:9px;font-weight:var(--fw-medium);color:var(--color-text-muted);margin:0;line-height:1.35}.watch-face .pill{width:fit-content;margin-top:auto;padding:4px 8px;font-size:9px}.watch-bars{align-items:flex-end;gap:4px;height:78px;margin-top:4px;display:flex}.watch-bars__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.watch-bars__bar{border-radius:var(--radius-full) var(--radius-full) 4px 4px;background:var(--color-bar);width:100%;max-width:14px;min-height:8px}.watch-bars__bar.is-active{background:var(--color-bar-active)}.watch-bars__day{font-size:8px;font-weight:var(--fw-semibold);color:var(--color-text-muted)}.watch-dash__footer{flex-direction:column;align-items:center;gap:4px;padding-top:1px;display:flex}.watch-dash__pager{justify-content:center;gap:5px;display:flex}.watch-dash__dot{border-radius:var(--radius-full);cursor:pointer;background:#ffffff38;border:none;width:5px;height:5px;padding:0}.watch-dash__dot.is-active{background:var(--color-accent);width:12px}.watch-dash__hint{font-size:8px;font-weight:var(--fw-medium);color:#fff6;margin:0}.wearable-page{background:var(--color-canvas);height:100dvh;min-height:100dvh;color:var(--color-ink);font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.wearable-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);padding:calc(var(--space-8) + 36px) var(--space-6) var(--space-4);box-sizing:border-box;flex-wrap:wrap;flex-shrink:0;width:100%;display:flex}.wearable-brand{align-items:center;gap:var(--space-2);background:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-accent-ink);padding:6px 14px 6px 8px;display:inline-flex}.wearable-brand__mark{border-radius:var(--radius-full);background:var(--color-ink);width:24px;height:24px;color:var(--color-accent);place-items:center;display:grid}.wearable-brand__mark .logo-mark{background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.wearable-copy h1{font-size:var(--text-h2);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0}.wearable-copy p{font-size:var(--text-sm);color:var(--color-text-muted);margin:6px 0 0}.camera-debug-toggle{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-soft);border-radius:var(--radius-full);font:inherit;font-size:var(--text-xs);font-weight:var(--fw-semibold);cursor:pointer;padding:8px 14px}.camera-debug-toggle.is-active{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.wearable-stage-wrap{gap:var(--space-4);min-height:0;margin:0 var(--space-6) var(--space-6);flex:auto;grid-template-columns:minmax(0,1fr) auto;display:grid}.wearable-stage{border-radius:var(--radius-xl);background:var(--color-surface);min-height:0;box-shadow:var(--shadow-md);border:1px solid var(--color-border);margin:0;position:relative;overflow:hidden}.wearable-stage>div,.wearable-canvas{touch-action:none;width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.camera-debug{box-sizing:border-box;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);width:min(320px,100%);max-height:100%;box-shadow:var(--shadow-md);flex-direction:column;gap:12px;padding:14px;display:flex;overflow:auto}.camera-debug__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.camera-debug__head strong{font-size:var(--text-sm)}.camera-debug__reset,.camera-debug__copy{border-radius:var(--radius-full);font:inherit;font-size:var(--text-xs);font-weight:var(--fw-semibold);cursor:pointer;border:none;padding:7px 12px}.camera-debug__reset{background:var(--color-surface-muted);color:var(--color-ink-soft)}.camera-debug__copy{background:var(--color-accent);color:var(--color-accent-ink)}.camera-debug__group{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:8px;margin:0;padding:10px;display:flex}.camera-debug__group legend{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--color-text-muted);padding:0 4px}.camera-debug__row{font-size:var(--text-xs);color:var(--color-ink-soft);grid-template-columns:28px 1fr 64px;align-items:center;gap:8px;display:grid}.camera-debug__row input[type=range]{width:100%}.camera-debug__row input[type=number]{box-sizing:border-box;border:1px solid var(--color-border);width:100%;font:inherit;border-radius:8px;padding:4px 6px;font-size:11px}.camera-debug__values{border-radius:var(--radius-md);color:#d1ff4b;white-space:pre;background:#0f1110;margin:0;padding:10px;font-size:11px;line-height:1.45;overflow:auto}.wearable-loader{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-ink-soft);white-space:nowrap;padding:10px 14px}@media (width<=960px){.wearable-stage-wrap{margin-left:var(--space-4);margin-right:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr}.camera-debug{width:100%;max-height:280px}.wearable-header{padding-left:var(--space-4);padding-right:var(--space-4)}}.case-study{--case-max:720px;--case-wide:960px;min-height:100vh;color:var(--color-ink);background:radial-gradient(1100px 560px at 12% -8%, #f7ffe8 0%, transparent 55%), radial-gradient(900px 480px at 100% 0%, #eaf3f8 0%, transparent 52%), var(--color-canvas);padding-bottom:120px}.case-hero{min-height:min(92vh,860px);padding:clamp(48px, 8vw, 96px) var(--space-6) clamp(56px, 8vw, 88px);align-items:end;display:grid;position:relative;overflow:hidden}.case-hero__glow{aspect-ratio:1;filter:blur(8px);pointer-events:none;background:radial-gradient(circle at 40% 40%,#d1ff4b8c,#0000 62%),radial-gradient(circle at 70% 70%,#d9e7f0cc,#0000 58%);border-radius:50%;width:min(52vw,520px);animation:8s ease-in-out infinite alternate case-glow;position:absolute;inset:auto -10% 18% auto}.case-hero__inner{width:min(var(--case-wide), 100%);gap:var(--space-5);flex-direction:column;margin:0 auto;animation:.9s cubic-bezier(.22,1,.36,1) both case-rise;display:flex;position:relative}.case-brand{width:fit-content;margin-bottom:var(--space-2);align-items:center;gap:10px;display:inline-flex}.case-brand__mark{border-radius:var(--radius-full);background:var(--color-ink);width:40px;height:40px;color:var(--color-accent);place-items:center;display:grid}.case-brand__mark .logo-mark{background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.case-brand__name{font-size:clamp(1.75rem,3.4vw,2.35rem);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1}.case-eyebrow{font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);margin:0}.case-hero__title{max-width:18ch;font-size:clamp(2.35rem,5.4vw,4rem);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);margin:0;line-height:1.05}.case-hero__title em{color:var(--color-ink-soft);font-style:normal;display:inline}.case-hero__lede{max-width:42rem;color:var(--color-ink-soft);font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.55;font-weight:var(--fw-medium);margin:0}.case-meta{margin:var(--space-4) 0 0;padding-top:var(--space-5);border-top:1px solid color-mix(in srgb, var(--color-ink) 8%, transparent);grid-template-columns:repeat(3,minmax(0,max-content));gap:clamp(20px,4vw,40px);display:grid}.case-meta dt{font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px}.case-meta dd{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-ink);margin:0}.case-section{padding:clamp(64px, 10vw, 112px) var(--space-6)}.case-section__inner{width:min(var(--case-wide), 100%);margin:0 auto;animation:.8s cubic-bezier(.22,1,.36,1) 80ms both case-rise}.case-kicker{margin:0 0 var(--space-4);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.case-section__title{margin:0 0 var(--space-5);max-width:22ch;font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1.12}.case-section__lede{margin:0 0 var(--space-8);max-width:40rem;color:var(--color-ink-soft);font-size:1.0625rem;line-height:1.6}.case-prose{gap:var(--space-4);flex-direction:column;max-width:40rem;display:flex}.case-prose p{color:var(--color-ink-soft);margin:0;font-size:1.0625rem;line-height:1.65}.case-prose__emphasis{padding-left:var(--space-5);border-left:3px solid var(--color-accent);font-weight:var(--fw-semibold);margin-top:var(--space-2)!important;color:var(--color-ink)!important}.case-section--system{background:linear-gradient(#0000,#ffffff8c 18%,#ffffffb8)}.case-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,48px);margin:0;padding:0;list-style:none;display:grid}.case-pillar__label{margin-bottom:var(--space-3);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;display:inline-block}.case-pillar__title{margin:0 0 var(--space-3);font-size:1.2rem;font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1.25}.case-pillar__body{font-size:var(--text-body);color:var(--color-ink-soft);margin:0;line-height:1.6}.case-chain{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--color-ink);flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:clamp(40px,6vw,64px);display:flex}.case-chain__rule{background:color-mix(in srgb, var(--color-ink) 18%, transparent);width:28px;height:1px}.case-section--decisions{padding-top:clamp(40px,6vw,64px)}.case-decisions{gap:var(--space-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.case-decision{padding:var(--space-5) 0;border-top:1px solid color-mix(in srgb, var(--color-ink) 8%, transparent)}.case-decision:last-child{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 8%, transparent)}.case-decision__pair{gap:var(--space-4);margin-bottom:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.case-decision__pair p{font-size:1.05rem;font-weight:var(--fw-semibold);color:var(--color-ink);margin:0;line-height:1.35}.case-decision__pair span{font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px;display:block}.case-decision__why{max-width:42rem;font-size:var(--text-body);color:var(--color-ink-soft);margin:0;line-height:1.6}.case-proofs{flex-direction:column;gap:clamp(28px,4vw,40px);display:flex}.case-proof{background:color-mix(in srgb, var(--color-surface) 82%, transparent);box-shadow:var(--shadow-sm);border-radius:28px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4vw,40px);padding:clamp(24px,3vw,32px);display:grid}.case-proof__head h3{margin:0 0 var(--space-3);font-size:1.25rem;font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1.25}.case-proof__head p{font-size:var(--text-body);color:var(--color-ink-soft);margin:0;line-height:1.55}.case-proof__body{justify-content:center;align-items:flex-start;gap:var(--space-4);flex-direction:column;min-height:140px;display:flex}.case-proof__body--stack{align-items:stretch}.case-proof__note{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--color-text-muted);margin:0}.case-proof__vitals{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;width:100%;display:grid}.case-proof__vitals .card{min-width:0}.case-a11y{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,36px);margin:0;padding:0;list-style:none;display:grid}.case-a11y h3{margin:0 0 var(--space-2);font-size:1.1rem;font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.case-a11y p{font-size:var(--text-body);color:var(--color-ink-soft);margin:0;line-height:1.55}.case-section--safety{padding-top:clamp(48px,8vw,80px)}.case-safety{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.case-safety__item{gap:var(--space-5);padding:var(--space-6) 0;border-top:1px solid color-mix(in srgb, var(--color-ink) 8%, transparent);grid-template-columns:auto 1fr;animation:.7s cubic-bezier(.22,1,.36,1) both case-rise;display:grid}.case-safety__item:first-child{animation-delay:50ms}.case-safety__item:nth-child(2){animation-delay:.12s}.case-safety__item:nth-child(3){animation-delay:.19s}.case-safety__item:nth-child(4){animation-delay:.26s}.case-safety__item:last-child{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 8%, transparent)}.case-safety__index{font-size:var(--text-sm);font-weight:var(--fw-bold);letter-spacing:.04em;color:var(--color-text-muted);padding-top:4px}.case-safety__title{margin:0 0 var(--space-2);font-size:1.25rem;font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1.25}.case-safety__body{max-width:40rem;color:var(--color-ink-soft);margin:0;font-size:1.02rem;line-height:1.6}.case-close{margin:clamp(24px, 4vw, 40px) var(--space-6) 0}.case-close__inner{width:min(var(--case-wide), 100%);background:linear-gradient(145deg, #d1ff4b6b, transparent 42%), linear-gradient(20deg, #d9e7f0bf, transparent 55%), var(--color-surface);box-shadow:var(--shadow-md);border-radius:36px;margin:0 auto;padding:clamp(36px,5vw,56px);animation:.8s cubic-bezier(.22,1,.36,1) both case-rise}.case-close__title{margin:0 0 var(--space-4);max-width:22ch;font-size:clamp(1.6rem,2.8vw,2.15rem);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);line-height:1.15}.case-close__body{max-width:40rem;color:var(--color-ink-soft);margin:0;font-size:1.05rem;line-height:1.6}@keyframes case-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes case-glow{0%{opacity:.85;transform:translate(0,0)scale(1)}to{opacity:1;transform:translate(-24px,18px)scale(1.06)}}@media (width<=860px){.case-pillars{gap:var(--space-8);grid-template-columns:1fr}.case-meta{gap:var(--space-4);grid-template-columns:1fr}.case-hero__title{max-width:14ch}.case-decision__pair,.case-proof,.case-a11y,.case-proof__vitals{grid-template-columns:1fr}}@media (width<=560px){.case-safety__item{gap:var(--space-2);grid-template-columns:1fr}.case-chain__rule{width:16px}}@media (prefers-reduced-motion:reduce){.case-hero__glow,.case-hero__inner,.case-section__inner,.case-safety__item,.case-close__inner{animation:none}}