.app{display:flex;min-height:100dvh;max-width:var(--content-max);flex-direction:column;margin:0 auto}.app__screen{flex:1 1 auto;padding:calc(var(--safe-top) + var(--space-lg)) calc(var(--safe-right) + var(--space-lg)) var(--space-xl) calc(var(--safe-left) + var(--space-lg))}.banner~.app__screen{padding-top:var(--space-lg)}.banner~.gate{padding-top:var(--space-xl)}.app__title{margin:0 0 var(--space-lg);font-size:1.75rem;line-height:1.2}.banner{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:calc(var(--safe-top) + var(--space-md)) calc(var(--safe-right) + var(--space-lg)) var(--space-md) calc(var(--safe-left) + var(--space-lg));font-size:.9375rem}.banner[data-tone=blocked]{background:var(--color-red-strong);color:var(--color-on-accent)}.banner[data-tone=warning]{background:var(--color-orange);color:var(--color-on-warning)}.banner__message{margin:0}.banner__dismiss{min-height:var(--tap-target);flex:0 0 auto;border:1px solid currentcolor;border-radius:var(--radius-sm);background:none;padding:var(--space-xs) var(--space-md);color:inherit;font:inherit;font-size:.9375rem;cursor:pointer}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field:has(select){position:relative}.field:has(select):after{position:absolute;right:var(--space-md);bottom:0;height:var(--tap-target);content:"▾";color:var(--color-text-muted);line-height:var(--tap-target);pointer-events:none}.field__label{color:var(--color-text-muted);font-size:.875rem}.field__control{min-height:var(--tap-target);padding:0 var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:1rem;appearance:none}select.field__control{padding-right:var(--space-xl);cursor:pointer}.field__control[aria-invalid=true]{border-color:var(--color-red-strong)}.field__error{margin:0;color:var(--color-red-strong);font-size:.8125rem}.profile-form{display:flex;flex-direction:column;gap:var(--space-lg)}.profile-form__submit{min-height:var(--tap-target);border:none;border-radius:var(--radius-md);background:var(--color-blue-strong);color:var(--color-on-accent);font:inherit;font-size:1rem;font-weight:600;cursor:pointer}.profile-form__submit:disabled{background:var(--color-surface-sunken);color:var(--color-text-muted);cursor:default}.gate{flex:1 1 auto;padding:calc(var(--safe-top) + var(--space-xl)) calc(var(--safe-right) + var(--space-lg)) calc(var(--safe-bottom) + var(--space-xl)) calc(var(--safe-left) + var(--space-lg))}.gate__title{margin:0 0 var(--space-xs);font-size:1.75rem}.gate__hint{margin:0 0 var(--space-xl);color:var(--color-text-muted)}.tabbar{display:flex;position:sticky;bottom:0;z-index:3;border-top:1px solid var(--color-border);background:var(--color-surface);padding-bottom:var(--safe-bottom)}.tabbar__tab{flex:1 1 0;min-height:var(--tap-target);border:none;background:none;padding:var(--space-sm) var(--space-xs);color:var(--color-text-muted);font:inherit;font-size:.8125rem;cursor:pointer}.tabbar__tab[aria-current=page]{box-shadow:inset 0 2px 0 var(--color-blue-strong);color:var(--color-blue-strong);font-weight:600}.toast{position:fixed;z-index:5;pointer-events:none;bottom:calc(var(--safe-bottom) + var(--tap-target) + var(--space-lg));left:50%;display:block;max-width:calc(100% - 2 * var(--space-xl));border-radius:var(--radius-md);background:var(--color-text);padding:var(--space-md) var(--space-lg);color:var(--color-bg);font-size:.9375rem;text-align:center;transform:translate(-50%)}.toast:empty{padding:0}.stepper{display:flex;align-items:center;gap:var(--space-sm)}.stepper__button{min-width:var(--tap-target);min-height:var(--tap-target);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);font:inherit;font-size:1.25rem;line-height:1;cursor:pointer}.stepper__button:disabled{color:var(--color-text-muted);cursor:default;opacity:.5}.stepper__value{min-width:3ch;font-size:1.125rem;font-variant-numeric:tabular-nums;font-weight:600;text-align:center}.macro-card{margin:0;min-width:0;border:none;border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-lg);box-shadow:var(--shadow-raised)}.macro-card__announcement{position:absolute;clip-path:inset(50%);margin:0;padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap}.macro-card__title{display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-md);font-size:1.0625rem;font-weight:600}.macro-card__emoji{font-size:1.375rem;line-height:1}.macro-card__bar{border-radius:var(--radius-sm);background:var(--color-surface-sunken);height:var(--space-sm);overflow:hidden}.macro-card__fill{width:100%;height:100%;transition:transform .15s ease-out;transform:scaleX(var(--macro-card-fill, 0));transform-origin:0 0}.macro-card__bar[data-color=blue] .macro-card__fill{background:var(--color-blue)}.macro-card__bar[data-color=orange] .macro-card__fill{background:var(--color-orange)}.macro-card__bar[data-color=red] .macro-card__fill{background:var(--color-red)}.macro-card__bar[data-color=green] .macro-card__fill{background:var(--color-green)}.macro-card__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-md)}.macro-card__caption{color:var(--color-text-muted);font-size:.9375rem}@media(prefers-reduced-motion:reduce){.macro-card__fill{transition:none}}.day-cards{display:flex;flex-direction:column;gap:var(--space-md)}.month-grid{border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-md);box-shadow:var(--shadow-raised)}.month-grid__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.month-grid__title{margin:0;font-size:1.0625rem;font-weight:600}.month-grid__arrow{min-width:var(--tap-target);min-height:var(--tap-target);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-blue-strong);font-size:1.375rem;line-height:1;cursor:pointer}.month-grid__arrow[aria-disabled=true]{color:var(--color-text-muted);opacity:40%;cursor:default}.month-grid__weekdays,.month-grid__cells{display:grid;grid-template-columns:repeat(7,1fr)}.month-grid__weekdays{padding:var(--space-sm) 0;color:var(--color-text-muted);font-size:.75rem;text-align:center}.month-grid__cells{gap:var(--space-xs)}.month-grid__day{display:flex;position:relative;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-sm);background:none;min-height:var(--tap-target);color:var(--color-text);font:inherit;font-size:.9375rem;cursor:pointer}.month-grid__day:disabled{color:var(--color-text-muted);opacity:45%;cursor:default}.month-grid__day[aria-current=date]{border-color:var(--color-blue-strong)}.month-grid__day[aria-pressed=true]{background:var(--color-blue-strong);color:var(--color-on-accent)}.month-grid__day[data-marked]:after{position:absolute;bottom:6px;left:50%;transform:translate(-50%);border-radius:50%;background:var(--color-blue-strong);width:4px;height:4px;content:""}.month-grid__day[aria-pressed=true][data-marked]:after{background:var(--color-on-accent)}.history__day{margin:var(--space-xl) 0 var(--space-md);font-size:1.0625rem;font-weight:600}.history__empty{margin:0;border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-xl) var(--space-lg);color:var(--color-text-muted);text-align:center}.modal{position:fixed;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-scrim);padding:calc(var(--safe-top) + var(--space-lg)) calc(var(--safe-right) + var(--space-lg)) calc(var(--safe-bottom) + var(--space-lg)) calc(var(--safe-left) + var(--space-lg))}.modal__panel{position:static;display:block;max-height:100%;max-width:32rem;border:none;border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-lg);overflow-y:auto;color:var(--color-text);margin:0}.modal__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md)}.modal__title{margin:0;font-size:1.25rem}.modal__close{min-width:var(--tap-target);min-height:var(--tap-target);border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-muted);font:inherit;font-size:1.5rem;line-height:1;cursor:pointer}.modal__body{color:var(--color-text);font-size:.9375rem;line-height:1.5}.settings__method{display:block;width:100%;min-height:var(--tap-target);margin-top:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-md) var(--space-lg);color:var(--color-blue-strong);font:inherit;font-size:1rem;text-align:left;cursor:pointer}.settings__version{margin:var(--space-lg) 0 0;color:var(--color-text-muted);font-size:.8125rem;text-align:center}.settings__paragraph{margin:var(--space-md) 0 0}:root{color-scheme:light dark;--color-blue: rgb(65 140 251);--color-orange: rgb(240 140 0);--color-red: rgb(224 53 43);--color-green: rgb(43 162 76);--color-blue-strong: rgb(20 90 200);--color-red-strong: rgb(196 38 30);--color-on-accent: rgb(255 255 255);--color-on-warning: rgb(24 24 26);--color-scrim: rgb(0 0 0 / 45%);--color-bg: rgb(242 242 247);--color-surface: rgb(255 255 255);--color-surface-sunken: rgb(230 230 236);--color-text: rgb(28 28 30);--color-text-muted: rgb(108 108 112);--color-border: rgb(214 214 219);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--tap-target: 44px;--content-max: 30rem;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--shadow-raised: 0 1px 3px rgb(0 0 0 / 10%);--font-stack: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif}@media(prefers-color-scheme:dark){:root{--color-blue: rgb(82 155 255);--color-orange: rgb(255 167 38);--color-red: rgb(255 107 95);--color-green: rgb(69 196 99);--color-blue-strong: rgb(82 155 255);--color-red-strong: rgb(255 107 95);--color-on-accent: rgb(16 16 18);--color-scrim: rgb(0 0 0 / 70%);--color-bg: rgb(0 0 0);--color-surface: rgb(28 28 30);--color-surface-sunken: rgb(44 44 46);--color-text: rgb(242 242 247);--color-text-muted: rgb(155 155 160);--color-border: rgb(56 56 58);--shadow-raised: 0 1px 3px rgb(0 0 0 / 60%)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-stack);overscroll-behavior-y:none;-webkit-text-size-adjust:100%}button{touch-action:manipulation}:focus-visible{outline:2px solid var(--color-blue-strong);outline-offset:2px}