:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-app:#191818;--color-bg-surface:#181818;--color-bg-card:#292929;--color-bg-elevated:#f3f3e9;--color-bg-accent:#f70;--color-bg-accent-hover:#ff8d0a;--color-bg-accent-soft:#ff77001f;--color-bg-accent-pressed:#ff8d0a14;--color-bg-neutral-soft:#f3f3e91f;--color-bg-neutral-pressed:#f3f3e914;--color-bg-surface-soft:#202020;--color-bg-overlay:#0000007a;--color-text-primary:#f3f3e9;--color-text-secondary:#8e8e8e;--color-text-tertiary:#f3f3e9a3;--color-text-on-light:#181818;--color-text-accent:#f70;--color-text-danger:#f04e4e;--color-text-success:#4ccb80;--color-text-inverse:#fff;--color-icon-secondary:#8e8e8e;--color-icon-subtle:#898989;--color-icon-danger:#f04e4e;--color-border-control:#f3f3e91f;--color-border-subtle:#f3f3e914;--color-border-input-error:#f04e4e;--color-progress-track:#dadaca;--space-2xs:2px;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-lg:10px;--space-xl:12px;--space-2xl:16px;--space-3xl:18px;--space-4xl:20px;--space-5xl:22px;--space-6xl:24px;--space-7xl:28px;--space-8xl:32px;--space-safe-bottom:80px;--radius-md:12px;--radius-lg:16px;--radius-3xl:36px;--radius-4xl:48px;--radius-pill:80px;--radius-full:800px;--border-hairline:.75px;--border-default:1px;--border-medium:1.5px;--border-strong:2px;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", sans-serif;--ease-standard:cubic-bezier(.2, .8, .2, 1);--app-width:440px;--app-viewport-height:100dvh;--app-viewport-top:0px;--nav-bottom:48px;--date-header-height:68px;font-family:var(--font-sans)}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}html{min-width:320px;height:100%;min-height:100%;color:var(--color-text-primary);overscroll-behavior:none;-webkit-text-size-adjust:100%;overflow-x:hidden;background:var(--color-bg-app)!important}body{min-width:320px;height:100%;min-height:100%;color:var(--color-text-primary);font-family:var(--font-sans);letter-spacing:0;overscroll-behavior:none;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden;background:var(--color-bg-app)!important}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}input,textarea{-webkit-user-select:text;user-select:text;color:inherit;border:0;outline:none}#root{overscroll-behavior:none;min-height:100dvh;background:var(--color-bg-app)!important}.app-shell{width:min(100vw, var(--app-width));overscroll-behavior:none;min-height:100dvh;margin:0 auto;position:relative;overflow-x:clip;background:var(--color-bg-app)!important}.app-icon{color:currentColor;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-icon__svg{width:100%;height:100%;display:block}.screen{min-height:100dvh;padding:var(--space-2xl) var(--space-sm) 156px;animation:view-enter .18s var(--ease-standard) both}.screen--daily,.screen--calendar{height:var(--app-viewport-height);min-height:var(--app-viewport-height);flex-direction:column;padding-top:0;padding-bottom:0;display:flex;position:relative;overflow:hidden}.screen--daily .date-header,.screen--calendar .date-header{width:min(100%, var(--app-width));position:absolute;top:0;left:0;right:0}.cards-scroll{min-height:0;margin:0 calc(-1 * var(--space-sm));padding:0 var(--space-sm);overscroll-behavior-y:contain;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:auto;overflow:hidden auto}.cards-scroll::-webkit-scrollbar{display:none}.cards-stretch-content{min-height:100%;padding-top:var(--date-header-height);backface-visibility:hidden;transform-origin:top;will-change:transform;padding-bottom:156px;transform:scaleY(1)}.date-header{z-index:18;isolation:isolate;align-items:center;gap:var(--space-md);width:min(100%, var(--app-width));height:var(--date-header-height);min-height:var(--date-header-height);padding:var(--space-xl) var(--space-3xl);transition:background-color .16s var(--ease-standard), box-shadow .16s var(--ease-standard);display:flex}.date-header:before{content:"";z-index:-1;pointer-events:none;opacity:var(--date-header-overlay-progress,0);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);transition:opacity .16s var(--ease-standard);background:linear-gradient(#181818db 0%,#18181880 50%,#18181800 100%);position:absolute;inset:0 0 -32px;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}.date-header--compact{box-shadow:none;background:0 0}.date-header__date{align-items:center;gap:var(--space-md);min-width:0;min-height:44px;color:var(--color-text-primary);text-align:left;background:0 0;flex:auto;padding:0;display:inline-flex}.date-header .button--black{background:0 0;flex:0 0 44px;width:44px;min-height:44px;margin-right:0;padding:0;transform:translate(10px)}.date-header .button--black:active{transform:translate(10px)scale(.98)}.date-header__date span{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:510;line-height:24px;overflow:hidden}.date-header__date em{color:#ffffff7a;letter-spacing:0;font-size:20px;font-style:normal;font-weight:400;line-height:24px}.button{justify-content:center;align-items:center;gap:var(--space-xl);min-width:0;min-height:56px;padding:0 var(--space-2xl);border-radius:var(--radius-3xl);letter-spacing:0;transition:background-color .14s var(--ease-standard), color .14s var(--ease-standard), transform .12s var(--ease-standard), opacity .14s var(--ease-standard);font-size:16px;font-weight:510;line-height:20px;display:inline-flex}.button:active{transform:scale(.98)}.button:disabled{cursor:default;opacity:.46;transform:none}.button--small{min-height:44px;padding:0 var(--space-2xl);font-size:14px;line-height:20px}.button--icon-only{width:56px;padding:0}.button--small.button--icon-only{width:44px}.button--primary{color:var(--color-text-inverse);background:var(--color-bg-accent)}.button--primary:active{background:var(--color-bg-accent-hover)}.button--transparent{color:var(--color-text-accent);background:var(--color-bg-accent-soft)}.button--transparent:active{background:var(--color-bg-accent-pressed)}.button--neutral{color:var(--color-text-primary);background:var(--color-bg-neutral-soft)}.button--neutral:active{background:var(--color-bg-neutral-pressed)}.button--black{color:var(--color-text-primary);background:var(--color-bg-surface)}.button--danger-text{color:var(--color-text-danger)}.button__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.full-width{width:100%}.summary-card{align-items:start;gap:var(--space-4xl);width:100%;min-height:192px;margin:var(--space-sm) 0 0;padding:var(--space-5xl);border-radius:var(--radius-3xl);color:var(--color-text-on-light);text-align:left;background:var(--color-bg-elevated);grid-template-rows:auto 6px auto;display:grid}.summary-card__heading{gap:var(--space-md);display:grid}.summary-card__label,.summary-card__metrics small{color:var(--color-text-secondary);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:400;line-height:14px}.summary-card__goal{color:var(--color-text-on-light);letter-spacing:0;font-size:20px;font-weight:510;line-height:24px;display:block}.summary-card__goal--empty{color:var(--color-text-accent)}.summary-card__progress{border-radius:var(--radius-pill);background:var(--color-progress-track);width:100%;height:6px;display:block;overflow:hidden}.summary-card__progress span{border-radius:inherit;background:var(--color-bg-accent);transform-origin:0;will-change:transform;width:100%;height:100%;transition:transform .26s cubic-bezier(.23,1,.32,1);display:block}.summary-card__metrics{align-items:flex-start;gap:var(--space-7xl);display:flex}.summary-card__metrics span{gap:var(--space-xs);flex:1 1 0;min-width:0;display:grid}.summary-card__metric-placeholder{pointer-events:none;visibility:hidden}.summary-card__metrics b{color:var(--color-text-on-light);letter-spacing:0;white-space:nowrap;font-size:clamp(36px,10.9vw,48px);font-weight:274;line-height:1}.summary-card__metrics span:first-child b{color:var(--color-text-accent);font-weight:590}.habit-grid{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.reorder-list{-webkit-user-select:none;user-select:none}.reorder-item{z-index:1;isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;will-change:transform;min-width:0;transition:transform .23s cubic-bezier(.23,1,.32,1);position:relative}.habit-grid .reorder-item{height:100%;min-height:148px}.filter-tabs .reorder-item{flex:none}.reorder-list--dragging{cursor:grabbing}.reorder-list--dragging .reorder-item{transition:transform .23s cubic-bezier(.23,1,.32,1)}.reorder-item--dragging{z-index:25;cursor:grabbing;opacity:1;pointer-events:none;transition:none}.reorder-item--dragging .habit-card,.reorder-item--dragging .segment-tab{box-shadow:none;transition:background-color .26s var(--ease-standard), color .26s var(--ease-standard)}.reorder-item--dragging .habit-card,.reorder-item--dragging .habit-card:active,.reorder-item--dragging .segment-tab,.reorder-item--dragging .segment-tab:active{transform:none}.is-reordering,.is-reordering body{overscroll-behavior:none;overflow:hidden}.habit-card{min-width:0;height:100%;min-height:148px;padding:var(--space-5xl) var(--space-6xl);border-radius:var(--radius-3xl);background:var(--color-bg-card);color:var(--color-text-primary);text-align:left;transition:background-color .26s var(--ease-standard), color .26s var(--ease-standard), transform .16s var(--ease-standard);flex-direction:column;justify-content:space-between;display:flex}.habit-card:active{transform:scale(.985)}.habit-card--completed{color:var(--color-text-inverse);background:var(--color-bg-accent)}.habit-card__top{min-width:0;display:block}.habit-card__copy{min-width:0}.habit-card h3{letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:42px;margin:0;font-size:16px;font-weight:510;line-height:20px;display:-webkit-box;overflow:hidden}.habit-card p{max-height:32px;margin:var(--space-sm) 0 0;color:var(--color-text-secondary);letter-spacing:0;-webkit-line-clamp:2;transition:color .26s var(--ease-standard);-webkit-box-orient:vertical;font-size:12px;font-weight:400;line-height:16px;display:-webkit-box;overflow:hidden}.habit-card--completed p{color:#ffffffb8}.habit-card__bottom{justify-content:space-between;align-items:flex-end;gap:var(--space-xl);display:flex}.habit-card__streak{align-items:center;gap:var(--space-xs);color:inherit;letter-spacing:0;font-size:12px;font-weight:400;line-height:14px;display:inline-flex}.check-button{border:var(--border-strong) solid var(--color-border-control);border-radius:var(--radius-full);width:38px;height:38px;color:var(--color-text-primary);background:0 0;flex:0 0 38px;place-items:center;display:grid}.check-button--checked{color:var(--color-text-inverse);background:var(--color-bg-neutral-soft);transition:background-color .22s var(--ease-standard), border-color .22s var(--ease-standard), color .22s var(--ease-standard), transform .16s var(--ease-standard);border-color:#0000}.state-message{justify-items:center;gap:var(--space-xl);text-align:center;width:min(100%,260px);margin:118px auto 0;display:grid}.state-message h2{color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:17px;font-weight:590;line-height:22px}.state-message p{color:var(--color-text-secondary);letter-spacing:0;margin:0;font-size:14px;font-weight:400;line-height:20px}.empty-glyph{width:72px;height:72px;color:var(--color-bg-card);place-items:center;display:grid}.state-message__icon,.dialog__icon{color:var(--color-text-danger)}.empty-tap-target{pointer-events:none;opacity:0;height:0;position:fixed;inset:auto 0 0}.bottom-nav{z-index:36;left:0;right:0;bottom:max(var(--nav-bottom), calc(env(safe-area-inset-bottom) + 18px));justify-content:center;align-items:center;gap:var(--space-md);width:100%;padding:0 var(--space-lg);pointer-events:none;display:flex;position:fixed}.bottom-nav__tabs,.bottom-nav__create{align-items:center;gap:var(--space-2xs);padding:var(--space-xs);border-radius:var(--radius-3xl);background:var(--color-bg-surface);pointer-events:auto;flex:none;display:flex}.bottom-nav__create{justify-content:center}.bottom-nav__tab{height:56px;padding:0 var(--space-2xl);border-radius:var(--radius-3xl);color:var(--color-icon-secondary);letter-spacing:0;transition:gap .22s var(--ease-standard), color .18s var(--ease-standard), background-color .18s var(--ease-standard);background:0 0;flex:none;justify-content:center;align-items:center;gap:0;font-size:16px;font-weight:510;line-height:20px;display:inline-flex;overflow:hidden}.bottom-nav__tab--active{gap:var(--space-xl);color:var(--color-text-accent);background:var(--color-bg-accent-soft);flex:none}.bottom-nav__label{opacity:0;white-space:nowrap;transition:grid-template-columns .22s var(--ease-standard), opacity .16s var(--ease-standard), transform .22s var(--ease-standard);grid-template-columns:0fr;display:inline-grid;overflow:hidden;transform:translate(-4px)}.bottom-nav__label>span{min-width:0;overflow:hidden}.bottom-nav__tab--active .bottom-nav__label{opacity:1;grid-template-columns:1fr;transform:translate(0)}.overlay{z-index:70;top:var(--app-viewport-top);height:var(--app-viewport-height);background:var(--color-bg-overlay);animation:overlay-enter .18s var(--ease-standard) both;justify-content:center;display:flex;position:fixed;bottom:auto;left:0;right:0;overflow:hidden}.overlay--sheet{align-items:flex-end}.overlay--dialog{z-index:90;padding:var(--space-6xl);align-items:center}.overlay--calendar-modal{z-index:82;background:#00000094;align-items:flex-start;padding-top:0}.overlay--completion{background:#00000094}.bottom-sheet{width:min(100vw, var(--app-width));height:auto;max-height:min(calc(var(--app-viewport-height) - 82px), calc(100dvh - 82px));gap:var(--space-6xl);padding:var(--space-2xl) var(--space-2xl) max(var(--space-6xl), env(safe-area-inset-bottom));border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;background:var(--color-bg-card);animation:sheet-enter .24s var(--ease-standard) both;transition:height .22s var(--ease-standard), max-height .22s var(--ease-standard), padding .22s var(--ease-standard), border-radius .22s var(--ease-standard);flex-direction:column;display:flex;overflow:hidden}:root[data-keyboard=open] .bottom-sheet{height:var(--app-viewport-height);max-height:var(--app-viewport-height);padding-bottom:0}.bottom-sheet__header{z-index:2;align-items:center;gap:var(--space-6xl);background:var(--color-bg-card);grid-template-columns:56px minmax(0,1fr) 56px;min-height:56px;display:grid;position:sticky;top:0}.bottom-sheet__header h2{color:var(--color-text-primary);letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:590;line-height:22px;overflow:hidden}.bottom-sheet__body{min-height:0;padding-bottom:var(--space-6xl);scrollbar-width:none;overflow-y:auto}:root[data-keyboard=open] .bottom-sheet__body{padding-bottom:0}.bottom-sheet__body::-webkit-scrollbar{display:none}.bottom-sheet__feedback{margin:calc(-1 * var(--space-xl)) 0 0;color:var(--color-text-danger);letter-spacing:0;font-size:12px;font-weight:400;line-height:16px}.form-stack{gap:var(--space-2xl);display:grid}.input-field{gap:var(--space-md);color:var(--color-text-primary);display:grid}.input-field__topline,.weekday-field__topline{justify-content:space-between;gap:var(--space-md);color:var(--color-text-secondary);letter-spacing:0;font-size:12px;font-weight:400;line-height:14px;display:flex}.input-field__control{width:100%;min-height:52px;padding:0 var(--space-2xl);border:var(--border-medium) solid transparent;border-radius:var(--radius-lg);color:var(--color-text-primary);background:var(--color-bg-surface);letter-spacing:0;font-size:14px;font-weight:400;line-height:20px;display:block}.input-field__control--textarea{resize:none;min-height:68px;padding-top:15px}.input-field__control::placeholder{color:var(--color-text-secondary)}.input-field--error .input-field__control{border-color:var(--color-border-input-error)}.input-field__helper,.weekday-field__helper{color:var(--color-text-secondary);letter-spacing:0;font-size:12px;font-weight:400;line-height:16px}.input-field--error .input-field__helper,.weekday-field--error .weekday-field__helper{color:var(--color-text-danger)}.weekday-field{gap:var(--space-md);display:grid}.weekday-field__row{gap:var(--space-sm);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekday-chip{border-radius:var(--radius-lg);min-width:0;min-height:46px;color:var(--color-text-secondary);background:var(--color-bg-surface);letter-spacing:0;place-items:center;font-size:14px;font-weight:510;line-height:20px;display:grid}.weekday-chip--active{color:var(--color-text-inverse);background:var(--color-bg-accent)}.option-control{align-items:center;gap:var(--space-md);min-height:56px;color:var(--color-text-primary);letter-spacing:0;grid-template-columns:18px minmax(0,1fr) auto;font-size:14px;font-weight:400;line-height:20px;display:grid}.option-control--no-icon{grid-template-columns:minmax(0,1fr) auto}.option-control>.app-icon{color:var(--color-text-accent)}.toggle-switch{width:50px;height:30px;padding:var(--space-xs);border-radius:var(--radius-4xl);background:var(--color-bg-surface);position:relative}.toggle-switch--medium{width:44px;height:26px}.toggle-switch--checked{background:var(--color-bg-accent)}.toggle-switch__knob{border-radius:var(--radius-full);background:var(--color-text-primary);width:22px;height:22px;transition:transform .15s var(--ease-standard);position:absolute;top:4px;left:4px}.toggle-switch--medium .toggle-switch__knob{width:18px;height:18px}.toggle-switch--checked .toggle-switch__knob{transform:translate(20px)}.toggle-switch--medium.toggle-switch--checked .toggle-switch__knob{transform:translate(18px)}.filter-tabs{gap:var(--space-sm);max-width:100%;margin-top:var(--space-sm);padding:var(--space-xs);background:var(--color-bg-surface);scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:0;display:inline-flex;overflow-x:auto}.filter-tabs.reorder-list--dragging{overflow:visible}.filter-tabs::-webkit-scrollbar{display:none}.segment-tab{justify-content:center;align-items:center;gap:var(--space-xl);height:56px;padding:0 var(--space-2xl);border-radius:var(--radius-3xl);color:var(--color-text-secondary);background:var(--color-bg-surface-soft);letter-spacing:0;transition:background-color .2s var(--ease-standard), color .2s var(--ease-standard), transform .16s var(--ease-standard);flex:none;font-size:14px;font-weight:510;line-height:20px;display:inline-flex}.segment-tab:active{transform:scale(.985)}.segment-tab span{white-space:nowrap}.segment-tab--active{color:var(--color-text-accent);background:var(--color-bg-accent-soft)}.dialog{justify-items:center;gap:var(--space-2xl);width:min(390px,100%);padding:var(--space-2xl) var(--space-8xl);border-radius:var(--radius-lg);background:var(--color-bg-card);text-align:center;animation:dialog-enter .22s var(--ease-standard) both;display:grid}.dialog__copy{gap:var(--space-md);display:grid}.dialog h2{color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:20px;font-weight:510;line-height:24px}.dialog p{color:var(--color-text-secondary);letter-spacing:0;margin:0;font-size:14px;font-weight:400;line-height:20px}.dialog__actions{gap:var(--space-md);grid-template-columns:1fr 1fr;width:100%;display:grid}.completion-sheet{width:min(100vw, var(--app-width));align-content:start;justify-items:center;gap:var(--space-8xl);height:480px;padding:48px var(--space-2xl) 64px;border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;color:var(--color-text-inverse);background:var(--color-bg-accent);text-align:center;animation:sheet-enter .24s var(--ease-standard) both;grid-template-rows:auto auto 56px;display:grid}.completion-sheet__icon{color:#f9c58f}.completion-sheet__copy{gap:var(--space-xl);display:grid}.completion-sheet__copy h2{letter-spacing:0;margin:0;font-size:32px;font-weight:590;line-height:36px}.completion-sheet__copy p{letter-spacing:0;margin:0;font-size:16px;font-weight:400;line-height:20px}.completion-sheet .button--black{color:var(--color-text-primary)}.celebration{justify-items:center;gap:var(--space-2xl);padding:var(--space-8xl) var(--space-2xl);color:var(--color-text-accent);text-align:center;display:grid}.celebration p{max-width:260px;color:var(--color-text-secondary);margin:0;font-size:14px;line-height:20px}.skeleton-stack{gap:var(--space-sm);display:grid}.summary-card--skeleton,.habit-card--skeleton,.filter-tabs--skeleton span,.calendar-grid--skeleton span{position:relative;overflow:hidden}.summary-card--skeleton:after,.habit-card--skeleton:after,.filter-tabs--skeleton span:after,.calendar-grid--skeleton span:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);animation:1.2s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.summary-card--skeleton span,.summary-card--skeleton strong,.summary-card--skeleton i,.summary-card--skeleton b{border-radius:var(--radius-pill);background:#18181824;display:block}.summary-card--skeleton span{width:86px;height:12px}.summary-card--skeleton strong{width:180px;height:24px}.summary-card--skeleton i{width:100%;height:6px}.summary-card--skeleton div{gap:var(--space-7xl);display:flex}.summary-card--skeleton b{width:74px;height:48px}.habit-card--skeleton{background:var(--color-bg-card);display:block}.filter-tabs--skeleton span{border-radius:var(--radius-3xl);background:var(--color-bg-surface-soft);flex:0 0 144px;width:144px;height:56px}.calendar-grid--skeleton span{border-radius:var(--radius-lg);background:var(--color-bg-card);min-height:56px}.calendar-modal{background:var(--color-bg-card);width:min(428px,100vw - 12px);animation:calendar-modal-enter .22s var(--ease-standard) both;border-radius:30px;display:grid;overflow:hidden}.calendar-modal--month{min-height:360px;padding:var(--space-4xl)}.calendar-modal--year{min-height:218px;padding:var(--space-2xl)}.calendar-modal__header{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:20px;display:grid}.calendar-modal__header h2{color:var(--color-text-primary);letter-spacing:0;margin:0;font-size:17px;font-weight:510;line-height:20px}.calendar-modal__arrows{align-items:center;gap:var(--space-md);display:flex}.calendar-modal .button--black{width:24px;min-height:24px;color:var(--color-text-primary);background:0 0}.calendar-modal__weekdays,.calendar-modal__date-grid{gap:var(--space-sm);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.calendar-modal__weekdays{margin-top:var(--space-6xl)}.calendar-modal__weekdays span{min-height:20px;color:var(--color-text-primary);place-items:center;font-size:12px;font-weight:400;line-height:14px;display:grid}.calendar-modal__date-grid{margin-top:var(--space-md)}.calendar-modal .calendar-tile{background:var(--color-bg-surface);border-radius:14px;min-height:44px}.calendar-modal .calendar-tile--completed{color:var(--color-text-inverse);background:var(--color-bg-accent)}.calendar-modal .calendar-tile--unavailable{color:var(--color-icon-subtle);background:0 0;border-color:#f3f3e914}.calendar-modal .calendar-tile--empty{background:0 0}.calendar-modal__month-grid{gap:var(--space-sm);margin-top:var(--space-2xl);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.calendar-modal__month-grid .calendar-tile{border-radius:var(--radius-lg);min-height:46px}.weekday-grid,.calendar-grid{gap:var(--space-sm);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekday-grid{margin-top:var(--space-xl)}.calendar-grid{margin-top:var(--space-sm)}.calendar-tile{min-width:0;min-height:46px;padding:var(--space-md);border:var(--border-default) solid transparent;border-radius:var(--radius-lg);color:var(--color-text-primary);background:var(--color-bg-card);letter-spacing:0;transition:background-color .2s var(--ease-standard), border-color .2s var(--ease-standard), color .2s var(--ease-standard), transform .16s var(--ease-standard);place-items:center;font-size:14px;font-weight:510;line-height:20px;display:grid;position:relative}.calendar-tile:enabled:active{transform:scale(.97)}.calendar-tile--calendar{min-height:56px}.calendar-tile--weekday{min-height:46px;color:var(--color-text-secondary);background:var(--color-bg-surface)}.calendar-tile--completed{color:var(--color-text-inverse);background:var(--color-bg-accent)}.calendar-tile--unavailable{color:var(--color-icon-subtle);border-color:var(--color-border-subtle);background:var(--color-bg-surface)}.calendar-tile--empty{color:#0000;background:var(--color-bg-surface)}.calendar-tile--selected{color:var(--color-text-inverse);background:var(--color-bg-accent);border-color:#0000}.calendar-tile--selected:not(.calendar-tile--completed){color:var(--color-text-primary);border-color:var(--color-bg-accent);background:var(--color-bg-card)}.calendar-tile--selected.calendar-tile--unavailable{color:var(--color-icon-subtle);border-color:var(--color-bg-accent);background:var(--color-bg-surface)}.calendar-tile__dot{border-radius:var(--radius-full);background:currentColor;width:3px;height:3px;position:absolute;top:8px;right:8px}.calendar-tile--today .calendar-tile__dot{background:var(--color-bg-accent)}.picker-grid{gap:var(--space-sm);margin-bottom:var(--space-2xl);display:grid}.picker-grid--months,.picker-grid--years{grid-template-columns:repeat(3,minmax(0,1fr))}@keyframes sheet-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes calendar-modal-enter{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes view-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.screen,.overlay,.bottom-sheet,.calendar-modal,.dialog,.completion-sheet,.habit-card,.calendar-tile,.segment-tab,.bottom-nav__tab,.bottom-nav__label,.reorder-item,.cards-stretch-content,.summary-card__progress span{transition:none;animation:none}}@media (width<=390px){:root{--nav-bottom:24px}.screen{padding-top:var(--space-2xl)}.summary-card__metrics{gap:var(--space-xl)}.habit-card{padding-right:var(--space-4xl);padding-left:var(--space-4xl)}.dialog{padding-right:var(--space-6xl);padding-left:var(--space-6xl)}}
