*,:after,:before{--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/0.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/0.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: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-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]){-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,pre,samp{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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{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}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.grid{display:grid}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -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)}.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{color-scheme:light dark;background:#f5f7f2;color:#142f2b}*{box-sizing:border-box}body,html{margin:0;min-height:100%;overflow-x:hidden}body{background:radial-gradient(circle at 10% 8%,rgba(15,118,110,.12) 0 14%,transparent 36%),radial-gradient(circle at 92% 20%,rgba(245,158,11,.13) 0 10%,transparent 32%),radial-gradient(circle at 88% 82%,rgba(37,99,235,.1) 0 12%,transparent 34%),linear-gradient(180deg,#f8faf6,#eef5f1);color:#142f2b;font-family:Avenir Next,Inter,Segoe UI,system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}img{display:block;max-width:100%}.tracker-shell{--app-primary:#0f766e;--app-secondary:#2563eb;--app-accent:#f59e0b;--app-bg:#eef7f3;--app-surface:#ffffff;--app-soft:#e4f3ee;--app-ink:#0f2f2e;min-height:100vh;overflow-x:hidden;padding:10px;background:radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--app-primary),transparent 86%) 0 14%,transparent 36%),radial-gradient(circle at 92% 20%,color-mix(in srgb,var(--app-accent),transparent 84%) 0 10%,transparent 32%),radial-gradient(circle at 88% 82%,color-mix(in srgb,var(--app-secondary),transparent 88%) 0 12%,transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--app-bg),#ffffff 30%),var(--app-bg));color:var(--app-ink)}.dashboard-grid,.tracker-hero{max-width:1480px;margin-inline:auto}.tracker-hero{position:relative;display:grid;grid-template-columns:1fr;align-items:center;gap:12px;min-width:0;margin-bottom:14px;overflow:hidden;padding:12px;border:1px solid color-mix(in srgb,var(--app-primary),transparent 84%);border-radius:10px;background:radial-gradient(circle at 3% 0,color-mix(in srgb,var(--app-secondary),transparent 84%),transparent 34%),radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--app-accent),transparent 86%),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--app-surface),#ffffff 18%),color-mix(in srgb,var(--app-soft),#ffffff 18%));box-shadow:0 16px 46px color-mix(in srgb,var(--app-primary),transparent 88%)}.tracker-hero:before{display:none}.sparkle-field{position:absolute;inset:0;pointer-events:none}.sparkle-field span{position:absolute;width:8px;aspect-ratio:1;border-radius:999px;background:#0f766e;opacity:.34}.sparkle-field span:first-child{top:24px;left:24px;background:var(--app-accent)}.sparkle-field span:nth-child(2){right:68px;bottom:38px;width:14px;background:var(--app-primary)}.sparkle-field span:nth-child(3){top:84px;right:202px;background:var(--app-secondary)}.sparkle-field span:nth-child(4){bottom:24px;left:44%;background:var(--app-primary)}.sparkle-field span:nth-child(5){top:24px;left:34%;background:var(--app-accent)}.sparkle-field span:nth-child(6){right:19%;bottom:18px;background:var(--app-secondary)}.sparkle-field span:nth-child(7){right:16px;top:78px;background:var(--app-primary)}.sparkle-field span:nth-child(8){left:16px;bottom:22px;background:var(--app-secondary)}.sparkle-field span:nth-child(9){left:57%;top:18px;background:var(--app-primary)}.sparkle-field span:nth-child(10){left:24%;bottom:38px;background:var(--app-accent)}.sparkle-field span:nth-child(11){right:31%;top:58px;background:var(--app-secondary)}.sparkle-field span:nth-child(12){right:7%;bottom:78px;background:var(--app-primary)}.brand-lockup{z-index:1;grid-template-columns:1fr;gap:11px;min-width:0}.brand-lockup,.brand-media{position:relative;display:grid;align-items:center}.brand-media{grid-template-columns:72px 112px;min-width:184px}.sparkle-logo{width:76px;aspect-ratio:1;filter:drop-shadow(0 16px 24px rgba(15,118,110,.18))}.brand-avatar{position:relative;z-index:2;width:116px;aspect-ratio:4/3;margin-left:-4px;overflow:visible;border-radius:26px;background:radial-gradient(circle at 20% 22%,color-mix(in srgb,var(--app-accent),#ffffff 12%) 0 12%,transparent 13%),radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--app-secondary),#ffffff 8%) 0 13%,transparent 14%),linear-gradient(135deg,color-mix(in srgb,var(--app-secondary),#ffffff 58%),color-mix(in srgb,var(--app-soft),#ffffff 12%));box-shadow:0 16px 28px color-mix(in srgb,var(--app-primary),transparent 84%),0 0 0 6px rgba(255,255,255,.72),inset 0 0 0 1px rgba(255,255,255,.58)}.brand-avatar .answer-character.avatar-photo{width:100%;min-width:0;border-radius:23px}.brand-avatar .answer-character.avatar-svg{width:92px;filter:drop-shadow(0 10px 16px rgba(15,23,42,.1))}.hero-copy{min-width:0}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--app-primary);font-size:.75rem;font-weight:850;letter-spacing:0;text-transform:uppercase}.eyebrow svg,.section-kicker svg{color:#f59e0b}.drawer-header h2,.month-toolbar h2,.section-header h2,.tracker-hero h1{margin:6px 0 0;color:var(--app-ink);line-height:1.05}.tracker-hero h1{font-size:2.2rem;font-weight:950;letter-spacing:0}.tracker-hero p{max-width:690px;margin:10px 0 0;color:#53635f;font-size:.94rem;line-height:1.55}.hero-actions{position:relative;z-index:1;width:min(100%,calc(100vw - 44px));justify-self:start;padding:6px;border:1px solid color-mix(in srgb,var(--app-primary),transparent 84%);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.88),color-mix(in srgb,var(--app-surface),transparent 6%));box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 14px 28px color-mix(in srgb,var(--app-primary),transparent 90%)}.hero-actions,.hero-actions-row{display:grid;min-width:0;gap:6px}.hero-actions-row{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.hero-actions-row.setup{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.backup-button,.day-toggle,.habit-win-button,.icon-text-button,.month-toggle,.mood-preview,.reset-button,.round-button,.tiny-text-button{border:0;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.backup-button,.icon-text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border-radius:999px;background:#ffffff;color:var(--app-ink);font-weight:900;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-primary),transparent 80%),0 10px 22px color-mix(in srgb,var(--app-primary),transparent 90%)}.hero-actions .icon-text-button{display:grid;grid-template-columns:1fr;grid-template-rows:20px auto;justify-items:center;gap:5px;min-width:0;min-height:58px;width:100%;padding:7px 3px;overflow:hidden;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.96),color-mix(in srgb,var(--app-soft),#ffffff 72%));color:var(--app-ink);font-size:.72rem;font-weight:820;line-height:1.05;text-align:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-primary),transparent 86%),0 6px 12px color-mix(in srgb,var(--app-primary),transparent 94%)}.hero-actions .icon-text-button svg{width:19px;height:19px;color:color-mix(in srgb,var(--app-primary),var(--app-secondary) 26%)}.icon-text-button.hot{background:linear-gradient(135deg,var(--app-primary),var(--app-secondary));color:#ffffff;box-shadow:0 14px 28px color-mix(in srgb,var(--app-primary),transparent 72%)}.hero-actions .icon-text-button.hot{background:radial-gradient(circle at 10% 12%,rgba(255,255,255,.24),transparent 36%),linear-gradient(135deg,var(--app-primary),var(--app-secondary));color:#ffffff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 10px 20px color-mix(in srgb,var(--app-primary),transparent 76%)}.hero-actions .icon-text-button.hot svg{color:#ffffff}.backup-button,.icon-text-button.full{width:100%}.backup-button{margin-top:10px}.cloud-panel{display:grid;gap:14px}.cloud-box,.cloud-hero-card{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--app-primary),transparent 84%);border-radius:10px;background:radial-gradient(circle at 5% 0,color-mix(in srgb,var(--app-secondary),transparent 84%),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.94),color-mix(in srgb,var(--app-soft),#ffffff 66%))}.cloud-hero-card{display:grid;grid-template-columns:1fr;gap:12px;align-items:center;padding:14px}.cloud-hero-icon{display:grid;place-items:center;width:54px;aspect-ratio:1;border-radius:16px;background:linear-gradient(135deg,var(--app-primary),var(--app-secondary));color:#ffffff;box-shadow:0 14px 28px color-mix(in srgb,var(--app-primary),transparent 78%)}.cloud-box h3,.cloud-hero-card h3{margin:4px 0 0;color:var(--app-ink);font-size:1.08rem;line-height:1.15}.cloud-hero-card p{margin:7px 0 0;color:#53635f;font-size:.9rem;font-weight:650;line-height:1.45}.cloud-box{display:grid;gap:12px;padding:14px}.cloud-box-title{display:flex;align-items:center;gap:8px;color:var(--app-primary)}.cloud-box-title h3{margin:0}.consent-list,.consent-toggle{display:grid;gap:10px}.consent-toggle{grid-template-columns:42px minmax(0,1fr);align-items:center;padding:11px;border:1px solid color-mix(in srgb,var(--app-primary),transparent 86%);border-radius:9px;background:rgba(255,255,255,.74)}.consent-toggle input{width:22px;height:22px;margin:0 auto;accent-color:var(--app-primary)}.consent-toggle span{display:grid;gap:3px}.consent-toggle strong{color:var(--app-ink);font-size:.9rem}.consent-toggle small{color:#60716d;font-size:.78rem;font-weight:650;line-height:1.35}.cloud-env-note{padding:10px 11px;border-radius:8px;background:color-mix(in srgb,var(--app-accent),#ffffff 82%);color:var(--app-ink);font-size:.82rem;font-weight:750;line-height:1.4}.cloud-env-note code{font-weight:900}.cloud-email-field{display:grid;gap:7px}.cloud-email-field span{color:#60716d;font-size:.72rem;font-weight:900;text-transform:uppercase}.cloud-email-field input{min-height:42px;border:1px solid color-mix(in srgb,var(--app-primary),transparent 82%);border-radius:8px;background:#ffffff;color:var(--app-ink);outline:none;padding:0 11px}.sync-actions{display:grid;gap:9px}.sync-message{margin:0;color:#53635f;font-size:.85rem;font-weight:750;line-height:1.4}.cloud-stats-grid{display:grid;grid-template-columns:1fr;gap:9px}.cloud-overview,.schema-preview{display:flex;flex-wrap:wrap;gap:8px}.cloud-overview span,.schema-preview span{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,var(--app-primary),transparent 84%);border-radius:999px;background:rgba(255,255,255,.78);color:var(--app-ink);font-size:.78rem;font-weight:850}.cloud-overview strong{margin-left:4px}.admin-shell{min-height:100vh;padding:10px;background:radial-gradient(circle at 10% 8%,rgba(15,118,110,.12) 0 14%,transparent 36%),radial-gradient(circle at 92% 20%,rgba(245,158,11,.13) 0 10%,transparent 32%),linear-gradient(180deg,#f8faf6,#eef5f1);color:#0f2f2e}.admin-card,.admin-empty,.admin-hero,.admin-metrics-grid,.admin-two-col{max-width:1180px;margin-inline:auto}.admin-hero{display:flex;gap:16px;align-items:center;margin-bottom:16px;padding:18px;border:1px solid rgba(15,118,110,.16);border-radius:12px;background:radial-gradient(circle at 8% 0,rgba(37,99,235,.12),transparent 35%),linear-gradient(135deg,rgba(255,255,255,.96),#eef8f5);box-shadow:0 16px 46px rgba(15,118,110,.12)}.admin-logo{display:grid;place-items:center;flex:0 0 auto;width:64px;aspect-ratio:1;border-radius:18px;background:linear-gradient(135deg,#0f766e,#2563eb);color:#ffffff}.admin-hero h1{margin:4px 0 0;font-size:clamp(2.4rem,8vw,5rem);line-height:.95}.admin-hero p{max-width:720px;margin:8px 0 0;color:#53635f;font-weight:700}.admin-card,.admin-empty{margin-bottom:14px;padding:16px;border:1px solid rgba(15,118,110,.16);border-radius:12px;background:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(15,47,43,.08)}.admin-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-card h2{margin:4px 0 0;color:#0f2f2e;font-size:1.35rem}.admin-login-row{display:grid;grid-template-columns:1fr;gap:10px;align-items:center}.admin-login-row input{min-height:46px;border:1px solid rgba(15,118,110,.22);border-radius:10px;background:#ffffff;color:#0f2f2e;outline:none;padding:0 12px}.admin-note{margin:8px 0 0;color:#60716d;font-size:.9rem;font-weight:750;line-height:1.45}.admin-metrics-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:14px}.admin-metric-card{display:grid;gap:8px;min-height:132px;padding:14px;border:1px solid rgba(15,118,110,.16);border-radius:12px;background:radial-gradient(circle at 92% 8%,rgba(245,158,11,.15),transparent 30%),rgba(255,255,255,.92);box-shadow:0 10px 24px rgba(15,47,43,.08)}.admin-metric-card svg{color:#0f766e}.admin-metric-card span{color:#60716d;font-size:.8rem;font-weight:900;text-transform:uppercase}.admin-metric-card strong{align-self:end;color:#0f2f2e;font-size:2rem;line-height:1}.admin-two-col{display:grid;grid-template-columns:1fr;gap:14px}.admin-breakdown-list,.admin-storage-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.admin-breakdown-list span,.admin-storage-grid span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(15,118,110,.18);border-radius:999px;background:#f8faf6;color:#0f2f2e;font-weight:850;text-transform:capitalize}.admin-breakdown-list strong,.admin-storage-grid strong{color:#0f766e}.admin-empty{display:grid;place-items:center;gap:8px;min-height:260px;text-align:center}.admin-empty svg{color:#0f766e}.admin-empty h2{margin:0;font-size:1.5rem}.admin-empty p{max-width:540px;margin:0;color:#60716d;font-weight:750}.backup-button:hover,.day-toggle:hover,.habit-win-button:hover,.icon-text-button:hover,.month-toggle:hover,.reset-button:hover,.round-button:hover,.tiny-text-button:hover{transform:translateY(-1px)}.file-button{position:relative}.file-button input{position:absolute;inset:0;opacity:0;pointer-events:none}.personalizer-panel{--mode-primary:#0f766e;--mode-secondary:#38bdf8;--mode-accent:#f59e0b;--mode-surface:#effaf8;--mode-soft:#e0f2fe;position:relative;max-width:1480px;margin:0 auto 18px;overflow:hidden;padding:16px;border:1px solid color-mix(in srgb,var(--mode-primary),transparent 82%);border-radius:10px;background:radial-gradient(circle at 4% 0,color-mix(in srgb,var(--mode-secondary),transparent 66%),transparent 34%),radial-gradient(circle at 96% 0,color-mix(in srgb,var(--mode-accent),transparent 72%),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.96),color-mix(in srgb,var(--mode-surface),#ffffff 24%));box-shadow:0 18px 54px rgba(15,47,43,.1)}.personalizer-panel:before{position:absolute;inset:12px 14px auto auto;z-index:0;width:124px;height:76px;background:radial-gradient(circle at 20% 42%,var(--mode-accent) 0 4px,transparent 5px),radial-gradient(circle at 48% 18%,var(--mode-secondary) 0 3px,transparent 4px),radial-gradient(circle at 72% 58%,var(--mode-primary) 0 3px,transparent 4px);content:"";opacity:.24;pointer-events:none}.personalizer-header{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:1}.drawer-close-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid color-mix(in srgb,var(--mode-primary,var(--app-primary)),transparent 82%);border-radius:8px;background:rgba(255,255,255,.88);color:var(--mode-primary,var(--app-primary));font-size:.82rem;font-weight:900;box-shadow:0 8px 16px color-mix(in srgb,var(--mode-primary,var(--app-primary)),transparent 91%);transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.drawer-close-button:hover{transform:translateY(-1px);background:#ffffff}.personalizer-title{display:flex;min-width:0;align-items:center;gap:12px}.personalizer-icon{display:grid;place-items:center;flex:0 0 auto;width:52px;aspect-ratio:1;border-radius:16px;background:linear-gradient(135deg,var(--mode-primary),var(--mode-secondary));color:#ffffff;box-shadow:0 12px 24px color-mix(in srgb,var(--mode-primary),transparent 76%)}.personalizer-character-lockup{position:relative;flex:0 0 auto;display:grid;grid-template-columns:50px 90px;align-items:center;min-width:136px}.personalizer-logo{width:64px;aspect-ratio:1;filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--mode-primary),transparent 82%))}.personalizer-character-lockup .answer-character.avatar-photo{width:96px;margin-left:-10px;border-radius:24px;box-shadow:0 10px 20px color-mix(in srgb,var(--mode-primary),transparent 84%)}.personalizer-character-lockup .avatar-action-badge{right:5px;bottom:5px;width:24px}.personalizer-title h2{margin:4px 0 0;color:#0f2f2e;font-size:1.28rem;line-height:1.1}.personalizer-lede{max-width:720px;margin:6px 0 0;color:#53635f;font-size:.9rem;font-weight:700;line-height:1.45}.personalizer-compact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:11px 12px;border-radius:8px;background:#f4faf7;color:#53635f}.personalizer-compact p{margin:0;color:#0f2f2e;font-weight:850}.personalizer-compact span{color:#64748b;font-size:.84rem;font-weight:750}.personalizer-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px}.character-card,.personalizer-form{min-width:0;border:1px solid color-mix(in srgb,var(--mode-primary),transparent 88%);border-radius:10px;background:rgba(255,255,255,.9)}.personalizer-form{display:grid;gap:12px;padding:12px}.form-row label,.personalizer-form label{display:grid;gap:7px}.form-row{display:grid;gap:10px}.form-row.three,.form-row.two{grid-template-columns:1fr}.chip-group>span,.personalizer-form label span,.sample-strip>span{color:#60716d;font-size:.72rem;font-weight:900;text-transform:uppercase}.personalizer-form input,.personalizer-form select,.personalizer-form textarea{width:100%;min-height:42px;border:1px solid color-mix(in srgb,var(--mode-primary),transparent 82%);border-radius:8px;background:#ffffff;color:#142f2b;outline:none;padding:0 11px}.personalizer-form textarea{min-height:78px;resize:vertical;padding:10px 11px;line-height:1.45}.personalizer-form input:focus,.personalizer-form select:focus,.personalizer-form textarea:focus{border-color:var(--mode-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--mode-primary),transparent 88%)}.range-field{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:10px;min-height:42px}.range-field input{min-height:auto;padding:0;accent-color:var(--mode-primary)}.range-field strong{color:#0f2f2e;font-size:.9rem}.chip-group,.sample-strip{display:grid;gap:8px}.chip-group div,.sample-strip div{display:flex;flex-wrap:wrap;gap:7px}.chip-group button,.sample-strip button{min-height:34px;border:1px solid color-mix(in srgb,var(--mode-primary),transparent 84%);border-radius:999px;background:#ffffff;color:#173d39;font-size:.78rem;font-weight:850;padding:0 11px}.chip-group button.selected{border-color:var(--mode-primary);background:color-mix(in srgb,var(--mode-soft),#ffffff 22%);color:#0f2f2e;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mode-primary),transparent 82%)}.life-mode-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--mode-primary),transparent 84%);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--mode-soft),#ffffff 22%),#ffffff)}.life-mode-strip strong{flex:0 0 auto;color:var(--mode-primary);font-size:.86rem;font-weight:950}.life-mode-strip span{color:#53635f;font-size:.82rem;font-weight:740;line-height:1.35}.character-persona-strip{display:grid;grid-template-columns:108px minmax(0,1fr);align-items:center;gap:12px;padding:10px;border:1px solid color-mix(in srgb,var(--mode-primary),transparent 84%);border-radius:10px;background:radial-gradient(circle at 6% 0,color-mix(in srgb,var(--mode-accent),transparent 78%),transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--mode-soft),#ffffff 34%),#ffffff)}.character-persona-strip .answer-character.avatar-photo{width:108px;border-radius:999px;box-shadow:0 14px 24px color-mix(in srgb,var(--mode-primary),transparent 82%)}.character-persona-strip>div{display:grid;gap:4px;min-width:0}.character-persona-strip span{color:var(--mode-primary);font-size:.72rem;font-weight:950;text-transform:uppercase}.character-persona-strip strong{color:#10201f;font-size:1rem;font-weight:950;line-height:1.15}.character-persona-strip p{margin:0;color:#53635f;font-size:.84rem;font-weight:760;line-height:1.38}.sample-strip{padding-top:4px;border-top:1px dashed color-mix(in srgb,var(--mode-primary),transparent 82%)}.sample-strip button{border-radius:8px;min-height:36px;text-align:left}.plan-preview{display:grid;gap:8px}.plan-preview>span{color:#60716d;font-size:.72rem;font-weight:900;text-transform:uppercase}.plan-preview>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.plan-preview article{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;padding:7px;border:1px solid color-mix(in srgb,var(--habit),transparent 78%);border-radius:9px;background:color-mix(in srgb,var(--habit),#ffffff 90%)}.plan-preview img{width:34px;aspect-ratio:1;border-radius:8px}.plan-preview strong{min-width:0;color:#173d39;font-size:.82rem;font-weight:900;line-height:1.15}.character-card{display:grid;align-content:start;gap:11px;padding:12px}.character-visual{display:grid;place-items:center;overflow:hidden;min-height:206px;border-radius:10px;background:radial-gradient(circle at 26% 20%,color-mix(in srgb,var(--mode-accent),transparent 76%),transparent 28%),radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--mode-secondary),transparent 78%),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--mode-soft),#ffffff 12%),#ffffff)}.character-visual img{width:100%;height:100%;max-height:260px;-o-object-fit:cover;object-fit:cover}.answer-character{position:relative;width:min(190px,74vw);aspect-ratio:1;overflow:hidden;border:1px solid rgba(15,118,110,.12);border-radius:42px;background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--char-accent),#ffffff 18%) 0 9%,transparent 10%),radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--char-secondary),#ffffff 5%) 0 10%,transparent 11%),linear-gradient(135deg,var(--char-bg),#ffffff);box-shadow:inset 0 -18px 34px rgba(15,47,43,.08),0 18px 34px rgba(15,47,43,.12)}.answer-character:after,.answer-character:before{content:"";position:absolute;border-radius:999px;background:color-mix(in srgb,var(--char-primary),#ffffff 32%);opacity:.18}.answer-character:before{width:120px;height:120px;left:-44px;bottom:-34px}.answer-character:after{width:86px;height:86px;right:-28px;top:72px}.character-head{position:absolute;left:50%;top:36px;width:82px;height:88px;transform:translateX(-50%)}.character-hair{position:absolute;inset:0 6px 18px;border-radius:42px 42px 22px 22px;background:linear-gradient(135deg,#292524,#5b3a2e)}.character-face{position:absolute;left:11px;right:11px;bottom:4px;height:62px;border-radius:28px 28px 26px 26px;background:linear-gradient(135deg,#f5c9a8,#f0a77f);box-shadow:inset 8px 0 14px rgba(255,255,255,.28)}.character-eye{position:absolute;top:46px;border-radius:999px;background:#34221d;z-index:2}.character-eye.left{left:28px}.character-eye.right{right:28px}.character-smile{top:62px;width:20px;height:9px;border-bottom:3px solid rgba(52,34,29,.74);border-radius:0 0 999px 999px;z-index:2}.character-body,.character-smile{position:absolute;left:50%;transform:translateX(-50%)}.character-body{bottom:20px;width:98px;height:74px;border-radius:42px 42px 20px 20px;background:linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.28) 49% 54%,transparent 55%),linear-gradient(135deg,var(--char-primary),color-mix(in srgb,var(--char-primary),#000000 18%));box-shadow:inset 0 10px 18px rgba(255,255,255,.16)}.character-collar{position:absolute;left:50%;top:0;width:36px;height:20px;border-radius:0 0 18px 18px;background:#fff7ed;transform:translateX(-50%)}.character-sash{position:absolute;left:17px;top:18px;width:64px;height:9px;border-radius:999px;background:var(--char-secondary);transform:rotate(-16deg)}.character-prop{position:absolute;right:24px;bottom:36px;width:34px;height:42px;border:4px solid color-mix(in srgb,var(--char-accent),#000000 10%);border-radius:8px;background:rgba(255,255,255,.76);box-shadow:0 8px 15px rgba(15,47,43,.14)}.routine-student .character-prop{width:36px;height:28px;border-radius:6px 6px 10px 10px}.routine-working-professional .character-prop{width:42px;height:28px;border-radius:8px}.routine-homemaker .character-prop{width:38px;height:38px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.9) 0 42%,transparent 43%),var(--char-secondary)}.routine-field-worker .character-prop{height:46px}.routine-business-owner .character-prop{height:40px;border-color:var(--char-accent)}.character-spark{position:absolute;z-index:2;width:13px;height:13px;background:var(--char-accent);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 4px 8px rgba(245,158,11,.3))}.character-spark.one{top:28px;left:30px}.character-spark.two{top:42px;right:34px;width:10px;height:10px}.character-spark.three{left:40px;bottom:44px;width:9px;height:9px}.reference-glow{position:absolute;inset:10px;border:2px dashed color-mix(in srgb,var(--char-accent),#ffffff 12%);border-radius:34px;pointer-events:none}.answer-character{width:min(218px,76vw);border-color:color-mix(in srgb,var(--char-primary),transparent 82%);border-radius:46px;background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--char-secondary),#ffffff 10%) 0 9%,transparent 10%),radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--char-accent),#ffffff 12%) 0 9%,transparent 10%),radial-gradient(circle at 52% 108%,color-mix(in srgb,var(--char-primary),transparent 76%) 0 26%,transparent 27%),linear-gradient(135deg,var(--char-bg),#ffffff 56%,var(--char-soft))}.character-orb{position:absolute;z-index:0;border-radius:999px;opacity:.2}.character-orb.left{left:-38px;top:86px;width:116px;height:116px;background:var(--char-primary)}.character-orb.right{right:-30px;top:48px;width:84px;height:84px;background:var(--char-secondary)}.character-back-detail{position:absolute;left:34px;top:34px;z-index:1;width:146px;height:118px;border:2px solid color-mix(in srgb,var(--char-primary),transparent 76%);border-radius:42px;transform:rotate(-7deg);opacity:.38}.character-floor-shadow{position:absolute;left:50%;bottom:20px;z-index:0;width:126px;height:22px;border-radius:999px;background:rgba(15,47,43,.12);filter:blur(1px);transform:translateX(-50%)}.character-head{z-index:4;top:30px;width:90px;height:100px}.character-hair{inset:0 4px 18px;border-radius:48px 48px 24px 24px;background:radial-gradient(circle at 26% 16%,rgba(255,255,255,.2) 0 10%,transparent 11%),linear-gradient(135deg,var(--char-hair),color-mix(in srgb,var(--char-hair),#ffffff 20%))}.character-hair-shine{position:absolute;left:17px;top:10px;z-index:2;width:18px;height:56px;border-radius:999px;background:rgba(255,255,255,.16);transform:rotate(24deg)}.character-face{left:10px;right:10px;bottom:2px;height:70px;border-radius:30px 30px 28px 28px;background:radial-gradient(circle at 35% 70%,rgba(255,255,255,.24) 0 9%,transparent 10%),linear-gradient(135deg,color-mix(in srgb,var(--char-skin),#ffffff 18%),var(--char-skin))}.character-brow{position:absolute;top:48px;z-index:3;width:13px;height:3px;border-radius:999px;background:rgba(52,34,29,.5)}.character-brow.left{left:28px;transform:rotate(-7deg)}.character-brow.right{right:28px;transform:rotate(7deg)}.character-eye{top:58px;width:7px;height:7px;box-shadow:0 0 0 2px rgba(255,255,255,.28)}.character-eye.left{left:30px}.character-eye.right{right:30px}.character-cheek{position:absolute;top:68px;z-index:3;width:13px;height:8px;border-radius:999px;background:rgba(244,114,182,.28)}.character-cheek.left{left:20px}.character-cheek.right{right:20px}.character-smile{top:73px;width:24px}.character-accessory{position:absolute;z-index:5}.character-arm{position:absolute;bottom:50px;z-index:2;width:28px;height:58px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--char-primary),#ffffff 12%),var(--char-primary))}.character-arm.left{left:58px;transform:rotate(20deg)}.character-arm.right{right:58px;transform:rotate(-20deg)}.character-body{z-index:3;bottom:24px;width:110px;height:82px;border-radius:44px 44px 22px 22px;background:linear-gradient(120deg,transparent 0 44%,rgba(255,255,255,.34) 45% 49%,transparent 50%),linear-gradient(135deg,var(--char-primary),color-mix(in srgb,var(--char-primary),#000000 16%))}.character-pattern{position:absolute;border-radius:999px;background:color-mix(in srgb,var(--char-accent),#ffffff 12%);opacity:.9}.character-pattern.one{right:23px;top:30px;width:13px;height:13px}.character-pattern.two{left:24px;bottom:20px;width:22px;height:7px}.character-collar{top:-1px;width:42px;height:22px;background:rgba(255,255,255,.88)}.character-sash{left:18px;top:21px;width:74px;height:10px;background:color-mix(in srgb,var(--char-secondary),#ffffff 8%)}.character-prop,.character-secondary-prop{z-index:5;box-shadow:0 10px 18px rgba(15,47,43,.14)}.character-secondary-prop{position:absolute;left:24px;bottom:52px;width:28px;height:38px;border-radius:10px;background:color-mix(in srgb,var(--char-secondary),#ffffff 16%)}.routine-student .character-hair{border-radius:50px 50px 28px 28px}.routine-student .character-accessory{right:12px;top:6px;width:28px;height:18px;border-radius:6px 6px 10px 10px;background:var(--char-accent);transform:rotate(10deg)}.routine-student .character-accessory:after{position:absolute;left:8px;bottom:-14px;width:12px;height:16px;border-radius:0 0 999px 999px;background:var(--char-accent);content:""}.routine-student .character-prop{right:20px;bottom:44px;width:38px;height:30px;border-width:3px;border-color:var(--char-accent);border-radius:8px 8px 12px 12px;background:linear-gradient(90deg,transparent 0 44%,var(--char-accent) 45% 55%,transparent 56%),#ffffff}.routine-student .character-secondary-prop{left:25px;bottom:42px;width:30px;height:46px;border-radius:12px;background:linear-gradient(90deg,color-mix(in srgb,var(--char-secondary),#000000 6%) 0 28%,transparent 29%),var(--char-secondary)}.routine-working-professional .character-accessory{left:23px;top:55px;width:46px;height:14px;border-color:rgba(15,47,43,.62);border-style:solid;border-width:3px 0;border-radius:999px}.routine-working-professional .character-accessory:after,.routine-working-professional .character-accessory:before{position:absolute;top:-5px;width:17px;height:15px;border:2px solid rgba(15,47,43,.62);border-radius:999px;content:""}.routine-working-professional .character-accessory:before{left:0}.routine-working-professional .character-accessory:after{right:0}.routine-working-professional .character-prop{right:19px;bottom:42px;width:48px;height:31px;border-width:3px;border-color:var(--char-secondary);border-radius:9px;background:linear-gradient(180deg,#ffffff 0 70%,color-mix(in srgb,var(--char-secondary),#ffffff 12%) 71%)}.routine-homemaker .character-hair{inset:0 2px 14px;border-radius:48px 48px 34px 34px}.routine-homemaker .character-accessory{left:2px;top:62px;width:92px;height:18px;border-radius:999px;background:color-mix(in srgb,var(--char-secondary),#ffffff 8%);transform:rotate(-13deg);opacity:.9}.routine-homemaker .character-sash{left:10px;width:92px;height:14px;background:color-mix(in srgb,var(--char-secondary),#ffffff 4%)}.routine-homemaker .character-prop{right:22px;bottom:42px;width:40px;height:40px;border-width:3px;border-color:var(--char-accent);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.9) 0 40%,transparent 41%),var(--char-secondary)}.routine-field-worker .character-accessory{left:5px;top:12px;width:82px;height:28px;border-radius:999px 999px 12px 12px;background:var(--char-accent);transform:rotate(-5deg)}.routine-field-worker .character-accessory:after{position:absolute;right:-18px;bottom:0;width:28px;height:10px;border-radius:999px;background:var(--char-accent);content:""}.routine-field-worker .character-prop{right:24px;bottom:42px;width:25px;height:50px;border-width:3px;border-color:var(--char-secondary);border-radius:999px;background:linear-gradient(180deg,#ffffff 0 25%,color-mix(in srgb,var(--char-secondary),#ffffff 10%) 26%)}.routine-field-worker .character-sash{left:14px;top:12px;width:88px;height:8px;transform:rotate(30deg)}.routine-business-owner .character-body{border-radius:30px 30px 18px 18px;background:linear-gradient(90deg,transparent 0 45%,rgba(255,255,255,.26) 46% 53%,transparent 54%),linear-gradient(135deg,var(--char-primary),#111827)}.routine-business-owner .character-accessory{right:16px;top:20px;width:22px;height:22px;background:var(--char-secondary);clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%)}.routine-business-owner .character-prop{right:18px;bottom:43px;height:44px;width:36px;border-width:3px;border-color:var(--char-secondary);border-radius:8px;background:repeating-linear-gradient(180deg,rgba(15,47,43,.12) 0 2px,transparent 2px 8px),#ffffff}.routine-business-owner .character-secondary-prop{left:24px;bottom:44px;width:36px;height:26px;border-radius:8px;background:var(--char-secondary)}.answer-character.avatar-svg{display:block;width:min(226px,76vw);height:auto;aspect-ratio:1;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;filter:drop-shadow(0 18px 28px rgba(15,23,42,.12))}.answer-character.avatar-svg:after,.answer-character.avatar-svg:before{display:none}.answer-character.avatar-svg circle,.answer-character.avatar-svg ellipse,.answer-character.avatar-svg path,.answer-character.avatar-svg rect{vector-effect:non-scaling-stroke}.answer-character.avatar-photo{position:relative;display:grid;place-items:center;width:min(220px,70vw);aspect-ratio:4/3;overflow:visible;border:0;border-radius:34px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.92) 0 13%,transparent 14%),radial-gradient(circle at 78% 24%,color-mix(in srgb,var(--char-accent),transparent 46%) 0 15%,transparent 16%),linear-gradient(135deg,color-mix(in srgb,var(--char-secondary),#ffffff 58%),color-mix(in srgb,var(--char-soft),#ffffff 8%));box-shadow:0 18px 34px rgba(15,23,42,.12),0 0 0 7px rgba(255,255,255,.9),0 0 0 9px color-mix(in srgb,var(--char-primary),transparent 82%),inset 0 -12px 30px color-mix(in srgb,var(--char-primary),transparent 86%)}.answer-character.avatar-photo:before{display:none}.answer-character.avatar-photo:after{position:absolute;inset:5%;width:auto;height:auto;z-index:2;border:2px solid rgba(255,255,255,.7);border-radius:28px;content:"";pointer-events:none}.answer-character.avatar-photo img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border:4px solid rgba(255,255,255,.96);border-radius:28px;filter:saturate(1.08) contrast(1.04);box-shadow:0 8px 18px rgba(15,23,42,.16),inset 0 0 0 1px rgba(255,255,255,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar-action-badge{position:absolute;right:-5%;bottom:6%;z-index:4;display:grid;place-items:center;width:26%;aspect-ratio:1;border:4px solid rgba(255,255,255,.96);border-radius:999px;background:linear-gradient(135deg,var(--char-primary),var(--char-secondary));color:#ffffff;box-shadow:0 8px 16px color-mix(in srgb,var(--char-primary),transparent 74%),inset 0 1px 0 rgba(255,255,255,.28)}.avatar-action-badge svg{width:52%;height:52%}.initial-avatar{position:relative;display:grid;place-items:center;width:136px;aspect-ratio:1;border-radius:36px;background:linear-gradient(135deg,#0f766e,#2563eb);color:#ffffff;box-shadow:0 18px 34px rgba(15,118,110,.2)}.initial-avatar strong{position:absolute;right:20px;bottom:14px;font-size:2.1rem;line-height:1}.character-copy h3{margin:0;color:#0f2f2e;font-size:1.15rem;font-weight:950}.character-copy p{margin:7px 0 0;color:#53635f;font-size:.88rem;line-height:1.45}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.month-panel,.settings-drawer,.today-panel{position:relative;border:1px solid color-mix(in srgb,var(--app-primary),transparent 84%);border-radius:10px;background:color-mix(in srgb,var(--app-surface),transparent 8%);box-shadow:0 18px 54px color-mix(in srgb,var(--app-primary),transparent 90%);isolation:isolate}.month-panel,.today-panel{overflow:hidden;padding:12px}.month-panel:before,.settings-drawer:before,.today-panel:before{position:absolute;top:12px;right:12px;z-index:0;width:126px;height:72px;background:radial-gradient(circle at 20% 45%,color-mix(in srgb,var(--app-primary),transparent 70%) 0 3px,transparent 4px),radial-gradient(circle at 45% 24%,color-mix(in srgb,var(--app-accent),transparent 66%) 0 3px,transparent 4px),radial-gradient(circle at 72% 62%,color-mix(in srgb,var(--app-secondary),transparent 76%) 0 3px,transparent 4px);content:"";pointer-events:none}.drawer-header,.month-toolbar,.section-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.drawer-title-lockup,.month-title-lockup,.section-title-lockup{display:flex;min-width:0;align-items:center;gap:8px}.drawer-logo,.section-logo{flex:0 0 auto;aspect-ratio:1;filter:drop-shadow(0 10px 18px rgba(15,118,110,.14))}.section-logo{width:38px}.drawer-logo{width:46px}.panel-watermark{display:none;position:absolute;right:14px;bottom:14px;z-index:0;width:178px;aspect-ratio:1;opacity:.05;pointer-events:none;transform:rotate(-8deg)}.panel-watermark.month{right:34px;bottom:28px;width:226px;transform:rotate(7deg)}.panel-watermark.drawer{right:20px;bottom:20px;width:238px}.drawer-header h2,.month-toolbar h2,.section-header h2{font-size:1.45rem;font-weight:950}.progress-ring{--progress:0%;display:grid;place-items:center;width:68px;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at center,#ffffff 57%,transparent 59%),conic-gradient(var(--app-primary) var(--progress),var(--app-soft) 0);color:var(--app-ink);font-size:1rem;font-weight:950;box-shadow:inset 0 0 0 1px rgba(15,118,110,.18),0 10px 24px rgba(15,118,110,.1)}.stat-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}.stat-card{min-width:0;padding:10px 8px;border:1px solid rgba(15,118,110,.12);border-radius:8px;background:linear-gradient(180deg,#ffffff,#f4faf7)}.add-habit-box label span,.mini-title,.note-box span,.stat-card span{display:block;color:#60716d;font-size:.74rem;font-weight:850;text-transform:uppercase}.stat-card strong{display:block;margin-top:6px;color:#0f2f2e;font-size:1.2rem;line-height:1.1}.streak-nudge{margin:10px 0 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--app-accent),transparent 68%);background:radial-gradient(circle at 2% 18%,color-mix(in srgb,var(--app-accent),transparent 72%),transparent 28%),linear-gradient(135deg,#ffffff,color-mix(in srgb,var(--app-soft),#ffffff 42%));color:var(--app-ink);font-size:.86rem;font-weight:760;line-height:1.35}.day-toggle,.month-toggle,.streak-nudge{position:relative;z-index:1;border-radius:8px}.day-toggle,.month-toggle{align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;background:linear-gradient(135deg,#0f766e,#2563eb);color:#ffffff;font-weight:950;box-shadow:0 12px 24px rgba(15,118,110,.2)}.day-toggle{display:flex;margin-top:13px}.month-panel.collapsed .month-panel-content,.today-panel.collapsed .day-panel-content{display:none}.day-panel-content,.month-panel-content{position:relative;z-index:1}.checklist{display:grid;gap:12px;margin-top:15px}.habit-card{--habit:#0f766e;position:relative;overflow:hidden;padding:9px;border:1px solid color-mix(in srgb,var(--habit) 28%,white);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,248,.94)),linear-gradient(90deg,color-mix(in srgb,var(--habit) 10%,transparent),transparent 62%);box-shadow:0 10px 26px rgba(15,47,43,.07)}.habit-card.done{background:linear-gradient(90deg,color-mix(in srgb,var(--habit) 16%,white),#ffffff),#ffffff}.habit-card.celebrating{border-color:color-mix(in srgb,var(--habit) 62%,white);animation:habit-card-dopamine .54s cubic-bezier(.16,1,.3,1)}.habit-card.celebrating .habit-thumb{animation:habit-thumb-bounce .56s cubic-bezier(.16,1,.3,1)}.habit-card.expanded{display:grid;grid-template-columns:minmax(82px,.46fr) minmax(128px,1fr);align-items:stretch;gap:8px;border-color:color-mix(in srgb,var(--habit) 52%,white);box-shadow:0 16px 34px rgba(15,47,43,.11)}.habit-card.expanded .habit-card-main{min-height:100%}.habit-card.expanded .habit-card-main,.habit-card.expanded .habit-win-button{grid-template-columns:1fr;place-items:center}.habit-card.expanded .habit-card-copy{display:none}.habit-card.expanded .habit-thumb{width:62px}.habit-card.expanded .mood-preview{display:none}.habit-card.expanded .activity-mood-panel{margin-top:0;align-self:stretch;place-content:center;padding:6px}.habit-card.expanded .mood-sticker{min-height:44px;grid-template-columns:1fr;justify-items:center;padding:4px 3px;font-size:.58rem}.habit-card.expanded .mood-sticker img{width:31px}@media (min-width:721px){.habit-card.expanded{display:grid;grid-template-columns:minmax(88px,.36fr) minmax(226px,1fr);align-items:stretch;-moz-column-gap:10px;column-gap:10px}.habit-card.expanded .habit-card-main{padding-right:0}.habit-card.expanded .habit-card-main,.habit-card.expanded .habit-win-button{grid-template-columns:1fr;place-items:center;min-height:100%}.habit-card.expanded .habit-card-copy,.habit-card.expanded .tap-hint{display:none}.habit-card.expanded .habit-thumb{width:clamp(68px,7vw,84px)}.habit-card.expanded .mood-preview{display:none}.habit-card.expanded .activity-mood-panel{margin-top:0;align-self:stretch;grid-template-columns:repeat(5,minmax(38px,1fr));place-content:center;padding:7px}.habit-card.expanded .mood-sticker{min-height:58px;padding-inline:3px}}.habit-card-main{grid-template-columns:minmax(0,1fr) max-content;min-height:66px}.habit-card-main,.habit-win-button{display:grid;align-items:center;gap:9px}.habit-win-button{grid-template-columns:54px minmax(0,1fr);width:100%;min-height:56px;padding:0;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left}.habit-win-button:focus-visible,.mood-preview:focus-visible{outline:3px solid color-mix(in srgb,var(--habit),white 48%);outline-offset:3px}.editor-thumb,.habit-thumb{width:54px;aspect-ratio:1;border-radius:8px;-o-object-fit:cover;object-fit:cover;box-shadow:0 10px 22px rgba(15,47,43,.12)}.editor-thumb{width:50px}.habit-card-copy{min-width:0}.habit-card h3{margin:0;overflow-wrap:anywhere;color:#0f2f2e;font-size:1rem;font-weight:950;line-height:1.2}.habit-card p{display:none;margin:4px 0 0;overflow-wrap:anywhere;color:#60716d;font-size:.8rem;line-height:1.35}.tap-hint{display:none;justify-self:end;padding:7px 10px;background:color-mix(in srgb,var(--habit) 11%,white);color:color-mix(in srgb,var(--habit),#0f172a 24%);font-size:.72rem;white-space:nowrap}.habit-card.done:after,.tap-hint{border-radius:999px;font-weight:950}.habit-card.done:after{position:absolute;top:10px;left:10px;display:grid;place-items:center;width:26px;aspect-ratio:1;background:linear-gradient(135deg,var(--habit),color-mix(in srgb,var(--habit),#ffffff 24%));color:#ffffff;font-size:.9rem;box-shadow:0 8px 16px color-mix(in srgb,var(--habit),transparent 68%);content:"✓";pointer-events:none}.mood-preview{--mood:#0f766e;display:inline-flex;align-items:center;justify-content:center;justify-self:end;gap:8px;max-width:100%;width:42px;min-height:36px;padding:0;border:1px solid color-mix(in srgb,var(--mood) 30%,white);border-radius:999px;background:#ffffff;color:#173d39;font-size:.78rem;font-weight:950;box-shadow:0 8px 18px rgba(15,47,43,.07)}.mood-preview.selected{background:color-mix(in srgb,var(--mood) 14%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mood) 40%,white),0 8px 18px rgba(15,47,43,.09)}.mood-preview img{width:25px;aspect-ratio:1;border-radius:8px;-o-object-fit:cover;object-fit:cover}.mood-preview span{display:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-mood-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px;padding:6px;border:1px solid color-mix(in srgb,var(--habit) 24%,white);border-radius:8px;background:rgba(255,255,255,.92)}.mood-sticker{--mood:#0f766e;display:grid;min-width:0;min-height:42px;grid-template-columns:28px minmax(0,1fr);grid-template-rows:1fr;justify-items:start;align-items:center;gap:2px;padding:5px 7px;border:1px solid rgba(15,118,110,.14);border-radius:8px;background:rgba(255,255,255,.94);color:#173d39;font-size:.66rem;font-weight:900}.mood-sticker img{width:28px;aspect-ratio:1;border-radius:8px;-o-object-fit:cover;object-fit:cover}.mood-sticker small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habit-card.expanded .mood-sticker{grid-template-rows:1fr}.habit-card.expanded .mood-sticker img{width:36px}.habit-card.expanded .mood-sticker small{display:none}.mood-sticker.selected{border-color:var(--mood);background:color-mix(in srgb,var(--mood) 13%,white);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mood) 45%,white),0 8px 18px rgba(15,47,43,.09)}.completion-burst{--celebration:var(--habit);position:absolute;inset:0;z-index:3;pointer-events:none}.completion-toast{position:absolute;top:10px;right:12px;display:inline-flex;align-items:center;gap:6px;max-width:min(226px,calc(100% - 24px));min-height:34px;padding:0 12px;border:1px solid color-mix(in srgb,var(--celebration) 42%,white);border-radius:999px;background:rgba(255,255,255,.96);color:#123835;font-size:.72rem;font-weight:950;box-shadow:0 10px 22px rgba(15,47,43,.1);pointer-events:auto;animation:completion-toast-rise 2.8s ease-out both}.completion-toast svg{flex:0 0 auto;color:var(--celebration)}.completion-toast button{min-height:24px;padding:0 8px;border:0;border-radius:999px;background:color-mix(in srgb,var(--celebration),#ffffff 78%);color:#123835;font-size:.68rem;font-weight:950}.burst-dot,.burst-orbit{position:absolute;opacity:0;background:var(--celebration)}.burst-orbit{width:11px;aspect-ratio:1;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--celebration) 36%,transparent));animation:burst-orbit-fly .76s cubic-bezier(.16,1,.3,1) both}.burst-dot{width:6px;aspect-ratio:1;border-radius:999px;box-shadow:0 0 0 3px color-mix(in srgb,var(--celebration) 12%,transparent);animation:burst-dot-fly .68s ease-out both}.burst-orbit.one{left:72px;top:18px;--x:-18px;--y:-12px}.burst-orbit.two{right:116px;top:28px;--x:16px;--y:-16px;animation-delay:70ms}.burst-orbit.three{left:42%;bottom:18px;--x:10px;--y:18px;animation-delay:.12s}.burst-orbit.four{right:24px;bottom:18px;--x:18px;--y:12px;animation-delay:40ms}.burst-dot.one{left:110px;top:56px;--x:-16px;--y:18px;animation-delay:80ms}.burst-dot.two{right:84px;top:70px;--x:20px;--y:3px;animation-delay:.14s}.burst-dot.three{left:56%;top:18px;--x:8px;--y:-18px;animation-delay:30ms}.burst-dot.four{right:42%;bottom:16px;--x:-8px;--y:16px;animation-delay:.16s}.note-box{position:relative;z-index:1;display:block;margin-top:15px}.note-box textarea{width:100%;min-height:118px;margin-top:8px;resize:vertical;border:1px solid rgba(15,118,110,.18);border-radius:8px;background:repeating-linear-gradient(180deg,transparent,transparent 29px,rgba(15,118,110,.08) 30px),#ffffff;color:#142f2b;line-height:30px;padding:10px 12px;outline:none}.add-habit-box input:focus,.editor-fields input:focus,.note-box textarea:focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.14)}.month-toolbar{margin-bottom:14px}.month-toggle{display:none;margin-bottom:12px}.heatmap-summary{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:10px;align-items:center;margin-bottom:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--app-primary),transparent 84%);border-radius:8px;background:linear-gradient(135deg,#ffffff,color-mix(in srgb,var(--app-soft),#ffffff 58%))}.heatmap-summary strong{display:block;color:var(--app-ink);font-size:1rem;font-weight:950}.heatmap-summary p{margin:0;color:#60716d;font-size:.82rem;font-weight:720;line-height:1.35}.heatmap-legend{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.heatmap-legend span{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border:1px solid color-mix(in srgb,var(--app-primary),transparent 86%);border-radius:999px;background:rgba(255,255,255,.82);color:#53635f;font-size:.72rem;font-weight:850}.heatmap-legend i{width:12px;aspect-ratio:1;border-radius:4px;border:1px solid rgba(15,47,43,.1)}.round-button{display:inline-grid;place-items:center;width:42px;aspect-ratio:1;border-radius:999px;background:#ffffff;color:#173d39;box-shadow:inset 0 0 0 1px rgba(15,118,110,.2),0 8px 18px rgba(15,47,43,.07)}.round-button.small{width:32px}.round-button.danger{color:#b91c1c;background:#fff7f7}.month-grid-wrap{overflow:auto;border:1px solid rgba(15,118,110,.14);border-radius:8px;background:#ffffff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}.month-grid{--day-count:31;display:grid;width:-moz-max-content;width:max-content;min-width:100%}.grid-row{display:grid;grid-template-columns:minmax(108px,118px) repeat(var(--day-count),minmax(26px,28px));min-width:0}.habit-sticky{position:sticky;left:0;z-index:3;background:rgba(255,255,255,.98)}.header-row{position:sticky;top:0;z-index:5}.day-header,.grid-cell,.grid-habit-label,.header-habit{min-height:40px;border:0;border-right:1px solid rgba(148,163,184,.28);border-bottom:1px solid rgba(148,163,184,.28)}.header-habit{padding:0 12px;color:#0f766e;font-size:.76rem;font-weight:950;text-transform:uppercase}.day-header,.header-habit{display:flex;align-items:center}.day-header{min-width:0;flex-direction:column;justify-content:center;gap:1px;background:#f4faf7;color:#0f2f2e;font-weight:900}.day-header small{color:#64748b;font-size:.58rem;font-weight:850}.day-header.selected,.grid-cell.selected{box-shadow:inset 0 0 0 2px #0f766e}.grid-habit-label{display:flex;align-items:center;gap:6px;padding:5px 6px;color:#0f2f2e;font-size:.72rem;font-weight:900}.grid-habit-label img{width:26px;aspect-ratio:1;flex:0 0 auto;border-radius:7px;-o-object-fit:cover;object-fit:cover}.grid-habit-label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-cell{--habit:#0f766e;--mood:var(--habit);display:grid;place-items:center;background:#ffffff;color:#ffffff}.grid-cell:hover{background:color-mix(in srgb,var(--habit) 10%,white)}.grid-cell.mooded{background:color-mix(in srgb,var(--mood) 17%,white)}.grid-cell.heat-empty,.heatmap-legend .heat-empty{background:#f8fafc}.grid-cell.heat-partial,.heatmap-legend .heat-partial{background:color-mix(in srgb,#f59e0b 24%,white)}.grid-cell.heat-done,.heatmap-legend .heat-done{background:color-mix(in srgb,var(--habit,#0f766e) 72%,white)}.grid-cell.heat-strong,.heatmap-legend .heat-strong{background:linear-gradient(135deg,color-mix(in srgb,#2563eb 82%,white),color-mix(in srgb,var(--habit,#2563eb),#ffffff 18%))}.grid-cell.heat-rest,.heatmap-legend .heat-rest{background:repeating-linear-gradient(135deg,#e2e8f0,#e2e8f0 5px,#f8fafc 0,#f8fafc 10px)}.grid-cell.done{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--habit),transparent 48%)}.grid-mood-img{width:20px;aspect-ratio:1;border-radius:6px;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 9px rgba(15,47,43,.12)}.settings-layer{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end}.settings-backdrop{position:absolute;inset:0;background:rgba(15,47,43,.28)}.settings-drawer{position:relative;z-index:1;width:min(700px,calc(100vw - 20px));height:calc(100vh - 20px);margin:10px;padding:16px;overflow:auto;background:color-mix(in srgb,var(--app-surface),#ffffff 10%)}.theme-drawer{width:min(560px,calc(100vw - 20px))}.personalization-drawer{width:min(860px,calc(100vw - 20px))}.personalization-drawer .personalizer-panel{max-width:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none}.personalization-drawer .personalizer-panel:before{display:none}.personalization-layer{align-items:center;justify-content:center;padding:24px}.personalization-layer .settings-backdrop{background:rgba(9,23,21,.42);backdrop-filter:blur(8px)}.personalization-drawer{width:min(1120px,calc(100vw - 48px));height:auto;max-height:min(760px,calc(100vh - 48px));margin:0;overflow:hidden;border-radius:22px;background:#ffffff}.personalization-drawer .personalizer-panel{max-height:inherit;overflow:auto;padding:24px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--mode-secondary),transparent 88%),transparent 32%),radial-gradient(circle at 94% 3%,color-mix(in srgb,var(--mode-accent),transparent 88%),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.98),color-mix(in srgb,var(--mode-surface),#ffffff 44%))}.personalization-drawer .personalizer-header{align-items:flex-start;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--mode-primary),transparent 88%)}.personalization-drawer .personalizer-title{gap:16px}.personalization-drawer .personalizer-title h2{max-width:760px;margin-top:5px;font-size:clamp(1.32rem,2vw,1.72rem);font-weight:820;letter-spacing:0;line-height:1.2}.personalization-drawer .personalizer-lede{max-width:660px;margin-top:7px;color:#52615d;font-size:.94rem;font-weight:620;line-height:1.5}.personalization-drawer .drawer-close-button{flex:0 0 auto;min-height:38px;padding:0 13px;border-radius:999px;color:#173d39;font-size:.86rem;font-weight:760;box-shadow:none}.personalization-drawer .personalizer-grid{grid-template-columns:minmax(0,1fr) minmax(310px,360px);align-items:start;gap:18px;margin-top:18px}.personalization-drawer .personalizer-form,.personalizer-preview{min-width:0;border:1px solid color-mix(in srgb,var(--mode-primary),transparent 88%);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 12px 28px color-mix(in srgb,var(--mode-primary),transparent 93%)}.personalization-drawer .personalizer-form{gap:14px;padding:16px}.personalizer-preview{position:sticky;top:0;display:grid;gap:12px;padding:16px}.personalization-drawer .chip-group>span,.personalization-drawer .personalizer-form label span,.personalization-drawer .plan-preview>span{color:#5b6a66;font-size:.72rem;font-weight:760;letter-spacing:.04em}.personalization-drawer .personalizer-form input,.personalization-drawer .personalizer-form select,.personalization-drawer .personalizer-form textarea{min-height:44px;border-color:color-mix(in srgb,var(--mode-primary),transparent 84%);border-radius:12px;color:#122f2b;font-size:.98rem;font-weight:520;box-shadow:inset 0 1px 0 rgba(15,47,43,.03)}.personalization-drawer .personalizer-form textarea{min-height:88px}.personalization-drawer .range-field{grid-template-columns:minmax(0,1fr) auto}.personalization-drawer .chip-group button{min-height:34px;border-radius:999px;color:#173d39;font-size:.8rem;font-weight:720}.personalizer-preview .character-persona-strip{grid-template-columns:1fr;justify-items:start;gap:12px;padding:14px;border-radius:16px}.personalizer-preview .character-persona-strip .answer-character.avatar-photo{width:min(240px,100%);justify-self:center;border-radius:30px}.personalizer-preview .character-persona-strip span{font-weight:820}.personalizer-preview .character-persona-strip strong{font-size:1.02rem;font-weight:840;line-height:1.25}.personalizer-preview .character-persona-strip p{color:#5a6865;font-size:.86rem;font-weight:620}.personalizer-preview .life-mode-strip{align-items:flex-start;flex-direction:column;padding:12px;border-radius:14px}.personalizer-preview .life-mode-strip strong{color:#143b37;font-size:.88rem;font-weight:820}.personalizer-preview .life-mode-strip span{font-weight:600}.personalizer-preview .plan-preview>div{grid-template-columns:1fr;gap:7px}.personalizer-preview .plan-preview article{min-height:44px;border-radius:12px;background:color-mix(in srgb,var(--habit),#ffffff 92%)}.personalizer-preview .icon-text-button.full{min-height:46px;border-radius:12px;font-size:.92rem}.settings-section{position:relative;z-index:1;display:grid;gap:12px;margin-top:14px;padding:14px;border:1px solid color-mix(in srgb,var(--app-primary),transparent 84%);border-radius:12px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--app-accent),transparent 88%),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.96),color-mix(in srgb,var(--app-soft),#ffffff 58%))}.settings-section-title{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start}.settings-section-title>svg{display:grid;width:34px;height:34px;padding:7px;border-radius:10px;background:color-mix(in srgb,var(--app-primary),#ffffff 86%);color:var(--app-primary)}.settings-section-title h3{margin:0;color:var(--app-ink);font-size:1rem;font-weight:950}.settings-section-title p{margin:4px 0 0;color:#60716d;font-size:.82rem;font-weight:680;line-height:1.35}.settings-action-grid{display:grid;grid-template-columns:1fr;gap:8px}.theme-picker{position:relative;z-index:1;display:grid;gap:12px;margin-top:16px}.theme-picker.compact{grid-template-columns:1fr;margin-top:0}.theme-card{--theme-primary:#0f766e;--theme-secondary:#2563eb;--theme-accent:#f59e0b;--theme-bg:#eef7f3;--theme-ink:#0f2f2e;display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px 12px;align-items:center;width:100%;min-height:82px;padding:10px;border:1px solid color-mix(in srgb,var(--theme-primary),transparent 76%);border-radius:10px;background:radial-gradient(circle at 14% 12%,color-mix(in srgb,var(--theme-accent),transparent 76%),transparent 34%),linear-gradient(135deg,#ffffff,color-mix(in srgb,var(--theme-bg),#ffffff 18%));color:var(--theme-ink);text-align:left}.theme-card.selected{border-color:var(--theme-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary),transparent 84%)}.theme-swatch{grid-row:span 2;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;height:56px;padding:7px;border-radius:10px;background:var(--theme-bg)}.theme-swatch i{border-radius:999px}.theme-swatch i:first-child{background:var(--theme-primary)}.theme-swatch i:nth-child(2){background:var(--theme-secondary)}.theme-swatch i:nth-child(3){background:var(--theme-accent)}.theme-card strong{align-self:end;font-size:1rem;font-weight:950}.theme-card small{align-self:start;color:#53635f;font-size:.82rem;font-weight:720;line-height:1.35}.add-habit-box{position:relative;z-index:1;display:grid;gap:11px;margin-top:16px;padding:12px;border:1px dashed color-mix(in srgb,var(--app-primary),transparent 72%);border-radius:8px;background:color-mix(in srgb,var(--app-soft),transparent 44%)}.add-habit-box input,.editor-fields input{width:100%;min-height:40px;border:1px solid color-mix(in srgb,var(--app-primary),transparent 82%);border-radius:8px;background:#ffffff;color:#142f2b;outline:none;padding:0 10px}.add-habit-box label span{margin-bottom:7px}.thumbnail-picker{display:flex;flex-wrap:wrap;gap:7px}.thumbnail-picker.compact{max-height:114px;overflow:auto}.thumbnail-picker button{width:40px;aspect-ratio:1;padding:2px;border:1px solid color-mix(in srgb,var(--app-primary),transparent 82%);border-radius:8px;background:#ffffff}.thumbnail-picker button.selected{border-color:var(--app-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--app-primary),transparent 86%)}.thumbnail-picker img{width:100%;height:100%;border-radius:6px;-o-object-fit:cover;object-fit:cover}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-picker button{--swatch:#0f766e;width:28px;aspect-ratio:1;border:2px solid #ffffff;border-radius:999px;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.72) 0 18%,transparent 19%),var(--swatch);box-shadow:0 0 0 1px color-mix(in srgb,var(--swatch),transparent 68%),0 8px 14px color-mix(in srgb,var(--swatch),transparent 78%)}.color-picker button.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch),transparent 72%),0 10px 18px color-mix(in srgb,var(--swatch),transparent 72%);transform:translateY(-1px)}.habit-editor-list{position:relative;z-index:1;display:grid;gap:12px;margin-top:16px}.editor-card{display:grid;grid-template-columns:50px minmax(0,1fr);gap:11px;align-items:start;padding:10px;border:1px solid color-mix(in srgb,var(--app-primary),transparent 86%);border-radius:8px;background:linear-gradient(180deg,#ffffff,color-mix(in srgb,var(--app-soft),#ffffff 56%))}.editor-card.paused{opacity:.62}.editor-fields{display:grid;min-width:0;gap:8px}.editor-actions{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,auto);justify-content:start;justify-items:start;gap:7px}.delete-confirm-row{display:inline-flex;flex-wrap:wrap;align-items:center;gap:7px;min-height:32px;padding:4px 6px;border:1px solid rgba(185,28,28,.18);border-radius:999px;background:#fff7f7;color:#7f1d1d;font-size:.74rem;font-weight:900}.delete-confirm-row button{min-height:24px;padding:0 8px;border:0;border-radius:999px;background:#ffffff;color:#173d39;font-size:.72rem;font-weight:900}.delete-confirm-row button.danger{background:#dc2626;color:#ffffff}.tiny-text-button{min-height:32px;padding:0 10px;border-radius:999px;background:#edf7f3;color:#0f766e;font-size:.78rem;font-weight:900}.reset-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:16px;border-radius:8px;background:#fff7f7;color:#b91c1c;font-weight:950}.perfect-day-overlay{--celebration:var(--app-primary);position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--celebration),transparent 72%),transparent 36%),rgba(15,47,43,.18);pointer-events:none;animation:perfect-day-fade 2.4s ease-out both}.perfect-day-card{position:relative;display:grid;justify-items:center;gap:8px;width:min(330px,100%);padding:22px;overflow:hidden;border:1px solid color-mix(in srgb,var(--celebration),white 34%);border-radius:18px;background:radial-gradient(circle at 14% 8%,color-mix(in srgb,#f59e0b,transparent 74%),transparent 32%),linear-gradient(135deg,#ffffff,color-mix(in srgb,var(--celebration),#ffffff 86%));color:#123835;text-align:center;box-shadow:0 28px 70px color-mix(in srgb,var(--celebration),transparent 72%);animation:perfect-day-pop .68s cubic-bezier(.16,1,.3,1) both}.perfect-day-card>svg{color:var(--celebration);filter:drop-shadow(0 0 10px color-mix(in srgb,var(--celebration),transparent 70%))}.perfect-day-card strong{font-size:1.8rem;font-weight:950;line-height:1}.perfect-day-card p{margin:0;color:#53635f;font-weight:820}.perfect-day-sparkle{position:absolute;width:13px;aspect-ratio:1;background:var(--celebration);clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);animation:perfect-day-sparkle 1.1s ease-out both}.perfect-day-sparkle.one{top:22px;left:28px}.perfect-day-sparkle.two{right:34px;top:38px;background:#f59e0b;animation-delay:.12s}.perfect-day-sparkle.three{right:52px;bottom:26px;background:var(--app-secondary);animation-delay:.22s}@keyframes habit-card-dopamine{0%{transform:scale(1)}34%{transform:scale(1.008)}68%{transform:scale(.997)}to{transform:scale(1)}}@keyframes habit-thumb-bounce{0%{transform:rotate(0deg) scale(1)}34%{transform:rotate(-2deg) scale(1.04)}72%{transform:rotate(2deg) scale(.99)}to{transform:rotate(0deg) scale(1)}}@keyframes completion-toast-rise{0%{transform:translateY(8px) scale(.94);opacity:0}18%,72%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-10px) scale(.98);opacity:0}}@keyframes perfect-day-pop{0%{transform:translateY(12px) scale(.9);opacity:0}55%{transform:translateY(0) scale(1.02);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes perfect-day-fade{0%{opacity:0}10%,82%{opacity:1}to{opacity:0}}@keyframes perfect-day-sparkle{0%{transform:translateY(8px) rotate(0deg) scale(.4);opacity:0}22%{opacity:1}to{transform:translateY(-10px) rotate(120deg) scale(1.1);opacity:0}}@keyframes burst-orbit-fly{0%{transform:translate(0) rotate(0deg) scale(.24);opacity:0}18%{opacity:1}to{transform:translate(var(--x),var(--y)) rotate(130deg) scale(1);opacity:0}}@keyframes burst-dot-fly{0%{transform:translate(0) scale(.4);opacity:0}20%{opacity:1}to{transform:translate(var(--x),var(--y)) scale(1);opacity:0}}@media (prefers-reduced-motion:reduce){.burst-dot,.burst-orbit,.completion-toast,.habit-card.celebrating,.habit-card.celebrating .habit-thumb,.perfect-day-card,.perfect-day-overlay,.perfect-day-sparkle{animation:none}.completion-burst{display:none}}@media (max-width:720px){.personalizer-panel{padding:12px}.admin-hero{align-items:flex-start;padding:14px}.admin-logo{width:52px;border-radius:15px}.admin-login-row .icon-text-button{width:100%}.personalizer-header{position:relative;display:grid;grid-template-columns:1fr;align-items:flex-start;padding-top:2px}.personalizer-title{display:grid;grid-template-columns:1fr;gap:9px}.personalizer-title>div:not(.personalizer-character-lockup){min-width:0}.personalizer-character-lockup{grid-template-columns:42px 74px;min-width:110px}.personalizer-logo{width:52px}.personalizer-character-lockup .answer-character.avatar-photo{width:78px;border-radius:20px}.personalizer-character-lockup .avatar-action-badge{width:28%;border-width:2px}.personalizer-header .drawer-close-button{position:absolute;top:0;right:0;width:42px;min-height:42px;padding:0}.character-persona-strip{grid-template-columns:86px minmax(0,1fr);gap:10px;padding:9px}.character-persona-strip .answer-character.avatar-photo{width:86px;border-radius:22px}.character-persona-strip strong{font-size:.9rem}.character-persona-strip p{font-size:.78rem}.personalizer-icon{width:44px;border-radius:13px}.personalizer-title h2{font-size:1.05rem}.life-mode-strip,.personalizer-compact{align-items:flex-start}.life-mode-strip{flex-direction:column}.chip-group div,.sample-strip div{gap:6px}.chip-group button,.sample-strip button{min-height:34px;font-size:.72rem;padding:0 9px}.character-visual{min-height:178px}.answer-character{width:min(166px,72vw);border-radius:34px}.answer-character.avatar-svg{width:min(194px,72vw);border-radius:0}.icon-text-button{width:100%;min-height:44px;padding:0 10px;font-size:.88rem}.personalizer-header .drawer-close-button span{display:none}.month-toggle{display:flex}.personalization-layer{align-items:stretch;padding:0}.personalization-drawer{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.personalization-drawer .personalizer-panel{min-height:100dvh;padding:16px}.personalization-drawer .personalizer-header{gap:12px;padding-bottom:14px}.personalization-drawer .personalizer-title{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;padding-right:44px}.personalization-drawer .personalizer-title h2{font-size:1.15rem;line-height:1.2}.personalization-drawer .personalizer-lede{display:none}.personalization-drawer .drawer-close-button{width:38px;min-height:38px;padding:0;border-radius:999px}.personalization-drawer .personalizer-grid{grid-template-columns:1fr;gap:12px}.personalization-drawer .personalizer-form,.personalizer-preview{padding:12px;border-radius:16px}.personalizer-preview{position:static}.personalizer-preview .character-persona-strip{grid-template-columns:104px minmax(0,1fr);align-items:center;padding:10px}.personalizer-preview .character-persona-strip .answer-character.avatar-photo{width:104px;border-radius:24px}.personalizer-preview .character-persona-strip strong{font-size:.92rem}.personalizer-preview .character-persona-strip p{font-size:.78rem}.personalizer-preview .plan-preview>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:721px){.admin-shell,.month-panel,.today-panel,.tracker-hero,.tracker-shell{padding:16px}.tracker-hero h1{font-size:clamp(3rem,6vw,4.2rem)}.tracker-hero p{font-size:1rem}.brand-lockup{grid-template-columns:auto minmax(0,1fr);gap:14px}.brand-media{grid-template-columns:96px 142px;min-width:238px}.sparkle-logo{width:96px}.brand-avatar{width:142px;margin-left:-6px;border-radius:32px}.brand-avatar .answer-character.avatar-photo{border-radius:28px}.brand-avatar .answer-character.avatar-svg{width:116px}.hero-actions{width:min(520px,100%);justify-self:stretch;gap:8px;padding:7px}.hero-actions-row{gap:8px}.hero-actions-row.setup{grid-template-columns:1.35fr repeat(3,minmax(0,.88fr))}.hero-actions .icon-text-button{grid-template-columns:19px minmax(0,1fr);grid-template-rows:auto;justify-items:center;gap:7px;min-height:48px;padding:0 11px;font-size:.82rem;line-height:1;text-align:left}.hero-actions .icon-text-button svg{width:18px;height:18px}.cloud-hero-card{grid-template-columns:auto minmax(0,1fr)}.cloud-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-login-row{grid-template-columns:minmax(0,1fr) auto}.admin-metrics-grid,.admin-two-col,.form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row.three,.settings-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-picker.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.heatmap-summary{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.drawer-header,.month-toolbar,.section-header{align-items:center}.drawer-title-lockup,.month-title-lockup,.section-title-lockup{gap:10px}.section-logo{width:46px}.drawer-logo{width:58px}.panel-watermark{display:block}.progress-ring{width:78px}.stat-strip{gap:10px}.stat-card{padding:12px}.habit-card{padding:10px}.habit-card-main{gap:11px}.habit-win-button{grid-template-columns:62px minmax(0,1fr) max-content;gap:11px;min-height:66px}.habit-thumb{width:62px}.habit-card p,.tap-hint{display:block}.mood-preview{width:auto;min-height:38px;padding:0 12px;font-size:.82rem}.mood-preview span{display:inline-block}.mood-preview img{width:27px}.activity-mood-panel{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:9px;padding:8px}.mood-sticker{min-height:54px;grid-template-columns:1fr;grid-template-rows:31px auto;justify-items:center;padding:4px 3px;font-size:.64rem}.mood-sticker img{width:31px}.habit-card.expanded .mood-sticker img{width:36px}.grid-row{grid-template-columns:minmax(190px,220px) repeat(var(--day-count),minmax(34px,38px))}.grid-habit-label{gap:8px;padding:6px 8px;font-size:.82rem}.grid-habit-label img{width:32px}.grid-mood-img{width:24px}.editor-card{grid-template-columns:64px minmax(0,1fr) auto}.editor-thumb{width:62px}.editor-actions{grid-column:auto;grid-template-columns:1fr;justify-content:end;justify-items:end}}@media (min-width:1081px){.admin-shell,.tracker-shell{padding:22px}.tracker-hero{grid-template-columns:minmax(0,1fr) minmax(330px,430px);gap:18px;margin-bottom:18px;padding:18px}.dashboard-grid{grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:18px}.brand-lockup{gap:16px}.brand-media{grid-template-columns:112px 158px;min-width:270px}.sparkle-logo{width:112px}.brand-avatar{width:158px;border-radius:34px}.brand-avatar .answer-character.avatar-svg{width:128px}.tracker-hero h1{font-size:4.2rem}.hero-actions{width:min(400px,100%);justify-self:end}.admin-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){:root{background:#081311}:root,body{color:#e7f5ef}body{background:radial-gradient(circle at 10% 8%,rgba(45,212,191,.14) 0 14%,transparent 36%),radial-gradient(circle at 92% 20%,rgba(251,191,36,.12) 0 10%,transparent 32%),linear-gradient(180deg,#081311,#101b19)}.tracker-shell{--app-surface:color-mix(in srgb,var(--app-ink),#ffffff 8%);--app-soft:color-mix(in srgb,var(--app-bg),#000000 38%);background:radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--app-primary),transparent 78%) 0 14%,transparent 36%),radial-gradient(circle at 92% 20%,color-mix(in srgb,var(--app-accent),transparent 78%) 0 10%,transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--app-bg),#000000 34%),#071411)}.admin-card,.admin-empty,.month-panel,.personalizer-panel,.settings-drawer,.today-panel,.tracker-hero{background:color-mix(in srgb,#071411,var(--app-primary) 5%);box-shadow:0 18px 54px rgba(0,0,0,.32)}.backup-button,.character-card,.cloud-box,.cloud-hero-card,.editor-card,.grid-cell,.habit-card,.habit-sticky,.icon-text-button,.month-grid-wrap,.mood-preview,.mood-sticker,.personalizer-form,.round-button,.settings-section,.stat-card,.theme-card{background-color:#10201d;color:#e7f5ef}.character-copy p,.cloud-hero-card p,.grid-habit-label,.habit-card p,.heatmap-summary p,.settings-section-title p,.stat-card span,.sync-message,.theme-card small,.tracker-hero p{color:#a9bbb4}.character-copy h3,.day-header,.grid-habit-label,.habit-card h3,.settings-section-title h3,.stat-card strong{color:#e7f5ef}.add-habit-box input,.cloud-email-field input,.editor-fields input,.note-box textarea,.personalizer-form input,.personalizer-form select,.personalizer-form textarea{background:#0d1b18;color:#e7f5ef}.day-header,.grid-cell.heat-empty{background:#13231f}}