:root{--bottom-nav-height:92px;--text:#334155;--text-h:#0f172a;--bg:#f5f7fb;--bg-card:#fff;--border:#d7deea;--surface-soft:#eef2ff;--primary:#2f6fff;--primary-strong:#1f57da;--secondary:#f59e0b;--on-primary:#fff;--on-secondary:#111827;--success:#10b981;color:var(--text);background:var(--bg);font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--text:#dbeafe;--text-h:#f8fafc;--bg:#0b1020;--bg-card:#111a31;--border:#243252;--surface-soft:#1a2644;--primary:#4e8cff;--primary-strong:#3c73e6;--secondary:#fbbf24;--on-primary:#fff;--on-secondary:#111827;--success:#34d399}}body{background:var(--bg);min-height:100vh;margin:0}#root{min-height:100vh}.app{justify-content:center;align-items:center;min-height:100svh;padding:24px 12px;display:flex}.appShell{box-sizing:border-box;flex-direction:column;align-items:stretch;width:100%;max-width:100vw;min-height:100svh;display:flex;position:relative}.app--withTabs{box-sizing:border-box;width:100%;max-width:100%;padding-top:max(12px, env(safe-area-inset-top,0px));padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));justify-content:flex-start;align-items:flex-start}.bottomNav{z-index:20;box-sizing:border-box;width:100%;max-width:100vw;padding-left:max(10px, env(safe-area-inset-left,0px));padding-right:max(10px, env(safe-area-inset-right,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-card);border-top:1px solid var(--border);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a0f}@media (prefers-color-scheme:dark){.bottomNav{box-shadow:0 -4px 16px #00000059}}.bottomNavList{box-sizing:border-box;justify-content:space-between;align-items:stretch;gap:clamp(2px,1.2vw,8px);width:100%;max-width:none;margin:0;padding:8px 0 6px;list-style:none;display:flex}.bottomNavBrand{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 48%, transparent);background:color-mix(in srgb, var(--bg) 55%, var(--bg-card));border-top:1px solid var(--border);margin:0;padding:8px 12px 10px;font-size:11px;font-weight:700}.bottomNavItem{flex:1 1 0;min-width:0}.bottomNavTab{box-sizing:border-box;width:100%;max-width:100%;min-height:44px;color:var(--text);text-align:center;-webkit-tap-highlight-color:transparent;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding:6px clamp(2px,1vw,6px);font-size:clamp(9px,2.6vmin,11px);font-weight:600;line-height:1.15;text-decoration:none;transition:color .15s,background-color .15s;display:flex}.bottomNavTab:hover{color:var(--text-h);background:color-mix(in srgb, var(--surface-soft) 80%, transparent)}.bottomNavTab--active{color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, transparent)}.bottomNavTab--active:hover{color:var(--primary-strong)}.bottomNavLabel{word-break:break-word;max-width:100%}.bottomNavIcon{flex-shrink:0;width:clamp(22px,6vmin,24px);height:clamp(22px,6vmin,24px);display:block}.profileDogList{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.profileDogItem{border:1px solid var(--border);background:var(--surface-soft);border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.profileDogName{color:var(--text-h);font-weight:600}.profileDogMeta{font-size:14px}.profileAddPetLink{margin-bottom:12px}.profileDogRow{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.profileDogInfo{flex-direction:column;gap:4px;min-width:0;display:flex}.profileDogDelete{flex-shrink:0;padding:8px 10px;font-size:13px}.modalBackdrop{z-index:100;box-sizing:border-box;background:#0f172a73;justify-content:center;align-items:center;padding:20px 16px;display:flex;position:fixed;inset:0}@media (prefers-color-scheme:dark){.modalBackdrop{background:#0000008c}}.modalDialog{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:380px;padding:12px 16px 16px;box-shadow:0 16px 40px #0f172a26}.modalTop{justify-content:flex-end;margin-bottom:4px;display:flex}.modalClose{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -8px 0 0;padding:0;font-size:28px;font-weight:400;line-height:1;transition:background-color .15s,color .15s;display:flex}.modalClose:hover:not(:disabled){background:var(--surface-soft);color:var(--text-h)}.modalClose:disabled{opacity:.5;cursor:not-allowed}.modalBody{color:var(--text);margin:0 0 20px;font-size:15px;line-height:1.45}.modalActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.card{border:1px solid var(--border);background:var(--bg-card);box-sizing:border-box;border-radius:16px;width:100%;max-width:460px;padding:16px;box-shadow:0 8px 20px #0f172a0f}.app--withTabs .card{width:100%;max-width:100%}.progressMeta{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.progressTrack{background:#e8f0ff;border-radius:999px;height:8px;margin-bottom:12px;overflow:hidden}.progressFill{background:var(--primary);height:100%;transition:width .25s}.illustration{border-radius:12px;width:100%;margin-bottom:12px}h1{margin:8px 0;font-size:24px}p{margin:6px 0 12px}.field{flex-direction:column;gap:6px;margin-bottom:10px;font-size:14px;display:flex}.fieldError{color:#dc2626;font-size:12px;line-height:1.2}input{border:1px solid var(--border);background:var(--bg-card);color:var(--text-h);border-radius:10px;padding:10px}select,textarea{border:1px solid var(--border);background:var(--bg-card);color:var(--text-h);font:inherit;border-radius:10px;padding:10px}input::placeholder,textarea::placeholder{color:#64748b}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb, var(--primary) 35%, transparent);border-color:var(--primary)}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions{justify-content:space-between;gap:8px;margin-top:8px;display:flex}button{border:1px solid var(--border);cursor:pointer;color:#111827;background:#cbd5e1;border-color:#cbd5e1;border-radius:10px;padding:10px 12px;font-weight:600;transition:background-color .15s,border-color .15s,transform 80ms}button:hover:not(:disabled){background:#b7c4d6;border-color:#b7c4d6}button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}button.primary:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong)}button.secondary{color:var(--on-secondary);background:#f59e0b;border-color:#f59e0b}button.secondary:hover:not(:disabled){color:var(--on-secondary);background:#d97706;border-color:#d97706}button.danger{background:color-mix(in srgb, #dc2626 12%, var(--bg-card));color:#b91c1c;border-color:color-mix(in srgb, #dc2626 38%, var(--border))}button.danger:hover:not(:disabled){background:color-mix(in srgb, #dc2626 20%, var(--bg-card));border-color:color-mix(in srgb, #dc2626 50%, var(--border));color:#991b1b}button.danger:disabled{background:color-mix(in srgb, #dc2626 12%, var(--bg-card));color:#b91c1c;border-color:color-mix(in srgb, #dc2626 38%, var(--border));cursor:not-allowed;opacity:.72}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:1;color:#475569;cursor:not-allowed;background:#cbd5e1;border-color:#cbd5e1}.error{color:#dc2626;margin:4px 0 0}.muted{opacity:.85}.chatBox{border:1px solid var(--border);box-sizing:border-box;border-radius:12px;min-height:clamp(280px,42vh,380px);max-height:clamp(320px,52vh,560px);margin:10px 0;padding:12px;overflow-y:auto}.messages{flex-direction:column;gap:10px;display:flex}.msg{align-items:flex-end;gap:8px;display:flex}.msg.user{justify-content:flex-end}.msg.assistant{justify-content:flex-start}.bubble{border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:80%;padding:10px 12px}.msg.user .bubble{background:var(--primary);color:var(--on-primary);border-color:#0000}.msg.user .bubble *{color:var(--on-primary)}.assistantSticker{object-fit:cover;border-radius:999px;width:28px;height:28px}.chatComposer{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.chatComposer textarea.chatComposerInput{resize:none;box-sizing:border-box;min-height:44px;max-height:168px;line-height:1.35;overflow-y:hidden}.chatComposer button.chatSendBtn{cursor:pointer;background:var(--primary);width:48px;height:48px;color:var(--on-primary);box-shadow:0 2px 10px color-mix(in srgb, var(--primary) 42%, transparent);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:transform .12s,background-color .15s,box-shadow .15s,opacity .15s;display:flex}.chatComposer button.chatSendBtn:hover:not(:disabled){background:var(--primary-strong);box-shadow:0 3px 14px color-mix(in srgb, var(--primary) 50%, transparent);border-color:#0000}.chatComposer button.chatSendBtn:active:not(:disabled){transform:scale(.92)}.chatComposer button.chatSendBtn:disabled{opacity:.45;background:color-mix(in srgb, var(--text) 18%, var(--bg-card));color:color-mix(in srgb, var(--text) 55%, var(--on-primary));box-shadow:none;cursor:not-allowed;border:none}.chatSendBtn__icon{margin-bottom:1px;margin-left:2px;display:block}.chatSendBtn__spinner{border:2.5px solid color-mix(in srgb, var(--on-primary) 28%, transparent);border-top-color:var(--on-primary);border-radius:50%;width:22px;height:22px;animation:.65s linear infinite chatSendSpin;display:block}@keyframes chatSendSpin{to{transform:rotate(360deg)}}.chatState{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.chatState--emptyText{box-sizing:border-box;justify-content:center;gap:0;min-height:280px;padding:12px 8px}.chatState--emptyText p{max-width:100%;color:var(--text);margin:0;font-size:15px;line-height:1.5}.stateImage{border-radius:12px;width:180px;max-width:100%}.streakCard{border:1px solid var(--border);border-radius:12px;margin:12px 0;padding:12px}.streakTop{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.streakDots{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.dot{background:#dbeafe;border-radius:999px;height:10px}.dot.active{background:var(--primary)}.dashboardActions{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.dashboardLink{display:block}.dashboardBtn,.dashboardBtnSecondary{width:100%}.tasksCard{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;margin:12px 0;padding:12px}.tasksSectionTitle{margin:0 0 10px;font-size:16px}.tasksWeekMeta{color:var(--text);margin-bottom:10px;font-size:13px}.tasksTodayDate{margin:0 0 6px;font-size:14px}.tasksTodayTitle{color:var(--text-h);font-weight:600}.tasksTodayStatus{margin:8px 0 10px;font-size:14px}.tasksRoadmapList{flex-direction:column;gap:8px;display:flex}.tasksRoadmapItem{border:1px solid var(--border);background:var(--bg-card);border-radius:10px;padding:10px}.tasksRoadmapItem--done{border-color:color-mix(in srgb, var(--success) 45%, var(--border));background:color-mix(in srgb, var(--success) 12%, var(--bg-card))}.tasksRoadmapItem--today{border-color:color-mix(in srgb, var(--primary) 55%, var(--border));background:color-mix(in srgb, var(--primary) 10%, var(--bg-card))}.tasksRoadmapTop{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.tasksBadge{border:1px solid var(--border);background:var(--surface-soft);color:var(--text-h);border-radius:999px;padding:1px 8px;font-size:12px}.tasksRoadmapTitle{color:var(--text-h);font-size:14px}.tasksPathMap{max-width:min(280px,100%);margin:4px auto 0;padding:4px 0 8px}.tasksPathStep{flex-direction:column;align-items:stretch;display:flex}.tasksPathRow{justify-content:stretch;align-items:center;width:100%;min-height:52px;display:flex}.tasksPathCell{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.tasksPathConnector{flex-shrink:0;width:100%;height:16px;margin:0;display:block}.tasksPathConnectorPath{stroke:color-mix(in srgb, var(--primary) 28%, var(--border));vector-effect:non-scaling-stroke}.tasksPathNode{box-sizing:border-box;border:2px solid var(--border);background:var(--surface-soft);width:48px;min-width:48px;height:48px;min-height:48px;color:var(--text-h);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 2px 8px #0f172a0f}@media (prefers-color-scheme:dark){.tasksPathNode{box-shadow:0 2px 10px #00000059}}button.tasksPathNode{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:0;padding:0}button.tasksPathNode:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:3px}.tasksPathNode--done{border-color:color-mix(in srgb, var(--success) 55%, var(--border));background:var(--success);color:var(--on-primary);box-shadow:0 2px 10px color-mix(in srgb, var(--success) 35%, transparent)}.tasksPathNode--today{border-width:3px;border-color:var(--primary);background:var(--bg-card);color:var(--primary-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent), 0 4px 14px color-mix(in srgb, var(--primary) 28%, transparent)}.tasksPathNode--upcoming{opacity:.92;border-style:dashed}.tasksPathNode--selected{outline:3px solid color-mix(in srgb, var(--secondary) 75%, var(--border));outline-offset:3px}.tasksPathNodeIcon{font-size:22px;font-weight:800;line-height:1}.tasksPathNodeIcon--today{color:var(--secondary);font-size:20px}.tasksPathNodeDot{background:color-mix(in srgb, var(--text) 35%, var(--border));border-radius:999px;width:10px;height:10px}@media (prefers-reduced-motion:reduce){.tasksPathNode{transition:none}}@media (prefers-reduced-motion:no-preference){button.tasksPathNode--today:active{transform:scale(.96)}}.tasksScreen{flex-direction:column;align-items:stretch;display:flex}.tasksScreenTitle{color:var(--text-h);margin:0 0 14px;font-size:22px;font-weight:700}.tasksScreenDog{margin-bottom:0}.tasksStreakMini{color:#fff;background:linear-gradient(135deg,#fb923c 0%,#f97316 42%,#ea580c 100%);border-radius:14px;align-items:center;gap:12px;margin:14px 0 18px;padding:10px 14px;display:flex;box-shadow:0 6px 18px #f9731661}@media (prefers-color-scheme:dark){.tasksStreakMini{box-shadow:0 8px 22px #00000059}}.tasksStreakMiniIcon{filter:drop-shadow(0 2px 4px #0003);flex-shrink:0;width:36px;height:auto;display:block}.tasksStreakMiniText{flex-direction:column;gap:2px;min-width:0;line-height:1.2;display:flex}.tasksStreakMiniNumber{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:26px;font-weight:800}.tasksStreakMiniLabel{opacity:.95;font-size:13px;font-weight:600}.tasksPathSection{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.tasksPathSectionTitle{color:var(--text-h);margin:0 0 12px;font-size:17px;font-weight:700}.tasksPathSectionStatus{margin:0;font-size:14px}.tasksPathTapHint{text-align:center;margin:14px 0 0;font-size:13px}.tasksTaskPopupBackdrop{z-index:120;padding:max(20px, env(safe-area-inset-top)) 16px 24px;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:#0f172a85;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tasksTaskPopup{box-sizing:border-box;color:#f8fafc;text-align:left;background:#0f172a;border-radius:16px;width:100%;max-width:360px;padding:8px 20px 22px;box-shadow:0 24px 48px #00000059}.tasksTaskPopupTop{justify-content:flex-end;margin-bottom:2px;display:flex}.tasksTaskPopupClose{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin:-4px -10px 0 0;padding:0;font-size:28px;font-weight:400;line-height:1;transition:background-color .15s,color .15s;display:flex}.tasksTaskPopupClose:hover{color:#f8fafc;background:#f8fafc14}.tasksTaskPopupHeading{color:#f8fafc;margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.3}.tasksTaskPopupDate{color:#94a3b8;margin:0 0 12px;font-size:14px;line-height:1.35}.tasksTaskPopupTitle{color:#f8fafc;margin:0 0 12px;font-size:19px;font-weight:700;line-height:1.35}.tasksTaskPopupBody{color:#e2e8f0;margin:0 0 16px;font-size:15px;line-height:1.5}.tasksTaskPopupStatus{color:#f1f5f9;margin:0 0 22px;font-size:15px;line-height:1.45}.tasksTaskPopupActions{justify-content:flex-start;display:flex}.tasksTaskPopupBtn{cursor:pointer;border:none;border-radius:999px;padding:12px 22px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .15s,transform .12s}.tasksTaskPopupBtn:disabled{cursor:not-allowed;opacity:.92}.tasksTaskPopupBtn--primary{color:#0f172a;background:#cbd5e1}.tasksTaskPopupBtn--primary:hover:not(:disabled){background:#e2e8f0}.tasksTaskPopupBtn--primary:active:not(:disabled){transform:scale(.98)}.tasksTaskPopupBtn--done{color:#f8fafc;background:#64748b}@media (prefers-reduced-motion:reduce){.tasksTaskPopupBtn--primary:active:not(:disabled){transform:none}}