*,: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;-o-tab-size:4;tab-size:4;font-family:Geist,Inter,ui-sans-serif,system-ui,sans-serif;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]){-webkit-text-decoration:underline dotted;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::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}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}.visible{visibility:visible}.block{display:block}.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)}:root{--bg: #14171b;--surface: #1a2228;--surface-raised: #212b33;--border: #2c3640;--text: #f5f6f7;--muted: #8b92a0;--signal: #da2020;--momentum: #3ddc97;--caution: #f2a33d;--shadow: rgba(0, 0, 0, .35);color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--bg: #f5f5f4;--surface: #ffffff;--surface-raised: #f7f7f6;--border: #e3e1de;--text: #1a2228;--muted: #6b7178;--signal: #da2020;--momentum: #0e9a6c;--caution: #c97a1c;--shadow: rgba(26, 34, 40, .08);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--signal) 18%,transparent),transparent 24rem),radial-gradient(circle at top right,color-mix(in srgb,var(--momentum) 10%,transparent),transparent 20rem),var(--bg);color:var(--text);font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.app-shell{min-height:100vh}.app-frame{max-width:1380px;margin:0 auto;padding:14px 12px 28px}.hero-shell,.panel{background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--border);box-shadow:0 18px 60px var(--shadow)}.hero-shell{border-radius:28px;padding:14px}.hero-topline,.hero-actions,.hero-utility-row,.hero-board,.power-pair-grid,.top-controls,.today-grid,.detail-grid,.reward-grid,.mission-columns,.streak-grid,.triple-stats,.quad-grid,.score-split,.counter-sections,.counter-card-grid,.counter-section-grid,.settings-counter-stack,.settings-grid,.settings-counter-buttons,.counter-actions{display:grid;gap:12px}.hero-topline{grid-template-columns:minmax(0,1fr)}.hero-brand-block{display:grid;gap:8px}.hero-brand-row,.hero-brand,.hero-card-top,.task-topline,.subpanel-head,.panel-topline,.score-row,.counter-card-top,.settings-counter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hero-brand{align-items:center}.hero-actions{grid-template-columns:max-content max-content;justify-content:end;align-items:center}.hero-utility-row{margin-top:12px;grid-template-columns:1fr;align-items:stretch}.hero-identity-panel{margin-top:12px;display:grid;gap:14px;grid-template-columns:1fr;align-items:center;padding:14px;border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-raised) 92%,transparent);position:relative;overflow:hidden}.hero-identity-panel:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--signal),transparent 75%)}.brand-logo{width:var(--logo-size, 92px);height:var(--logo-size, 92px);-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--signal) 28%,transparent))}.hero-kicker,.label-caps{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.hero-kicker{display:block;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.7rem;letter-spacing:-.04em;text-transform:none;color:var(--text)}.hero-title,.mission-title,.section-title,.rail-title,.hero-card-value,.info-value,.xp-number,.streak-value{font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}.hero-title{margin:4px 0 0;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.05;letter-spacing:-.04em}.hero-subtitle{margin:0;max-width:42rem;color:var(--muted);font-size:.82rem;line-height:1.35}.hero-board{margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.hero-board>*,.hero-utility-row>*,.triple-stats>*,.quad-grid>*,.power-pair-grid>*,.streak-grid>*,.score-split>*,.counter-card-grid>*,.counter-section-grid>*{height:100%}.level-badge,.theme-toggle,.ghost-button,.segmented-pill,.mini-chip,.status-badge,.urgency-tag,.xp-pill,.icon-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid var(--border)}.level-badge{padding:8px 10px;background:color-mix(in srgb,var(--surface-raised) 86%,transparent);position:relative}.level-badge:before{content:"";position:absolute;inset:-10px auto auto -10px;width:72px;height:72px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--signal) 22%,transparent),transparent 68%);pointer-events:none}.level-ring{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle at center,var(--surface) 58%,transparent 59%),conic-gradient(var(--signal) var(--level-progress),color-mix(in srgb,var(--border) 90%,transparent) 0);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 90%,transparent)}.level-ring strong,.counter-stat-line strong{font-family:IBM Plex Mono,ui-monospace,monospace}.level-copy{display:grid;gap:2px}.level-copy span{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.level-copy small{color:var(--muted)}.theme-toggle,.ghost-button{min-height:44px;padding:10px 12px;background:transparent;color:var(--text);cursor:pointer}.ghost-button-compact{border-radius:999px}.hero-card,.info-card,.score-list,.insight-card,.streak-card,.subpanel,.task-card,.habit-row,.empty-state,.settings-counter-card,.counter-card{background:color-mix(in srgb,var(--surface-raised) 92%,transparent);border:1px solid var(--border);position:relative;overflow:hidden}.hero-card:after,.subpanel:after,.counter-card:after,.streak-card:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--signal),transparent 75%);opacity:.9}.hero-card-personal:after,.counter-panel-personal:after,.subpanel-personal:after{background:linear-gradient(90deg,var(--momentum),transparent 75%)}.hero-card-goal:after,.streak-card-caution:after{background:linear-gradient(90deg,var(--caution),transparent 75%)}.subpanel-work:after,.counter-panel-work:after,.hero-card-work:after,.hero-card-signal:after{background:linear-gradient(90deg,var(--signal),transparent 75%)}.streak-card-work:after{background:linear-gradient(90deg,var(--signal),transparent 75%)}.streak-card-health:after{background:linear-gradient(90deg,var(--momentum),transparent 75%)}.hero-card{border-radius:20px;padding:12px}.hero-card-signal{position:relative;overflow:hidden}.hero-card-signal:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,color-mix(in srgb,var(--signal) 100%,white),color-mix(in srgb,var(--signal) 60%,transparent));box-shadow:0 0 26px color-mix(in srgb,var(--signal) 55%,transparent)}.icon-badge{width:28px;height:28px;color:var(--signal);background:color-mix(in srgb,var(--signal) 12%,transparent)}.hero-card-value{margin-top:8px;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.05;font-family:IBM Plex Mono,ui-monospace,monospace}.hero-card-goal .hero-card-value{font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}.hero-card-value-signal{font-size:clamp(2.25rem,4.6vw,3.4rem);letter-spacing:-.06em}.hero-card-value-unified{font-size:clamp(2.25rem,4.6vw,3.4rem)}.hero-card-value-tail{margin-left:.18rem;font-size:.42em;line-height:1;color:var(--muted)}.hero-card-detail,.hero-card-subdetail,.info-detail,.section-copy,.mission-copy,.task-copy p,.rail-copy,.streak-detail,.empty-state p,.insight-card p{margin:8px 0 0;color:var(--muted);line-height:1.4}.hero-card-subdetail{font-size:.74rem}.stat-underline{width:72px;height:3px;margin-top:8px;border-radius:999px}.stat-underline-work{background:linear-gradient(90deg,var(--signal),color-mix(in srgb,var(--signal) 40%,transparent))}.stat-underline-health{background:linear-gradient(90deg,var(--momentum),color-mix(in srgb,var(--momentum) 40%,transparent))}.stat-underline-caution{background:linear-gradient(90deg,var(--caution),color-mix(in srgb,var(--caution) 40%,transparent))}.top-controls{margin-top:12px;grid-template-columns:1fr;align-items:center}.next-unlock-banner{margin-top:12px;display:grid;gap:12px;border-radius:18px;padding:12px 14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-raised) 90%,transparent);position:relative;overflow:hidden}.logo-preview-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-raised) 92%,transparent)}.settings-two-up{display:grid;gap:12px;grid-template-columns:1fr;grid-column:1 / -1}.logo-preview-image{width:80px;height:80px;-o-object-fit:contain;object-fit:contain}.avatar-preview-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:999px}.next-unlock-banner:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--caution),transparent 75%)}.next-unlock-copy,.next-unlock-progress{display:grid;gap:6px}.next-unlock-titleline{display:flex;align-items:center;gap:8px}.next-unlock-title{margin:0;font-size:1rem;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}.next-unlock-detail{margin:0;color:var(--muted);font-size:.84rem;line-height:1.35}.segmented-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.segmented-pill{min-height:44px;padding:10px 14px;background:color-mix(in srgb,var(--surface-raised) 70%,transparent);color:var(--muted);cursor:pointer;white-space:nowrap}.segmented-pill.is-active{background:var(--signal);color:#fff;border-color:color-mix(in srgb,var(--signal) 75%,black);box-shadow:0 10px 30px color-mix(in srgb,var(--signal) 30%,transparent)}.error-banner{margin-top:12px;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--signal) 12%,transparent);border:1px solid color-mix(in srgb,var(--signal) 35%,var(--border))}.view-shell{margin-top:12px}.today-grid,.detail-grid,.reward-grid,.mission-columns{grid-template-columns:1fr}.panel{border-radius:24px;padding:16px}.identity-hero{display:grid;gap:16px;margin-top:10px;grid-template-columns:1fr;align-items:start}.avatar-card,.mystery-card{display:grid;justify-items:center;gap:10px;padding:14px;border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-raised) 92%,transparent);position:relative;overflow:visible}.avatar-card:after,.mystery-card:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--signal),transparent 75%)}.avatar-shell{position:relative;width:144px;height:144px;border-radius:999px;overflow:visible;border:2px solid color-mix(in srgb,var(--signal) 45%,var(--border));box-shadow:0 18px 40px color-mix(in srgb,var(--signal) 12%,transparent)}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:3rem;background:linear-gradient(135deg,color-mix(in srgb,var(--signal) 22%,transparent),color-mix(in srgb,var(--surface-raised) 100%,transparent))}.avatar-badge{position:absolute;right:-14px;bottom:-6px;min-width:72px;min-height:72px;padding:10px;border-radius:999px;display:grid;place-items:center;background:#1cb7f2;color:#fff;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.68rem;line-height:1.1;text-align:center;box-shadow:0 12px 24px #1cb7f259;border:4px solid var(--surface);z-index:5}.avatar-caption,.mystery-copy,.level-points-left{margin:0;color:var(--muted)}.identity-copy{display:grid;gap:10px}.identity-title{margin:0;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.02;letter-spacing:-.04em}.level-badge-strip{display:flex;flex-wrap:wrap;gap:8px}.level-token{padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-raised) 80%,transparent);color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.72rem}.level-token.is-active{color:#fff;background:var(--signal);border-color:color-mix(in srgb,var(--signal) 75%,black)}.level-points-left{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.88rem}.mystery-badge{width:96px;height:96px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--caution) 30%,transparent),color-mix(in srgb,var(--surface-raised) 100%,transparent));border:1px solid color-mix(in srgb,var(--caution) 35%,var(--border));color:var(--caution);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--caution) 20%,transparent)}.mission-title,.section-title,.rail-title{margin:6px 0 0;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.05;letter-spacing:-.04em}.mission-copy{max-width:40rem}.status-badge{padding:10px 14px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.tone-good{color:var(--momentum);background:color-mix(in srgb,var(--momentum) 14%,transparent)}.tone-warn{color:var(--caution);background:color-mix(in srgb,var(--caution) 14%,transparent)}.tone-bad{color:var(--signal);background:color-mix(in srgb,var(--signal) 14%,transparent)}.triple-stats,.quad-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.info-card{border-radius:18px;padding:12px}.info-value{margin-top:8px;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.05;letter-spacing:-.04em;font-family:IBM Plex Mono,ui-monospace,monospace}.xp-number{display:inline-block;min-width:1ch}.mission-columns,.counter-sections,.counter-section-grid{margin-top:14px}.power-pair-grid{margin-top:14px;grid-template-columns:1fr}.counter-sections,.counter-section-grid,.counter-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subpanel,.task-card,.habit-row,.empty-state,.streak-card,.score-list,.insight-card,.settings-counter-card,.counter-card,.next-unlock-banner,.panel{border-radius:16px;padding:12px}.subpanel-head h3,.score-list h3,.insight-card h3{margin:6px 0 0;font-size:.95rem}.subpanel-explainer{margin:6px 0 0;color:var(--muted);font-size:.86rem;line-height:1.4}.counter-panel{background:color-mix(in srgb,var(--surface-raised) 84%,transparent)}.counter-card-grid,.task-stack,.habit-stack,.insight-stack,.score-rows,.settings-counter-stack{margin-top:10px}.task-stack,.habit-stack,.insight-stack,.score-rows,.settings-counter-stack{display:grid;gap:10px}.counter-card{background:color-mix(in srgb,var(--surface) 94%,transparent)}.counter-card h4,.settings-counter-card h3{margin:0;font-size:1rem}.counter-stat-line{display:flex;align-items:baseline;gap:6px;margin-top:6px}.counter-stat-line strong{font-size:1.65rem;line-height:1}.counter-stat-line span,.counter-mini{color:var(--muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem}.counter-card p,.settings-counter-card p{margin:6px 0 0;color:var(--muted);font-size:.84rem}.counter-actions{margin-top:10px;grid-template-columns:repeat(2,max-content)}.counter-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer}.counter-button.is-primary{background:color-mix(in srgb,var(--signal) 18%,transparent);color:var(--signal);border-color:color-mix(in srgb,var(--signal) 45%,var(--border))}.mini-chip{padding:8px 12px;color:var(--muted)}.mini-chip.is-good{color:var(--momentum);background:color-mix(in srgb,var(--momentum) 12%,transparent)}.task-card,.habit-row{display:grid;grid-template-columns:auto 1fr;gap:12px}.task-card-compact .task-copy p{display:none}.task-copy h4{margin:0;font-size:.98rem}.task-copy p{font-size:.84rem}.task-meta{display:flex;gap:8px;flex-wrap:wrap}.urgency-tag,.xp-pill{padding:5px 8px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.urgency-urgent{color:#fff;background:color-mix(in srgb,var(--signal) 82%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--signal) 18%,transparent);animation:urgentPulse 2.8s ease-in-out infinite}.urgency-high{color:var(--caution);background:color-mix(in srgb,var(--caution) 14%,transparent)}.urgency-normal{color:var(--momentum);background:color-mix(in srgb,var(--momentum) 14%,transparent)}.urgency-low{color:var(--muted)}.xp-pill{color:var(--signal);background:color-mix(in srgb,var(--signal) 10%,transparent)}.check-button{width:24px;height:24px;margin-top:2px;background:transparent;color:transparent;transition:transform .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease}.check-button.is-checked{background:var(--signal);border-color:var(--signal);color:#fff;transform:scale(1.06)}.habit-check.is-checked{background:var(--momentum);border-color:var(--momentum)}.habit-row{width:100%;text-align:left;cursor:pointer;background:color-mix(in srgb,var(--surface-raised) 92%,transparent)}.habit-row strong,.habit-row small{display:block}.habit-row small{margin-top:4px;color:var(--muted)}.habit-row.is-checked{border-color:color-mix(in srgb,var(--momentum) 45%,var(--border))}.right-rail{display:grid;gap:12px}.progress-track{height:6px;margin-top:10px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--border) 75%,transparent)}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--signal) 100%,white 6%),color-mix(in srgb,var(--signal) 78%,transparent));box-shadow:0 0 24px color-mix(in srgb,var(--signal) 25%,transparent);transition:width .36s ease}.progress-fill-health{background:linear-gradient(90deg,color-mix(in srgb,var(--momentum) 100%,white 4%),color-mix(in srgb,var(--momentum) 72%,transparent));box-shadow:0 0 24px color-mix(in srgb,var(--momentum) 20%,transparent)}.progress-fill-caution{background:linear-gradient(90deg,color-mix(in srgb,var(--caution) 100%,white 4%),color-mix(in srgb,var(--caution) 72%,transparent));box-shadow:0 0 24px color-mix(in srgb,var(--caution) 18%,transparent)}.streak-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.streak-value{margin-top:8px;font-size:clamp(1.7rem,3vw,2.5rem);line-height:1;font-family:IBM Plex Mono,ui-monospace,monospace}.streak-dots{display:flex;gap:7px;margin-top:10px}.streak-dot{width:12px;height:4px;border-radius:999px;background:color-mix(in srgb,var(--border) 80%,transparent)}.streak-dot.is-on{background:var(--momentum)}.empty-state{display:grid;place-items:center;text-align:center;min-height:100px;border-style:dashed;color:var(--muted)}.score-split{margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-form{margin-top:14px}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid-tight{margin-top:12px}.field{display:grid;gap:8px}.field-wide{grid-column:1 / -1}.field span{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.field-note{color:var(--muted);font-size:.8rem}.badge-image{display:block;-o-object-fit:cover;object-fit:cover;border-radius:999px}.level-settings-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-raised) 86%,transparent);color:var(--signal)}.badge-preview-chip{width:52px;height:52px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-raised) 86%,transparent);color:var(--signal)}.settings-accordion{border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:0 18px 60px var(--shadow);overflow:hidden}.settings-accordion-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;cursor:pointer;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;font-size:1.05rem}.settings-accordion-summary::-webkit-details-marker{display:none}.settings-accordion-icon{transition:transform .18s ease}.settings-accordion[open] .settings-accordion-icon{transform:rotate(180deg)}.settings-accordion-body{padding:0 16px 16px}.field input,.field select{width:100%;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-raised) 86%,transparent);color:var(--text);padding:12px 14px}.primary-button{margin-top:16px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--signal) 50%,var(--border));background:var(--signal);color:#fff;padding:11px 16px;cursor:pointer}.settings-counter-buttons{grid-template-columns:repeat(4,max-content)}.score-row{padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 80%,transparent)}.score-row:last-child{border-bottom:0}.loading-panel{min-height:340px}.loading-bar,.loading-box{border-radius:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 100%,white 2%),color-mix(in srgb,var(--surface-raised) 100%,white 3%),color-mix(in srgb,var(--surface) 100%,white 2%));animation:shimmer 1.2s linear infinite;background-size:200% 100%}.loading-bar{height:28px;width:16rem}.loading-bar.wide{width:24rem}.loading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.loading-box{min-height:160px}.spin{animation:spin .9s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes urgentPulse{0%,to{box-shadow:0 0 10px color-mix(in srgb,var(--signal) 12%,transparent)}50%{box-shadow:0 0 18px color-mix(in srgb,var(--signal) 28%,transparent)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:768px){.hero-board{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-board>*{grid-column:span 1!important}.power-pair-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}.next-unlock-banner{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:center}.streak-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-identity-panel,.identity-hero{grid-template-columns:180px minmax(0,1fr) 180px}.settings-two-up{grid-template-columns:1fr 1fr}}@media(max-width:1120px){.top-controls,.settings-grid{grid-template-columns:1fr}.quad-grid,.score-split{grid-template-columns:1fr 1fr}}@media(max-width:767px){.quad-grid,.score-split,.counter-section-grid,.counter-card-grid,.settings-grid,.loading-grid{grid-template-columns:1fr}.hero-brand,.hero-brand-row{align-items:flex-start}.hero-topline{grid-template-columns:1fr auto;align-items:start}.hero-board>:nth-child(1),.hero-board>:nth-child(2){grid-column:1 / -1}.hero-actions{justify-content:end}.theme-toggle span,.ghost-button-compact span{display:none}.hero-kicker{font-size:1.45rem}.brand-logo{width:min(var(--logo-size, 92px),84px);height:min(var(--logo-size, 92px),84px)}.hero-card-value-signal{font-size:clamp(2.25rem,4.6vw,3.4rem)}}
