:root{color-scheme:dark;font-family:DM Sans,sans-serif;background:radial-gradient(circle at top left,rgba(0,229,160,.18),transparent 32%),radial-gradient(circle at top right,rgba(77,158,255,.16),transparent 28%),linear-gradient(180deg,#06070a,#0c1118 40%,#0f1720);color:#f7fafc}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;padding:max(32px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.aurora{position:fixed;width:520px;height:520px;border-radius:999px;filter:blur(80px);opacity:.65;pointer-events:none}.aurora-left{left:-180px;top:-120px;background:#00e5a02b}.aurora-right{right:-180px;top:120px;background:#4d9eff29}.phone-frame{position:relative;z-index:1;display:flex;flex-direction:column;width:min(100%,440px);height:calc(100vh - 64px);height:calc(100dvh - 64px);min-height:620px;min-width:0;margin:0 auto;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:32px;background:#080c12c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 60px #00000073;overflow:hidden}.phone-content{flex:1 1 auto;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding-bottom:18px;scrollbar-width:none}.phone-content::-webkit-scrollbar{display:none}.hero-header,.account-row,.metrics-grid,.summary-header,.pet-topline,.pet-footer,.progress-meta,.bottom-nav,.update-banner,.parse-preview,.parse-actions,.modal-header,.modal-actions,.choice-grid{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-header{align-items:center;justify-content:center;min-height:100px;position:relative}.hero-header h1,.hero-card h2,.summary-card h3,.spark-card h3,.coach-card h3,.log-card h3,.modal-sheet h3{margin:0;font-family:inherit;font-weight:850;letter-spacing:0}.eyebrow,.muted-label{margin:0 0 6px;color:#e2e8f094;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.hero-intro{width:100%;max-width:320px;padding-top:4px;text-align:center}.hero-eyebrow{margin:0 0 10px;color:#ffc447;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;text-shadow:0 1px 0 rgba(255,250,220,.35),0 2px 0 rgba(110,68,8,.55),0 8px 18px rgba(255,184,48,.16)}.hero-headline{display:block;white-space:nowrap;font-size:clamp(.92rem,3.1vw,1.12rem);line-height:1.05;color:#f7fafc;letter-spacing:0}.hero-headline-accent{color:#00e5a0}.profile-button{width:74px;height:74px;padding:0;border:none;background:transparent;position:absolute;top:4px;right:0}.profile-button-inner{display:grid;place-items:center;width:100%;height:100%;border-radius:999px;background:#00e5a014;box-shadow:inset 0 0 0 1px #00e5a057;overflow:hidden}.profile-mark{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.05)}.ghost-button,.chip-button,.primary-button,.danger-button,.account-pill,.quick-category,.choice-option,.update-banner button,.bottom-nav button{border:none;transition:transform .18s ease,opacity .18s ease,background .18s ease}.ghost-button,.chip-button,.danger-button,.quick-category,.bottom-nav button{background:#ffffff0f;color:#f8fafc;padding:10px 14px;border-radius:999px}.update-banner{margin-bottom:14px;padding:12px;border-radius:18px;background:#00e5a01a;box-shadow:inset 0 0 0 1px #00e5a047,0 12px 28px #00e5a01a}.update-banner div{min-width:0}.update-banner-title{margin:0 0 2px;color:#8cffdd;font-weight:800}.update-banner span{color:#e2e8f0bd;font-size:.86rem}.update-banner button{flex-shrink:0;padding:10px 14px;border-radius:999px;background:#8cffdd;color:#06110e;font-weight:800}.primary-button{width:100%;padding:14px 18px;border-radius:18px;background:linear-gradient(135deg,#00e5a0,#9affdf);color:#05110d;font-weight:800}.danger-button{color:#fecaca}.ghost-button:hover,.chip-button:hover,.primary-button:hover,.danger-button:hover,.account-pill:hover,.quick-category:hover,.choice-option:hover,.update-banner button:hover,.bottom-nav button:hover{transform:translateY(-1px)}.account-row{margin-top:8px;justify-content:center;flex-wrap:nowrap;padding-bottom:4px}.capture-row{margin-top:14px;display:grid;grid-template-columns:1fr;gap:10px}.primary-capture-button{border:none;border-radius:20px}.primary-capture-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;max-width:100%;min-width:0;padding:14px 18px;background:linear-gradient(135deg,#00e5a0eb,#9affdfeb);color:#05110d;font-weight:800;text-align:center;box-shadow:0 12px 24px #00e5a02e}.capture-button-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#05110d24;font-size:1rem;line-height:1}.primary-capture-button:hover{transform:translateY(-1px)}.account-pill{flex:1 1 0;min-width:0;background:#ffffff09;color:#f1f5f96b;padding:14px 10px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:6px;text-transform:uppercase;letter-spacing:.045em;font-weight:800;font-size:.82rem}.account-pill-icon-wrap{width:18px;height:18px;border-radius:6px;flex:0 0 auto;display:grid;place-items:center;background:#ffffff0f}.account-pill-icon{width:12px;height:12px;color:currentColor}.account-pill-icon svg{width:100%;height:100%;display:block}.account-pill.active{background:linear-gradient(180deg,#00e5a01f,#ffffff08);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}.hero-card,.pet-card,.summary-card,.spark-card,.coach-card,.log-card,.history-row,.gauge-card,.modal-sheet,.choice-card{margin-top:18px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:#ffffff0b}.hero-card{padding:28px 16px 16px;background:radial-gradient(circle at 50% 26%,rgba(0,229,160,.14),transparent 30%),linear-gradient(180deg,#0c1c18eb,#0a0a0ff5 78%);border-color:#00e5a040}.hero-card h2{font-size:clamp(4rem,14vw,6rem);line-height:.9;color:#00e5a0;text-shadow:0 0 22px rgba(0,229,160,.18);overflow-wrap:anywhere}.hero-card h2.negative{color:#ff6b6b;text-shadow:0 0 22px rgba(255,107,107,.2)}.starter-setup-card h2{font-size:clamp(2.6rem,11vw,4.6rem);line-height:.95}.starter-setup-actions{margin-top:24px;display:grid;gap:10px}.starter-setup-actions .chip-button{justify-self:center}.starter-auth-panel{text-align:left}.subcopy{margin:10px 0 0;color:#e2e8f0c7}.hero-copy-centered{text-align:center}.hero-kicker{margin-bottom:18px;color:#ffc447;font-size:.95rem;letter-spacing:.16em}.hero-subcopy{color:#ffc447;font-size:.95rem}.hero-gauges{margin-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,2vw,10px);align-items:center}.hero-history-panel{margin-top:18px;padding:18px 14px 16px;border-radius:22px;background:#070a0ee0}.hero-history-header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#ffc447;font-size:.7rem}.hero-history-header>div:first-child{display:grid;gap:6px;text-transform:uppercase;letter-spacing:.12em}.hero-days-left{color:#ffc447;letter-spacing:.02em;text-transform:none;font-size:.88rem}.hero-history-status{display:grid;justify-items:end;gap:6px}.hero-track-copy{color:#e2e8f0ad;font-size:.74rem}.hero-track-copy.positive{color:#52f0b0}.hero-track-copy.negative{color:#ff8a80}.hero-track-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:6px 10px;border-radius:999px;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.hero-track-badge.on-track{color:#00e5a0;background:#00e5a01a}.hero-track-badge.off-track{color:#ff6e5c;background:#ff6e5c1a}.hero-history-controls{margin-top:14px;display:flex;gap:8px}.history-range-pill{border:none;background:#ffffff0d;color:#ffc447;padding:8px 12px;border-radius:999px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.history-range-pill.active{color:#00e5a0;background:#00e5a01f;box-shadow:inset 0 0 0 1px #00e5a040}.custom-history-date-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.custom-history-date-row label{display:grid;gap:5px;color:#e2e8f0b8;font-size:.66rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.custom-history-date-row input{min-width:0;width:100%;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0f;color:#f8fafc;font:inherit;font-size:.8rem;font-weight:800;padding:8px 9px;color-scheme:dark}.history-chart{margin-top:14px;border-radius:16px;background:#ffffff05;padding:8px 8px 4px}.history-chart-svg{width:100%;height:auto;display:block}.hero-history-footer{margin-top:6px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 10px;color:#ffc447;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.hero-history-footer span{display:inline-flex;align-items:center;gap:5px}.legend-swatch,.legend-line{flex:0 0 auto;display:inline-block}.legend-swatch{width:10px;height:10px;border-radius:999px}.legend-swatch.spend{background:#00e5a0}.legend-swatch.over{background:#ff6b6b}.legend-line{width:16px;height:0;border-top:2px solid currentColor}.legend-line.average{color:#00e5a0;border-top-style:dotted}.legend-line.budget{color:#ffc447}.summary-block strong,.history-amount strong{display:block;font-size:1.1rem}.summary-block span,.history-row p,.history-amount span,.pet-footer span,.bill-row span,.form-grid span,.choice-option span{color:#e2e8f0ad;font-size:.9rem}.pet-card{padding:18px 18px 20px}.pet-topline{font-size:.95rem;font-weight:700}.pet-stage{margin-top:16px;padding:16px;border-radius:20px;background:#0000002e}.pet-scene-frame{position:relative;width:100%;aspect-ratio:2.55 / 1;min-height:180px;border-radius:24px;overflow:hidden;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f}.pet-scene-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.pet-scene-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 35%,rgba(255,205,102,.14),transparent 34%),linear-gradient(135deg,#ffffff08,#ffffff03),#070a10eb}.pet-scene-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:14px;background:linear-gradient(180deg,#04080e33,#04080e14 24%,#04080eb3)}.pet-scene-badges{display:flex;align-items:center;justify-content:flex-end;gap:10px}.pet-scene-badge{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pet-scene-badge.good{color:#8cffdd;background:#00e5a029}.pet-scene-badge.bad{color:#ffb1aa;background:#ff6b6b2e}.pet-scene-badge.neutral{color:#ffffffe0;background:#080c1270}.pet-destination-copy{margin-top:14px;display:flex;flex-direction:column;gap:4px;text-align:center}.pet-destination-copy strong{font-size:.98rem}.pet-destination-copy span{color:#e2e8f0ad;font-size:.9rem}.pet-scene-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.pet-scene-meta span{padding:7px 9px;border-radius:999px;background:#ffffff0d;color:#e2e8f0b3;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.pet-tone{margin:12px 0 14px;color:#f1f5f9e0;text-align:center}.state-thriving{box-shadow:inset 0 0 0 1px #00e5a02e}.state-happy{box-shadow:inset 0 0 0 1px #6fddaf2e}.state-neutral{box-shadow:inset 0 0 0 1px #94a3b82e}.state-worried{box-shadow:inset 0 0 0 1px #ffb8302e}.state-distressed{box-shadow:inset 0 0 0 1px #ff6e5c2e}.gauge-card{padding:0;background:transparent;border:none;margin-top:0;min-width:0}.gauge-ring{width:min(100%,114px);aspect-ratio:1;margin:0 auto;display:grid;place-items:center;border-radius:999px;background:radial-gradient(closest-side,rgba(8,12,18,.95) 71%,transparent 72% 100%),conic-gradient(var(--accent) var(--gauge),rgba(255,255,255,.08) 0);box-shadow:inset 0 0 0 10px #ffffff08}.gauge-ring div{text-align:center}.gauge-ring strong{display:block;font-size:clamp(.72rem,2.7vw,.92rem);font-family:inherit;font-weight:850}.gauge-ring span{font-size:clamp(.56rem,2.1vw,.72rem);color:#ffc447;text-transform:uppercase;letter-spacing:.09em}.summary-card,.spark-card,.coach-card,.log-card,.treat-shop-card{padding:18px}.treat-shop-card{margin-top:18px;border-radius:24px;border:1px solid rgba(255,196,71,.2);background:#ffc4470b}.treat-shop-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.treat-shop-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;padding:12px;border:none;border-radius:16px;background:#ffffff0a;color:#e2e8f0a3;text-align:left}.treat-shop-item:disabled{cursor:default}.treat-shop-item.unlocked{color:#f8fafc;background:#ffc4471f;box-shadow:inset 0 0 0 1px #ffc44738}.treat-shop-item.owned{color:#00140f;background:linear-gradient(135deg,#ffc447,#7fffd4)}.treat-shop-item span,.treat-shop-item strong,.treat-shop-item em{display:block}.treat-shop-item span{font-size:.82rem;line-height:1.25}.treat-shop-item strong{margin-top:6px}.treat-shop-item em{margin-top:8px;color:currentColor;font-size:.66rem;font-style:normal;font-weight:800;letter-spacing:.08em;opacity:.78;text-transform:uppercase}.shop-status{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#ffffff0f;color:#e2e8f0b3;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.shop-status.open{background:#00e5a029;color:#7fffd4}.owned-treats{margin-top:12px;padding:12px;border-radius:16px;background:#ffffff0b}.owned-treats span{display:block;margin-bottom:5px;color:#ffc447;font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.owned-treats strong{display:block;color:#f8fafc;font-size:.84rem;line-height:1.35}.budget-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.summary-block{min-width:0;padding:12px;border-radius:18px;background:#ffffff0a}.summary-block strong{overflow-wrap:anywhere}.summary-block-label{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.summary-info{position:relative;flex:0 0 auto}.summary-info button{display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:999px;background:#ffc44724;color:#ffc447;font-size:.72rem;font-weight:850;cursor:pointer}.summary-info p{position:absolute;z-index:6;top:50%;right:24px;width:min(220px,calc(100vw - 84px));margin:0;padding:10px;border-radius:12px;background:#080c12fa;color:#f1f5f9e6;box-shadow:inset 0 0 0 1px #ffc44738,0 14px 28px #00000057;font-size:.78rem;line-height:1.35;text-transform:none;letter-spacing:0;transform:translateY(-50%)}.budget-strip .summary-block:nth-child(3n+1) .summary-info p{right:auto;left:24px}.progress-rail{margin-top:18px;height:12px;border-radius:999px;overflow:hidden;background:#ffffff14}.progress-fill{height:100%;border-radius:999px}.bill-list{margin-top:18px;display:grid;gap:10px}.bill-row,.history-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.spark-bars{height:88px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;margin-top:16px}.spark-col{display:flex;justify-content:center;align-items:end}.spark-bar{width:100%;border-radius:999px 999px 10px 10px}.spark-bar.today{box-shadow:0 0 18px #00e5a066}.bottom-nav{position:relative;z-index:3;flex-shrink:0;margin-top:16px;padding:8px;padding-bottom:max(8px,env(safe-area-inset-bottom));border-radius:18px;background:#0c1118eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 30px #00000052}.bottom-nav button{flex:1;min-width:0;min-height:48px;padding:12px 6px;background:transparent;color:#e2e8f0b8;display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav button.active{background:#ffffff14;color:#fff}.bottom-nav-icon{font-size:1.45rem;line-height:1}.first-time-guide{position:absolute;z-index:5;left:20px;right:20px;display:grid;gap:8px;padding:16px;border-radius:18px;background:#080c12f5;box-shadow:inset 0 0 0 1px #ffc4475c,0 18px 36px #0000005c}.first-time-guide:after{content:"";position:absolute;width:16px;height:16px;background:#080c12f5;border-right:1px solid rgba(255,196,71,.36);border-bottom:1px solid rgba(255,196,71,.36);transform:rotate(45deg)}.guide-bottom{bottom:104px}.guide-bottom:after{bottom:-9px;left:50%}.guide-settings{bottom:104px}.guide-settings:after{bottom:-9px;right:56px}.first-time-guide p,.first-time-guide strong,.first-time-guide span{margin:0}.first-time-guide p{color:#ffc447;font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.first-time-guide strong{color:#f8fafc;font-size:1rem}.first-time-guide span{color:#e2e8f0c2;font-size:.88rem;line-height:1.4}.first-time-guide>button:not(.guide-dismiss){justify-self:start;border:none;border-radius:999px;padding:10px 14px;background:#ffc447;color:#160f05;font-weight:850}.guide-dismiss{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:none;border-radius:999px;background:#ffffff14;color:#f8fafc;font-size:1.1rem}.tab-panel{margin-top:18px;flex:1 0 auto}.coach-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.coach-card-compact{padding:16px 18px}.coach-card p{color:#f1f5f9e0;line-height:1.55}.coach-card p:last-child{margin-bottom:0}.coach-meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px 12px;color:#e2e8f094;font-size:.9rem}.coach-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.log-card textarea,.form-grid input,.expense-row input,.form-grid select{width:100%;border:1px solid rgba(255,255,255,.08);background:#0000002e;color:#fff;border-radius:16px;padding:14px}.log-card textarea{min-height:88px;resize:vertical}.quick-grid{margin:14px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.voice-capture-note{margin-top:12px;padding:12px 14px;border-radius:16px;background:#00e5a01a;color:#dcfff5e6;font-size:.92rem;line-height:1.45}.capture-sheet{width:min(100%,560px)}.capture-copy{margin:14px 0 0;color:#e2e8f0c7;line-height:1.55}.capture-composer{margin-top:16px;display:grid;grid-template-columns:1fr 58px;gap:10px;align-items:start}.capture-composer textarea{min-height:88px}.capture-voice-button{min-height:88px;border:1px solid rgba(0,229,160,.38);border-radius:18px;background:#00e5a01f;color:#dcfff5;font-size:1.5rem}.capture-voice-button.listening{background:#ffc4472e;border-color:#ffc4478a;color:#ffc447}.capture-preview{margin-top:16px}.capture-confirm-button{width:auto;min-width:144px}.settings-stack{display:grid;gap:18px;position:relative}.settings-tab-strip{display:flex;align-items:flex-end;gap:4px;position:sticky;top:0;z-index:8;max-width:100%;margin:0 -2px -18px;padding:12px 10px 0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#081019;border-radius:22px 22px 0 0;box-shadow:0 12px 18px #081019,0 22px 24px #081019db}.settings-tab-strip::-webkit-scrollbar{display:none}.settings-tab-strip:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:18px;pointer-events:none;background:linear-gradient(180deg,#081019,#081019db 55%,#08101900)}.settings-tab-strip button{min-width:130px;min-height:52px;padding:13px 14px 18px;border:1px solid rgba(255,255,255,.08);border-bottom:none;border-radius:18px 18px 0 0;background:#122334bd;color:#e2e8f09e;font-size:.78rem;font-weight:850;box-shadow:inset 0 1px #ffffff0f;transform:translateY(9px);white-space:nowrap;position:relative;z-index:1}.settings-tab-strip button.active{min-height:60px;background:#1c3b54fa;color:#8cffdd;border-color:#00e5a057;box-shadow:inset 0 1px #ffffff14,0 -8px 22px #00e5a014;transform:translateY(0)}.settings-tab-panel{margin-top:18px;border-top-left-radius:10px;border-top-right-radius:10px}.settings-copy{margin-top:0;color:#e2e8f0bd;line-height:1.55}.auth-panel{display:grid;gap:12px;margin-top:16px}.auth-panel .primary-button,.auth-panel .ghost-button{width:100%}.auth-link-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:-2px}.auth-link-row button{border:0;background:transparent;color:#e2e8f0b3;font:inherit;font-size:.84rem;font-weight:850;line-height:1.2;padding:2px 0;cursor:pointer}.auth-link-row button.active{color:#8cffdd;text-decoration:underline;text-underline-offset:4px}.auth-feedback{margin:0;color:#e2e8f0b8;font-size:.86rem;font-weight:750;text-align:center}.password-change-panel{display:grid;gap:10px;padding:14px;border-radius:18px;background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff0f}.connection-card{display:grid;gap:14px}.connection-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.connection-status-pill{display:grid;gap:4px;padding:12px 14px;border-radius:16px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f}.connection-status-pill span{color:#e2e8f09e;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.connection-status-pill strong{color:#f8fafce6;font-size:.95rem}.connection-status-pill.connected{background:#00e5a01a;box-shadow:inset 0 0 0 1px #00e5a047}.connection-status-pill.connected strong{color:#8cffdd}.connection-divider{height:1px;background:#ffffff14}.auth-status{display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0d}.auth-status span,.auth-status strong,.auth-status small{display:block}.auth-status span{color:#e2e8f09e;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.auth-status strong{color:#f8fafc;overflow-wrap:anywhere}.auth-status small{color:#e2e8f0a3}.auth-status.connected{background:#00e5a01a;box-shadow:inset 0 0 0 1px #00e5a047}.auth-status.connected span{color:#8cffdd}.auth-status.pending{background:#4d9eff14;box-shadow:inset 0 0 0 1px #4d9eff2e}.auth-status.pending span{color:#9fc7ff}.backend-status{display:grid;gap:10px;margin-top:16px;padding:14px 16px;border-radius:18px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0d}.backend-status span,.backend-status strong,.backend-status small{display:block}.backend-status span{margin-bottom:4px;color:#e2e8f09e;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.backend-status strong{color:#f8fafc}.backend-status small{color:#e2e8f0a3}.backend-status.connected{background:#00e5a01a;box-shadow:inset 0 0 0 1px #00e5a047}.backend-status.connected span{color:#8cffdd}.backend-status.pending{background:#ffb83014;box-shadow:inset 0 0 0 1px #ffb8302e}.backend-status.pending span{color:#ffd891}.settings-budget-picker{margin-top:14px;display:grid;gap:10px}.settings-budget-choice{padding:14px 16px;border-radius:18px;background:#ffffff0a;color:#f8fafc;box-shadow:inset 0 0 0 1px #ffffff0d;display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-budget-choice span,.settings-budget-choice small{display:block}.settings-budget-choice span{font-weight:800}.settings-budget-choice small{margin-top:6px;color:#e2e8f0a8}.settings-budget-choice.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent);background:linear-gradient(180deg,#ffffff0d,#ffffff08)}.settings-budget-edit{flex:0 0 auto;min-width:72px;text-align:center}.settings-summary-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-summary-tile,.settings-detail-row{padding:14px 16px;border-radius:18px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0d}.settings-summary-tile span,.settings-detail-row span{display:block;color:#e2e8f0b3;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.settings-summary-tile strong,.settings-detail-row strong{display:block;margin-top:8px;color:#f8fafc;font-size:1.05rem}.settings-detail-grid{margin-top:14px;display:grid;gap:10px}.settings-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-detail-row strong{margin-top:0;text-align:right}.settings-detail-row-wrap{align-items:start}.settings-budget-pill-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.settings-budget-pill{padding:8px 12px;border-radius:999px;background:#ffffff0f;color:#f8fafce6;font-size:.84rem;font-weight:700}.settings-action-button{margin-top:16px}.settings-field{display:grid;gap:8px;margin-top:12px}.quick-category{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;font-weight:700}.quick-category-symbol{font-size:1rem;line-height:1}.quick-category.selected{background:#00e5a029;color:#fff}.quick-category-editor{margin-top:14px;padding:18px;border-radius:20px;background:#ffffff0a}.quick-category-editor-list{margin-top:14px;display:grid;gap:10px}.quick-category-editor-row{display:grid;gap:10px}.quick-category-editor-main{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center}.quick-category-current-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff0f}.quick-category-edit-icon{white-space:nowrap;padding:10px 12px}.quick-category-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-height:168px;overflow-y:auto;padding:2px}.quick-category-icon-option{width:40px;height:40px;border:none;border-radius:12px;background:#ffffff0d;color:#f8fafc;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff0f}.quick-category-icon-option.selected{box-shadow:0 0 0 2px #00e5a073,0 0 18px #00e5a02e;background:#00e5a01f}.parse-preview{margin-top:16px;padding:14px;border-radius:18px;background:#ffffff0a}.parse-preview span{display:block;color:#e2e8f0ad}.history-list{display:grid;gap:12px}.history-row{padding:16px}.editable-history-row{position:relative;overflow:hidden;touch-action:pan-y}.editable-history-row:active{transform:scale(.995)}.history-swipe-hint{position:absolute;top:0;bottom:0;display:grid;place-items:center;width:78px;color:#f8fafc;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;opacity:.72;pointer-events:none}.history-swipe-hint.left{left:0;background:linear-gradient(90deg,rgba(0,229,160,.18),transparent)}.history-swipe-hint.right{right:0;background:linear-gradient(270deg,rgba(255,107,107,.22),transparent)}.editable-history-row>div{position:relative;z-index:1}.history-row h4{margin:0 0 4px}.history-row p{margin:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060abd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));z-index:4}.modal-sheet{width:min(100%,440px);max-height:min(88vh,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px),920px);min-width:0;padding:22px;overflow-y:auto;overscroll-behavior:contain}.form-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label,.expense-row{display:grid;gap:8px}.display-budget-panel,.period-editor-panel{margin-top:18px;padding:18px;border-radius:20px;background:#ffffff0a}.display-budget-copy h4{margin:0;font-size:1rem}.display-budget-copy p:last-child{margin:8px 0 0;color:#e2e8f0ad;font-size:.92rem}.period-form-grid{margin-top:14px}.period-days-preview{display:grid;gap:8px;min-height:50px;padding:12px 14px;border-radius:16px;background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff0f}.period-days-preview span{color:#e2e8f0ad;font-size:.85rem}.period-days-preview strong{color:#8cffdd}.display-budget-toggles{margin-top:14px;display:grid;gap:10px}.display-budget-group{display:grid;gap:8px}.display-budget-toggle{border:none;background:#ffffff0d;color:#f1f5f999;padding:12px 16px;border-radius:999px;display:flex;align-items:center;gap:8px;font-weight:700}.display-budget-toggle.selected{color:var(--accent);background:#ffffff14;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 50%,transparent)}.display-budget-icons{display:flex;flex-wrap:wrap;gap:8px}.pill-preview-row{margin-top:14px}.budget-icon-option{width:42px;height:42px;padding:0;border:none;border-radius:12px;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0f;display:grid;place-items:center}.budget-icon-option span{width:18px;height:18px;color:#f1f5f9e0}.budget-icon-option svg{width:100%;height:100%;display:block}.budget-icon-option.selected{box-shadow:0 0 0 2px #00e5a073,0 0 18px #00e5a02e}.budget-color-options{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.budget-color-option{width:34px;height:34px;border:none;border-radius:999px;background:var(--swatch);box-shadow:inset 0 0 0 1px #ffffff24}.budget-color-option.selected{box-shadow:0 0 0 2px #ffffffd9,0 0 0 5px color-mix(in srgb,var(--swatch) 45%,transparent)}.expense-list{margin-top:18px;display:grid;gap:12px}.expense-row{grid-template-columns:110px 1fr 140px auto}.choice-card{margin-top:20px;padding:18px}.choice-card h4{margin-top:0}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.choice-option{padding:18px;border-radius:18px;background:#ffffff0a;color:#fff;text-align:left}.choice-option strong{display:block;margin-top:8px;font-size:1.5rem}.choice-copy{margin-bottom:0;color:#e2e8f0bd;line-height:1.55}.danger-zone,.danger-confirm{display:grid;gap:12px}.danger-confirm-actions{display:flex;flex-wrap:wrap;gap:10px}.reset-choice-grid{display:grid;gap:10px;margin-top:16px}.settings-action-grid,.legal-link-grid{display:grid;gap:10px;margin:14px 0}.legal-link-grid a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.reset-choice{width:100%;padding:14px 16px;border:none;border-radius:16px;background:#ffffff0d;color:#f8fafc;text-align:left;box-shadow:inset 0 0 0 1px #ffffff0f}.reset-choice span,.reset-choice strong{display:block}.reset-choice span{margin-bottom:5px;color:#ffc447;font-size:.74rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.reset-choice strong{color:#f8fafcdb;font-size:.9rem;line-height:1.35}.reset-choice.danger{background:#ff6b6b1a;box-shadow:inset 0 0 0 1px #ff6b6b3d}.reset-choice.danger span{color:#ffb4b4}.provider-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.provider-option,.provider-status{border:none;border-radius:18px;background:#ffffff0d;color:#f8fafc}.provider-option{padding:16px;text-align:left}.provider-option strong,.provider-option span{display:block}.provider-option span{margin-top:8px;color:#e2e8f09e;font-size:.9rem}.provider-option.selected{box-shadow:inset 0 0 0 1px #00e5a073,0 0 20px #00e5a01f;background:#00e5a014}.provider-status{padding:14px 16px;text-align:center;font-weight:700}.provider-status.connected{background:#00e5a024;color:#8cffdd;box-shadow:inset 0 0 0 1px #00e5a057}.ai-setup-steps{display:grid;gap:8px;margin:14px 0 0;padding:14px 14px 14px 34px;border-radius:18px;background:#ffffff0a;color:#e2e8f0c7;font-size:.9rem;line-height:1.35;box-shadow:inset 0 0 0 1px #ffffff0f}.ai-setup-steps li::marker{color:#8cffdd;font-weight:900}.ai-key-note{display:grid;gap:6px;margin-top:10px;padding:12px 14px;border-radius:16px;background:#ffc44714;box-shadow:inset 0 0 0 1px #ffc44724}.ai-key-note span{color:#ffc447;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.ai-key-note strong{color:#f8fafcdb;font-size:.88rem;line-height:1.35}.ai-help-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.ai-help-list{display:grid;gap:12px;margin-top:16px}.ai-help-list section{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:12px;border-radius:16px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff0f}.ai-help-list section>span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#00e5a01f;color:#8cffdd;font-weight:900}.ai-help-list strong,.ai-help-list p,.ai-help-warning span,.ai-help-warning strong{display:block}.ai-help-list strong{color:#f8fafc}.ai-help-list p{margin:4px 0 0;color:#e2e8f0b8;font-size:.9rem;line-height:1.4}.ai-help-warning{display:grid;gap:6px;margin-top:14px;padding:12px 14px;border-radius:16px;background:#ffc44714;box-shadow:inset 0 0 0 1px #ffc44724}.ai-help-warning span{color:#ffc447;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.ai-help-warning strong{color:#f8fafce0;font-size:.9rem;line-height:1.35}.provider-key-panel{display:grid;gap:12px;margin-top:14px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 720px){.app-shell{padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.phone-frame{width:100%;height:calc(100vh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;padding:16px;border-radius:24px}.starter-setup-card h2{font-size:clamp(2.2rem,10vw,3.1rem)}.primary-capture-button{width:100%;white-space:normal}.bottom-nav{margin-top:12px}.bottom-nav button{padding:10px 4px;font-size:.86rem}.settings-tab-strip button{min-width:112px}.budget-strip,.treat-shop-grid,.form-grid,.choice-grid,.provider-grid,.settings-summary-grid,.expense-row{grid-template-columns:1fr}.hero-header,.summary-header,.modal-header,.pet-footer,.progress-meta,.parse-preview,.parse-actions,.coach-card-header{flex-direction:column;align-items:flex-start}.hero-header{min-height:100px;gap:16px;padding-top:0}.mini-stats{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.pet-scene-badges,.pet-scene-bottom{flex-direction:column;align-items:flex-start}.settings-detail-row{align-items:flex-start;flex-direction:column}.settings-detail-row strong,.settings-budget-pill-list{text-align:left;justify-content:flex-start}}