:root{--primary-h:162;--primary-s:48%;--primary-l:42%;--primary:hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-light:hsl(var(--primary-h), var(--primary-s), 95%);--primary-soft:hsl(var(--primary-h), var(--primary-s), 90%);--primary-dark:hsl(var(--primary-h), var(--primary-s), 30%);--secondary-h:265;--secondary-s:42%;--secondary-l:64%;--secondary:hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l));--secondary-light:hsl(var(--secondary-h), var(--secondary-s), 95%);--secondary-soft:hsl(var(--secondary-h), var(--secondary-s), 90%);--bg-cream:#faf9f5;--bg-dark:#121316;--text-dark:#22252a;--text-light:#f3f4f6;--text-muted-dark:#656d78;--text-muted-light:#9ba3af;--severity-1:#5cb85c;--severity-2:#f0ad4e;--severity-3:#f08080;--severity-4:#d9534f;--severity-5:#c9302c;--sleep:#4a90e2;--food:#f5a623;--toilet:#27ae60;--therapy:#9b59b6;--meltdown:#e74c3c;--bg-app:var(--bg-cream);--text-main:var(--text-dark);--text-muted:var(--text-muted-dark);--card-bg:#ffffffb3;--card-border:#ffffff80;--card-shadow:0 8px 32px 0 #8e98a014;--glass-shadow:0 8px 32px 0 #1f26870a;--border-light:#0000000f;--input-bg:#fff;--nav-bg:#ffffffd9;--font-sans:"Outfit", "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--bg-app:var(--bg-dark);--text-main:var(--text-light);--text-muted:var(--text-muted-light);--card-bg:#191b1fa6;--card-border:#ffffff0f;--card-shadow:0 8px 32px 0 #0000004d;--glass-shadow:0 8px 32px 0 #0003;--border-light:#ffffff14;--input-bg:#1e2025;--nav-bg:#191b1fd9;--primary-light:hsl(var(--primary-h), var(--primary-s), 15%);--primary-soft:hsl(var(--primary-h), var(--primary-s), 10%);--secondary-light:hsl(var(--secondary-h), var(--secondary-s), 15%)}}body.telegram-app{--bg-app:var(--tg-theme-bg-color,var(--bg-app));--text-main:var(--tg-theme-text-color,var(--text-main));--text-muted:var(--tg-theme-hint-color,var(--text-muted));--primary:var(--tg-theme-button-color,var(--primary))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100svh;line-height:1.5;overflow-x:hidden}#root{background-color:var(--bg-app);flex-direction:column;width:100%;max-width:480px;min-height:100svh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 50px #00000005}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}@media (prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background:#ffffff26}}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:20px;padding:20px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s}.glass-card:active{transform:scale(.985)}.btn-primary{background:linear-gradient(135deg, var(--primary), hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 5%)));color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 15px rgba(var(--primary-h), 50%, 40%, .2);border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.btn-primary:active{box-shadow:0 2px 5px rgba(var(--primary-h), 50%, 40%, .1);transform:scale(.95)}.btn-secondary{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-main);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--glass-shadow);border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-secondary:active{background:var(--border-light);transform:scale(.97)}.btn-icon{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;width:44px;height:44px;color:var(--text-main);border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:active{background:var(--border-light);transform:scale(.9)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-muted);padding-left:4px;font-size:14px;font-weight:600}.form-input{background:var(--input-bg);border:1px solid var(--border-light);font-family:var(--font-sans);color:var(--text-main);border-radius:14px;outline:none;padding:12px 16px;font-size:16px;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3ea38126}.form-select{appearance:none;background:var(--input-bg);border:1px solid var(--border-light);font-family:var(--font-sans);color:var(--text-main);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23656d78'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;border-radius:14px;outline:none;padding:12px 40px 12px 16px;font-size:16px}.form-select:focus{border-color:var(--primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.35s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.page-container{flex-direction:column;flex:1;gap:20px;padding:20px 20px 90px;display:flex;overflow-y:auto}