.journal-page{--journal-surface: rgba(255, 255, 255, .94);--journal-surface-soft: rgba(255, 255, 255, .72);width:min(100%,780px);margin:0 auto}.journal-header{gap:16px}.journal-create-button{gap:8px;white-space:nowrap}.journal-loading-groups,.journal-groups,.journal-list{display:grid}.journal-loading-groups,.journal-groups{gap:16px}.journal-list{gap:10px}.journal-page .journal-row__actions{display:flex;align-self:end;align-items:flex-start;justify-content:flex-end;gap:8px;flex-wrap:wrap;justify-self:end}.journal-row__action-button{display:inline-grid;place-items:center;width:var(--control-height);height:var(--control-height);min-height:var(--control-height);padding:0;border:1px solid var(--color-border);border-radius:14px;color:var(--color-ink-soft);background:#ffffffad}.journal-row__action-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-tint)}.journal-row__action-icon{display:inline-grid;width:20px;height:20px}.journal-row__action-icon svg{width:100%;height:100%}.journal-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:clamp(14px,4vw,22px);background:#1117153d;-webkit-backdrop-filter:blur(14px) saturate(.86);backdrop-filter:blur(14px) saturate(.86)}.journal-sheet{width:min(100%,440px);max-height:calc(100vh - 32px);overflow:auto;border:1px solid var(--color-border);border-radius:32px;background:linear-gradient(180deg,#fff,#f9fbf8f5),var(--color-surface);box-shadow:var(--shadow-float);animation:journal-sheet-enter .18s ease-out both}.journal-sheet__form{display:grid;gap:16px;padding:22px}.journal-sheet__header{display:grid;gap:6px}.journal-sheet__header h2{margin:0;font-size:clamp(1.6rem,7vw,2.35rem);line-height:.96;letter-spacing:-.06em}.journal-sheet label{display:grid;gap:6px;color:var(--color-muted-strong);font-size:.86rem;font-weight:800}.journal-sheet input,.journal-sheet select{width:100%}.journal-sheet__select-control,.journal-sheet__input-control{position:relative;display:block;width:100%;color:var(--color-muted-strong)}.journal-sheet__activity-select,.journal-sheet__datetime-input{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:46px}.journal-sheet__activity-select::-ms-expand{display:none}.journal-sheet__datetime-input::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;width:46px;height:100%;opacity:0;cursor:pointer}.journal-sheet__datetime-input::-webkit-date-and-time-value{text-align:left}.journal-sheet__field-icon{position:absolute;top:50%;right:14px;display:grid;width:22px;height:22px;place-items:center;color:currentColor;pointer-events:none;transform:translateY(-50%)}.journal-sheet__field-icon svg{width:20px;height:20px;stroke-width:2.35}.journal-delete__text{margin:0;color:var(--color-muted);font-size:.9rem}.journal-page .journal-skeleton{min-height:178px;background:linear-gradient(180deg,var(--journal-surface),var(--journal-surface-soft)),var(--color-surface)}.journal-group{display:grid;gap:12px;padding:14px;border:1px solid var(--color-border);border-radius:30px;background:linear-gradient(180deg,#ffffffc7,#f9fbf8b3),var(--color-surface-tint);box-shadow:var(--shadow-soft)}.journal-group__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 0}.journal-group__header h2{margin:0;font-size:clamp(1.08rem,4vw,1.35rem);line-height:1;letter-spacing:-.04em}.journal-group__header span{color:var(--color-muted);font-size:.8rem;font-weight:850;white-space:nowrap}.journal-page .journal-row{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:78px;gap:13px;padding:14px 15px;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,var(--journal-surface),var(--journal-surface-soft)),var(--color-surface);box-shadow:none}.journal-page .journal-row--running{border-color:color-mix(in srgb,var(--activity-color) 58%,var(--color-border));background:radial-gradient(circle at calc(100% - 32px) 20px,color-mix(in srgb,var(--activity-color) 15%,transparent),transparent 8rem),var(--color-surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--activity-color) 11%,transparent),var(--shadow-soft)}.journal-row__accent{position:relative;display:grid;align-self:stretch;width:18px;place-items:center}.journal-row__accent:before{position:absolute;top:2px;bottom:2px;left:50%;width:3px;border-radius:999px;background:color-mix(in srgb,var(--activity-color) 36%,transparent);content:"";transform:translate(-50%)}.journal-page .timeline-dot{position:relative;z-index:1;flex:none;width:13px;height:13px}.journal-row__main{display:grid;min-width:0;gap:7px}.journal-row__header{display:grid;gap:4px;min-width:0}.journal-page .journal-row strong{overflow-wrap:anywhere;font-size:1rem;line-height:1.1}.journal-row__time{display:flex;align-items:center;min-width:0;gap:7px;color:var(--color-muted);font-size:.85rem;font-weight:760;white-space:normal}.journal-page .journal-row__duration{justify-self:end;color:var(--color-ink);font-size:clamp(1.05rem,4vw,1.35rem);font-weight:950;letter-spacing:-.04em;white-space:nowrap}.journal-page .journal-row--running .journal-row__duration{color:color-mix(in srgb,var(--activity-color) 72%,var(--color-ink))}.journal-page .journal-row__running-label{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid color-mix(in srgb,var(--color-success) 24%,var(--color-border));border-radius:999px;color:var(--color-success);font-size:.74rem;font-weight:900;white-space:nowrap;background:#ecf8f2}.journal-page .pagination-row{justify-content:center;padding-top:2px}@media(min-width:768px){.journal-group{padding:18px}.journal-page .journal-row{min-height:84px;padding:16px 18px}}@media(max-width:520px){.journal-page{padding-bottom:calc(var(--bottom-nav-offset) + 26px)}.journal-page .journal-row{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-height:78px;padding:14px 12px}.journal-page .journal-row__duration{grid-column:2;justify-self:start;white-space:normal;font-size:clamp(.98rem,4.8vw,1.22rem)}.journal-row__header,.journal-row__time,.journal-group__header{align-items:flex-start}.journal-row__header,.journal-group__header{display:grid}.journal-row__time{flex-wrap:wrap;margin-top:2px}.journal-row__time time{min-width:max-content}.journal-page .journal-row__actions{grid-column:2;grid-row:2;align-self:end;justify-self:end;align-items:center;flex-wrap:nowrap}.journal-row__accent{grid-row:1 / span 2}.journal-sheet-backdrop{justify-items:stretch;align-items:end;padding:0;padding-bottom:calc(var(--bottom-nav-offset) + 16px)}.journal-sheet{width:100%;max-height:calc(100dvh - var(--bottom-nav-offset) - 16px);max-height:calc(100vh - var(--bottom-nav-offset) - 16px);overflow-y:auto;border-width:0;border-radius:0}.journal-sheet__form{padding:22px 16px calc(18px + env(safe-area-inset-bottom));min-height:0}.journal-page .pagination-row{display:flex;justify-content:center;margin:4px 0 14px;padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}}@media(max-width:420px){.journal-page{padding-bottom:calc(var(--bottom-nav-offset) + 32px)}.journal-page .journal-row{padding:14px 11px;border-radius:22px}.journal-row__header{gap:2px}.journal-page .journal-row strong{font-size:.98rem;line-height:1.08}.journal-row__time{gap:4px;font-size:.81rem}}@keyframes journal-sheet-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.page-stack.setup-page{--setup-surface: rgba(255, 255, 255, .94);--setup-surface-soft: rgba(255, 255, 255, .72);--setup-muted-panel: rgba(249, 251, 248, .76);animation:none;opacity:1;transform:none}.setup-page .page-header{gap:16px}.setup-skeleton-stack,.setup-activity-groups{display:grid;gap:14px}.setup-page .row-skeleton{min-height:118px;background:linear-gradient(180deg,var(--setup-surface),var(--setup-surface-soft)),var(--color-surface)}.setup-activity-group{display:grid;gap:12px;padding:14px;border:1px solid var(--color-border);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.8),var(--setup-muted-panel)),var(--color-surface-tint);box-shadow:var(--shadow-soft)}.setup-activity-group--inactive{background:linear-gradient(180deg,#ffffffad,#f9fbf88f),var(--color-surface-tint)}.setup-group-header{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:2px 4px 0}.setup-group-header h2{margin:0;font-size:clamp(1.12rem,4vw,1.45rem);line-height:1;letter-spacing:-.04em}.setup-group-header>span{color:var(--color-muted);font-size:.82rem;font-weight:850;white-space:nowrap}.setup-page .setup-activity-list{gap:10px}.setup-page .setup-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:88px;padding:14px 14px 14px 20px;overflow:hidden;border-radius:26px;background:radial-gradient(circle at calc(100% - 24px) 18px,color-mix(in srgb,var(--activity-color) 9%,transparent),transparent 7rem),linear-gradient(180deg,var(--setup-surface),var(--setup-surface-soft)),var(--color-surface);box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.setup-page .setup-row__title-layer{display:grid;grid-column:1;grid-template-columns:auto auto 1fr;align-items:center;gap:10px;min-width:0}.setup-page .setup-row__meta-layer{display:flex;grid-column:1;align-items:center;min-width:0;gap:10px}.setup-page .setup-row--dragging{z-index:2;box-shadow:0 20px 34px color-mix(in srgb,var(--activity-color) 14%,transparent),var(--shadow-card)}.setup-page .setup-row--ghost{opacity:.12;box-shadow:none}.setup-page .setup-row--ghost:before{opacity:0}.setup-page .setup-row--drag-overlay{pointer-events:none;transform:rotate(-.3deg)}.setup-page .setup-row:before{top:14px;bottom:14px;width:5px}.setup-page .setup-row--active{border-color:color-mix(in srgb,var(--activity-color) 26%,var(--color-border))}.setup-page .setup-row--inactive{color:var(--color-muted-strong);background:linear-gradient(180deg,#ffffff9e,#f9fbf89e),var(--color-surface-tint);opacity:.78}.setup-page .setup-row--pending{border-style:dashed;transform:translateY(-1px);box-shadow:0 0 0 4px color-mix(in srgb,var(--activity-color) 10%,transparent),var(--shadow-soft)}.setup-page .drag-handle{display:inline-grid;place-items:center;width:var(--control-height);height:var(--control-height);border-radius:16px;color:var(--color-muted-strong);background:#f9fbf8e6;touch-action:none}.setup-page .drag-handle:not(:disabled){cursor:grab;color:var(--color-ink);background:linear-gradient(180deg,#ffffff,var(--color-surface-tint)),var(--color-surface)}.setup-page .drag-handle:focus-visible{border-color:color-mix(in srgb,var(--activity-color) 38%,var(--color-border))}.setup-page .drag-handle__grip{display:grid;grid-template-columns:repeat(2,4px);gap:3px 4px}.setup-page .drag-handle__grip span{display:block;width:4px;height:4px;border-radius:999px;background:currentColor;opacity:.84}.setup-page .setup-row--dragging .drag-handle:not(:disabled){cursor:grabbing}.setup-page .setup-row--drag-overlay .drag-handle{cursor:grabbing}.setup-page .color-chip{width:15px;height:15px}.setup-page .color-palette,.setup-sheet .color-palette{display:flex;flex-wrap:wrap;gap:12px}.setup-page .color-option,.setup-sheet .color-option{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:0;border:0;border-radius:999px;background:transparent;transition:transform .16s ease,box-shadow .16s ease}.setup-page .color-option.is-active,.setup-sheet .color-option.is-active{box-shadow:0 12px 24px color-mix(in srgb,var(--activity-color) 18%,transparent);transform:translateY(-1px)}.setup-page .color-option-chip,.setup-sheet .color-option-chip{width:32px;height:32px;border:2px solid rgba(255,255,255,.95);border-radius:999px;background:var(--activity-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--activity-color) 44%,transparent),0 6px 14px color-mix(in srgb,var(--activity-color) 16%,transparent);transition:box-shadow .16s ease,transform .16s ease}.setup-page .color-option:hover .color-option-chip,.setup-sheet .color-option:hover .color-option-chip{transform:scale(1.06)}.setup-page .color-option[aria-pressed=true] .color-option-chip,.setup-page .color-option.is-active .color-option-chip,.setup-sheet .color-option[aria-pressed=true] .color-option-chip,.setup-sheet .color-option.is-active .color-option-chip{box-shadow:0 0 0 3px #fff,0 0 0 6px color-mix(in srgb,var(--activity-color) 54%,var(--color-border)),0 10px 18px color-mix(in srgb,var(--activity-color) 20%,transparent);transform:scale(1.04)}.setup-page .color-warning,.setup-sheet .color-warning{margin:0;color:var(--color-pending);font-size:.8rem;font-weight:760}.setup-page .setup-row__main{display:grid;gap:4px;min-width:0}.setup-page .setup-row__main strong{color:var(--color-ink);font-size:1.03rem;line-height:1.1;overflow-wrap:anywhere}.setup-page .setup-row__main span{color:var(--color-muted);font-size:.83rem;font-weight:760}.setup-page .status-pill--active{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 24%,var(--color-border));background:#ecf8f2}.setup-page .status-pill--inactive{color:var(--color-muted-strong);background:#f9fbf8db}.setup-page .setup-row__actions{display:flex;grid-column:2;grid-row:1 / span 2;gap:8px;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;align-self:start;justify-self:end}.setup-row__action-button{display:inline-grid;place-items:center;width:var(--control-height);height:var(--control-height);min-height:var(--control-height);padding:0;border:1px solid var(--color-border);border-radius:14px;color:var(--color-ink-soft);background:#ffffffad}.setup-row__action-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-tint)}.setup-row__action-icon{display:inline-grid;width:20px;height:20px}.setup-row__action-icon svg{width:100%;height:100%}.setup-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;align-items:center;padding:16px;background:#1117153d;-webkit-backdrop-filter:blur(14px) saturate(.86);backdrop-filter:blur(14px) saturate(.86)}.setup-sheet{align-self:center;width:min(100%,440px);max-height:calc(100vh - 32px);overflow:auto;border:1px solid var(--color-border);border-radius:32px;background:linear-gradient(180deg,#fff,#f9fbf8f5),var(--color-surface);box-shadow:var(--shadow-float);animation:setup-sheet-enter .18s ease-out both}.setup-page .setup-form,.setup-sheet .setup-form{display:grid;grid-template-columns:1fr;align-content:start;gap:16px;min-height:100%;padding:22px;border:0;border-radius:0;background:transparent;box-shadow:none}.setup-sheet__header{display:grid;gap:6px}.setup-sheet__header h2{margin:0;font-size:clamp(1.6rem,7vw,2.35rem);line-height:.96;letter-spacing:-.06em}.setup-sheet__header p:not(.eyebrow){margin:0;color:var(--color-muted);font-size:.9rem;font-weight:720}.setup-archive__text{margin:0;color:var(--color-muted);font-size:.9rem;font-weight:720}.setup-page .field-error,.setup-sheet .field-error{padding:11px 12px;border:1px solid color-mix(in srgb,var(--color-error) 22%,var(--color-border));border-radius:16px;background:var(--color-error-bg)}@keyframes setup-sheet-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media(min-width:768px){.setup-activity-group{padding:18px}}@media(max-width:767px){.setup-sheet{animation-name:setup-sheet-enter-mobile}.setup-sheet-backdrop{justify-items:stretch;align-items:end;padding:0;padding-bottom:calc(var(--bottom-nav-offset) + 16px)}.setup-sheet{align-self:end;width:100%;max-height:calc(100vh - var(--bottom-nav-offset) - 16px);max-height:calc(100dvh - var(--bottom-nav-offset) - 16px);overflow-y:auto;border-width:0;border-radius:0}.setup-page .setup-form,.setup-sheet .setup-form{min-height:0;padding:22px 16px calc(18px + env(safe-area-inset-bottom))}}@media(max-width:520px){.setup-page{padding-bottom:calc(var(--bottom-nav-offset) + 16px)}}@media(max-width:640px){.setup-group-header{align-items:start;flex-direction:column}.setup-page .setup-row{gap:8px;padding:14px 13px 14px 18px}.setup-page .setup-row__title-layer{grid-template-columns:auto auto 1fr;align-items:start}.setup-page .color-chip{margin-top:4px}.setup-page .setup-row__meta-layer,.setup-page .setup-row__actions{padding-left:44px}.setup-page .setup-row__actions{grid-column:2;grid-row:2;align-self:end;align-items:center;flex-wrap:nowrap;padding-left:0}}@media(max-width:420px){.setup-page{padding-bottom:calc(var(--bottom-nav-offset) + 22px)}.setup-page .setup-row__title-layer,.setup-page .setup-row__meta-layer{padding-left:0}}@media(prefers-reduced-motion:reduce){.setup-sheet{animation:none}.setup-page .setup-row{transition:none}}@keyframes setup-sheet-enter-mobile{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--css-interop-darkMode: media;--css-interop: true;--css-interop-nativewind: true}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-y-\[18px\]{top:18px;bottom:18px}.left-0{left:0}.right-2{right:.5rem}.top-2{top:.5rem}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.inline{display:inline}.flex{display:flex}.grid{display:grid}.aspect-square{aspect-ratio:1 / 1}.h-3{height:.75rem}.h-4{height:1rem}.h-64{height:16rem}.h-8{height:2rem}.h-\[214px\]{height:214px}.min-h-10{min-height:2.5rem}.min-h-\[26px\]{min-height:26px}.min-h-screen{min-height:100vh}.w-4{width:1rem}.w-8{width:2rem}.w-\[8px\]{width:8px}.w-\[90vw\]{width:90vw}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[220px\]{min-width:220px}.max-w-\[360px\]{max-width:360px}.max-w-\[680px\]{max-width:680px}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-\[34px\]{border-radius:34px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-\[7px\]{border-bottom-right-radius:7px;border-bottom-left-radius:7px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-300{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.border-amber-400\/80{border-color:#fbbf24cc}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-400\/80{border-color:#60a5facc}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-emerald-400\/80{border-color:#34d399cc}.border-orange-300{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}.border-rose-300{--tw-border-opacity: 1;border-color:rgb(253 164 175 / var(--tw-border-opacity, 1))}.border-rose-400\/80{border-color:#fb7185cc}.border-violet-300{--tw-border-opacity: 1;border-color:rgb(196 181 253 / var(--tw-border-opacity, 1))}.border-violet-400\/80{border-color:#a78bfacc}.border-zinc-100{--tw-border-opacity: 1;border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}.border-zinc-200{--tw-border-opacity: 1;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}.border-zinc-300{--tw-border-opacity: 1;border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}.border-zinc-500\/80{border-color:#71717acc}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-rose-400{--tw-bg-opacity: 1;background-color:rgb(251 113 133 / var(--tw-bg-opacity, 1))}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-violet-400{--tw-bg-opacity: 1;background-color:rgb(167 139 250 / var(--tw-bg-opacity, 1))}.bg-violet-50{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.bg-violet-500{--tw-bg-opacity: 1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-zinc-100{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.bg-zinc-100\/40{background-color:#f4f4f566}.bg-zinc-100\/70{background-color:#f4f4f5b3}.bg-zinc-200{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}.bg-zinc-400{--tw-bg-opacity: 1;background-color:rgb(161 161 170 / var(--tw-bg-opacity, 1))}.bg-zinc-50{--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[12px\]{font-size:12px}.text-\[34px\]{font-size:34px}.text-\[40px\]{font-size:40px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-tight{letter-spacing:-.025em}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-violet-700{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-zinc-100{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.text-zinc-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.text-zinc-800{--tw-text-opacity: 1;color:rgb(39 39 42 / var(--tw-text-opacity, 1))}.text-zinc-900{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.shadow-sm{--tw-shadow: 0px 1px 1px rgba(0, 0, 0, .35);--tw-shadow-colored: 0px 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-transparent{--tw-ring-color: transparent}.ring-zinc-300\/80{--tw-ring-color: rgb(212 212 216 / .8)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.active\:bg-zinc-200:active{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--color-canvas: #f5f7f4;--color-canvas-cool: #eef3f0;--color-ink: #111715;--color-ink-soft: #2f3b35;--color-muted: #66736d;--color-muted-strong: #4b5751;--color-surface: #ffffff;--color-surface-soft: rgba(255, 255, 255, .82);--color-surface-tint: #f9fbf8;--color-border: rgba(17, 23, 21, .1);--color-border-strong: rgba(17, 23, 21, .18);--color-brand: #111715;--color-brand-soft: #27322d;--color-focus: #2454d6;--color-info: #245b7a;--color-info-bg: #e9f3f8;--color-pending: #755315;--color-pending-bg: #fff4d8;--color-error: #9f332d;--color-error-bg: #fff0ee;--color-success: #1f6f51;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 30px;--shadow-soft: 0 12px 34px rgba(17, 23, 21, .07);--shadow-card: 0 22px 70px rgba(17, 23, 21, .08);--shadow-float: 0 24px 80px rgba(17, 23, 21, .13);--space-page-mobile: 16px;--space-page-desktop: 24px;--bottom-nav-offset: 92px;--control-height: 44px;--activity-color: var(--color-brand);--mobile-surface-padding-x: clamp(12px, 4.5vw, 20px);--mobile-shell-padding-y: clamp(10px, 2.2vw, 18px);--bg: var(--color-canvas);--ink: var(--color-ink);--muted: var(--color-muted);--surface: var(--color-surface);--surface-strong: var(--color-surface);--border: var(--color-border);--shadow: var(--shadow-card);--blue: #326bd8;--green: #287a58;--orange: #d66f35;--red: #c44840;--purple: #6842ca;--teal: #1e9cad;--pink: #c74f89;--amber: #d1982a;font-family:Nunito Sans,Avenir Next,Trebuchet MS,sans-serif;color:var(--color-ink);background:radial-gradient(circle at 50% -18%,rgba(17,23,21,.08),transparent 30rem),linear-gradient(180deg,#fbfcfa 0%,var(--color-canvas) 42%,var(--color-canvas-cool) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (padding: env(safe-area-inset-bottom)){:root{--bottom-nav-offset: calc(92px + env(safe-area-inset-bottom)) }}@media(max-width:360px){:root{--bottom-nav-offset: 142px}}@media(max-width:360px)and (padding: env(safe-area-inset-bottom)){:root{--bottom-nav-offset: calc(142px + env(safe-area-inset-bottom)) }}*{box-sizing:border-box}html{width:100%;min-height:100%;background:var(--color-canvas)}body{min-height:100vh;margin:0;width:100%;color:var(--color-ink);overflow-x:hidden}body,#root,.app-shell{min-width:0}body::selection{color:#fff;background:var(--color-brand)}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled,.is-disabled{cursor:not-allowed;opacity:.64}:where(a,button,input,select):focus{outline:none}:where(a,button,input,select):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}:where(button,.primary-button,.secondary-link,.text-button,.primary-nav a){-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root,.app-shell,.boot-screen{min-height:100vh}.app-shell{display:flex;flex-direction:column;gap:var(--space-page-mobile);width:min(100%,1200px);margin:0 auto;padding:var(--mobile-shell-padding-y) var(--mobile-surface-padding-x) var(--bottom-nav-offset) var(--mobile-surface-padding-x)}.app-topbar{position:sticky;top:10px;z-index:30;display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:14px;padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffffc7;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup{display:flex;align-items:center;min-width:0;gap:10px}.brand-mark{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:15px;color:#fff;font-size:.84rem;font-weight:900;letter-spacing:-.08em;background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 45%),var(--color-brand)}.brand-name,.brand-context,.eyebrow{margin:0}.brand-name{font-size:1.05rem;font-weight:900;letter-spacing:-.05em}.brand-context{overflow:hidden;color:var(--color-muted);font-size:.84rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.primary-nav{position:fixed;right:12px;left:12px;top:auto;bottom:10px;z-index:20;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px;border:1px solid var(--color-border);border-radius:24px;background:#ffffffeb;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-width:0;overflow:hidden}.primary-nav__link{overflow:hidden}@supports (bottom: env(safe-area-inset-bottom)){.primary-nav{bottom:calc(10px + env(safe-area-inset-bottom))}}@supports (left: max(0px)){.primary-nav{right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left))}}.primary-nav a,.primary-button,.secondary-link,.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);border:1px solid var(--color-border);border-radius:999px;font-weight:850;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.primary-nav a{min-width:0;padding:0 8px;color:var(--color-muted-strong);font-size:.83rem;background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-nav__label{display:block;width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.primary-nav__label--compact{display:none}.primary-nav a[aria-current=page],.primary-button{color:#fff;border-color:var(--color-brand);background:var(--color-brand);box-shadow:0 10px 28px #1117152e}.primary-nav a:not([aria-current=page]):hover,.secondary-link:hover,.text-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-tint)}.primary-button{width:fit-content;padding:0 18px}.secondary-link{width:fit-content;padding:0 16px;color:var(--color-ink);background:var(--color-surface)}.text-button{min-height:var(--control-height);padding:0 14px;color:var(--color-ink-soft);background:#ffffff94}.account-strip{display:flex;min-width:0;gap:8px;flex-wrap:wrap;color:var(--color-muted);font-size:.8rem;font-weight:700}.account-strip span{max-width:100%;overflow:hidden;padding:7px 11px;border:1px solid var(--color-border);border-radius:999px;background:#ffffff94;text-overflow:ellipsis}.app-main,.page-stack{min-width:0;display:grid;gap:var(--space-page-mobile)}.page-stack{animation:route-enter .22s ease-out both}.page-header{display:grid;gap:14px;align-items:end}.page-header--split{align-items:start}.page-header h1,.boot-card h1,.route-panel h1{margin:0 0 8px;font-size:clamp(2.35rem,12vw,4.65rem);line-height:.9;letter-spacing:-.08em}.page-header p:not(.eyebrow),.boot-card p,.route-panel p,.state-card p{max-width:62ch;margin:0;color:var(--color-muted)}.eyebrow{margin-bottom:8px;color:var(--color-muted-strong);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.boot-screen{display:grid;place-items:center;padding:clamp(12px,3vw,24px)}.boot-card,.route-panel,.state-card,.filter-card,.summary-card,.chart-card,.ranked-card,.form-preview,.activity-card,.setup-row,.journal-row,.inline-banner{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.boot-card,.route-panel,.state-card{width:min(100%,640px);padding:clamp(14px,4vw,28px)}.route-panel{display:grid;gap:16px}.inline-banner{padding:13px 15px;color:var(--color-info);font-weight:750;background:var(--color-info-bg);box-shadow:none}.inline-banner--error{color:var(--color-error);background:var(--color-error-bg)}.inline-banner--pending{color:var(--color-pending);background:var(--color-pending-bg)}.toast-viewport{position:fixed;top:12px;left:50%;z-index:60;display:grid;gap:10px;width:min(calc(100vw - 24px),560px);transform:translate(-50%);pointer-events:none}@supports (top: env(safe-area-inset-top)){.toast-viewport{top:calc(12px + env(safe-area-inset-top))}}.toast{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 14px 14px 16px;border:1px solid var(--color-border);border-radius:22px;color:var(--color-info);background:#fffffff5;box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:toast-enter .18s ease-out both;pointer-events:auto}.toast--info{background:linear-gradient(180deg,#e9f3f8f5,#fffffff5),var(--color-surface)}.toast--error{color:var(--color-error);background:linear-gradient(180deg,#fff0eefa,#fffffff5),var(--color-surface)}.toast__message{margin:0;color:inherit;font-size:.95rem;font-weight:760;line-height:1.35}.toast__dismiss{min-height:32px;padding:0 12px;border:1px solid color-mix(in srgb,currentColor 24%,var(--color-border));border-radius:999px;color:inherit;font-size:.8rem;font-weight:850;background:#ffffffbd}.toast__dismiss:hover{background:#fffffff5}.tracker-grid{display:grid;grid-template-columns:1fr;gap:12px}.activity-card{position:relative;display:grid;gap:18px;width:100%;min-width:0;min-height:156px;padding:19px 18px 18px 22px;overflow:hidden;color:inherit;text-align:left}.activity-card:before,.setup-row:before{position:absolute;top:16px;bottom:16px;left:0;width:4px;border-radius:0 999px 999px 0;background:var(--activity-color);content:""}.activity-card:not(:disabled):hover{border-color:color-mix(in srgb,var(--activity-color) 35%,var(--color-border));transform:translateY(-1px)}.activity-card--running{border-color:color-mix(in srgb,var(--activity-color) 58%,var(--color-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--activity-color) 13%,transparent),var(--shadow-card)}.activity-card--pending{border-style:dashed}.activity-card__topline,.setup-row,.journal-row,.ranked-row{display:flex;align-items:center;gap:10px}.activity-card__topline{justify-content:space-between}.activity-card__name{font-size:1.12rem;font-weight:900}.activity-card__duration{font-size:clamp(2.25rem,12vw,4.1rem);font-weight:900;line-height:.9;letter-spacing:-.08em}.status-pill,.tap-affordance,.spinner-label{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted-strong);font-size:.78rem;font-weight:900;white-space:nowrap;background:#ffffffad}.status-pill--running{color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 24%,var(--color-border));background:#ecf8f2}.spinner-label:before{width:8px;height:8px;margin-right:6px;border-radius:999px;background:currentColor;content:"";animation:pulse-dot .82s ease-in-out infinite}.color-chip,.timeline-dot{flex:0 0 14px;width:14px;height:14px;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:var(--activity-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--activity-color) 40%,transparent)}.color-blue{--activity-color: var(--blue)}.color-green{--activity-color: var(--green)}.color-orange{--activity-color: var(--orange)}.color-red{--activity-color: var(--red)}.color-purple{--activity-color: var(--purple)}.color-teal{--activity-color: var(--teal)}.color-pink{--activity-color: var(--pink)}.color-amber{--activity-color: var(--amber)}.color-fallback{--activity-color: var(--color-muted)}.activity-list,.ranked-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.setup-row{position:relative;min-height:74px;padding:12px 12px 12px 18px}.setup-row--inactive{color:var(--color-muted-strong);background:#ffffffad}.setup-row--dragging{transform:translateY(-2px);box-shadow:0 0 0 4px color-mix(in srgb,var(--activity-color) 10%,transparent),var(--shadow-card)}.drag-handle{display:inline-grid;width:var(--control-height);height:var(--control-height);place-items:center;border:1px solid var(--color-border);border-radius:14px;color:var(--color-muted-strong);font-weight:900;background:var(--color-surface-tint)}.drag-handle-group{display:flex;gap:5px}.setup-row__main{display:grid;flex:1;min-width:0}.setup-row__main strong,.ranked-row strong,.journal-row strong{overflow-wrap:anywhere}.setup-row__main span,.journal-row span,.summary-card span,.bar-column span{color:var(--color-muted);font-size:.85rem}.setup-row__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.form-preview,.filter-card{display:grid;gap:14px;padding:16px}.form-preview label,.filter-card label{display:grid;gap:6px;color:var(--color-muted-strong);font-size:.86rem;font-weight:800}.checkbox-field{align-content:center;min-height:var(--control-height);grid-template-columns:auto 1fr}.field-error{margin:0;color:var(--color-error);font-weight:800}.form-actions{display:flex;gap:8px;flex-wrap:wrap}.implementation-note{max-width:62ch;margin:0;color:var(--color-muted);font-size:.82rem}input,select{min-height:var(--control-height);padding:0 12px;border:1px solid var(--color-border);border-radius:14px;color:var(--color-ink);background:var(--color-surface)}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--color-brand)}.segmented-control{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface-tint)}.segmented-control button{min-height:var(--control-height);border:0;border-radius:14px;color:var(--color-muted-strong);font-weight:850;background:transparent}.segmented-control .is-active{color:#fff;background:var(--color-brand);box-shadow:0 8px 24px #11171529}.analytics-layout{display:grid;gap:12px}.analytics-filter-card{align-items:end}.analytics-anchor-date input,.analytics-date-controls input{width:100%}.analytics-date-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.analytics-ranked-list{margin:0;padding:0;list-style:none}.analytics-ranked-row:last-child{border-bottom:0}.analytics-bar-column{min-width:0}.analytics-bar-column span{overflow-wrap:anywhere}.summary-card,.chart-card,.ranked-card{padding:18px}.summary-card strong{display:block;margin-bottom:8px;font-size:clamp(2.5rem,15vw,5rem);line-height:.9;letter-spacing:-.08em}.bar-chart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;min-height:260px;gap:12px}.bar-column{display:grid;grid-template-rows:1fr auto;align-items:end;height:100%;gap:10px}.bar-fill{min-height:24px;border-radius:16px 16px 6px 6px;background:var(--activity-color);box-shadow:inset 0 1px #ffffff38}.ranked-card h2,.journal-group h2,.form-preview h2,.state-card h2{margin:0 0 12px}.ranked-row{display:grid;grid-template-columns:auto 1fr auto auto;padding:12px 0;border-bottom:1px solid var(--color-border)}.journal-page{max-width:820px;margin:0 auto}.journal-groups,.journal-list{display:grid;gap:12px}.journal-group{display:grid;gap:10px}.journal-row{padding:14px}.journal-row--running{border-color:color-mix(in srgb,var(--activity-color) 55%,var(--color-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--activity-color) 10%,transparent),var(--shadow-soft)}.journal-row div{display:grid;flex:1}.journal-row__duration{font-weight:900}.journal-row__running-label{color:var(--color-success);font-weight:850}.pagination-row,.state-grid{display:flex;gap:12px;flex-wrap:wrap}.state-grid{display:grid;grid-template-columns:1fr}.state-card{width:100%;box-shadow:none;color:var(--color-ink)}.state-card p,.state-card .eyebrow{color:var(--color-muted-strong)}.state-card--empty{background:linear-gradient(180deg,#fffffff5,#f9fbf8f5)}.state-card--error{color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 26%,var(--color-border));background:var(--color-error-bg)}.state-card--error p,.state-card--error .eyebrow{color:color-mix(in srgb,var(--color-error) 72%,var(--color-muted));font-weight:820}.state-card--error h2{color:color-mix(in srgb,var(--color-error) 82%,#1a1f1d)}.state-card--pending,.state-card--loading{color:var(--color-pending);background:var(--color-pending-bg)}.state-card__action{margin-top:18px}.skeleton-block{display:grid;gap:12px;width:100%;min-height:150px;padding:18px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-soft)}.skeleton-block span{min-height:24px;border-radius:999px;background:linear-gradient(90deg,#e7ece8,#f8faf8,#e7ece8);background-size:220% 100%;animation:skeleton-shimmer 1.35s ease-in-out infinite}@keyframes route-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media(hover:hover){.primary-button:not(:disabled):hover,.secondary-link:not(:disabled):hover,.text-button:not(:disabled):hover,.drag-handle:not(:disabled):hover,.segmented-control button:not(:disabled):hover{transform:translateY(-1px)}}@media(min-width:768px){.app-shell{gap:20px;padding:20px}.toast-viewport{top:18px;width:min(calc(100vw - 48px),620px)}.app-shell{gap:var(--space-page-desktop);padding:var(--space-page-desktop)}.app-topbar{top:16px;min-height:66px;padding:10px;border-radius:24px}.primary-nav{position:static;display:flex;flex:0 0 auto;width:auto;padding:6px;border-radius:999px;background:var(--color-surface-tint);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.primary-nav a{flex:0 0 auto;min-width:92px;padding:0 16px;font-size:.94rem}.page-header--split,.filter-card{grid-template-columns:1fr auto;align-items:end}.tracker-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.analytics-layout{grid-template-columns:minmax(220px,.7fr) minmax(0,1.4fr);gap:14px}.ranked-card{grid-column:span 2}.state-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-preview{grid-template-columns:1fr 1fr auto;align-items:end}.form-preview>div{grid-column:1 / -1}}@media(max-width:640px){.setup-row{align-items:flex-start;flex-wrap:wrap}.setup-row__actions{width:100%;justify-content:flex-start;padding-left:58px}.segmented-control{grid-template-columns:repeat(2,1fr)}.analytics-date-controls{grid-template-columns:1fr}.ranked-row{grid-template-columns:auto 1fr}.ranked-row span:nth-last-child(-n+2){justify-self:start}}@media(max-width:360px){.primary-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:5px 4px}.primary-nav a{font-size:.77rem;min-height:40px}.primary-nav__label--full{display:none}.primary-nav__label--compact{display:block}}@media(min-width:361px)and (max-width:640px){.primary-nav__label--full{display:block}.primary-nav__label--compact{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.page-stack,.toast,.activity-card:not(:disabled):hover,.primary-button:not(:disabled):hover,.secondary-link:not(:disabled):hover,.text-button:not(:disabled):hover,.drag-handle:not(:disabled):hover{transform:none}}