:root{--color-primary: #12a88f;--color-primary-light: #2dd4b8;--color-primary-dark: #0d8a75;--color-secondary: #0a3d6b;--color-secondary-light: #1565b8;--color-accent-warm: #ff8c42;--color-accent-sun: #ffc233;--color-accent-sky: #7ec8e3;--color-accent-lavender: #c4b5fd;--color-bg: #ffffff;--color-bg-muted: #f4fbf8;--color-bg-warm: #fff8f0;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-mint: #e8f7f2;--color-surface-sky: #eaf6fc;--color-text: #1a2e2a;--color-text-muted: #5a7269;--color-text-soft: #7a9289;--color-border: #d4ebe4;--color-border-strong: #b8ddd2;--shadow-sm: 0 2px 8px rgba(13, 71, 122, .06);--shadow-md: 0 8px 24px rgba(13, 71, 122, .1);--shadow-lg: 0 16px 48px rgba(13, 71, 122, .14);--shadow-glow: 0 0 0 4px rgba(26, 143, 122, .15);--color-danger: #e05252;--color-warning-bg: #fff8e6;--color-warning-border: #f0d78c;--color-success: #27ae60;--color-overlay: rgba(13, 71, 58, .5);--stat-hunger: #f5a623;--stat-happiness: #e84393;--stat-health: #2ecc71;--stat-hydration: #3498db;--stat-cleanliness: #9b59b6;--font-display: "Nunito", system-ui, -apple-system, sans-serif;--font-sans: "Nunito", system-ui, -apple-system, sans-serif;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--bp-xs: 360px;--bp-tablet: 640px;--bp-desktop: 1024px;--bp-wide: 1280px;--bp-tv: 1920px;--shell-max-width: 100%;--shell-tab-min-height: 52px;--shell-tab-font: .625rem;--color-ua-blue: #0057b7;--color-ua-yellow: #ffd700;--color-ua-blue-soft: #e8f0fb;--color-ua-yellow-soft: #fff9e0;--gradient-hero: linear-gradient(165deg, #dbeafe 0%, #d1fae5 40%, #fff3d6 100%);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-brand: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);--gradient-warm: linear-gradient(135deg, #fff8f0 0%, #e8f7f2 100%);--gradient-ring: linear-gradient(135deg, var(--color-accent-sun), var(--color-primary), var(--color-accent-sky))}.shell{width:100%;max-width:var(--shell-max-width);margin:0 auto;min-height:100dvh;border-radius:0;box-sizing:border-box}.shell-body .tab-panel{order:1;flex:1}.shell-body .tabs{order:2}.tab-panel>.chat-panel,.tab-panel>.lessons-panel,.tab-panel>.lessons-panel-premium,.tab-panel>.pet-panel,.tab-panel>.about-panel,.tab-panel>.guide-page{width:100%;max-width:100%;min-width:0;box-sizing:border-box}@media (max-width: 359px){:root{--shell-tab-min-height: 48px;--shell-tab-font: .5rem}.shell-header{padding:.55rem .65rem}.shell-brand{font-size:.9rem;min-width:0}.shell-brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9rem}.tabs{padding:.25rem .2rem calc(.25rem + env(safe-area-inset-bottom));gap:.1rem}.tab-btn{padding:.25rem .1rem;gap:.1rem}.tab-btn svg{width:18px;height:18px}.shell-young .tab-btn-label{font-size:.48rem}.shell-teen .tab-btn-label{font-size:.5rem}}@media (min-width: 360px) and (max-width: 479px){:root{--shell-tab-min-height: 50px;--shell-tab-font: .5625rem}.tabs{padding:.3rem .35rem calc(.3rem + env(safe-area-inset-bottom))}}@media (max-height: 480px) and (orientation: landscape) and (max-width: 900px){.shell{min-height:100dvh}.shell-header{padding:.4rem .75rem}.tabs{padding:.2rem .5rem calc(.2rem + env(safe-area-inset-bottom))}.tab-btn{flex-direction:row;gap:.35rem;min-height:44px;padding:.35rem .5rem}.tab-btn-label{font-size:.65rem;white-space:nowrap}.tab-panel>*{padding-bottom:.5rem}}@media (max-width: 639px){.care-dock{position:sticky;bottom:calc(.35rem + env(safe-area-inset-bottom));z-index:5;margin-top:.75rem}.pet-panel{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.pet-grid-side{margin-top:.25rem}.lessons-split .lessons-pane-lessons{display:none}.lessons-split .lessons-pane-lessons.is-active,.lessons-tab-content:not(.lessons-split) .lessons-pane-lessons{display:block}.lessons-split .lessons-pane-guide{display:none}.lessons-split .lessons-pane-guide.is-active{display:block}.tab-panel>*{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}}@media (min-width: 640px){:root{--shell-max-width: min(720px, calc(100vw - 1.5rem) );--shell-tab-min-height: 54px;--shell-tab-font: .7rem}body{padding:.75rem}#root{display:flex;flex-direction:column;align-items:center;width:100%}.shell{width:var(--shell-max-width);max-width:var(--shell-max-width);border-radius:var(--radius-xl);min-height:calc(100dvh - 1.5rem);box-shadow:var(--shadow-lg)}.shell-header{padding:.85rem 1.25rem;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.tabs{border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:.4rem .75rem calc(.4rem + env(safe-area-inset-bottom))}.pet-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1rem;align-items:stretch;margin-bottom:1rem}.pet-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start;width:100%}.pet-grid-main{display:flex;flex-direction:column;gap:0}.pet-grid-side{position:sticky;top:.5rem;max-height:calc(100dvh - 9rem);overflow-y:auto}.pet-panel{padding:1rem 1.25rem 1.5rem}.care-dock{position:static;margin-top:.75rem;width:100%;max-width:none;transform:none;border-radius:var(--radius-lg)}.care-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.lesson-list--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.lessons-topbar{border-radius:var(--radius-md);margin:0 1.25rem .75rem}.lessons-tab-content{padding-left:1.25rem;padding-right:1.25rem}.chat-bubble{max-width:72%}.about-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.lessons-split .lessons-pane{display:block!important}.lessons-split .lessons-pane-guide{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm)}.landing{max-width:720px;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);min-height:calc(100dvh - 1.5rem)}.landing-actions{flex-direction:row;justify-content:center;flex-wrap:wrap}.landing-actions .btn{width:auto;min-width:200px}}@media (min-width: 640px) and (max-width: 1023px){.lessons-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1rem;padding:0 1.25rem 1.25rem}.lessons-tabs{display:none}}@media (min-width: 1024px){:root{--shell-max-width: min(880px, calc(100vw - 3rem) );--shell-tab-min-height: 56px;--shell-tab-font: .75rem}body{padding:1.5rem}.shell{min-height:calc(100dvh - 3rem)}.tabs{padding:.5rem 1.25rem calc(.5rem + env(safe-area-inset-bottom));max-width:100%;margin-left:auto;margin-right:auto}.tab-btn{gap:.25rem;max-width:9rem;margin:0 auto}.shell-brand{font-size:1.15rem}.pet-panel{padding:1.25rem 1.5rem 1.5rem}.pet-top{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.25rem;margin-bottom:1.25rem}.pet-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:1.25rem;width:100%}.pet-grid-side{max-height:calc(100dvh - 10rem)}.care-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.care-btn{min-height:52px;font-size:.8rem}.lessons-tabs{display:none}.lessons-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1.25rem;align-items:start;padding:0 1.5rem 1.5rem}.lessons-pane{display:block!important;min-width:0}.lessons-pane-guide{position:sticky;top:.5rem;max-height:calc(100dvh - 10rem);overflow-y:auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm)}.lessons-pane-guide .lessons-guide-intro{margin-top:0}.lessons-tab-content:not(.lessons-split){padding:0 1.5rem 1.5rem}.lesson-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lessons-flow-body,.lessons-done-premium,.lessons-flow-footer{width:100%;max-width:100%}.quiz-options-premium{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.chat-messages{padding:1rem 1.5rem}.chat-bubble{max-width:min(65%,28rem)}.chat-input-row{padding-left:1.5rem;padding-right:1.5rem}.about-panel{padding:1.5rem 2rem 2rem}.about-links{grid-template-columns:repeat(2,minmax(0,1fr))}.landing{max-width:960px}.landing-hero{padding:2rem 2.5rem 3rem}.landing-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}.landing-hero-copy{text-align:left}.landing-hero-visual{justify-content:flex-end}.landing-title,.landing-tagline,.landing-trust{text-align:left;margin-left:0}.landing-trust{display:inline-flex}.landing-actions{justify-content:flex-start;margin:0;max-width:none}.landing-ios-card{margin-left:0;max-width:none}}@media (min-width: 1280px){:root{--shell-max-width: min(920px, calc(100vw - 4rem) )}.pet-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr)}.care-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.lessons-split{grid-template-columns:minmax(0,1fr) 360px}.lesson-list--grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1600px){:root{--shell-max-width: min(960px, 56vw);--shell-tab-min-height: 60px;--shell-tab-font: .8125rem}body{padding:2rem}.shell{min-height:calc(100dvh - 4rem)}.shell-header{padding:1rem 1.5rem}.shell-brand{font-size:1.25rem}.tab-btn svg{width:24px;height:24px}.tab-panel{font-size:1.05rem}.chat-bubble{max-width:min(60%,32rem);font-size:1.05rem}}@media (min-width: 1920px){:root{--shell-max-width: min(1000px, 52vw);--shell-tab-min-height: 64px;--shell-tab-font: .875rem}body{padding:2.5rem}.tab-btn{gap:.35rem}}@media (min-width: 2560px){:root{--shell-max-width: 1040px}body{padding:3rem}}.tab-panel details,.tab-panel .pet-info-accordion,.tab-panel .pet-toxic-body,.tab-panel .pet-toxic-list,.tab-panel .lessons-guide-block,.tab-panel .lesson-flow-body,.tab-panel .about-disclaimer,.tab-panel .about-links a{max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.tab-panel select,.shell-header select{max-width:100%}.lessons-filter-scroll{min-width:0;max-width:100%}.btn-warm{background:linear-gradient(135deg,var(--color-accent-warm) 0%,#ff6b35 100%);color:#fff;border:none;font-weight:800;box-shadow:0 4px 16px #ff6b3559}.btn-warm:hover{filter:brightness(1.05);transform:translateY(-1px)}.shell-young .tab-btn{flex-direction:column;gap:.15rem;padding:.5rem .35rem;min-width:3.5rem}.shell-young .tab-btn-label{font-size:.65rem;font-weight:800;line-height:1.1}.shell-young .tab-btn.active{color:var(--color-accent-warm);background:#ff8c421f}.shell-teen .tab-btn-label{font-size:.7rem}.shell-brand{display:flex;align-items:center;gap:.5rem}.shell-brand-name{font-family:var(--font-display);font-weight:800;color:var(--color-secondary)}.shell-mascot .mascot-bubble{display:none}.shell-mascot .mascot-body{width:32px!important;height:32px!important;font-size:26px!important}.mascot-buddy{display:flex;align-items:flex-end;gap:.75rem;position:relative}.mascot-bubble{position:relative;max-width:16rem;padding:.65rem .85rem;background:#fff;border:2px solid var(--color-accent-sun);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.mascot-bubble p{margin:0;font-size:.8125rem;font-weight:700;line-height:1.4;color:var(--color-secondary)}.mascot-bubble-tail{position:absolute;left:-8px;bottom:12px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid var(--color-accent-sun)}.mascot-body{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;line-height:1}.pet-home{position:relative;width:100%;min-height:min(78dvh,640px);border-radius:var(--radius-xl);overflow:hidden;margin:0}.pet-home-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center center;background-repeat:no-repeat;transform:scale(1.02)}.pet-home-ui{position:relative;z-index:1;display:flex;flex-direction:column;min-height:min(78dvh,640px);padding:.75rem .85rem 1rem;background:linear-gradient(180deg,#ffffff8c,#ffffff14 28%,#ffffff0d 55%,#ffffffb8)}.pet-home-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.pet-home-name{margin:0;font-size:1.125rem;color:var(--color-secondary);text-shadow:0 1px 0 rgba(255,255,255,.8)}.pet-home-level{margin:.1rem 0 0;font-size:.7rem;font-weight:700;color:var(--color-text-muted)}.pet-home-menu-btn{width:2.25rem;height:2.25rem;border-radius:50%;border:none;background:#ffffffd9;box-shadow:var(--shadow-sm);color:var(--color-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.pet-home-menu{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem;padding:.5rem;background:#fffffff2;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.pet-home-menu-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;border:none;background:none;font-size:.8125rem;font-weight:700;color:var(--color-secondary);cursor:pointer;border-radius:var(--radius-sm);text-align:left}.pet-home-menu-item:hover{background:var(--color-surface-mint)}.pet-home-menu-item.danger{color:var(--color-danger)}.pet-home-menu-item svg.open{transform:rotate(180deg)}.pet-home-stats{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.5rem}.pet-stat-card{display:flex;align-items:center;gap:.5rem;padding:.45rem .55rem;background:#ffffffeb;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #00000014;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pet-stat-card.low{border-color:var(--color-accent-warm);animation:pip-pulse 1.5s ease-in-out infinite}.pet-stat-card-body{flex:1;min-width:0}.pet-stat-card-row{display:flex;justify-content:space-between;align-items:baseline;gap:.25rem;margin-bottom:.2rem}.pet-stat-card-label{font-size:.625rem;font-weight:800;color:var(--color-secondary);line-height:1.15}.pet-stat-card-pct{font-size:.7rem;font-weight:800;color:var(--color-text-muted)}.pet-stat-card-bar{height:5px;border-radius:var(--radius-pill);background:#0000000f;overflow:hidden}.pet-stat-card-fill{height:100%;border-radius:var(--radius-pill);transition:width .35s ease}.stat-bar-hunger{background:var(--stat-hunger)}.stat-bar-happiness{background:var(--stat-happiness)}.stat-bar-health{background:var(--stat-health)}.stat-bar-hydration{background:var(--stat-hydration)}.stat-bar-cleanliness{background:var(--stat-cleanliness)}.pet-home-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:10rem;padding:.5rem 0}.pet-home-bubble{margin-bottom:.35rem;padding:.35rem .75rem;background:#fff;border-radius:var(--radius-pill);font-size:.8125rem;font-weight:800;color:var(--color-secondary);box-shadow:0 4px 12px #0000001a;border:2px solid var(--color-border)}.pet-home-pet-wrap{position:relative;display:inline-block;line-height:1;text-align:center}.pet-home-emoji{position:relative;display:inline-block;line-height:1;filter:drop-shadow(0 8px 16px rgba(0,0,0,.18))}@keyframes pet-happy{0%{transform:translateY(0) scaleX(1) scaleY(1)}5%{transform:translateY(-26px) scaleX(.88) scaleY(1.18)}10%{transform:translateY(0) scaleX(1.1) scaleY(.92)}15%{transform:translateY(-16px) scaleX(.92) scaleY(1.1)}20%{transform:translateY(0) scaleX(1.04) scaleY(.97)}26%{transform:translateY(0) scale(1)}31%{transform:translate(-11px) rotate(-7deg) scale(1.06)}37%{transform:translate(11px) rotate(7deg) scale(1.06)}43%{transform:translate(-6px) rotate(-3deg) scale(1.02)}47%{transform:translate(0) rotate(0) scale(1)}54%{transform:translateY(-8px) scale(1.02)}61%{transform:translateY(0) scale(1)}67%{transform:translateY(-5px) scale(1.01)}73%{transform:translateY(0) scale(1)}84%{transform:translateY(0) scale(1)}91%{transform:translateY(-3px) scale(1.005)}to{transform:translateY(0) scaleX(1) scaleY(1)}}@keyframes pet-float{0%{transform:translateY(0) rotate(0) scale(1)}12%{transform:translateY(-9px) rotate(1.5deg) scale(1.015)}24%{transform:translateY(0) rotate(0) scale(1)}42%{transform:translateY(0) rotate(0) scale(1)}53%{transform:translateY(-7px) rotate(-1.5deg) scale(1.01)}63%{transform:translateY(-2px) rotate(.5deg) scale(1.005)}74%{transform:translateY(0) rotate(0) scale(1)}to{transform:translateY(0) rotate(0) scale(1)}}@keyframes pet-shake{0%{transform:rotate(0) translate(0)}5%{transform:rotate(-11deg) translate(-5px)}10%{transform:rotate(11deg) translate(5px)}15%{transform:rotate(-8deg) translate(-3px)}20%{transform:rotate(8deg) translate(3px)}25%{transform:rotate(-3deg) translate(-1px)}30%{transform:rotate(0) translate(0)}68%{transform:rotate(0) translate(0)}73%{transform:rotate(-5deg) translate(-2px)}78%{transform:rotate(5deg) translate(2px)}83%{transform:rotate(0) translate(0)}to{transform:rotate(0) translate(0)}}@keyframes pet-pulse{0%{transform:scale(1) translateY(0);opacity:1}14%{transform:scale(.9) translateY(4px);opacity:.78}28%{transform:scale(.93) translateY(3px);opacity:.82}50%{transform:scale(.93) translateY(3px);opacity:.82}64%{transform:scale(1) translateY(0);opacity:1}78%{transform:scale(1) translateY(0);opacity:1}88%{transform:scale(.97) translateY(2px);opacity:.9}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pet-wobble{0%{transform:rotate(0) scale(1) translateY(0)}10%{transform:rotate(-5deg) scale(.96) translateY(2px)}20%{transform:rotate(4deg) scale(.97) translateY(1px)}30%{transform:rotate(-3deg) scale(.96) translateY(2px)}38%{transform:rotate(0) scale(.97) translateY(1px)}54%{transform:rotate(0) scale(.96) translateY(3px)}59%{transform:rotate(-2deg) scale(.96) translateY(2px)}64%{transform:rotate(2deg) scale(.96) translateY(2px)}69%{transform:rotate(0) scale(.97) translateY(1px)}84%{transform:rotate(0) scale(1) translateY(0)}to{transform:rotate(0) scale(1) translateY(0)}}.pet-anim-happy{animation:pet-happy 12s cubic-bezier(.36,.07,.19,.97) infinite;transform-origin:center bottom}.pet-anim-content{animation:pet-float 10s ease-in-out infinite;transform-origin:center bottom}.pet-anim-hungry{animation:pet-shake 5s cubic-bezier(.36,.07,.19,.97) infinite;transform-origin:center bottom}.pet-anim-sad{animation:pet-pulse 8s ease-in-out infinite;transform-origin:center bottom}.pet-anim-sick{animation:pet-wobble 9s ease-in-out infinite;transform-origin:center bottom}.pet-home-character{filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}.pet-home-burst{position:absolute;top:20%;pointer-events:none}.pet-home-hint{margin:.5rem 0 0;padding:.4rem .65rem;font-size:.7rem;font-weight:700;color:var(--color-secondary);background:#ffffffe6;border-radius:var(--radius-md);text-align:center;max-width:16rem}.pet-home-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:auto;padding-top:.5rem}.pet-action-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:none;border:none;padding:0;cursor:pointer}.pet-action-btn:disabled{opacity:.5;cursor:not-allowed}.pet-action-disc{position:relative;width:3.75rem;height:3.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0000002e,inset 0 -3px #0000001f;transition:transform .15s}.pet-action-btn:hover:not(:disabled) .pet-action-disc{transform:translateY(-3px) scale(1.04)}.pet-action-btn.recommended .pet-action-disc{box-shadow:0 0 0 3px #ffffffe6,0 0 0 5px var(--color-accent-warm),0 8px 20px #0003}.pet-action-feed .pet-action-disc{background:linear-gradient(180deg,#ffb347,#ff8c42)}.pet-action-play .pet-action-disc{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.pet-action-hydrate .pet-action-disc{background:linear-gradient(180deg,#4ade80,#22c55e)}.pet-action-clean .pet-action-disc{background:linear-gradient(180deg,#c084fc,#a855f7)}.pet-action-cooldown{position:absolute;top:-4px;right:-4px;font-size:.55rem;font-weight:800;background:var(--color-secondary);color:#fff;padding:.1rem .35rem;border-radius:var(--radius-pill)}.pet-action-label{font-size:.65rem;font-weight:800;color:var(--color-secondary);text-shadow:0 1px 0 rgba(255,255,255,.9)}.pet-home-health-actions{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}.pet-wardrobe-playful{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-bottom:.5rem;padding:.5rem;background:#ffffffe6;border-radius:var(--radius-md)}@keyframes pip-pulse{0%,to{box-shadow:0 0 #ff8c4259}50%{box-shadow:0 0 0 4px #ff8c421f}}@media (min-width: 480px){.pet-home{min-height:min(82dvh,680px)}.pet-action-disc{width:4.25rem;height:4.25rem}.pet-stat-card-label{font-size:.7rem}}@media (min-width: 768px){.pet-home-ui{max-width:480px;margin:0 auto}}.pet-room{padding:0 0 1rem;min-width:0}.pet-room-scene-wrap{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:3px solid var(--color-border-strong);box-shadow:var(--shadow-md);margin-bottom:.75rem}.pet-room-scene{width:100%;height:auto;display:block;min-height:200px}.pet-room-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:2.5rem;pointer-events:none}.pet-room-character{filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}.pet-character-img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 8px 24px #00000026}.pet-character-portrait{border-radius:50%;overflow:hidden}.pet-room-accessory{position:absolute;top:28%;font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.pet-care-burst{position:absolute;bottom:45%;pointer-events:none}.pet-room-hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:.65rem .85rem;background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,transparent 100%)}.pet-room-name{margin:0;font-size:1.1rem;color:var(--color-secondary)}.pet-room-level{margin:0;font-size:.7rem;color:var(--color-text-muted);font-weight:700}.xp-bar-room{height:6px;max-width:100px;margin-top:.25rem}.pet-room-status{font-size:.7rem;font-weight:800;padding:.25rem .6rem;border-radius:var(--radius-pill);background:#ffffffe6;border:2px solid var(--color-border);color:var(--color-primary-dark)}.pet-room-mascot-row{margin-bottom:.75rem;padding:0 .25rem}.pet-need-icons{display:flex;justify-content:center;gap:.5rem;margin-bottom:.75rem}.pet-need-pip{width:2rem;height:2.5rem;border-radius:var(--radius-sm);border:2px solid var(--color-border);background:#fff;padding:0;overflow:hidden;position:relative;cursor:pointer;display:flex;align-items:flex-end}.pet-need-pip-fill{width:100%;border-radius:0 0 6px 6px;transition:height .3s}.pip-hunger .pet-need-pip-fill{background:var(--stat-hunger)}.pip-happiness .pet-need-pip-fill{background:var(--stat-happiness)}.pip-health .pet-need-pip-fill{background:var(--stat-health)}.pip-hydration .pet-need-pip-fill{background:var(--stat-hydration)}.pip-cleanliness .pet-need-pip-fill{background:var(--stat-cleanliness)}.pet-need-pip.low{animation:pip-pulse 1.2s ease-in-out infinite;border-color:var(--color-accent-warm)}@keyframes pip-pulse{0%,to{box-shadow:0 0 #ff8c4266}50%{box-shadow:0 0 0 4px #ff8c4226}}.pet-stats-teen{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem;padding:.65rem;background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border)}.pet-stat-mini{display:grid;grid-template-columns:5rem 1fr 2.5rem;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:capitalize}.care-dock-playful{background:linear-gradient(180deg,#fff 0%,var(--color-bg-warm) 100%);border:2px solid var(--color-border-strong);border-radius:var(--radius-xl);padding:.85rem;margin-bottom:.75rem}.care-actions-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.care-icon-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:4.5rem;padding:.5rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.care-icon-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-accent-warm)}.care-icon-btn:disabled{opacity:.45;cursor:not-allowed}.care-icon-btn.recommended{border-color:var(--color-accent-warm);background:linear-gradient(180deg,#fff8f0,#fff);box-shadow:0 0 0 3px #ff8c4233}.care-icon-badge{font-size:.5rem;font-weight:800;text-transform:uppercase;color:var(--color-accent-warm);letter-spacing:.03em}.care-icon-cooldown{position:absolute;top:4px;right:4px;font-size:.6rem;font-weight:800;background:var(--color-secondary);color:#fff;padding:.1rem .35rem;border-radius:var(--radius-pill)}.care-health-row{display:flex;gap:.5rem;margin-top:.5rem;justify-content:center}.care-action-icon,.pet-stat-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.pet-room-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:.5rem}.pet-lesson-nudge{flex:1 1 100%}.pet-wardrobe-playful{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-bottom:.75rem}.pet-room-footer{text-align:center}.danger-text{color:var(--color-text-soft)!important;font-size:.75rem!important}.lessons-panel-park{padding:0;background:transparent;width:100%;max-width:100%;overflow:hidden}.lessons-panel-park .journey-map{margin:0 .35rem 1rem}.lessons-panel-park .lessons-panel-premium,.lessons-panel.lessons-panel-park{max-width:none}.lessons-topbar-park{margin:.75rem 1rem .5rem;padding:.85rem 1rem;background:#fff;border-radius:var(--radius-lg);border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.lessons-topbar-brand{display:flex;align-items:center;gap:.5rem}.lessons-topbar-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-surface-mint),#fff8f0);color:var(--color-primary)}.lessons-topbar-park .lessons-topbar-title{font-size:1rem;letter-spacing:.06em;margin:0}.lessons-filter-park{margin:0 1rem .5rem;padding:0}.lessons-filter-chip-illus{flex-direction:column;align-items:center;gap:.2rem;min-width:4.5rem;padding:.5rem .65rem!important;font-size:.65rem!important;line-height:1.15;text-align:center}.lessons-filter-chip-illus span:not(.lessons-filter-chip-count){max-width:4.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lessons-filter-chip-illus.active{border-color:var(--color-primary)!important;background:linear-gradient(180deg,#fff,var(--color-surface-mint))!important;box-shadow:0 0 0 2px #12a88f26}.lessons-tab-park{padding:0 .75rem 1.25rem;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.lesson-path{position:relative;width:100%;max-width:100%;margin:0 auto;padding:1rem .75rem 1.5rem;border-radius:var(--radius-xl);overflow:hidden;background:#f8fbfa;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.lesson-path:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fffffff0,#f8fbfae6,#fffffff5);z-index:0;pointer-events:none}.lesson-path-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;opacity:1;pointer-events:none;z-index:0}.journey-map{position:relative;width:100%;min-height:min(72dvh,680px);border-radius:var(--radius-xl);overflow:hidden}.journey-map-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;background-repeat:no-repeat;z-index:0}.journey-map-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#ffffff47,#ffffff0d 25%,#ffffff05 55%,#fff3)}.journey-map-inner{position:relative;z-index:2;width:100%;max-width:30rem;margin:0 auto;padding:.65rem .2rem 1.75rem}.journey-continue{display:flex;align-items:center;gap:.7rem;width:100%;margin-bottom:1rem;padding:.8rem .95rem;border:none;border-radius:var(--radius-lg);background:var(--gradient-brand);color:#fff;cursor:pointer;text-align:left;box-shadow:0 8px 24px #0a3d6b47;transition:transform .15s ease,box-shadow .15s ease}.journey-continue:hover{transform:translateY(-1px);box-shadow:0 10px 28px #0a3d6b52}.journey-continue-play{flex-shrink:0;width:2.35rem;height:2.35rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3}.journey-continue-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem}.journey-continue-copy strong{font-size:.84rem;font-weight:800}.journey-continue-copy small{font-size:.75rem;font-weight:600;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.journey-divider{width:3.5rem;height:3px;margin:.85rem auto;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85) 20%,var(--color-accent-sun) 50%,rgba(255,255,255,.85) 80%,transparent);box-shadow:0 1px 4px #00000014}.journey-divider.is-locked{opacity:.45}.journey-section{display:flex;align-items:center;justify-content:center;gap:.4rem;width:fit-content;max-width:92%;margin-left:auto;margin-right:auto;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-pill);background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);font-weight:800;font-size:.76rem;line-height:1.25;color:var(--color-secondary);text-align:center;margin-top:.55rem;margin-bottom:.55rem}.journey-section-tier{display:flex;width:fit-content;max-width:88%;padding:.55rem 1.15rem;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--gradient-brand);border-color:#ffffff59;box-shadow:0 6px 20px #0a3d6b38}.journey-section-sub{display:flex;width:fit-content;max-width:85%;padding:.42rem .9rem;font-size:.72rem;font-weight:700;color:var(--color-primary-dark);background:#ffffffc7}.journey-section-final{display:flex;width:fit-content;max-width:90%;cursor:pointer;color:var(--color-secondary);background:#fff9e6e0;border-color:#ffc23373}.journey-section-final:disabled{opacity:.55;cursor:not-allowed}.journey-section-final.is-next{outline:2px solid var(--color-accent-sun);outline-offset:2px}.journey-section.is-locked{opacity:.58;color:var(--color-text-soft)}.journey-section.is-done{border-color:#27ae6059}.journey-track{position:relative;list-style:none;margin:.35rem 0 .65rem;padding:.25rem 0 .5rem;display:grid;grid-template-columns:minmax(0,1fr) 4.5rem minmax(0,1fr);column-gap:0;row-gap:.75rem;align-items:start}.journey-track:before{content:"";grid-column:2;grid-row:1 / -1;width:4px;justify-self:center;align-self:stretch;min-height:100%;border-radius:999px;background:#ffffff8c;box-shadow:0 0 0 1px #fff6,inset 0 0 6px #0000000a;z-index:0}.journey-node-wrap{position:relative;display:flex;width:100%;max-width:7.25rem;margin-bottom:0;z-index:1}.journey-node-left{grid-column:1;justify-self:start;justify-content:flex-start;padding-left:.05rem}.journey-node-right{grid-column:3;justify-self:end;justify-content:flex-end;padding-right:.05rem}.journey-node-center{grid-column:1 / -1;justify-self:center;max-width:12.5rem;margin-top:.15rem}.journey-node-center .journey-node-connector{display:none}.journey-node-connector{position:absolute;top:50%;height:2px;background:#ffffffbf;box-shadow:0 0 4px #ffffff80;z-index:0}.journey-node-left .journey-node-connector{left:100%;right:auto;width:1.25rem}.journey-node-right .journey-node-connector{right:100%;left:auto;width:1.25rem}.journey-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;padding:.55rem .45rem .6rem;border:1px solid rgba(255,255,255,.92);border-radius:var(--radius-md);background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);cursor:pointer;text-align:center;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.journey-node:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.journey-node:disabled{opacity:.62;cursor:not-allowed}.journey-node-wrap.is-next .journey-node{border-color:var(--color-primary);box-shadow:var(--shadow-glow),var(--shadow-md)}.journey-node-wrap.is-done .journey-node{border-color:#27ae6066;background:#ecfdf5e6}.journey-node-wrap.is-final .journey-node,.journey-node-final{flex-direction:row;align-items:center;gap:.55rem;padding:.55rem .75rem;text-align:left;background:#fffbebeb;border-style:dashed;border-color:#ffc2338c}.journey-node-final .journey-node-copy{flex:1;min-width:0}.journey-node-final .journey-node-copy strong{font-size:.7rem}.journey-node-final .journey-node-icon{flex-shrink:0;width:2.35rem;height:2.35rem}.journey-node-icon{position:relative;width:2.65rem;height:2.65rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-surface-mint);color:var(--color-secondary);box-shadow:inset 0 0 0 1px #fffc}.journey-node-icon.is-next{background:var(--color-primary);color:#fff}.journey-node-icon.is-done{background:#ecfdf5}.journey-node-check{position:absolute;right:-3px;bottom:-2px;width:1.1rem;height:1.1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-success);color:#fff;border:2px solid #fff}.journey-node-copy strong{display:block;font-size:.68rem;font-weight:800;line-height:1.3;color:var(--color-secondary)}.journey-node-copy small{display:block;margin-top:.1rem;font-size:.6rem;font-weight:600;color:var(--color-text-soft)}@media (min-width: 400px){.journey-map-inner{padding-left:.35rem;padding-right:.35rem}.journey-track{grid-template-columns:minmax(0,1fr) 5rem minmax(0,1fr)}.journey-node-wrap{max-width:7.75rem}.journey-node-center{max-width:13.5rem}.journey-node-copy strong{font-size:.72rem}}.journey-curriculum.lesson-path:before{background:transparent}.lessons-topbar-glass{position:relative;z-index:2;margin:.65rem auto .35rem;width:min(92%,24rem);padding:.75rem .9rem;background:#ffffffb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 18px #00000014}.lessons-topbar-park.lessons-topbar-glass{margin-left:auto;margin-right:auto}.lesson-path-continue{position:relative;z-index:2;display:flex;align-items:center;gap:.75rem;width:100%;margin-bottom:1.25rem;padding:.85rem 1rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:var(--radius-lg);box-shadow:0 6px 20px #2563eb4d;cursor:pointer;text-align:left}.lesson-path-continue-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%}.lesson-path-continue-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.lesson-path-continue-text strong{font-size:.875rem;font-weight:800}.lesson-path-continue-text small{font-size:.8125rem;font-weight:700;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-path-continue-text em{font-size:.7rem;font-style:normal;opacity:.8}.lesson-path-continue-chevron{flex-shrink:0;opacity:.9}.lesson-path-steps{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.lesson-path-step{position:relative;display:flex;width:100%}.lesson-path-step-left{justify-content:flex-start}.lesson-path-step-right{justify-content:flex-end}.lesson-path-line{position:absolute;left:50%;top:3.25rem;bottom:-.5rem;width:3px;transform:translate(-50%);background:linear-gradient(180deg,var(--color-border-strong),var(--color-border));border-radius:2px;z-index:0}.lesson-path-step.done .lesson-path-line{background:linear-gradient(180deg,#10b981,var(--color-border-strong))}.lesson-path-step.active .lesson-path-line{background:linear-gradient(180deg,#3b82f6,var(--color-border))}.lesson-path-node{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;width:min(100%,20rem);margin-bottom:1.25rem;padding:.65rem .85rem;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s}.lesson-path-node:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.lesson-path-node:disabled{cursor:not-allowed;opacity:.72;background:#f8faf9}.lesson-path-step.active .lesson-path-node{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#fff);box-shadow:0 0 0 3px #3b82f626,var(--shadow-md)}.lesson-path-step.done .lesson-path-node{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#fff)}.lesson-path-disc{position:relative;flex-shrink:0;width:3.25rem;height:3.25rem;border-radius:50%;background:#fff;border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center}.lesson-path-disc.active{border-color:#3b82f6}.lesson-path-disc.done{border-color:#10b981}.lesson-path-disc.locked{background:#f1f5f4;border-color:#d1ddd8;color:#94a3b8}.lesson-path-check{position:absolute;bottom:-2px;right:-2px;width:1.15rem;height:1.15rem;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.lesson-path-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.lesson-path-num{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-soft)}.lesson-path-title{font-size:.875rem;font-weight:800;line-height:1.25;color:var(--color-secondary)}.lesson-path-step.locked .lesson-path-title{color:var(--color-text-muted)}.lesson-path-badge{display:inline-block;align-self:flex-start;padding:.1rem .45rem;font-size:.6rem;font-weight:800;color:#1d4ed8;background:#dbeafe;border-radius:var(--radius-pill)}.lesson-path-empty{text-align:center;padding:2rem;color:var(--color-text-muted)}@media (min-width: 480px){.lesson-path{padding:1.25rem 1.25rem 1.75rem}.lesson-path-node{width:min(88%,22rem)}.lesson-path-step-left .lesson-path-node{margin-right:auto;margin-left:0}.lesson-path-step-right .lesson-path-node{margin-left:auto;margin-right:0}}@media (min-width: 768px){.lessons-tab-park{padding:0 1rem 1.5rem}.lesson-path-node{width:min(72%,24rem)}}.park-map{width:100%}.park-map-canvas{position:relative;width:100%;min-height:520px;border-radius:var(--radius-xl);overflow:hidden;border:3px solid #5CB85C;box-shadow:var(--shadow-lg)}.park-bg-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.park-node-wrap{position:absolute;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;width:5.5rem}.park-node{position:relative;display:flex;flex-direction:column;align-items:center;background:none;border:none;padding:0;cursor:pointer}.park-node:disabled{cursor:not-allowed}.park-node-pedestal{width:3.5rem;height:1rem;background:linear-gradient(180deg,#b8b8b8,#8a8a8a);border-radius:50%;margin-top:-.25rem;box-shadow:0 4px 8px #0003}.park-node.done .park-node-pedestal{background:linear-gradient(180deg,#6ee7b7,#10b981)}.park-node.active .park-node-pedestal{background:linear-gradient(180deg,#93c5fd,#3b82f6);animation:park-pedestal-pulse 2s ease-in-out infinite}.park-node-disc{width:3.75rem;height:3.75rem;border-radius:50%;background:#fff;border:3px solid #E2E8F0;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #00000026;margin-top:-2.5rem}.park-node.done .park-node-disc{border-color:#10b981;background:linear-gradient(180deg,#ecfdf5,#fff)}.park-node.active .park-node-disc{border-color:#3b82f6;background:linear-gradient(180deg,#eff6ff,#fff);box-shadow:0 0 0 4px #3b82f640,0 8px 20px #3b82f633}.park-node.locked .park-node-disc{background:#e2e8f0;border-color:#cbd5e1;color:#94a3b8}.park-node-badge{position:absolute;top:-.15rem;right:-.15rem;width:1.35rem;height:1.35rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:var(--shadow-sm)}.park-node-badge.done{background:#10b981;color:#fff}.park-node-badge.active{background:#3b82f6;color:#fff}.park-node-label{margin-top:.35rem;font-size:.625rem;font-weight:800;text-align:center;line-height:1.2;color:var(--color-secondary);max-width:5.5rem;text-shadow:0 1px 2px rgba(255,255,255,.9)}.park-node-label.locked{color:var(--color-text-soft)}.park-node-cat{font-size:.55rem;font-weight:700;color:var(--color-primary);text-align:center}.park-continue-cta{position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%);min-width:11rem;max-width:14rem;padding:.55rem 2rem .55rem .75rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:var(--radius-lg);box-shadow:0 8px 24px #2563eb66;cursor:pointer;text-align:left;z-index:5;white-space:normal}.park-continue-cta:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2563EB}.park-continue-title{display:block;font-size:.7rem;font-weight:800;line-height:1.2}.park-continue-sub{display:block;font-size:.6rem;font-weight:600;opacity:.9;margin-top:.1rem}.park-continue-arrow{position:absolute;right:.5rem;top:50%;transform:translateY(-50%)}.park-map-empty{text-align:center;padding:2rem;color:var(--color-text-muted)}@keyframes park-pedestal-pulse{0%,to{box-shadow:0 4px 8px #3b82f64d}50%{box-shadow:0 4px 16px #3b82f68c}}@media (min-width: 640px){.park-map-canvas{min-height:580px;max-width:420px;margin:0 auto}.park-node-wrap{width:6.5rem}.park-node-disc{width:4.25rem;height:4.25rem}.park-node-label{font-size:.7rem;max-width:6.5rem}}.journey-map{position:relative;padding:1rem .5rem 2rem}.journey-path-svg{position:absolute;left:50%;top:0;bottom:0;width:4px;transform:translate(-50%);height:100%;opacity:.5}.journey-nodes{display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:1}.journey-stop-wrap{display:flex;flex-direction:column;align-items:center}.journey-island-label{margin-bottom:.5rem}.journey-island-badge{display:inline-block;padding:.25rem .75rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--island-accent, var(--color-primary));background:color-mix(in srgb,var(--island-accent, var(--color-primary)) 12%,white);border:2px solid color-mix(in srgb,var(--island-accent, var(--color-primary)) 35%,white);border-radius:var(--radius-pill)}.journey-node{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:none;border:none;cursor:pointer;padding:0;max-width:10rem}.journey-node-left{align-self:flex-start;margin-left:.5rem}.journey-node-right{align-self:flex-end;margin-right:.5rem}.journey-node-inner{width:3.25rem;height:3.25rem;display:flex;align-items:center;justify-content:center;background:#fff;border:3px solid var(--node-accent, var(--color-primary));color:var(--node-accent, var(--color-primary));box-shadow:var(--shadow-md);font-weight:800;font-size:1rem}.journey-node-circle .journey-node-inner{border-radius:50%}.journey-node-hex .journey-node-inner{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.journey-node-diamond .journey-node-inner{border-radius:8px;transform:rotate(45deg)}.journey-node-diamond .journey-node-inner>*{transform:rotate(-45deg)}.journey-node.done .journey-node-inner{background:var(--node-accent, var(--color-primary));color:#fff}.journey-node.next .journey-node-inner{background:linear-gradient(135deg,var(--color-accent-sun),var(--color-accent-warm));border-color:var(--color-accent-warm);color:#fff;animation:journey-glow 2s ease-in-out infinite}.journey-node.locked{opacity:.45;cursor:not-allowed}.journey-node.locked .journey-node-inner{border-color:var(--color-border);color:var(--color-text-soft);background:#f1f5f4}.journey-node-title{font-size:.75rem;font-weight:700;text-align:center;color:var(--color-secondary);line-height:1.25}@keyframes journey-glow{0%,to{box-shadow:0 0 #ff8c4266}50%{box-shadow:0 0 0 8px #ff8c4200}}.flashcard-deck{margin-bottom:1.25rem;padding:1rem;background:linear-gradient(135deg,#fff8f0,#e8f7f2);border-radius:var(--radius-xl);border:2px solid var(--color-border-strong)}.flashcard-deck-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.flashcard-deck-header h4{margin:0;flex:1;font-size:1rem;color:var(--color-secondary)}.flashcard-counter{font-size:.75rem;font-weight:800;color:var(--color-text-muted)}.flashcard-stage{display:flex;align-items:center;gap:.5rem}.flashcard-nav{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--color-border);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-secondary)}.flashcard{flex:1;min-height:14rem;border:none;background:none;cursor:pointer;perspective:800px}.flashcard-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:14rem;padding:1.25rem;border-radius:var(--radius-xl);border:3px solid var(--color-border-strong);background:#fff;box-shadow:var(--shadow-md);text-align:center}.flashcard-front strong{font-size:1.125rem;color:var(--color-secondary)}.flashcard-front small{color:var(--color-text-soft);font-weight:700}.flashcard-back{background:linear-gradient(180deg,#fff5f5,#fff);border-color:var(--color-danger)}.flashcard-back p{margin:0;font-size:.875rem;line-height:1.45;color:var(--color-text)}.flashcard-back em{font-size:.75rem;color:var(--color-danger);font-style:normal;font-weight:700}.flashcard-illus{width:5rem;height:5rem}.flashcard-warn-icon{color:var(--color-danger)}.flashcard.sev-critical .flashcard-front{border-color:#dc2626}.flashcard.sev-high .flashcard-front{border-color:#f97316}.flashcard-dots{display:flex;justify-content:center;gap:.35rem;margin-top:.75rem}.flashcard-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--color-border-strong);padding:0;cursor:pointer}.flashcard-dot.active{background:var(--color-primary);transform:scale(1.2)}.plate-game{margin-bottom:1.25rem;padding:1rem;background:#fff;border-radius:var(--radius-xl);border:2px solid var(--color-border-strong)}.plate-game-header h4{margin:0 0 .25rem;color:var(--color-secondary)}.plate-game-header p{margin:0 0 1rem;font-size:.8125rem;color:var(--color-text-muted)}.plate-game-board{position:relative;width:100%;max-width:280px;margin:0 auto;aspect-ratio:1}.plate-svg{width:100%;height:100%}.plate-items{position:absolute;top:0;right:0;bottom:0;left:0}.plate-item{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.15rem;width:4rem;padding:.35rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;cursor:pointer;font-size:.6rem;font-weight:800;color:var(--color-secondary);box-shadow:var(--shadow-sm)}.plate-item.good{border-color:var(--color-success);background:#ecfdf5}.plate-item.bad{border-color:var(--color-danger);background:#fef2f2}.plate-item-svg{width:2rem;height:2rem}.plate-item-badge{position:absolute;top:-6px;right:-6px}.plate-item-badge.good{color:var(--color-success)}.plate-item-badge.bad{color:var(--color-danger)}.plate-game-feedback{text-align:center;font-weight:800;color:var(--color-primary-dark);margin:.75rem 0 0}.plate-game-win{text-align:center;padding:1rem;color:var(--color-accent-warm)}.plate-game-win p{margin:.5rem 0 0;font-weight:800;font-size:1.1rem;color:var(--color-secondary)}.owner-license{margin-bottom:1rem}.owner-license-card{background:linear-gradient(145deg,#fffef8,#f0fdf9,#fff8f0);border:3px solid var(--color-accent-sun);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.owner-license-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-primary) 100%);color:#fff}.owner-license-header small{opacity:.85;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.owner-license-header h4{margin:0;font-size:1.125rem}.owner-license-emblem{color:var(--color-accent-sun)}.owner-license-body{padding:1.25rem;text-align:center}.owner-license-name{margin:0;font-size:1.5rem;font-family:var(--font-display);color:var(--color-secondary)}.owner-license-species{margin:.15rem 0 1rem;font-size:.8125rem;color:var(--color-text-muted);font-weight:700}.owner-license-stamps{display:flex;justify-content:center;gap:.5rem;margin-bottom:1rem}.owner-license-stamp{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px dashed var(--color-border-strong);color:var(--color-border-strong)}.owner-license-stamp.earned{border-style:solid;border-color:var(--color-accent-sun);background:linear-gradient(135deg,#fff9e0,#ffe8a8);color:var(--color-accent-warm);box-shadow:0 2px 8px #ffc23366}.owner-license-score{margin-bottom:.5rem}.owner-license-score-num{font-size:2.5rem;font-weight:800;font-family:var(--font-display);color:var(--color-primary)}.owner-license-score-max{font-size:1rem;color:var(--color-text-muted);font-weight:700}.owner-license-status{font-weight:800;font-size:.875rem;margin:0}.license-ready .owner-license-status{color:var(--color-success)}.license-almost .owner-license-status{color:var(--color-accent-warm)}.license-not-yet .owner-license-status{color:var(--color-text-muted)}.owner-license-footer{padding:.75rem 1.25rem;background:#00000008;border-top:1px dashed var(--color-border)}.owner-license-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;font-size:.75rem;color:var(--color-text-muted)}.owner-license-hint{font-size:.75rem;color:var(--color-text-soft);margin:.75rem 0 0;text-align:center}.owner-license-disclaimer{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.7rem;color:var(--color-text-soft);margin:.5rem 0 0}.about-mascot-row{margin-bottom:1rem}.about-feedback-section{display:flex;flex-direction:column;gap:.65rem;margin-top:1rem}.about-feedback-form{display:flex;flex-direction:column;gap:.35rem;padding:.65rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.about-feedback-label{font-size:.75rem;font-weight:800;color:var(--color-secondary)}.about-feedback-input{width:100%;min-height:2.6rem;padding:.45rem .55rem;border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:.8rem;line-height:1.35;resize:vertical;max-height:5rem}.about-feedback-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1a8f7a26}.about-feedback-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.about-feedback-submit{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;cursor:pointer}.about-feedback-submit:disabled{opacity:.5;cursor:not-allowed}.about-feedback-ok{font-size:.7rem;font-weight:700;color:var(--color-success)}.about-feedback-err{font-size:.7rem;font-weight:700;color:#dc2626}.about-settings{margin-top:1rem}.about-settings-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-weight:800;color:var(--color-secondary);cursor:pointer}.about-settings-toggle svg:last-child{margin-left:auto;transition:transform .2s}.about-settings-toggle svg:last-child.open{transform:rotate(180deg)}.about-settings-body{padding:1rem;border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--color-bg-muted)}.about-links-compact{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.about-links-compact a{font-size:.8125rem}.age-mode-toggle{display:flex;flex-direction:column;gap:.5rem}.age-mode-label{font-size:.75rem;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.age-mode-btns{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.age-mode-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.65rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-weight:800;font-size:.8125rem;color:var(--color-text-muted);cursor:pointer}.age-mode-btn.active{border-color:var(--color-primary);background:var(--color-surface-mint);color:var(--color-primary-dark)}.age-mode-toggle.compact .age-mode-btns{grid-template-columns:auto auto}.age-mode-toggle.compact .age-mode-btn{padding:.4rem}[data-age-mode=teen] .pet-room-scene{min-height:160px}[data-age-mode=teen] .shell-young .tab-btn-label{display:inline}.encyclopedia-interactive{margin-bottom:1.5rem}.guide-page{position:relative;width:100%;min-height:min(78dvh,680px);border-radius:var(--radius-xl);overflow:hidden}.guide-page-bg{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;background-size:cover;background-position:center;filter:blur(10px) saturate(1.05);transform:scale(1.06)}.guide-page-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.65rem;padding:.85rem .75rem 1.25rem;min-height:min(78dvh,680px);background:linear-gradient(180deg,#ffffffd1,#ffffffb8 40%,#ffffffe0);overflow-y:auto;-webkit-overflow-scrolling:touch}.guide-header{text-align:center;padding:.25rem 0 .35rem}.guide-title-icon{display:block;margin:0 auto .35rem}.guide-title{margin:0;font-size:1.35rem;font-weight:800;letter-spacing:.04em;color:#1e3a5f}.guide-subtitle{margin:.2rem 0 0;font-size:.8rem;color:var(--color-text-soft)}.guide-header-tools{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin-top:.45rem}.guide-tool-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.65rem;font-weight:700;padding:.2rem .45rem;border-radius:999px;background:#ffffffe6;color:var(--color-text-soft)}.guide-tool-badge.warn{background:#fef3c7;color:#92400e}.guide-tool-btn{width:1.75rem;height:1.75rem;border:none;border-radius:50%;background:#fffffff2;box-shadow:var(--shadow-sm);color:var(--color-text-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.guide-categories-scroll{display:flex;gap:.45rem;overflow-x:auto;padding:.15rem .1rem .35rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.guide-categories-scroll::-webkit-scrollbar{display:none}.guide-cat-card{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:4.25rem;padding:.35rem .25rem;border:none;background:none;cursor:pointer}.guide-cat-label{font-size:.65rem;font-weight:700;color:var(--color-secondary);text-align:center;line-height:1.2}.guide-cat-card.active .guide-cat-label{color:var(--color-primary-dark)}.guide-cat-icon{display:flex;align-items:center;justify-content:center;border-radius:14px;border:2px solid transparent;transition:box-shadow .2s,transform .15s}.guide-cat-emoji{line-height:1;-webkit-user-select:none;user-select:none}.guide-title-emoji{font-size:2.5rem;line-height:1;display:block;margin-bottom:.25rem}.guide-cat-card.active .guide-cat-icon{transform:scale(1.05)}.guide-search{display:flex;align-items:stretch;gap:.4rem}.guide-search-input{flex:1;min-width:0;padding:.65rem 1rem;border:none;border-radius:999px;background:#fff;box-shadow:0 2px 10px #0000000f;font-size:.875rem;color:var(--color-text)}.guide-search-input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.guide-search-btn{flex:0 0 auto;width:2.75rem;height:2.75rem;border:none;border-radius:50%;background:linear-gradient(145deg,#ff9f43,#ff6b35);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ff6b3559}.guide-search-hint,.guide-empty{margin:0;font-size:.75rem;color:var(--color-text-soft);text-align:center}.guide-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.75rem 0 .25rem}.guide-page-btn{padding:.45rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:#ffffffeb;font-size:.78rem;font-weight:700;color:var(--color-secondary);cursor:pointer}.guide-page-btn:disabled{opacity:.45;cursor:not-allowed}.guide-page-info{font-size:.75rem;font-weight:700;color:var(--color-text-muted)}.guide-breeds{display:grid;grid-template-columns:1fr;gap:.55rem;scroll-margin-top:5rem}.guide-breeds.is-loading{opacity:.55;pointer-events:none}@media (min-width: 520px){.guide-breeds{grid-template-columns:1fr 1fr}}.guide-breed-card{position:relative;background:#fff;border-radius:20px;box-shadow:0 4px 14px #0000000f;overflow:hidden}.guide-breed-main{display:flex;align-items:center;gap:.55rem;width:100%;padding:.65rem 2.5rem .65rem .65rem;border:none;background:none;text-align:left;cursor:pointer}.guide-breed-thumb{width:3.5rem;height:3.5rem;border-radius:14px;object-fit:cover;flex-shrink:0;background:var(--color-surface-mint)}.guide-breed-emoji{width:3.5rem;height:3.5rem;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;background:var(--color-surface-mint);flex-shrink:0}.guide-breed-body{flex:1;min-width:0}.guide-breed-name{margin:0;font-size:.875rem;font-weight:800;color:var(--color-secondary)}.guide-breed-origin{display:flex;align-items:center;gap:.2rem;margin:.15rem 0 0;font-size:.65rem;color:var(--color-text-soft)}.guide-breed-desc{margin:.25rem 0 0;font-size:.7rem;line-height:1.4;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-breed-card.expanded .guide-breed-desc{-webkit-line-clamp:2}.guide-breed-blurb{margin:0 0 .5rem;font-size:.8rem;line-height:1.45;color:var(--color-text)}.guide-breed-chevron{position:absolute;right:2.25rem;top:50%;transform:translateY(-50%);color:var(--color-text-soft);transition:transform .2s}.guide-breed-chevron.open{transform:translateY(-50%) rotate(90deg)}.guide-breed-fav{position:absolute;top:.5rem;right:.5rem;width:1.75rem;height:1.75rem;border:none;border-radius:50%;background:#fffffff2;color:#f87171;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000014}.guide-breed-fav.active{background:#fee2e2}.guide-breed-detail{padding:0 .75rem .75rem;font-size:.75rem;line-height:1.45;color:var(--color-text-soft);border-top:1px solid var(--color-border)}.guide-widgets{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.25rem}@media (min-width: 640px){.guide-widgets{grid-template-columns:repeat(4,1fr)}}.guide-widget{border:none;border-radius:18px;padding:.65rem;text-align:left;cursor:pointer;box-shadow:0 4px 12px #0000000d;min-height:6.5rem}.guide-widget header{display:flex;align-items:center;gap:.3rem;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.35rem}.guide-widget ul{margin:0;padding:0;list-style:none;font-size:.68rem;line-height:1.45}.guide-widget li{display:flex;align-items:flex-start;gap:.25rem}.guide-check{color:#16a34a;font-weight:800}.guide-warn{color:#dc2626;font-weight:800}.guide-widget-promo{background:linear-gradient(145deg,#fef9c3,#fde68a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.guide-widget-mascot{pointer-events:none}.guide-widget-title{font-size:.62rem;font-weight:800;text-align:center;color:#92400e;line-height:1.3}.guide-widget-safe{background:linear-gradient(145deg,#ecfdf5,#d1fae5);color:#065f46}.guide-widget-danger{background:linear-gradient(145deg,#fff7ed,#ffedd5);color:#9a3412}.guide-widget-health{background:linear-gradient(145deg,#fdf2f8,#fce7f3);color:#9d174d;cursor:default}.guide-health-tag{display:inline-block;font-size:.55rem;font-weight:800;padding:.1rem .3rem;border-radius:4px;background:#00000014;margin-right:.2rem;text-transform:uppercase}.guide-health-tag.emergency,.guide-health-tag.critical{background:#fecaca;color:#991b1b}.guide-widget-muted{margin:0;font-size:.68rem;opacity:.85}.guide-expanded-widget{margin-top:.35rem;padding:.75rem;background:#fffffff2;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.guide-emergency{margin:.5rem 0 0;font-size:.75rem;font-weight:700;color:var(--color-danger)}@media (min-width: 640px){.pet-room-scene{min-height:260px}.care-actions-icons{max-width:24rem;margin:0 auto}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg-muted);background-image:radial-gradient(circle at 10% 20%,rgba(26,143,122,.06) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(126,200,227,.08) 0%,transparent 40%),var(--gradient-hero);background-attachment:fixed;-webkit-font-smoothing:antialiased}button{font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.paw-logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}.paw-logo-img{height:var(--logo-size, 32px);width:auto;max-width:none;display:block;border-radius:calc(var(--logo-size, 32px) * .28);object-fit:contain;filter:drop-shadow(0 2px 6px rgba(26,143,122,.2))}.paw-logo--full .paw-logo-img{max-height:var(--logo-size, 32px);border-radius:calc(var(--logo-size, 32px) * .22)}.hero-art{max-width:280px;margin:0 auto 1rem}.hero-art-svg{width:100%;height:auto;display:block}.hero-pet{animation:float 4s ease-in-out infinite}.hero-pet-cat{animation-delay:-2s}.hero-heart{animation:pulse-heart 2.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-heart{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce-in{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.shell{min-height:100dvh;display:flex;flex-direction:column;width:100%;max-width:var(--shell-max-width, 100%);margin:0 auto;background:var(--color-bg);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.shell-body{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;width:100%}.shell:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-brand);z-index:20}.shell-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.shell-brand{display:flex;align-items:center;gap:.5rem;font-weight:800;font-family:var(--font-display);color:var(--color-secondary);font-size:1.05rem}.shell-header-actions{display:flex;gap:.5rem;align-items:center}.shell-logout{padding:.5rem;min-width:40px;min-height:40px}.shell-main{flex:1;overflow:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;min-width:44px;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px #1a8f7a59}.btn-primary:hover{box-shadow:0 6px 20px #1a8f7a73}.btn-secondary{background:var(--color-surface-mint);color:var(--color-secondary);border:1px solid var(--color-border)}.btn-ghost{background:transparent;color:var(--color-secondary)}.btn-ghost:hover{background:var(--color-surface-mint)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:1rem;z-index:100;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width: 480px){.overlay{align-items:center}}.modal{width:100%;max-width:420px;max-height:90dvh;overflow:auto;background:var(--color-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:1.5rem;box-shadow:var(--shadow-lg);animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 480px){.modal{border-radius:var(--radius-xl)}}.field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.field label{font-size:.875rem;font-weight:700;color:var(--color-secondary)}.field input{min-height:44px;padding:.625rem .875rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;background:var(--color-bg);transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.tabs{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--color-border);background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));gap:.25rem;z-index:20;position:sticky;bottom:0;margin-top:auto}.tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.4rem .25rem;border:none;background:transparent;color:var(--color-text-soft);font-size:var(--shell-tab-font);font-weight:700;font-family:var(--font-display);cursor:pointer;min-height:var(--shell-tab-min-height);border-radius:var(--radius-md);transition:background .15s,color .15s}.tab-btn-label{line-height:1.1;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1px}.tab-btn.active{color:var(--color-primary-dark);background:var(--color-surface-mint)}.tab-btn.active svg{stroke-width:2.5px}.tab-panel{flex:1;min-height:0;min-width:0;width:100%;overflow:hidden;display:flex;flex-direction:column}.tab-panel>*{flex:1;min-height:0;min-width:0;width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto}.lang-select{min-height:36px;padding:.25rem .5rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;background:#fff;color:var(--color-secondary)}.btn-full{width:100%}.lang-switcher{display:inline-flex;align-items:center;gap:.25rem;color:var(--color-text-muted)}.landing{min-height:100dvh;display:flex;flex-direction:column;background:var(--gradient-hero);position:relative;overflow:hidden}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231A8F7A' fill-opacity='0.04'%3E%3Cellipse cx='30' cy='38' rx='6' ry='5'/%3E%3Ccircle cx='22' cy='28' r='3.5'/%3E%3Ccircle cx='30' cy='25' r='3.5'/%3E%3Ccircle cx='38' cy='28' r='3.5'/%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.landing-hero{flex:1;padding:1.5rem 1.25rem 3rem;position:relative;z-index:1;animation:bounce-in .5s ease}.landing-hero-inner{display:flex;flex-direction:column;gap:2rem;align-items:center;max-width:1040px;margin:0 auto}.landing-hero-visual{width:100%;display:flex;justify-content:center}.landing-hero-copy{text-align:center;width:100%}.landing-badge{display:inline-block;margin:0 0 .75rem;padding:.35rem .85rem;font-size:.8rem;font-weight:800;color:var(--color-primary-dark);background:#ffffffbf;border:1px solid var(--color-border);border-radius:var(--radius-pill)}.landing-cta-main{animation:landing-pulse 2.5s ease-in-out infinite}@keyframes landing-pulse{0%,to{box-shadow:0 4px 14px #1a8f7a59}50%{box-shadow:0 4px 24px #1a8f7a8c,0 0 0 6px #1a8f7a1a}}.landing-phone{position:relative;width:min(260px,78vw)}.landing-phone-frame{background:#1a2e2a;border-radius:28px;padding:9px;box-shadow:0 24px 56px #1a2e2a33}.landing-phone-notch{width:72px;height:20px;margin:-2px auto 5px;background:#1a2e2a;border-radius:0 0 12px 12px}.landing-phone-screen{background:var(--color-bg-muted);border-radius:22px;min-height:340px;overflow:hidden}.landing-phone-chat{padding:1rem;display:flex;flex-direction:column;gap:.6rem}.landing-phone-chat-header{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:.9rem;color:var(--color-secondary);padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.landing-phone-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff9f6b,#ffb88c)}.landing-phone-bubble{max-width:90%;padding:.6rem .85rem;border-radius:14px;font-size:.8rem;font-weight:600;line-height:1.45}.landing-phone-bubble-ai{align-self:flex-start;background:#fff;border:1px solid var(--color-border);border-bottom-left-radius:4px}.landing-phone-bubble-user{align-self:flex-end;background:var(--gradient-primary);color:#fff;border-bottom-right-radius:4px}.landing-phone-pet{position:absolute;bottom:-10px;right:-24px;width:100px;filter:drop-shadow(0 8px 14px rgba(26,46,42,.18));animation:float 3s ease-in-out infinite}.landing-emoji{font-size:3rem;margin:0 0 .5rem;filter:drop-shadow(0 4px 8px rgba(26,143,122,.2))}.landing-title{margin:0 0 .75rem;font-size:clamp(2rem,8vw,2.75rem);color:var(--color-secondary);line-height:1.15}.landing-tagline{margin:0 auto 1rem;max-width:22rem;font-size:1.125rem;line-height:1.55;color:var(--color-text-muted);font-weight:600}.landing-trust{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.35rem .75rem;margin:0 auto 1.75rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:700;color:var(--color-primary-dark);background:#ffffffb3;border:1px solid var(--color-border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-actions{display:flex;flex-direction:column;gap:.75rem;max-width:300px;margin:0 auto}.landing-actions .btn{width:100%}.landing-ios-card{display:flex;gap:.75rem;align-items:flex-start;margin:1.5rem auto 0;max-width:300px;padding:1rem 1.125rem;text-align:left;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-secondary);font-size:.875rem;font-weight:600;line-height:1.5;box-shadow:var(--shadow-sm)}.landing-ios-icon{flex-shrink:0;margin-top:.125rem;color:var(--color-primary)}.update-banner{position:fixed;left:0;right:0;bottom:0;z-index:200;padding:1rem;background:#fff;border-top:1px solid var(--color-border);box-shadow:0 -8px 32px #0d477a1f}.update-banner-content{display:flex;gap:.75rem;margin-bottom:.75rem}.update-banner-content p{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-muted)}.update-banner-content strong{color:var(--color-secondary);font-family:var(--font-display)}.update-icon{color:var(--color-primary);flex-shrink:0}.update-banner-actions{display:flex;gap:.5rem;align-items:center}.update-toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:150;padding:.75rem 1.25rem;background:var(--gradient-brand);color:#fff;border-radius:var(--radius-pill);font-size:.875rem;font-weight:700;box-shadow:var(--shadow-md)}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;background:var(--color-surface-mint);padding:.25rem;border-radius:var(--radius-md)}.auth-tab{flex:1;min-height:44px;border:none;border-radius:var(--radius-sm);background:transparent;font-weight:700;font-family:var(--font-display);color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s}.auth-tab.active{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-sm)}.consent{display:flex;gap:.5rem;align-items:flex-start;font-size:.875rem;font-weight:600;color:var(--color-text-muted);margin-bottom:1rem}.consent input{margin-top:.25rem;min-width:18px;min-height:18px;accent-color:var(--color-primary)}.auth-register-lead{margin:0 0 1rem;font-size:.875rem;line-height:1.45;color:var(--color-text-muted)}.field-hint{margin:.35rem 0 0;font-size:.78rem;line-height:1.4;color:var(--color-text-muted)}.auth-parent-link{margin:1rem 0 0;text-align:center;font-size:.85rem}.auth-parent-link a{color:var(--color-primary);font-weight:700;text-decoration:none}.auth-parent-link a:hover{text-decoration:underline}.promo-card{padding:2rem 1.25rem;text-align:center}.promo-card h2{margin:0 0 .75rem;color:var(--color-secondary)}.promo-card p{margin:0 0 1.5rem;color:var(--color-text-muted);line-height:1.55;font-weight:600}.promo-form{max-width:320px;margin:0 auto}.promo-card .card{background:var(--gradient-warm);border:2px dashed var(--color-border-strong)}.onboarding{padding:1.25rem;animation:bounce-in .4s ease}.onboarding h2{margin:0 0 1rem;color:var(--color-secondary)}.onboarding-steps{display:flex;gap:.5rem;margin-bottom:1.5rem}.onboarding-step-dot{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--color-border);transition:background .3s}.onboarding-step-dot.active{background:var(--gradient-primary)}.species-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.species-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:80px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-size:1.75rem;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:var(--shadow-sm)}.species-btn:hover{transform:translateY(-2px)}.species-emoji{font-size:2.25rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.species-label{font-size:.7rem;font-weight:700;color:var(--color-text-muted);line-height:1.1}.species-btn.selected{border-color:var(--color-primary);background:var(--color-surface-mint);box-shadow:var(--shadow-glow)}.personality-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.personality-btn{min-height:48px;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-weight:700;font-family:var(--font-display);color:var(--color-text);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.personality-btn.selected{border-color:var(--color-primary);background:var(--color-surface-mint);color:var(--color-primary-dark)}.portrait-preview{display:flex;align-items:center;justify-content:center;min-height:160px;margin-bottom:1rem;background:var(--gradient-warm);border-radius:var(--radius-xl);border:2px solid var(--color-border)}.portrait-img{width:140px;height:140px;border-radius:50%;object-fit:cover;border:4px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--gradient-ring) border-box;box-shadow:var(--shadow-md)}.portrait-species-emoji{font-size:5rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.portrait-emoji{font-size:5rem;filter:drop-shadow(0 4px 12px rgba(26,143,122,.2))}.tab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;padding:3rem 1rem;color:var(--color-text-soft);font-weight:600}.tab-loading:before{content:"🐾";font-size:2rem;animation:float 1.5s ease-in-out infinite}.chat-panel{display:flex;flex-direction:column;height:100%;width:100%;max-width:100%;min-width:0;padding:0;background:var(--color-bg-muted);box-sizing:border-box}.chat-toolbar{display:flex;justify-content:flex-end;padding:.35rem 1rem;background:#fff;border-bottom:1px solid var(--color-border);flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.65rem;padding:.75rem 1rem;min-height:0}.chat-welcome{text-align:center;color:var(--color-text-muted);padding:2rem 1rem;background:var(--color-surface-mint);border-radius:var(--radius-lg);margin:.5rem 0;font-weight:600;line-height:1.5}.chat-welcome-bubble{max-width:92%}.chat-welcome-text{display:flex;flex-direction:column;gap:.55rem;line-height:1.45}.chat-welcome-text p{margin:0}.chat-welcome-greeting{font-weight:800;color:var(--color-primary-dark)}.chat-avatar-img,.chat-avatar-emoji{width:40px;height:40px;border-radius:50%;flex-shrink:0}.chat-avatar-img{object-fit:cover;border:2px solid var(--color-primary)}.chat-avatar-emoji{display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--color-surface-mint);border:2px solid var(--color-border)}.chat-bubble{display:flex;gap:.5rem;align-items:flex-end;max-width:85%}.chat-bubble.user{align-self:flex-end;flex-direction:row-reverse}.chat-bubble span{padding:.75rem 1rem;border-radius:18px;font-size:.9375rem;line-height:1.45;font-weight:600;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.chat-bubble.user span{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:6px;box-shadow:0 2px 8px #1a8f7a40}.chat-bubble.assistant span{background:#fff;border:1px solid var(--color-border);color:var(--color-text);border-bottom-left-radius:6px;box-shadow:var(--shadow-sm)}.chat-thinking{opacity:.6;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.3}}.chat-offline{text-align:center;color:var(--color-danger);font-size:.875rem;font-weight:700;padding:.5rem;background:#fef2f2;border-radius:var(--radius-sm)}.chat-input-row{display:flex;gap:.5rem;padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:#fff;flex-shrink:0;box-shadow:0 -4px 16px #0d477a0f}.chat-input-row input{flex:1;min-height:44px;border:2px solid var(--color-border);border-radius:var(--radius-pill);padding:0 1rem;font-weight:600}.chat-input-row input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.chat-voice-btn.active{color:var(--color-primary);background:var(--color-surface-mint)}.chat-send-btn{min-width:44px;padding:0 .75rem;border-radius:50%}.lessons-panel-premium{padding:0 0 2rem;background:var(--color-bg-muted);min-height:100%;width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;overflow-x:hidden}.lessons-topbar{background:#fff;padding:1rem 1.25rem .85rem;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.lessons-topbar-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.lessons-topbar-title{margin:0;font-family:var(--font-display);font-size:1.35rem;color:var(--color-secondary);line-height:1.2}.lessons-topbar-pet{margin:.2rem 0 0;font-size:.8rem;font-weight:600;color:var(--color-text-soft)}.lessons-topbar-stat{text-align:right;line-height:1.15;flex-shrink:0}.lessons-topbar-stat strong{display:block;font-size:1.1rem;color:var(--color-primary-dark)}.lessons-topbar-stat small{font-size:.65rem;font-weight:700;color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.04em}.lessons-topbar-progress{height:8px;background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden}.lessons-topbar-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-ua-blue),var(--color-primary));border-radius:var(--radius-pill);transition:width .5s ease}.lessons-topbar-pct{margin:.35rem 0 0;font-size:.7rem;font-weight:800;color:var(--color-text-soft);text-align:right}.lessons-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-bg-muted);position:sticky;top:0;z-index:10}.lessons-tab{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem .75rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-weight:800;font-size:.85rem;color:var(--color-text-muted);cursor:pointer;transition:border-color .15s,color .15s,box-shadow .15s}.lessons-tab.active{border-color:var(--color-primary);color:var(--color-primary-dark);background:var(--color-surface-mint);box-shadow:var(--shadow-sm)}.lessons-tab-badge{font-size:.65rem;font-weight:800;background:var(--color-primary);color:#fff;padding:.1rem .4rem;border-radius:var(--radius-pill);min-width:1.25rem;text-align:center}.lessons-tab-content{flex:1;padding:0 1.25rem 1.5rem;min-width:0;max-width:100%;box-sizing:border-box}.lessons-split{min-width:0;max-width:100%}.lessons-continue-card{width:100%;display:flex;align-items:center;gap:.65rem;padding:.75rem .9rem;margin-bottom:.75rem;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm)}.lessons-continue-card:active{transform:scale(.99)}.lessons-continue-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#fff3;flex-shrink:0}.lessons-continue-text{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.lessons-continue-text small{font-size:.7rem;font-weight:700;opacity:.9;text-transform:uppercase;letter-spacing:.04em}.lessons-continue-text strong{font-family:var(--font-display);font-size:1rem;line-height:1.25}.lessons-continue-chevron{flex-shrink:0;opacity:.85}.lessons-complete-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-bottom:1rem;border-radius:var(--radius-md);background:var(--color-ua-yellow-soft);border:2px solid var(--color-ua-yellow);color:var(--color-secondary);font-weight:700;font-size:.875rem}.lessons-filter-wrap{margin-bottom:1rem;max-width:100%;min-width:0;overflow:hidden}.lessons-filter-label{display:block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-soft);margin-bottom:.45rem}.lessons-filter-scroll{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;-ms-overflow-style:none;min-width:0;max-width:100%}.lessons-filter-scroll::-webkit-scrollbar{display:none}.lessons-filter-chip{display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0;padding:.4rem .75rem;border:2px solid var(--color-border);border-radius:var(--radius-pill);background:#fff;font-size:.78rem;font-weight:700;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.lessons-filter-chip.active{border-color:var(--cat-accent, var(--color-primary));color:var(--cat-accent, var(--color-primary-dark));background:color-mix(in srgb,var(--cat-accent, var(--color-primary)) 10%,white)}.lessons-filter-chip-count{font-size:.65rem;opacity:.75}.lessons-guide-intro{margin:0 0 1rem;font-size:.85rem;line-height:1.5;color:var(--color-text-muted);font-weight:600}.lessons-guide-heading-desktop{display:none;margin:0 0 .75rem;font-size:.95rem;font-weight:800;color:var(--color-secondary);font-family:var(--font-display)}@media (min-width: 640px){.lessons-guide-heading-desktop{display:block}}.lessons-guide-block{background:#fff;border-radius:var(--radius-lg);padding:1rem 1.1rem;margin-bottom:.75rem;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:break-word}.lessons-guide-block header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.lessons-guide-block h4{margin:0;font-family:var(--font-display);font-size:.95rem;color:var(--color-secondary)}.lessons-guide-block p,.lessons-guide-block ul{margin:0;font-size:.85rem;line-height:1.5;color:var(--color-text-muted);font-weight:600}.lessons-guide-safe{border-left:4px solid var(--color-success)}.lessons-guide-safe header{color:var(--color-success)}.lessons-guide-toxic{border-left:4px solid var(--color-danger)}.lessons-guide-toxic header{color:var(--color-danger)}.lessons-guide-health{border-left:4px solid var(--color-accent-warm)}.lessons-guide-health header{color:var(--color-accent-warm)}.lessons-guide-health ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.5rem}.lessons-guide-health li{display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline}.lessons-guide-lead{margin-bottom:.65rem!important}.lessons-panel{padding:1rem 1.25rem 2rem}.panel-title{margin:0 0 .25rem;color:var(--color-secondary);font-size:1.35rem}.panel-sub{margin:0 0 1rem;color:var(--color-text-soft);font-size:.875rem;font-weight:600}.lesson-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.lesson-category-section{margin-top:.5rem;padding:0}.lesson-category-header{display:flex;align-items:center;gap:.65rem;margin-bottom:.65rem}.lesson-category-icon-wrap{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--cat-accent, var(--color-primary)) 12%,white);color:var(--cat-accent, var(--color-primary));border:2px solid color-mix(in srgb,var(--cat-accent, var(--color-primary)) 25%,transparent)}.lesson-category-header-text{display:flex;align-items:baseline;gap:.5rem;flex:1}.lesson-category-title{margin:0;font-size:1rem;color:var(--color-secondary);font-family:var(--font-display)}.lesson-category-count{font-size:.75rem;font-weight:800;color:var(--cat-accent, var(--color-primary));background:color-mix(in srgb,var(--cat-accent, var(--color-primary)) 10%,white);padding:.15rem .5rem;border-radius:var(--radius-pill)}.lesson-meta{margin:0 0 .25rem;font-size:.8rem;color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.04em}.lesson-quiz-count{font-size:.75rem;color:var(--color-text-soft)}.lesson-quiz-progress{margin:0 0 .5rem;font-size:.85rem;color:var(--color-text-soft)}.lesson-card{width:100%;text-align:left;padding:.7rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.65rem;min-height:56px;position:relative;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:var(--shadow-sm)}.lesson-card-premium{border-left:4px solid var(--cat-accent, var(--color-primary));padding-left:calc(.85rem - 3px)}.lesson-card-premium.lesson-card-done{border-left-color:var(--color-success);opacity:.9}.lesson-card-premium.lesson-card-next:not(.lesson-card-done){border-left-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 18%,transparent)}.lesson-card-main{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;flex:1;min-width:0;text-align:left}.lesson-card-end{flex-shrink:0;display:flex;align-items:center;align-self:center}.lesson-card strong{font-family:var(--font-display);color:var(--color-secondary);font-size:.9rem;line-height:1.25;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.lesson-quiz-count{font-size:.7rem;color:var(--color-text-soft);font-weight:600}.lesson-chevron{color:var(--color-text-soft);opacity:.5;flex-shrink:0}.lesson-done-icon-inline{color:var(--color-success);flex-shrink:0}.lesson-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.lesson-card:active{transform:scale(.99)}.lesson-cat{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);font-weight:800}.lesson-done-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-primary);background:var(--color-surface-mint);border-radius:50%;padding:.25rem}.lessons-flow{padding:0;display:flex;flex-direction:column;min-height:100%;background:var(--color-bg-muted)}.lessons-flow-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.lessons-flow-back{border:none;background:var(--color-bg-muted);width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);font-size:1.1rem;font-weight:700;color:var(--color-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.lessons-flow-topbar-center{display:flex;align-items:center;gap:.4rem;min-width:0}.lessons-flow-topbar-title{font-size:.85rem;font-weight:700;color:var(--color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-flow-icon-sm{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--cat-accent, var(--color-primary)) 15%,white);color:var(--cat-accent, var(--color-primary));flex-shrink:0}.lessons-flow-topbar-step{font-size:.75rem;font-weight:800;color:var(--cat-accent, var(--color-primary));background:color-mix(in srgb,var(--cat-accent, var(--color-primary)) 12%,white);padding:.2rem .5rem;border-radius:var(--radius-pill);flex-shrink:0}.lessons-flow-body{flex:1;padding:1rem 1.25rem;overflow-y:auto}.lessons-flow-footer{padding:.75rem 1.25rem 1.25rem;background:#fff;border-top:1px solid var(--color-border);box-shadow:0 -4px 16px #0d477a0f}.lesson-flow-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.lesson-flow-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--cat-accent, var(--color-primary)) 15%,white);color:var(--cat-accent, var(--color-primary))}.lesson-step-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border);margin-bottom:.5rem}.lesson-step-num{display:inline-block;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--cat-accent, var(--color-primary));margin-bottom:.5rem}.lesson-step-card h3{margin:0 0 .5rem;font-family:var(--font-display);color:var(--color-secondary)}.lessons-cta{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;margin-top:1rem;min-height:52px;font-size:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.lesson-quiz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.lesson-quiz-header h3{margin:0;font-family:var(--font-display);color:var(--color-secondary)}.lesson-quiz-badge{font-size:.75rem;font-weight:800;color:#fff;background:var(--cat-accent, var(--color-primary));padding:.25rem .65rem;border-radius:var(--radius-pill)}.lesson-quiz-progress-bar{height:6px;background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:1rem}.lesson-quiz-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-ua-blue),var(--color-primary));border-radius:var(--radius-pill);transition:width .35s ease}.lesson-quiz-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.lesson-quiz-error{display:flex;align-items:center;gap:.35rem;margin-top:.75rem}.lesson-quiz-explanation{margin:.5rem 0 0;padding:.65rem .85rem;font-size:.9rem;line-height:1.45;color:var(--color-text-muted, #5c6b66);background:#f4faf7;border-radius:var(--radius-md);border-left:3px solid var(--color-primary, #2d8a5e)}.quiz-opt-premium{display:flex;align-items:center;gap:.75rem;text-align:left}.quiz-opt-letter{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:800;font-size:.85rem;background:var(--color-bg-muted);color:var(--color-secondary);border:2px solid var(--color-border);transition:all .15s}.quiz-opt-premium.selected .quiz-opt-letter{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.quiz-opt-premium.wrong .quiz-opt-letter{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.quiz-opt-text{flex:1;line-height:1.35}.lesson-quiz-label{margin:0 0 .35rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--cat-accent, var(--color-primary))}.lessons-done-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:20rem;margin:0 auto}.lessons-done-premium{text-align:center;padding:2.5rem 1.25rem 3rem;position:relative;background:var(--color-bg-muted)}.lessons-done-confetti{font-size:1.5rem;letter-spacing:.5rem;margin-bottom:.5rem;animation:lessonConfetti 1.2s ease-out}@keyframes lessonConfetti{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.lessons-done-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;background:linear-gradient(135deg,var(--color-ua-yellow-soft),var(--color-surface-mint));color:var(--color-primary-dark);margin-bottom:.75rem;box-shadow:var(--shadow-lg);border:3px solid var(--color-ua-yellow)}.lessons-done-sub{color:var(--color-text-muted);font-weight:600;font-size:.9rem;margin:0 0 1rem;line-height:1.45}.lesson-body{line-height:1.6;color:var(--color-text-muted);font-weight:600}.lesson-quiz-q{font-family:var(--font-display);font-size:1.1rem;color:var(--color-secondary);margin-bottom:1rem}.lesson-dots{display:flex;gap:.35rem;margin:1rem 0}.lesson-dots span{flex:1;height:5px;border-radius:var(--radius-pill);background:var(--color-border);transition:background .3s}.lesson-dots span.active{background:var(--gradient-primary)}.lesson-back{margin-bottom:.75rem;padding-left:0}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-opt{min-height:52px;padding:.75rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;text-align:left;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}.quiz-opt.selected{border-color:var(--color-primary);background:var(--color-surface-mint);color:var(--color-primary-dark)}.quiz-opt.wrong{border-color:var(--color-danger);background:#fef2f2}.lesson-reward-msg{background:var(--color-surface-mint);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:.75rem 1rem;font-size:.875rem;line-height:1.45;color:var(--color-secondary);margin:.75rem 0}.lesson-reward-hint{font-size:.8125rem;color:var(--color-text-soft);margin-bottom:1rem}.lessons-done{text-align:center;padding-top:3rem}.lesson-done-big{color:var(--color-primary);margin-bottom:1rem}.toxic-card{background:var(--color-warning-bg);border:2px solid var(--color-warning-border);border-radius:var(--radius-md);padding:1rem 1.125rem;margin-bottom:1.25rem;font-size:.875rem;font-weight:600}.toxic-card strong{display:block;font-family:var(--font-display);color:var(--color-secondary);margin-bottom:.35rem}.toxic-card small{color:var(--color-text-soft)}.pet-panel{padding:.75rem 1rem 1rem;background:var(--color-bg-muted);width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}.pet-top{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-bottom:.75rem}.pet-grid{display:flex;flex-direction:column;gap:.75rem;width:100%}.pet-grid-main,.pet-grid-side{min-width:0;width:100%}.pet-grid-side{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.85rem 1rem 1rem;box-shadow:var(--shadow-sm)}.pet-hero{display:flex;align-items:center;gap:1rem;margin-bottom:0;padding:.85rem 1rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);width:100%}.pet-hero-portrait{flex-shrink:0}.pet-portrait-sm{width:72px;height:72px;border-width:3px}.pet-portrait-emoji-sm{font-size:3rem;line-height:1}.pet-hero-info{flex:1;min-width:0}.pet-hero-info .pet-name{text-align:left;font-size:1.2rem;margin:0}.pet-hero-info .pet-level{text-align:left;margin:.15rem 0 .5rem;font-size:.75rem}.pet-hero-info .xp-bar{margin:0}.pet-status-card{border-radius:var(--radius-md);padding:.65rem .85rem;margin-bottom:0;border:1px solid var(--color-border);background:#fff;box-shadow:var(--shadow-sm);width:100%}.pet-status-card strong{display:block;font-size:.85rem;color:var(--color-secondary);margin-bottom:.15rem}.pet-status-card p{margin:0;font-size:.78rem;line-height:1.4;color:var(--color-text-soft)}.stat-grid-compact .stat-row{padding:.35rem 0}.stat-grid-compact .stat-realworld{display:none}.pet-info-section{margin-top:0}.pet-info-heading{margin:0 0 .5rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-soft)}.pet-info-accordion{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:.4rem;overflow:hidden;max-width:100%;min-width:0}.pet-info-accordion summary{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.8125rem;font-weight:800;color:var(--color-secondary);cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;min-width:0}.pet-info-accordion summary span:not(.pet-info-chevron){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.pet-info-accordion summary::-webkit-details-marker{display:none}.pet-info-chevron{margin-left:auto;color:var(--color-text-soft);transition:transform .2s;flex-shrink:0}.pet-info-accordion[open] .pet-info-chevron{transform:rotate(180deg)}.pet-info-body{padding:0 .85rem .75rem;font-size:.8125rem;line-height:1.45;color:var(--color-text-soft);overflow-wrap:anywhere;word-break:break-word;max-width:100%}.pet-info-body ul,.pet-info-body ol{margin:0;padding-left:1.1rem}.pet-info-accordion-danger summary{color:var(--color-danger)}.care-dock{padding:.65rem .85rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);width:100%;margin-top:.75rem}.care-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin:0}.care-btn{min-height:48px;padding:.35rem .25rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;font-weight:800;font-family:var(--font-display);color:var(--color-secondary);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;transition:border-color .15s,background .15s;font-size:.7rem;line-height:1.15}.care-btn-label{text-align:center}.care-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-surface-mint)}.care-btn:disabled{opacity:.5;cursor:not-allowed}.care-btn-recommended{border-color:var(--color-primary);background:var(--color-surface-mint);box-shadow:0 0 0 2px #1a8f7a33}.care-recommended{font-size:.55rem;font-weight:800;color:var(--color-primary);text-transform:uppercase;letter-spacing:.02em;line-height:1}.care-btn small{font-size:.6rem;color:var(--color-text-soft);font-weight:600}.pet-cooldown-msg{margin:0 0 .5rem;font-size:.8rem}.pet-lesson-nudge{margin-bottom:.65rem}.pet-footer-actions{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap;margin-top:.75rem;padding-top:.5rem}.pet-edu-banner{text-align:center;font-size:.75rem;font-weight:700;color:var(--color-primary-dark);background:var(--color-surface-mint);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .75rem;margin-bottom:.75rem;line-height:1.4}.pet-status-insight{margin-top:.5rem!important;font-weight:700;color:var(--color-primary-dark)!important}.pet-stress-note{margin-top:.5rem!important;font-size:.75rem!important;color:var(--color-danger)!important;font-weight:600}.pet-status-needs_urgent_care{border-color:var(--color-danger);background:#fff5f5}.pet-status-needs_care{border-color:#e8a838;background:#fffbf0}.pet-status-happy{border-color:var(--color-primary);background:var(--color-surface-mint)}.pet-lesson-nudge{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;padding:.65rem 1rem;border:2px dashed var(--color-primary);border-radius:var(--radius-md);background:#fff;color:var(--color-primary-dark);font-weight:800;font-family:var(--font-display);cursor:pointer;font-size:.8125rem}.pet-edu-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:.75rem;box-shadow:var(--shadow-sm)}.pet-edu-card h4{display:flex;align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:.8125rem;font-weight:800;color:var(--color-secondary)}.pet-edu-card ul{margin:0;padding-left:1.1rem;font-size:.8125rem;line-height:1.45;color:var(--color-text-soft)}.pet-edu-feeding{margin:0 0 .5rem;font-size:.8125rem;font-weight:600;color:var(--color-primary-dark);line-height:1.4}.pet-edu-fact p{margin:0;font-size:.8125rem;line-height:1.45;color:var(--color-text-soft)}.pet-toxic-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:0;border:none;background:none;font:inherit;font-weight:800;font-size:.8125rem;color:var(--color-danger);cursor:pointer;text-align:left}.pet-toxic-toggle small{margin-left:auto;font-size:1rem;color:var(--color-text-soft)}.pet-toxic-body{margin-top:.65rem;font-size:.8125rem;line-height:1.45}.pet-toxic-body>p{margin:0 0 .5rem;color:var(--color-text-soft)}.pet-toxic-list{list-style:none;margin:0 0 .5rem;padding:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.pet-toxic-list li{padding:.5rem 0;border-bottom:1px solid var(--color-border)}.pet-toxic-list li:last-child{border-bottom:none}.pet-toxic-list strong{display:block;color:var(--color-secondary);font-size:.8125rem}.pet-toxic-list span{display:block;color:var(--color-text-soft);margin-top:.15rem}.pet-toxic-list em{display:block;font-style:normal;font-weight:700;font-size:.75rem;color:var(--color-primary-dark);margin-top:.25rem}.toxic-sev-critical strong{color:var(--color-danger)}.pet-toxic-emergency{margin:0;padding:.5rem .65rem;background:var(--color-warning-bg);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--color-secondary)}.pet-safe-list,.pet-health-list,.pet-breed-list{margin:0;padding:0;list-style:none;font-size:.8125rem}.pet-safe-list li:before{content:"✓ ";color:var(--color-primary);font-weight:700}.pet-health-list li{padding:.45rem 0;border-bottom:1px solid var(--color-border)}.pet-health-list strong{display:block;color:var(--color-secondary)}.health-urgency-emergency strong{color:var(--color-danger)}.pet-breed-list li{display:flex;gap:.5rem;padding:.5rem 0;border-bottom:1px dashed var(--color-border)}.pet-breed-emoji{font-size:1.25rem}.pet-breed-list p{margin:.15rem 0 0;color:var(--color-text-soft);font-size:.75rem}.breed-explorer{margin-bottom:.75rem}.breed-search-row{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 .75rem}.breed-search-input{flex:1;min-width:0;padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;background:var(--color-surface);color:var(--color-text)}.breed-search-spinner{flex-shrink:0;animation:spin .8s linear infinite;color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}.breed-empty{margin:0;font-size:.8125rem;color:var(--color-text-soft)}.breed-results li{flex-direction:column;align-items:stretch}.breed-result-btn{display:flex;gap:.65rem;width:100%;padding:0;border:none;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.breed-result-text{flex:1;min-width:0}.breed-result-text strong{display:block;color:var(--color-secondary);font-size:.875rem}.breed-result-text small{color:var(--color-text-soft);font-size:.7rem}.breed-thumb{width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.breed-detail{margin:.35rem 0 .5rem 3.15rem;padding:.5rem .65rem;background:var(--color-surface-mint);border-radius:var(--radius-sm);font-size:.75rem;line-height:1.45}.breed-detail p{margin:0 0 .35rem}.breed-source{display:block;margin-top:.35rem;color:var(--color-text-soft);font-size:.65rem}.encyclopedia-panel{display:flex;flex-direction:column;min-height:0;flex:1;overflow-y:auto;padding:.75rem .85rem 1.25rem;-webkit-overflow-scrolling:touch}.encyclopedia-header h2{margin:0 0 .25rem;font-size:1.15rem;color:var(--color-secondary)}.encyclopedia-intro{margin:0;font-size:.8125rem;color:var(--color-text-soft);line-height:1.45}.encyclopedia-offline-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.65rem}.encyclopedia-offline-badge,.encyclopedia-cache-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;padding:.2rem .45rem;border-radius:var(--radius-sm);background:var(--color-surface-mint);color:var(--color-text-soft)}.encyclopedia-dl-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem}.encyclopedia-categories{display:flex;flex-wrap:wrap;gap:.4rem;margin:.85rem 0 .5rem}.encyclopedia-cat-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .55rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:.7rem;font-weight:700;cursor:pointer;color:var(--color-text-soft)}.encyclopedia-cat-chip.active{border-color:var(--color-primary);background:var(--color-surface-mint);color:var(--color-primary-dark)}.encyclopedia-cat-chip small{opacity:.75;font-weight:600}.encyclopedia-search{position:relative}.encyclopedia-search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--color-text-soft);pointer-events:none}.encyclopedia-search .breed-search-input{padding-left:2.1rem}.encyclopedia-search-hint{margin:.35rem 0 .5rem;font-size:.75rem;color:var(--color-text-soft)}.encyclopedia-results{margin-bottom:1rem}.encyclopedia-pet-guide h3{margin:0 0 .35rem;font-size:.95rem;color:var(--color-secondary)}.pet-edu-training ul,.pet-edu-emergency ol{margin:.5rem 0 0;padding-left:1.1rem;font-size:.8125rem;line-height:1.45}.pet-emergency-disclaimer{font-size:.75rem;color:var(--color-danger);font-weight:600;margin:0 0 .35rem}.kb-safe-card,.kb-health-card{background:var(--color-surface-mint);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.85rem 1rem;margin-bottom:1rem;font-size:.8125rem}.kb-safe-card strong,.kb-health-card strong{display:block;margin-bottom:.35rem;color:var(--color-secondary)}.kb-health-card ul{margin:0;padding-left:1rem}.health-tag{font-size:.65rem;text-transform:uppercase;font-weight:800;color:var(--color-danger)}.toxic-card-rich .toxic-lesson-list{list-style:none;margin:.5rem 0;padding:0}.toxic-lesson-list li{padding:.4rem 0;border-bottom:1px dashed var(--color-warning-border)}.toxic-lesson-name{display:block;font-weight:800;color:var(--color-secondary)}.toxic-lesson-why{display:block;font-size:.8125rem;color:var(--color-text-soft);margin-top:.15rem}.toxic-lesson-emergency{display:block;margin-top:.5rem;line-height:1.4}.pet-lesson-nudge:hover{background:var(--color-surface-mint)}.pet-care-tip{background:var(--color-surface-mint);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:.75rem;font-size:.8125rem;line-height:1.45}.pet-care-tip strong{display:block;color:var(--color-primary-dark);margin-bottom:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.pet-care-tip p{margin:0;color:var(--color-secondary)}.pet-portrait-wrap{text-align:center;margin-bottom:1rem;position:relative}.pet-portrait-wrap:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:140px;height:140px;border-radius:50%;background:var(--gradient-ring);opacity:.35;filter:blur(12px)}.pet-portrait{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--gradient-ring) border-box;box-shadow:var(--shadow-md);position:relative}.pet-portrait-emoji{font-size:5rem;display:block;position:relative;filter:drop-shadow(0 4px 12px rgba(26,143,122,.2))}.pet-accessories{margin-top:.75rem;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.pet-accessory{background:var(--color-surface-mint);padding:.3rem .65rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;color:var(--color-primary-dark);border:1px solid var(--color-border)}.pet-name{text-align:center;margin:0;color:var(--color-secondary);font-size:1.5rem}.pet-level{text-align:center;font-size:.875rem;font-weight:700;color:var(--color-text-soft);margin:.25rem 0 .75rem}.xp-bar{height:10px;background:var(--color-border);border-radius:var(--radius-pill);margin-bottom:1.25rem;overflow:hidden}.xp-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-pill);transition:width .3s;position:relative}.xp-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.stat-grid{display:flex;flex-direction:column;gap:.65rem;margin-bottom:0;background:#fff;border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);width:100%}.stat-row{display:grid;grid-template-columns:1fr 2.5rem;grid-template-rows:auto auto;gap:.25rem .5rem;font-size:.8125rem;font-weight:700;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.stat-row:last-child{border-bottom:none;padding-bottom:0}.stat-row-low .stat-name{color:var(--color-danger)}.stat-label-col{display:flex;flex-direction:column;gap:.15rem;min-width:0;grid-column:1;grid-row:1}.stat-name{font-weight:800;color:var(--color-secondary);line-height:1.2}.stat-realworld{font-size:.6875rem;font-weight:600;color:var(--color-text-soft);line-height:1.3}.stat-row .stat-bar{grid-column:1 / -1;grid-row:2}.stat-bar{height:10px;background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden}.stat-fill{height:100%;border-radius:var(--radius-pill);transition:width .4s ease}.stat-hunger{background:var(--stat-hunger)}.stat-happiness{background:var(--stat-happiness)}.stat-health{background:var(--stat-health)}.stat-hydration{background:var(--stat-hydration)}.stat-cleanliness{background:var(--stat-cleanliness)}.stat-val{text-align:right;color:var(--color-text-soft);font-weight:800;grid-column:2;grid-row:1;align-self:start}.btn.danger{color:var(--color-danger)}.about-panel{padding:1.25rem 1rem 2rem;background:var(--color-bg-muted);min-height:100%;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}.about-header{display:flex;align-items:center;gap:.65rem;margin-bottom:1rem}.about-logo{color:var(--color-primary);flex-shrink:0}.about-panel h3{margin:0;color:var(--color-secondary);font-size:1.25rem}.about-disclaimer{line-height:1.6;color:var(--color-text-muted);font-weight:600;margin-bottom:1.5rem;padding:1rem;background:var(--color-surface-mint);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);overflow-wrap:anywhere;word-break:break-word;max-width:100%}.about-links{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.about-links a{display:flex;align-items:center;gap:.65rem;color:var(--color-secondary);font-weight:700;text-decoration:none;padding:.85rem 1rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9rem;transition:border-color .15s,background .15s;min-width:0;overflow-wrap:anywhere;word-break:break-word}.about-links a svg{color:var(--color-primary);flex-shrink:0}.about-links a:hover{border-color:var(--color-primary);background:var(--color-surface-mint)}.about-version{font-size:.75rem;color:var(--color-text-soft);font-weight:600}.admin-panel{margin-top:2rem;padding-top:1.5rem;border-top:2px dashed var(--color-border)}.admin-panel h4{margin:0 0 .5rem;color:var(--color-secondary)}.admin-hint{font-size:.875rem;color:var(--color-text-soft);font-weight:600;margin-bottom:1rem}.admin-create{display:flex;gap:.5rem;margin-bottom:1rem}.admin-create input{flex:1;min-height:44px;border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:0 .75rem}.admin-promo-list{list-style:none;margin:0;padding:0}.admin-promo-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.admin-promo-list small{display:block;color:var(--color-text-soft);font-weight:600}.admin-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.admin-tab{display:inline-flex;align-items:center;gap:.35rem;min-height:40px;padding:.4rem .75rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;font-size:.8125rem;font-weight:700;color:var(--color-text-soft);cursor:pointer}.admin-tab.active{border-color:var(--color-primary);color:var(--color-primary-dark);background:var(--color-surface-mint)}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.admin-stat-card{padding:.85rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-mint);text-align:center}.admin-stat-value{display:block;font-size:1.5rem;font-weight:800;color:var(--color-secondary);line-height:1.1}.admin-stat-label{display:block;margin-top:.25rem;font-size:.6875rem;font-weight:700;color:var(--color-text-soft);line-height:1.3}.admin-users-table-wrap{overflow-x:auto;margin-top:.5rem}.admin-users-table{width:100%;border-collapse:collapse;font-size:.8125rem}.admin-users-table th,.admin-users-table td{padding:.55rem .4rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.admin-users-table th{font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-soft)}.admin-users-table td small{display:block;color:var(--color-text-soft);font-weight:600;margin-top:.15rem}.levelup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--color-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem}.levelup-card{background:#fff;border-radius:var(--radius-xl);padding:2rem 2rem 1.75rem;text-align:center;max-width:300px;width:100%;box-shadow:var(--shadow-lg);border:3px solid transparent;background-image:linear-gradient(#fff,#fff),var(--gradient-ring);background-origin:border-box;background-clip:padding-box,border-box;animation:bounce-in .4s ease}.levelup-emoji{font-size:3.5rem;display:block;margin-bottom:.5rem;animation:float 2s ease-in-out infinite}.levelup-card h3{margin:0 0 .5rem;color:var(--color-secondary);font-size:1.5rem}.portrait-caption{text-align:center;color:var(--color-text-soft);font-weight:600;margin:0 0 1rem}.form-error{color:var(--color-danger);font-size:.875rem;font-weight:700;margin:.5rem 0}.chat-suggestions{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1rem .5rem;max-width:100%}.chat-suggestion-chip{padding:.4rem .75rem;border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-surface-mint);color:var(--color-primary-dark);font-size:.78rem;font-weight:700;cursor:pointer;max-width:100%;overflow-wrap:anywhere}.chat-suggestion-chip:hover{border-color:var(--color-primary);background:#fff}.daily-bonus-toast{position:fixed;top:4.5rem;left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:#fff;border:2px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:min(92vw,360px)}.daily-bonus-toast p{margin:0;font-size:.85rem;font-weight:700;color:var(--color-secondary)}.daily-mission-banner{display:flex;align-items:center;gap:.65rem;margin:0 .75rem .5rem;padding:.55rem .85rem;background:linear-gradient(135deg,#fff8e6,#fff);border:1.5px solid #ffd166;border-radius:var(--radius-md);font-size:.8rem}.daily-mission-banner svg{color:#e6a800;flex-shrink:0}.daily-mission-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.daily-mission-text strong{color:var(--color-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.daily-mission-text span{color:var(--color-text);font-weight:600;line-height:1.35}.daily-mission-badge{font-size:.7rem;font-weight:700;color:var(--color-text-muted);white-space:nowrap}.daily-mission-banner.done{border-color:var(--color-primary);background:var(--color-surface-mint)}.btn-sm{padding:.35rem .65rem;font-size:.75rem;white-space:nowrap}.readiness-card{margin-bottom:1.25rem;padding:1rem 1.1rem;background:#fff;border-radius:var(--radius-md);border:2px solid var(--color-border)}.readiness-card.readiness-ready{border-color:var(--color-primary);background:linear-gradient(180deg,var(--color-surface-mint) 0%,white 100%)}.readiness-card.readiness-almost{border-color:#ffd166}.readiness-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.readiness-card-header h4{margin:0;font-size:1rem;color:var(--color-secondary)}.readiness-parent-hint{margin:0 0 .75rem;font-size:.82rem;color:var(--color-text-muted);font-weight:600;line-height:1.45}.readiness-score-row{display:flex;align-items:baseline;gap:.15rem;margin-bottom:.35rem}.readiness-score{font-size:2.25rem;font-weight:900;color:var(--color-primary);line-height:1}.readiness-score-max{font-size:1rem;font-weight:700;color:var(--color-text-soft)}.readiness-status-label{margin:0 0 .75rem;font-weight:800;font-size:.9rem}.readiness-status-label.readiness-ready{color:var(--color-primary)}.readiness-status-label.readiness-almost{color:#c47f00}.readiness-status-label.readiness-not-yet{color:var(--color-text-muted)}.readiness-factors{margin:0 0 .75rem;padding-left:1.1rem;font-size:.85rem;line-height:1.6;color:var(--color-text)}.readiness-disclaimer{display:flex;align-items:flex-start;gap:.35rem;margin:0;font-size:.75rem;color:var(--color-text-soft);font-weight:600;line-height:1.4}.chat-message-wrap{display:flex;flex-direction:column;gap:.35rem;max-width:90%}.chat-message-wrap.user{align-self:flex-end;align-items:flex-end}.chat-message-wrap.assistant{align-self:flex-start}.chat-real-life-tip{margin-left:2.5rem;padding:.55rem .75rem;background:#f0faf7;border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.78rem;line-height:1.45}.chat-real-life-tip strong{display:block;color:var(--color-primary);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}.chat-real-life-tip p{margin:0;color:var(--color-text-muted);font-weight:600}.chat-kb-badge{flex:1;font-size:.72rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.03em}.onboarding-hint{color:var(--color-text-muted);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.ownership-grid{display:grid;gap:.75rem;margin-bottom:1rem}.ownership-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;text-align:left;cursor:pointer}.ownership-btn.selected{border-color:var(--color-primary);background:var(--color-surface-mint)}.ownership-emoji{font-size:1.5rem}.ownership-btn strong{color:var(--color-secondary)}.ownership-btn span:last-child{font-size:.82rem;color:var(--color-text-muted);font-weight:600;line-height:1.4}.parent-auth-modal{max-width:420px}.parent-auth-lead{font-size:.88rem;color:var(--color-text-muted);line-height:1.5;margin:.75rem 0 1rem}.parent-dashboard{min-height:100dvh;background:var(--color-bg-muted);display:flex;flex-direction:column}.parent-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--color-border)}.parent-header-actions{display:flex;align-items:center;gap:.35rem}.parent-user-email{font-size:.75rem;color:var(--color-text-muted);font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parent-dashboard-main{flex:1;padding:1rem;max-width:560px;margin:0 auto;width:100%}.parent-intro{display:flex;gap:.65rem;align-items:flex-start;padding:.85rem 1rem;background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:1rem}.parent-intro p{margin:0;font-size:.88rem;line-height:1.5;color:var(--color-text-muted);font-weight:600}.parent-link-card,.parent-child-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.1rem;margin-bottom:1rem}.parent-link-card h2,.parent-child-card h2{margin:0 0 .5rem;font-size:1rem;color:var(--color-secondary);display:flex;align-items:center;gap:.4rem}.parent-pet-meta{margin:.35rem 0 0;font-size:.85rem;color:var(--color-text-muted);font-weight:600}.parent-readiness{margin-bottom:1rem}.parent-loading{text-align:center;color:var(--color-text-muted);font-weight:600}.pet-portrait-wrap{position:relative;display:inline-block;line-height:1}.pet-accessory-overlay{position:absolute;transform:translate(-50%);pointer-events:none;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.pet-wardrobe{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.pet-wardrobe-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:0;border:none;background:none;font:inherit;font-size:.8rem;font-weight:800;color:var(--color-secondary);cursor:pointer;text-align:left}.pet-wardrobe-toggle .pet-info-chevron{margin-left:auto;transition:transform .2s}.pet-wardrobe-toggle .pet-info-chevron.open{transform:rotate(180deg)}.pet-wardrobe-grid{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.pet-wardrobe-item{width:2.5rem;height:2.5rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.pet-wardrobe-item.active{border-color:var(--color-primary);background:var(--color-surface-mint);box-shadow:0 0 0 2px #1a8f7a33}.care-health-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin-top:.5rem}.care-btn-health{min-height:44px}.care-btn-vitamin:not(:disabled){border-color:#e8874a;background:#fff8f0;color:#c45a10}.care-btn-vet:not(:disabled){border-color:var(--color-danger);background:#fff5f5;color:var(--color-danger)}.levelup-accessory-desc{font-size:.875rem;color:var(--color-text-muted);margin:0 0 1rem;line-height:1.45}.levelup-actions{display:flex;flex-direction:column;gap:.5rem;width:100%}.portrait-scene-field textarea{min-height:4rem;padding:.625rem .875rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:.9rem;font-family:inherit;resize:vertical;width:100%}.pet-switcher{display:flex;gap:.5rem;padding:.5rem 1rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--color-border);background:#ffffffeb}.pet-switcher::-webkit-scrollbar{display:none}.pet-switcher-chip{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.35rem .65rem;border:2px solid var(--color-border);border-radius:999px;background:#fff;font-size:.82rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s}.pet-switcher-chip.active{border-color:var(--color-primary, #1a8f7a);background:#e8f7f2}.pet-switcher-chip.pet-switcher-add{border-style:dashed;color:var(--color-primary, #1a8f7a)}.pet-switcher-emoji{font-size:1.15rem;line-height:1}.pet-switcher-name{max-width:5.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-switcher-compact .pet-switcher-chip{padding:.3rem .45rem}