.routine-hero{padding:30px;border:1px solid #fff;border-radius:30px;background:radial-gradient(at 95% 5%,#e4c98255,transparent 65%),linear-gradient(130deg,#fffdf5,#e8ecdd);box-shadow:0 16px 40px #29351d12;margin-bottom:26px}.routine-hero h1{font-size:clamp(30px,5vw,48px);margin:14px 0}.routine-hero p{line-height:1.7;max-width:620px;color:#64705b}.routine-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.routine-grid .card{margin:0;min-width:0}.routine-grid h2{margin:8px 0 20px;font-size:26px}.routine-buttons,.routine-inline{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:18px 0}.routine-inline .field{flex:1;min-width:100px}.routine-inline input{width:100%}.routine-buttons .btn{padding:12px 16px;flex:1}.water-card{background:linear-gradient(145deg,#fbfff9,#edf2e7)!important}.routine-drop{font-size:40px;color:#6e9180}.water-amount{font-size:50px;font-weight:650;letter-spacing:-2px}.water-amount small{font-size:15px;letter-spacing:0;margin-left:12px;color:#637565}.water-card progress{width:100%;height:12px;accent-color:#6e9180;border:0;border-radius:20px;overflow:hidden}.sleep-card{background:linear-gradient(135deg,#34402c,#505d41)!important;color:#fffcef}.sleep-card p,.sleep-card .eyebrow{color:#ebe7ce}.sleep-time{font-size:56px;color:#e9c574;letter-spacing:-2px;margin:20px 0}.routine-row,.medicine-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #64705b22}.medicine-row small{display:block;margin-top:7px;line-height:1.5}.medicine-row .btn{font-size:13px;padding:10px 14px}.medicine-edit{padding:18px;background:#eeeee3;border-radius:20px;margin:16px 0}.routine-check{display:flex;gap:12px;align-items:flex-start;margin:20px 0}.routine-check input{width:22px!important;min-height:22px!important;flex:0 0 22px}.routine-empty{padding:22px;background:#f0f0e6;border-radius:18px;line-height:1.7}.pantry-options,.pantry-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.pantry-chip{border:1px solid #d8dccd;border-radius:20px;background:#f7f8ee;padding:10px 14px;font:inherit;font-size:13px;color:#3c4a30;cursor:pointer}.pantry-chip.selected{background:#3c4a30;color:#fff}.pantry-recipe summary{cursor:pointer;list-style:none}.pantry-recipe summary:after{content:'Открыть рецепт ↓';display:block;margin-top:16px;font-size:13px;color:#6d784f}.pantry-recipe[open] summary:after{content:'Свернуть ↑'}.pantry-recipe h2{font-size:24px;margin:12px 0}.pantry-recipe li{margin-bottom:12px;line-height:1.7}.pantry-recipe ul,.pantry-recipe ol{padding-left:24px}.pantry-recipe[open]{animation:routineReveal .25s ease-out}.routine-launch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.routine-launch button{padding:20px;border-radius:22px;border:1px solid #fff;background:linear-gradient(125deg,#eff1e4,#fffaf0);box-shadow:0 10px 25px #33402112;text-align:left;font:600 17px/1.4 Onest,sans-serif;cursor:pointer;color:#2c3623}.routine-launch small{display:block;font-weight:400;font-size:12px;margin-top:8px;color:#69755e}.support-link{font:500 13px Onest,sans-serif;color:#455536;text-decoration:none;padding:8px 14px;border:1px solid #d8ddcc;border-radius:20px}.pt-help-row{display:flex;gap:10px;flex-wrap:wrap}.routine-grid details{margin-top:18px}.routine-grid summary{cursor:pointer}@keyframes routineReveal{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.routine-grid{grid-template-columns:1fr}.routine-hero{padding:24px}.routine-launch button{font-size:15px;padding:16px}.routine-grid .card{padding:25px}.routine-inline{align-items:stretch}.routine-inline .btn{align-self:end}}@media(prefers-reduced-motion:reduce){.pantry-recipe[open]{animation:none}}
/* Tracker and navigation: viewport-level bar, never inside an animated container. */
#mobile-nav{display:none}.rt-icon{width:24px;height:24px;flex:0 0 24px;vertical-align:middle}.rt-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.rt-title h2{margin:0!important;font-size:25px!important}.rt-emblem{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;border-radius:17px;background:linear-gradient(145deg,#e8d393,#f5edd7);color:#465334;box-shadow:inset 0 1px #fff9}.rt-card{overflow:hidden}.rt-card p{line-height:1.65}.rt-choices{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.rt-choices button{display:flex;gap:6px;align-items:center;border:1px solid #d9ddcd;border-radius:16px;padding:10px 12px;font:500 13px Onest,sans-serif;color:#455437;background:#fffdf4;cursor:pointer;transition:background .18s,box-shadow .18s}.rt-choices button[aria-pressed=true]{background:#435335;color:#fffdf3;border-color:#435335;box-shadow:0 5px 12px #34402920}.rt-choices .rt-icon{width:18px;height:18px;flex-basis:18px}.rt-schedule{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rt-slot{text-align:left;border:1px solid #dedfcf;border-radius:20px;background:#f5f4e9;padding:16px;color:#37432b;cursor:pointer;font:inherit;display:grid;gap:10px}.rt-slot>span{display:flex;gap:7px;align-items:center;font-size:13px}.rt-slot b{font-size:24px}.rt-slot small{font-size:12px}.rt-slot.done{background:#e5ecd9;border-color:#becbad}.rt-count{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;color:#586540}.rt-time-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}.rt-time-row input{flex:1;min-width:100px;max-width:100%;box-sizing:border-box}.rt-time-row .field{flex:1;min-width:110px;margin:0}.rt-bell{margin-right:auto;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:15px;background:#fffdf4;box-shadow:0 5px 18px #34402915;position:relative;color:#435335;cursor:pointer}.rt-bell small:empty{display:none}.rt-bell small{position:absolute;right:-3px;top:-5px;background:#bb8b2d;color:#fff;min-width:18px;padding:2px 4px;border-radius:10px;font:600 10px Onest,sans-serif}.rt-notification{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid #dfe2d4}.rt-notification>div{min-width:0}.rt-notification strong{font-size:17px}.rt-notification p{font-size:14px;line-height:1.65;margin:10px 0!important}.rt-notification small{color:#758069;font-size:12px}.rt-notification .text-btn{display:block;font-size:12px;padding:10px 0}.rt-notification.unread .rt-emblem{box-shadow:0 0 0 3px #d7b35d30}.rt-offer{position:fixed;right:24px;bottom:24px;z-index:80;width:min(430px,calc(100vw - 32px));box-sizing:border-box;display:flex;gap:14px;padding:24px;border:1px solid #fff;border-radius:26px;background:#fffdf5;box-shadow:0 18px 70px #26351e40;animation:routineReveal .3s ease-out}.rt-offer>svg{color:#a88030;margin-top:3px}.rt-offer strong{font:600 19px/1.4 Onest,sans-serif}.rt-offer p{font:400 14px/1.6 Onest,sans-serif;color:#65705c;margin:10px 0 16px}.rt-offer .btn{font-size:13px;padding:12px 16px}.rt-offer .error{color:#8b462c;margin-bottom:0}.rt-card .fine{font-size:12px!important}.routine-buttons .btn{min-width:75px}.routine-launch .rt-icon{margin-right:5px}#routine-form h3{margin-top:28px}#routine-form input[type=time]{font-size:16px;min-height:48px}#routine-form select{min-height:48px}#routine-form .field small{font-size:12px;line-height:1.5;font-weight:400}#routine-form .btn{margin-top:12px}.sleep-card .btn{background:#f3f0df;color:#34412b}
@media(max-width:800px){.rt-title h2{font-size:23px!important}.rt-offer{bottom:calc(104px + env(safe-area-inset-bottom,0px));right:16px;padding:20px}.rt-card .routine-buttons{gap:7px}.rt-card .routine-buttons .btn{padding:12px 8px;font-size:13px}.pt-help-row{align-items:center}.support-link,.pt-learn-reopen{font-size:11px!important;padding:8px!important}}
@media(max-width:650px){.shell>.sidebar{display:none!important}#mobile-nav{position:fixed!important;display:flex;align-items:stretch;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:45;padding:6px;gap:3px;border:1px solid #ffffffd9;border-radius:27px;background:#fffdf2f5;box-shadow:0 8px 32px #28351e24;box-sizing:border-box;isolation:isolate}#mobile-nav .nav-button{flex:1;min-width:0;max-width:none;min-height:64px;padding:9px 2px;border-radius:21px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:transparent;color:#68705c;border:0;transform:none!important;font:500 10px/1.2 Onest,sans-serif}#mobile-nav .nav-button .ico{width:23px;height:23px;flex:0 0 23px}#mobile-nav .nav-button.active{color:#fffdf3;background:linear-gradient(145deg,#4d5f39,#2e3b25);box-shadow:0 6px 15px #33402525}#mobile-nav .nav-button span{white-space:nowrap}.main{padding-bottom:calc(125px + env(safe-area-inset-bottom,0px))!important}.rt-offer{bottom:calc(94px + env(safe-area-inset-bottom,0px))}.rt-title{gap:10px}.rt-title h2{font-size:22px!important}.rt-emblem{width:42px;height:42px;flex-basis:42px}.routine-grid .card{padding:22px}.rt-notification{gap:10px}.rt-schedule{gap:8px}.rt-slot{padding:14px}.water-amount{font-size:44px}}
@media(prefers-reduced-motion:reduce){.rt-offer{animation:none}.rt-choices button{transition:none}}
/* Consistent space around tracker, recipes, settings and notification actions. */
#pantry-results{display:grid;gap:24px;margin-top:28px}#pantry-results>.card{margin:0!important}#pantry-results>.notice{margin:0!important}.pantry-recipe summary{display:grid;gap:16px}.pantry-recipe summary h2{margin:0!important;line-height:1.3}.pantry-recipe summary .tag{white-space:normal;line-height:1.6;width:fit-content}.pantry-recipe summary:after{margin-top:0}.pantry-recipe[open]>p{margin:24px 0!important}.pantry-recipe h3{margin:28px 0 16px!important}.pantry-recipe ul,.pantry-recipe ol{margin:0 0 12px!important}.pantry-recipe li{padding-left:4px;margin-bottom:14px}.rt-offer-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}.rt-offer-actions .text-btn{padding:12px 16px;min-height:44px;border:1px solid #d9ddce;border-radius:16px}.rt-offer-actions .btn{min-height:44px}.rt-card>p{margin:16px 0!important}.rt-title{margin-bottom:24px}.rt-card>.btn{margin-top:12px}.routine-buttons{margin:24px 0;gap:12px}.rt-schedule{margin-top:24px}.routine-grid{gap:24px}.routine-hero{margin-bottom:28px}.rt-water-hint{color:#64705b;font-size:15px}.rt-card details{margin-top:24px}.rt-inbox>#inbox-enable{margin:20px 0}.rt-inbox>#inbox-status:empty{display:none}.rt-inbox>.routine-empty{margin-top:24px}.rt-notification{padding:24px 0}.rt-time-row{gap:14px;margin:16px 0}.medicine-edit{padding:22px;margin:22px 0}.medicine-edit>.text-btn{margin:8px 12px 4px 0}#routine-form>.btn{margin-top:20px}#routine-form>.routine-check{margin:26px 0;line-height:1.6}.nav-button[data-nav=photo]{background:linear-gradient(135deg,#e7cd85,#bf902e)!important;color:#fffdf6!important;box-shadow:0 7px 18px #b58b2930}
@media(max-width:650px){#mobile-nav{gap:2px;padding:6px 4px;border-radius:25px}#mobile-nav .nav-button{font-size:9px;padding:10px 1px;gap:7px;min-height:64px;border-radius:18px}#mobile-nav .nav-button .ico{width:21px;height:21px;flex-basis:21px}#mobile-nav .nav-button[data-nav=photo]{background:linear-gradient(135deg,#e7cd85,#bf902e)!important;color:#fff!important;box-shadow:0 6px 15px #b58b2940}#mobile-nav .nav-button[data-nav=trainer]{display:none}.rt-offer-actions{display:grid;grid-template-columns:1fr;gap:12px}.rt-offer-actions .btn,.rt-offer-actions .text-btn{width:100%;margin:0;box-sizing:border-box}.routine-grid{gap:22px}#pantry-results{gap:22px;margin-top:24px}.pantry-recipe{padding:24px!important}.rt-card .routine-buttons{gap:10px;display:grid;grid-template-columns:repeat(2,1fr)}.rt-card .routine-buttons .btn{min-height:46px;margin:0}}
#pantry-selected{margin:20px 0}#pantry-selected:empty{display:none}#pantry-selected~details{margin:20px 0}#pantry-search{margin-top:24px}#pantry-search+.fine{margin-top:20px!important;line-height:1.7!important}.rt-card .medicine-row{gap:16px;padding:20px 0}.rt-card .medicine-row+.text-btn{margin-top:16px}.routine-hero>.btn{margin-top:20px}.rt-offer p.error:empty{display:none}
@media(max-width:800px){.rt-offer{left:16px;right:16px;width:auto;max-width:430px;margin-left:auto}}
.health-values{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.health-values:empty{display:none}.health-values>div{padding:16px;border-radius:18px;background:#edf0e3;display:grid;gap:12px}.health-values span{font-size:12px;color:#657057}.health-values b{font-size:28px}.health-setup>p{margin:20px 0!important;line-height:1.7}.health-setup ol{padding-left:22px}.health-setup li{margin:18px 0;line-height:1.7}.health-setup .routine-check{line-height:1.6;margin:22px 0}.health-setup .btn{margin:20px 0}.health-setup details{margin-top:24px}.health-setup details p{margin:20px 0!important}.health-setup input[readonly]{font-size:12px}
.mineral-card h2{margin:10px 0 0}.mineral-card>.muted{margin:16px 0 22px}.mineral-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mineral-tile{display:grid;gap:9px;padding:20px;border:1px solid #dfe3d3;border-radius:22px;background:linear-gradient(145deg,#fffefa,#efefdf);box-shadow:0 7px 18px #34412a08}.mineral-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e2e8d4;color:#4c5b37;font-weight:600}.mineral-tile strong{font-size:22px;letter-spacing:-.4px}.mineral-tile small{font-size:11px;color:#69715e;font-weight:400;line-height:1.5}.mineral-about{margin-top:24px;line-height:1.7;font-size:13px}.mineral-about summary{cursor:pointer;padding:10px 0}.mineral-about p{margin:12px 0}.rt-progress{display:flex;align-items:center;gap:24px;margin:24px 0}.rt-progress-ring{flex:0 0 146px;width:146px;height:146px;border-radius:50%;padding:10px;background:conic-gradient(var(--ring-color,#7b9470) calc(var(--fill)*1%),#e7e8dc 0);box-shadow:0 10px 25px #35432814}.rt-progress-center{height:100%;border-radius:50%;background:#fffdf5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.rt-progress-center strong{font-size:29px;letter-spacing:-1px}.rt-progress-center small{color:#657059;font-size:12px}.rt-progress-copy{min-width:0;line-height:1.6}.rt-progress-copy b{font-size:23px;display:block;margin:4px 0}.rt-progress-copy span{font-size:12px;color:#69715e}.sleep-card .rt-progress-ring{--ring-color:#a7a184}.rt-source{font-size:12px;padding:12px 16px;border-radius:14px;background:#eceedd;margin:16px 0}.rt-water-goal-note{font-size:12px;color:#69715e;line-height:1.7;margin:18px 0}.rt-goals-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:480px){.rt-progress{gap:16px}.rt-progress-ring{flex-basis:124px;width:124px;height:124px}.rt-progress-copy b{font-size:21px}.mineral-grid{gap:10px}.mineral-tile{padding:16px 13px}.mineral-tile strong{font-size:20px}.rt-goals-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.mineral-tile{animation:rt-appear .3s ease both}@keyframes rt-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
/* Compact nutrient ledger and household selection. */
.family-switch{display:flex;align-items:center;gap:12px;padding:12px 15px;margin:0 0 22px;border:1px solid #fff9;border-radius:22px;background:linear-gradient(120deg,#fffdf6e8,#ebe9daaa);box-shadow:0 8px 24px #29351b08;min-width:0}.family-avatar{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:14px;background:#d9dfcc;color:#344426;font-weight:600}.family-switch label{display:grid;gap:3px;flex:1;min-width:0;font-size:10px;color:#6c735f}.family-switch select{font:600 14px/1.4 Onest,sans-serif;color:#29351f;background:transparent;border:0;padding:0 22px 0 0;max-width:100%;min-width:0}.family-switch .text-btn{flex-shrink:0;padding:10px 4px;font-size:12px}.family-list{display:grid;gap:12px;margin:20px 0}.family-list section{display:grid;gap:10px}.family-list h3{font-size:16px}.family-list+.field{margin-top:18px}#family-link-menu{margin-top:20px;min-height:44px}
.card.nutrient-card{padding:20px;border-radius:26px}.nutrient-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.nutrient-header h2{font:600 20px/1.3 Onest,sans-serif!important;letter-spacing:-.5px!important;margin:6px 0 0!important}.nutrient-header .eyebrow{font-size:9px;letter-spacing:1.5px}.nutrient-caption{font-size:11px!important;line-height:1.5!important;color:#727761;margin:8px 0 15px!important}.nutrient-group{border-top:1px solid #59654020}.nutrient-group>summary{list-style:none;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:13px 0;cursor:pointer;min-height:44px}.nutrient-group>summary::-webkit-details-marker{display:none}.nutrient-group>summary:after{content:'+';margin-left:auto;font-size:18px;font-weight:400}.nutrient-group[open]>summary:after{content:'−'}.nutrient-group>summary span{font-size:10px;color:#727761;background:#e9ebdf;padding:2px 7px;border-radius:12px}.nutrient-list{display:grid;grid-template-columns:1fr;gap:0;padding-bottom:9px}.nutrient-row{display:flex;align-items:center;gap:9px;padding:7px 0;min-width:0}.nutrient-symbol{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:linear-gradient(130deg,#e8e0bd,#eeeada);font-size:10px;font-weight:700;color:#7a692f}.nutrient-body{flex:1;min-width:0}.nutrient-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11px;line-height:1.5}.nutrient-title b{font-weight:500;min-width:0}.nutrient-title>span{white-space:nowrap;font-variant-numeric:tabular-nums;color:#586248;font-size:10px}.nutrient-title small{font-size:9px}.nutrient-line{height:4px;background:#e3e5d9;border-radius:8px;overflow:hidden;margin:5px 0 3px}.nutrient-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8e9f65,#435a32);transition:width .35s ease}.nutrient-note{display:block;color:#7b806f;font-size:9px;line-height:1.45}.nutrient-row.unknown .nutrient-line{background:repeating-linear-gradient(90deg,#e4e5dc 0 5px,transparent 5px 8px)}.nutrient-card .mineral-about{font-size:11px;margin-top:8px}.nutrient-card .mineral-about summary{min-height:38px;padding:9px 0}.nutrient-card .mineral-about p{font-size:11px;line-height:1.6;margin:10px 0}.nutrient-card .tag{padding:5px 10px}.nutrient-card a{color:#52663d}@media(min-width:650px){.nutrient-list{grid-template-columns:1fr 1fr;column-gap:22px}}@media(max-width:380px){.card.nutrient-card{padding:16px}.nutrient-header h2{font-size:18px!important}.nutrient-title{font-size:10px;gap:5px}.nutrient-symbol{width:24px;flex-basis:24px}.family-switch{padding:10px;gap:8px}}@media(prefers-reduced-motion:reduce){.nutrient-line i{transition:none}}
