:root{color-scheme:light;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--bg: #f8f8f4;--bg-card: #ffffff;--bg-hover: #edf1ed;--text: #26392f;--text-muted: #748178;--text-secondary: #637168;--border: #e1e7e1;--radius: 16px;--radius-sm: 10px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--page-pad: 16px;--page-max: 960px;--header-h: 69px;--shadow: 0 2px 8px rgba(30, 54, 40, .055), 0 1px 2px rgba(30, 54, 40, .035);--shadow-lg: 0 12px 30px rgba(30, 54, 40, .12), 0 2px 8px rgba(30, 54, 40, .05);--transition: .18s cubic-bezier(.2, .75, .25, 1);--cat-communication: #a95f3e;--cat-daily: #47768d;--cat-time: #4d7957;--cat-emotions: #81638c;--cat-learning: #a17c32;--cat-play: #b55e4a;--accent: #315a49;--accent-hover: #254737;--success: #3f7954;--warning: #a17c32;--danger: #a84f48;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.theme-dark{color-scheme:dark;--bg: #17211c;--bg-card: #202d25;--bg-hover: #2b3b30;--text: #f2f3ec;--text-muted: #aab5ab;--text-secondary: #b6c0b7;--border: #3b4c40;--shadow: 0 2px 8px rgba(0,0,0,.24);--shadow-lg: 0 12px 30px rgba(0,0,0,.32);--accent: #9fc2a9;--accent-hover: #b5d1bb}.theme-high-contrast{color-scheme:dark;--bg: #000;--bg-card: #111;--bg-hover: #282828;--text: #fff;--text-muted: #eee;--text-secondary: #fff;--border: #fff;--shadow: none;--shadow-lg: none;--radius: 5px;--radius-sm: 3px}@media(min-width:600px){:root{--page-pad: 24px}}:root,.app-shell{--text-color: var(--text);--primary: var(--accent)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font)}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}a,button,input,select,textarea,[role=button]{touch-action:manipulation}img{max-width:100%}a{color:var(--accent)}:focus-visible{outline:3px solid #76957f;outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:#cad9cb;color:#1f392b}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid var(--bg);border-radius:9px;background:#c8d1c9}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 16%,transparent);outline-offset:0}.page-title{display:flex;align-items:center;gap:12px;padding:10px 0 16px}.page-title h1{flex:1;margin:0;color:var(--text);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;letter-spacing:-.04em}.sub-back{width:42px;height:42px;display:flex;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--bg-card);color:var(--text);font-size:1.2rem;transition:background var(--transition),transform var(--transition)}.sub-back:hover{background:var(--bg-hover);transform:translate(-2px)}.text-base{font-size:16px}.text-lg{font-size:20px}.text-xl{font-size:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.coming-soon-notice.svelte-wbwq9s{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 20px;text-align:center;min-height:60dvh}.coming-soon-notice.svelte-wbwq9s img:where(.svelte-wbwq9s){border-radius:24px;opacity:.85}.coming-soon-notice.svelte-wbwq9s h1:where(.svelte-wbwq9s){margin:0;font-size:1.6em;outline:none}.coming-soon-notice.svelte-wbwq9s p:where(.svelte-wbwq9s){margin:0;max-width:420px;color:var(--text-muted);line-height:1.5}.home-btn.svelte-wbwq9s{min-height:48px;padding:12px 28px;border-radius:100px;border:1px solid var(--border);background:var(--bg-card);font-weight:700;font-size:1em}.app-shell.svelte-12qhfyh{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.app-header.svelte-12qhfyh{position:sticky;top:0;z-index:100;display:flex;align-items:center;min-height:68px;padding:10px max(24px,calc((100% - 1320px)/2));background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:14px}.header-brand.svelte-12qhfyh{display:inline-flex;align-items:center;gap:9px;color:var(--text);text-decoration:none;font-size:.9rem;font-weight:750;letter-spacing:-.03em}.brand-mark.svelte-12qhfyh{display:inline-flex;align-items:end;gap:3px;width:30px;height:30px;padding:6px;border-radius:9px;background:#315a49;transform:rotate(-5deg)}.brand-mark.svelte-12qhfyh span:where(.svelte-12qhfyh){display:block;width:5px;border-radius:5px;background:#f8f4e9;transform:rotate(5deg)}.brand-mark.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(1){height:10px;opacity:.7}.brand-mark.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(2){height:17px}.brand-mark.svelte-12qhfyh span:where(.svelte-12qhfyh):nth-child(3){height:13px;opacity:.85}.header-spacer.svelte-12qhfyh{flex:1}.back-btn.svelte-12qhfyh{display:flex;align-items:center;gap:6px;color:inherit;text-decoration:none;padding:8px 13px 8px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-card);font-weight:600;font-size:1em;transition:background var(--transition);min-height:44px;min-width:44px}.back-btn.svelte-12qhfyh:hover{background:var(--bg-hover)}.settings-btn.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:var(--bg-card);transition:background var(--transition)}.settings-btn.svelte-12qhfyh:hover{background:var(--bg-hover)}.rewards-btn.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:var(--bg-card);transition:background var(--transition);font-size:1.2rem;border:none;background:none;cursor:pointer}.rewards-btn.svelte-12qhfyh:hover{background:var(--bg-hover)}@media(max-width:560px){.app-header.svelte-12qhfyh{min-height:60px;padding:8px 14px;gap:7px}.header-brand.svelte-12qhfyh{gap:6px;font-size:.76rem}.brand-mark.svelte-12qhfyh{width:26px;height:26px;padding:5px}.back-btn.svelte-12qhfyh{width:40px;min-width:40px;padding:0;justify-content:center}.back-btn.svelte-12qhfyh span:where(.svelte-12qhfyh){display:none}.settings-btn.svelte-12qhfyh,.rewards-btn.svelte-12qhfyh{width:40px;height:40px}}.app-main.svelte-12qhfyh{flex:1;display:flex;flex-direction:column}