:root{color-scheme:light dark;--bg:#f2f2f7;--card:rgba(255,255,255,.92);--text:#111114;--secondary:#6e6e73;--line:rgba(60,60,67,.16);--blue:#007aff;--green:#34c759;--orange:#ff9f0a;--red:#ff3b30;--shadow:0 14px 42px rgba(30,32,45,.08);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif}
html,body{width:100%;max-width:100%;overflow-x:hidden}.app-shell{width:100%;max-width:760px;min-width:0;margin-left:auto;margin-right:auto;overflow-x:clip}.app-shell>*{min-width:0}img,canvas,video{max-width:100%}input,select,textarea{font-size:16px}
*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(circle at 95% -5%,rgba(0,122,255,.12),transparent 28rem),var(--bg);color:var(--text);min-height:100vh}.app-shell{width:min(100%,760px);margin:auto;padding:calc(18px + env(safe-area-inset-top)) 18px calc(100px + env(safe-area-inset-bottom));min-height:100vh}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,8vw,46px);line-height:1.05;letter-spacing:-.04em;margin-bottom:10px}h2{font-size:23px;letter-spacing:-.025em;margin-bottom:6px}button,input{font:inherit}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:750;color:var(--secondary);margin-bottom:6px}.lead,.muted{color:var(--secondary)}.lead{font-size:17px;line-height:1.45}.auth-screen{max-width:440px;margin:9vh auto 0}.auth-mark{width:72px;height:72px;border-radius:22px;background:linear-gradient(145deg,#50a7ff,#0064dc);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:760;box-shadow:0 14px 30px rgba(0,122,255,.3);margin-bottom:28px}.ios-form{display:grid;gap:12px;margin-top:28px}.ios-form h2{font-size:16px;margin:18px 4px 0}.ios-form label{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:9px 14px;display:grid;gap:3px}.ios-form label span{font-size:12px;color:var(--secondary)}.ios-form input{border:0;background:transparent;color:var(--text);outline:0;padding:4px 0;font-size:17px;min-width:0}.primary,.success{border:0;border-radius:16px;color:#fff;font-weight:700;min-height:52px;padding:0 20px;cursor:pointer}.primary{background:var(--blue)}.success{background:var(--green)}.wide{width:100%}.inline-error,.flash{border-radius:14px;padding:12px 14px}.inline-error,.flash.error{background:rgba(255,59,48,.12);color:var(--red)}.flash.success{background:rgba(52,199,89,.13);color:#20883b}.flash{position:sticky;top:calc(8px + env(safe-area-inset-top));z-index:20;margin-bottom:12px;backdrop-filter:blur(16px)}.home-header{display:flex;justify-content:space-between;align-items:center;margin:8px 2px 24px}.home-header h1{font-size:34px}.date-line{font-size:13px;font-weight:650;color:var(--secondary);margin-bottom:7px}.avatar{width:48px;height:48px;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,#ffd58b,#ff9f0a);display:grid;place-items:center;color:#fff;font-size:20px;font-weight:750;box-shadow:0 7px 18px rgba(255,159,10,.24)}.avatar.admin{background:linear-gradient(145deg,#71c3ff,#007aff)}.avatar.large{width:58px;height:58px}.progress-card,.meal-card,.finish-card,.completed-card,.person-card,.empty-card,.admin-day{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.progress-card{padding:24px;display:grid;grid-template-columns:1fr auto;align-items:center}.progress-big{font-size:48px;line-height:1;font-weight:780;letter-spacing:-.06em}.progress-total{display:block;color:var(--secondary);margin-top:4px}.ring{--p:0;width:70px;height:70px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),rgba(120,120,128,.18) 0);display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--card)}.ring span{position:relative;font-size:13px;font-weight:750}.progress-track{grid-column:1/-1;height:7px;background:rgba(120,120,128,.15);border-radius:99px;overflow:hidden;margin:22px 0 12px}.progress-track i{display:block;height:100%;background:var(--green);border-radius:inherit}.progress-card p{grid-column:1/-1;color:var(--secondary);font-size:14px;margin:0}.section-head{display:flex;align-items:end;justify-content:space-between;margin:34px 2px 14px}.section-head h2{margin:0}.section-head .muted{font-size:13px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.day-tile{aspect-ratio:1;border-radius:15px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none;color:var(--text);font-weight:700;box-shadow:0 3px 12px rgba(30,30,50,.04);-webkit-tap-highlight-color:transparent}.day-tile:active{transform:scale(.95)}.day-tile.active{background:rgba(0,122,255,.13);border-color:rgba(0,122,255,.35);color:var(--blue)}.day-tile.completed{background:var(--green);border-color:var(--green);color:white}.day-state{position:absolute;right:6px;top:4px;font-size:10px}.photo-dot{position:absolute;left:5px;bottom:3px;font-size:8px}.medical-note{font-size:12px;line-height:1.5;color:var(--secondary);margin:24px 5px}.tabbar{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),520px);height:64px;border:1px solid rgba(255,255,255,.65);background:rgba(248,248,250,.82);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:22px;display:flex;justify-content:space-around;box-shadow:0 12px 36px rgba(0,0,0,.15);z-index:30}.tab{color:#8e8e93;text-decoration:none;display:grid;place-items:center;align-content:center;gap:2px;min-width:110px;font-size:10px;font-weight:650}.tab.active{color:var(--blue)}.tab-icon{font-size:24px;line-height:1}.detail-nav{height:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:16px}.back{color:var(--blue);text-decoration:none;font-size:18px}.back span{font-size:16px}.nav-title{font-weight:700}.day-hero{padding:12px 2px 22px}.day-hero h1{font-size:38px}.macro-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:20px}.macro-row span{background:rgba(118,118,128,.11);border-radius:13px;padding:10px 5px;text-align:center;color:var(--secondary);font-size:10px}.macro-row b{display:block;color:var(--text);font-size:17px}.meal-list{display:grid;gap:16px}.meal-card{padding:20px}.meal-heading{display:flex;align-items:center;gap:12px}.meal-symbol{width:42px;height:42px;border-radius:14px;background:rgba(255,159,10,.13);color:var(--orange);display:grid;place-items:center;font-size:22px}.meal-heading h2{margin:0}.dish-copy{font-size:14px;line-height:1.58;color:var(--secondary);margin:18px 0;max-height:250px;overflow:auto;padding-right:4px}.meal-card details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0}.meal-card summary{font-size:15px;font-weight:670;display:flex;justify-content:space-between;cursor:pointer;list-style:none}.ingredient-list{list-style:none;padding:12px 0 0;margin:0}.ingredient-list li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-size:13px;color:var(--secondary)}.ingredient-list b{color:var(--text);white-space:nowrap}.meal-macros{display:flex;gap:8px;margin-top:14px}.meal-macros span{background:rgba(118,118,128,.1);border-radius:9px;padding:5px 8px;font-size:11px;color:var(--secondary)}.sticky-action{position:sticky;bottom:calc(84px + env(safe-area-inset-bottom));margin-top:22px;z-index:10}.finish-card,.completed-card{padding:24px;margin-top:20px;text-align:center}.finish-card p{color:var(--secondary)}.photo-form{display:grid;gap:14px}.photo-picker{border:1.5px dashed rgba(0,122,255,.45);border-radius:20px;padding:22px;display:grid;gap:5px;color:var(--blue);cursor:pointer}.photo-picker input{position:absolute;opacity:0;pointer-events:none}.photo-picker small{color:var(--secondary)}.picker-icon{font-size:28px}.photo-preview,.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-item,.photo-gallery a{aspect-ratio:1;border-radius:15px;overflow:hidden;background:rgba(118,118,128,.13)}.preview-item img,.photo-gallery img{width:100%;height:100%;object-fit:cover}.checkmark{width:64px;height:64px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-size:34px;margin:0 auto 16px}.completed-card>p{color:var(--secondary)}.person-card{display:flex;align-items:center;gap:14px;padding:19px}.person-card h2,.person-card p{margin:0}.person-card>div:nth-child(2){min-width:0}.person-card>div:nth-child(2)>p:last-child{font-size:13px;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-score{margin-left:auto;font-size:28px;font-weight:780}.person-score small{font-size:13px;color:var(--secondary)}.admin-calendar .day-tile{pointer-events:none}.gallery-head{margin-top:36px}.admin-day{padding:18px;margin-bottom:14px}.admin-day-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-day-title h3{margin:0}.admin-day-title span{color:var(--secondary);font-size:13px}.empty-card{text-align:center;padding:30px;margin-top:18px}.empty-card p{color:var(--secondary);margin:0}.empty-icon{font-size:36px;color:var(--secondary);margin-bottom:10px}
@media(max-width:390px){.app-shell{padding-left:14px;padding-right:14px}.calendar-grid{gap:6px}.day-tile{border-radius:13px}.macro-row{gap:5px}.meal-card{padding:17px}.home-header h1{font-size:30px}}
@media(prefers-color-scheme:dark){:root{--bg:#000;--card:rgba(28,28,30,.94);--text:#f5f5f7;--secondary:#98989d;--line:rgba(84,84,88,.58);--shadow:0 14px 42px rgba(0,0,0,.25)}body{background:radial-gradient(circle at 95% -5%,rgba(10,132,255,.18),transparent 26rem),#000}.tabbar{background:rgba(28,28,30,.82);border-color:rgba(84,84,88,.45)}.primary{background:#0a84ff}.day-tile.active{color:#0a84ff;background:rgba(10,132,255,.18)}}
@media(prefers-reduced-motion:no-preference){.day-tile,.primary,.success{transition:transform .15s ease,filter .15s ease}.primary:active,.success:active{transform:scale(.98);filter:brightness(.92)}}
.reset-card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);margin-top:14px;padding:19px;display:flex;align-items:center;gap:18px}.reset-card>div{flex:1}.reset-card h3{font-size:17px;margin-bottom:5px}.reset-card p:last-child{font-size:13px;line-height:1.45;color:var(--secondary);margin:0}.danger{border:0;border-radius:14px;min-height:46px;padding:0 16px;background:rgba(255,59,48,.12);color:var(--red);font-weight:720;white-space:nowrap;cursor:pointer}.danger:active{transform:scale(.97)}.dish-copy{max-height:none;overflow:visible}.dish-sections{display:grid;gap:9px}.dish-section{background:rgba(118,118,128,.08);border-radius:14px;padding:11px 12px}.dish-section>span{display:block;color:var(--blue);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.075em;margin-bottom:4px}.dish-section p,.dish-paragraph{margin:0;color:var(--text);font-size:14px;line-height:1.48}.ingredients-panel{background:rgba(0,122,255,.065);border:1px solid rgba(0,122,255,.13);border-radius:18px;padding:14px;margin-top:16px}.ingredients-title{display:flex;align-items:center;gap:10px;padding-bottom:8px}.ingredients-title h3{font-size:16px;margin:0}.ingredients-title p{margin-bottom:2px}.ingredients-icon{width:34px;height:34px;border-radius:11px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:20px}.ingredients-panel .ingredient-list{padding-top:4px}.ingredients-panel .ingredient-list li{border-top:1px solid rgba(0,122,255,.11);padding:10px 0}.ingredients-panel .ingredient-list li:first-child{border-top:0}.ingredients-panel .ingredient-list span{color:var(--text)}@media(max-width:520px){.reset-card{display:grid}.reset-card form,.reset-card .danger{width:100%}}
.day-tile.locked{opacity:.42;filter:saturate(.25)}.day-tile.locked .day-state{font-size:9px;right:4px;top:3px}.locked-day-card{background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:20px;margin-top:20px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.locked-symbol{width:46px;height:46px;border-radius:15px;background:rgba(118,118,128,.12);display:grid;place-items:center;font-size:20px}.locked-day-card h2{font-size:18px;margin-bottom:5px}.locked-day-card p:last-child{font-size:13px;line-height:1.45;color:var(--secondary);margin:0}.locked-day-card .secondary-button{grid-column:1/-1}.secondary-button{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:15px;background:rgba(0,122,255,.1);color:var(--blue);font-weight:700;text-decoration:none}
.camera-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo-slot{min-width:0;border:1.5px dashed rgba(0,122,255,.4);border-radius:17px;padding:8px 5px 10px;display:grid;place-items:center;gap:3px;color:var(--blue);cursor:pointer;overflow:hidden}.photo-slot input{position:absolute;opacity:0;pointer-events:none}.photo-slot b{font-size:13px}.photo-slot small{font-size:9px;color:var(--secondary)}.slot-preview{width:100%;aspect-ratio:1;border-radius:12px;background:rgba(0,122,255,.08);display:grid;place-items:center;font-size:25px;overflow:hidden}.slot-preview img{width:100%;height:100%;object-fit:cover}.photo-slot.has-photo{border-style:solid;border-color:var(--green);color:var(--green)}.photo-hint{color:var(--secondary);font-size:11px}

/* Одна фотография для каждого приема пищи */
.meal-photo-box{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.meal-photo-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px}.meal-photo-status b{font-size:14px}.meal-photo-status span{color:var(--secondary)}.meal-photo-status .ready{color:var(--green);font-weight:700}
.meal-photo-form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:stretch}
.meal-photo-picker{min-width:0;border:1.5px dashed rgba(0,122,255,.42);border-radius:17px;padding:8px;display:flex;align-items:center;gap:11px;color:var(--blue);cursor:pointer;overflow:hidden}.meal-photo-picker input{position:absolute;opacity:0;pointer-events:none}.meal-photo-picker b{display:block;font-size:13px}.meal-photo-picker small{display:block;color:var(--secondary);font-size:10px;margin-top:2px}.meal-photo-preview{width:54px;height:54px;flex:0 0 auto;border-radius:12px;background:rgba(0,122,255,.08);display:grid;place-items:center;font-size:24px;overflow:hidden}.meal-photo-preview img{width:100%;height:100%;object-fit:cover}.meal-photo-picker.has-photo{border-style:solid;border-color:var(--green)}
.photo-save{border:0;border-radius:16px;background:rgba(0,122,255,.11);color:var(--blue);font-weight:720;padding:0 15px;cursor:pointer}.photo-save:active{transform:scale(.97)}
.meal-photo-progress{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:12px 0}.meal-photo-progress span{padding:6px 9px;border-radius:99px;background:rgba(118,118,128,.1);color:var(--secondary);font-size:11px}.meal-photo-progress .done{background:rgba(52,199,89,.13);color:var(--green);font-weight:700}
button:disabled{opacity:.43;cursor:not-allowed;filter:saturate(.25)}

/* Галереи с подписями приема пищи */
.photo-gallery.labelled a,.completed-card .photo-gallery a{aspect-ratio:auto;background:transparent;text-decoration:none;color:var(--secondary);font-size:11px;display:grid;gap:5px}.photo-gallery.labelled img,.completed-card .photo-gallery img{aspect-ratio:1;border-radius:15px}.photo-gallery.labelled span,.completed-card .photo-gallery span{text-align:center}
.admin-calendar .day-tile{pointer-events:auto}.day-tile.selected{outline:3px solid rgba(0,122,255,.32);outline-offset:2px}

/* Список покупок на два ближайших дня */
.shopping-summary{background:linear-gradient(145deg,rgba(0,122,255,.14),rgba(52,199,89,.1));border:1px solid rgba(0,122,255,.16);border-radius:26px;padding:22px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.shopping-summary h2{margin-bottom:5px}.shopping-summary p{color:var(--secondary);margin:0;font-size:13px;line-height:1.45}.shopping-count{font-size:34px;font-weight:780;letter-spacing:-.04em;text-align:center}.shopping-count small{display:block;font-size:10px;color:var(--secondary);letter-spacing:0}
.shopping-card,.day-products{background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:19px;margin-bottom:14px}.shopping-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.shopping-title h2,.shopping-title h3{margin:0}.shopping-title span{color:var(--secondary);font-size:12px}
.shopping-list{list-style:none;padding:0;margin:0}.shopping-list li{border-top:1px solid var(--line)}.shopping-list li:first-child{border-top:0}.shopping-check{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px 0;cursor:pointer}.shopping-check input{appearance:none;width:22px;height:22px;border:1.5px solid rgba(118,118,128,.45);border-radius:7px;margin:0;display:grid;place-items:center}.shopping-check input:checked{background:var(--green);border-color:var(--green)}.shopping-check input:checked:after{content:'✓';color:#fff;font-size:15px;font-weight:800}.shopping-check input:checked+span{text-decoration:line-through;color:var(--secondary)}.shopping-check b{white-space:nowrap;font-size:13px}
.day-products summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:720}.day-products summary span{color:var(--text);font-size:16px}.day-products summary small{display:block;color:var(--secondary);font-size:11px;font-weight:500;margin-top:3px}.day-products summary i{color:var(--blue);font-size:22px;font-style:normal}.day-products .ingredient-list{padding-top:11px;margin-top:10px;border-top:1px solid var(--line)}.day-products .secondary-button{margin-top:10px}
@media(max-width:390px){.meal-photo-form{grid-template-columns:1fr}.photo-save{min-height:46px}.shopping-check{grid-template-columns:auto 1fr}.shopping-check b{grid-column:2}}

/* Фотокарточка блюда с КБЖУ */
.meal-card{position:relative}.dish-camera{position:absolute;top:19px;right:19px;width:42px;height:42px;border-radius:50%;background:rgba(0,122,255,.11);color:var(--blue);display:grid;place-items:center;font-size:19px;cursor:pointer;-webkit-tap-highlight-color:transparent}.dish-camera:active{transform:scale(.92)}.dish-camera input{position:absolute;opacity:0;pointer-events:none}
.story-sheet[hidden]{display:none}.story-sheet{position:fixed;inset:0;z-index:80;display:grid;align-items:end}.story-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.story-sheet-card{position:relative;width:min(100%,520px);max-height:calc(94vh - env(safe-area-inset-top));margin:0 auto;background:var(--card);border-radius:28px 28px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom));overflow:auto;box-shadow:0 -16px 50px rgba(0,0,0,.25)}.story-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.story-sheet-head h2{margin:0}.story-close{width:38px;height:38px;border:0;border-radius:50%;background:rgba(118,118,128,.14);color:var(--secondary);font-size:26px;line-height:1;cursor:pointer}.story-sheet-card>img{display:block;width:min(100%,360px);aspect-ratio:4/5;object-fit:cover;margin:0 auto;border-radius:20px;background:#111}.story-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.story-actions .secondary-button{min-height:52px}.story-sheet-card>.photo-hint{text-align:center;margin:10px 0 0}.story-open{overflow:hidden}

.shopping-complete{margin-top:16px}.shopping-complete.is-complete{background:var(--green);color:#fff;border:1px solid var(--green)}.shopping-complete-note{text-align:center;color:var(--secondary);font-size:12px;font-weight:650;margin:10px 0 0}.shopping-complete-note[hidden]{display:none}

.weigh-start-card{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:21px;margin-top:22px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.scale-icon{width:50px;height:50px;border-radius:16px;background:rgba(0,122,255,.11);display:grid;place-items:center;font-size:25px}.weigh-start-card h2{margin:0}.fasting-note{display:inline-block;margin:5px 0 0;padding:5px 8px;border-radius:8px;background:rgba(255,159,10,.14);color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.05em}.weight-field{grid-column:1/-1;background:rgba(118,118,128,.09);border-radius:16px;padding:10px 14px;display:flex;justify-content:space-between;align-items:center}.weight-field>span:first-child{color:var(--secondary);font-size:13px}.weight-field>span:last-child{display:flex;align-items:center;gap:5px}.weight-field input{width:95px;border:0;background:transparent;color:var(--text);font-size:22px;font-weight:750;text-align:right;outline:0}.weight-field b{font-size:13px;color:var(--secondary)}.weigh-start-card .primary{grid-column:1/-1}

/* Персональный профиль и КБЖУ */
.onboarding-screen{margin-top:3vh}.sex-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sex-choice label{padding:0!important;background:transparent!important;border:0!important}.sex-choice input{position:absolute;opacity:0}.sex-choice span{display:grid;place-items:center;min-height:50px;border-radius:15px;background:var(--card);border:1px solid var(--line);font-size:15px!important;color:var(--text)!important}.sex-choice input:checked+span{background:rgba(0,122,255,.12);border-color:rgba(0,122,255,.35);color:var(--blue)!important;font-weight:720}.target-card{background:linear-gradient(145deg,rgba(0,122,255,.14),rgba(88,86,214,.09));border:1px solid rgba(0,122,255,.18);border-radius:25px;padding:19px;margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.target-card h2{font-size:27px;margin:0}.target-macros{display:flex;gap:6px}.target-macros span{min-width:46px;padding:8px 6px;border-radius:12px;background:rgba(255,255,255,.52);text-align:center;color:var(--secondary);font-size:10px}.target-macros b{display:block;color:var(--text);font-size:15px}

/* График веса */
.weight-chart-card{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:20px;margin-top:14px}.weight-chart-card canvas{width:100%;height:190px;display:block}.weight-change{font-weight:750;color:var(--red)!important}.weight-change.good{color:var(--green)!important}.weight-stats{display:flex;justify-content:space-between;color:var(--secondary);font-size:12px;margin-top:4px}.weight-stats b{color:var(--text);margin-left:4px}.chart-empty{min-height:100px;display:grid;place-items:center;text-align:center;color:var(--secondary);font-size:13px;background:rgba(118,118,128,.07);border-radius:17px;padding:15px}

/* Кликабельные фотографии разделов блюда */
button.dish-section{width:100%;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.dish-photo-trigger{position:relative;padding-right:13px}.dish-photo-trigger>span{display:flex;justify-content:space-between;align-items:center}.dish-photo-trigger i{font-style:normal;text-transform:none;letter-spacing:0;color:var(--blue);font-size:11px}.dish-photo-trigger:active{transform:scale(.99)}.dish-image-sheet[hidden]{display:none}.dish-image-sheet{position:fixed;inset:0;z-index:82;display:grid;align-items:end}.dish-image-card{position:relative;width:min(100%,520px);margin:0 auto;background:var(--card);border-radius:28px 28px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -16px 50px rgba(0,0,0,.25)}.dish-image-card>img{display:block;width:100%;max-height:67vh;aspect-ratio:4/5;object-fit:cover;border-radius:20px;background:#111}.dish-image-card>.photo-hint{text-align:center;margin:10px 8px 0}

/* Мультипользовательская админка */
.admin-create-card{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:20px;margin-bottom:16px}.admin-create-card>div>p:last-child{color:var(--secondary);font-size:13px}.admin-create-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.admin-create-form label{background:rgba(118,118,128,.08);border-radius:14px;padding:8px 12px;display:grid}.admin-create-form label span{font-size:10px;color:var(--secondary)}.admin-create-form input{border:0;background:transparent;color:var(--text);outline:0;min-width:0}.admin-create-form .primary{min-height:50px}.user-switcher{display:grid;gap:8px;margin-bottom:15px}.user-chip{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:11px 13px;border-radius:18px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--text)}.user-chip>span{width:38px;height:38px;border-radius:50%;background:rgba(0,122,255,.12);color:var(--blue);display:grid;place-items:center;font-weight:750}.user-chip b,.user-chip small{display:block}.user-chip small{color:var(--secondary);font-size:10px;margin-top:2px}.user-chip i{font-style:normal;color:var(--secondary);font-size:12px}.user-chip.selected{border-color:rgba(0,122,255,.42);background:rgba(0,122,255,.08)}.profile-summary{display:flex;gap:6px;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:13px;margin:10px 0}.profile-summary span,.profile-summary b{padding:6px 8px;border-radius:9px;background:rgba(118,118,128,.09);font-size:11px}.profile-summary b{width:100%;color:var(--blue)}.flash.static{position:static;margin-top:10px}.admin-modal[hidden]{display:none}.admin-modal{position:fixed;inset:0;z-index:90;display:grid;align-items:end}.admin-modal-card{position:relative;width:min(100%,620px);max-height:94vh;margin:0 auto;background:var(--bg);border-radius:28px 28px 0 0;padding:22px 18px calc(24px + env(safe-area-inset-bottom));overflow:auto;box-shadow:0 -16px 50px rgba(0,0,0,.28)}.admin-modal-close{position:sticky;float:right;top:0;z-index:2}.modal-loading{min-height:240px;display:grid;place-items:center;color:var(--secondary)}.admin-popup-head h1{font-size:36px}.popup-status{display:flex;gap:7px;flex-wrap:wrap}.popup-status span{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:7px 9px;font-size:11px}.admin-popup-meals{display:grid;gap:12px;margin-top:18px}.admin-popup-meals>section{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:15px}.popup-dish-image img{width:100%;height:180px;object-fit:cover;border-radius:15px}.admin-popup-meals .ingredient-list{padding-top:8px}.admin-popup-meals .ingredient-list li{border-top:1px solid var(--line)}
@media(max-width:520px){.admin-create-form{grid-template-columns:1fr}.admin-create-form .primary{width:100%}.target-card{align-items:flex-start}.target-macros{margin-top:3px}}
.admin-email-form{grid-template-columns:minmax(0,1fr) auto}.admin-email-form .primary{white-space:nowrap}@media(max-width:520px){.admin-email-form{grid-template-columns:1fr}}
.admin-dish-copy{margin:14px 0}.admin-ingredients{margin-top:0}.admin-popup-meals .dish-section{background:rgba(118,118,128,.08)}
.password-reset-form{margin-top:10px}.password-reset-form button{border:0;cursor:pointer}
.delete-user-card{background:rgba(255,59,48,.08);border:1px solid rgba(255,59,48,.2);border-radius:24px;margin-top:12px;padding:19px;display:flex;align-items:center;gap:18px}.delete-user-card>div{flex:1;min-width:0}.delete-user-card h3{font-size:17px;margin-bottom:5px}.delete-user-card p:last-child{font-size:13px;line-height:1.45;color:var(--secondary);margin:0}.delete-user-button{border:0;border-radius:14px;min-height:46px;padding:0 16px;background:var(--red);color:#fff;font-weight:720;white-space:nowrap;cursor:pointer}@media(max-width:520px){.delete-user-card{display:grid}.delete-user-card form,.delete-user-button{width:100%}}
.ios-form select{width:100%;border:0;background:transparent;color:var(--text);outline:0;padding:5px 0;font:inherit;font-size:16px}.target-edit{display:inline-block;margin-top:7px;color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}.onboarding-screen .medical-note{margin:8px 4px 2px}
.tab{flex:1;min-width:0}.free-intro{background:linear-gradient(145deg,rgba(0,122,255,.13),rgba(52,199,89,.09));border:1px solid rgba(0,122,255,.15);border-radius:22px;padding:17px;margin-bottom:12px}.free-intro p{margin:0;color:var(--secondary);line-height:1.45}.free-search{display:grid;grid-template-columns:1fr auto;gap:8px}.free-search input{min-width:0;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--text);padding:12px 14px;outline:0}.free-search button{border:0;border-radius:15px;background:var(--blue);color:#fff;padding:0 16px;font-weight:700}.free-filters{display:flex;gap:7px;overflow:auto;padding:12px 0;-webkit-overflow-scrolling:touch}.free-filters a{flex:0 0 auto;padding:8px 12px;border-radius:99px;background:var(--card);border:1px solid var(--line);color:var(--secondary);text-decoration:none;font-size:12px;font-weight:700}.free-filters a.active{background:var(--blue);border-color:var(--blue);color:#fff}.free-result-head{display:flex;justify-content:space-between;color:var(--secondary);font-size:12px;margin:5px 2px 12px}.free-result-head b{color:var(--text)}.free-recipe-card .shopping-title{align-items:flex-start}.free-recipe-card .shopping-title h2{font-size:19px;line-height:1.2}.free-recipe-card .shopping-title>span{white-space:nowrap;color:var(--blue);font-weight:750}.free-description{color:var(--secondary);font-size:13px;line-height:1.5}.free-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:18px 0}.free-pagination a{color:var(--blue);text-decoration:none;font-weight:700}.free-pagination a:last-child{text-align:right}.free-pagination b{font-size:12px;color:var(--secondary)}.calculation-audit{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}.calculation-audit span{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;color:var(--secondary);font-size:11px}.calculation-audit b{display:block;color:var(--text);font-size:15px;margin-top:3px}
.free-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.free-actions form{flex:1;min-width:145px}.free-actions button{width:100%}
.free-instructions{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.free-instructions summary{cursor:pointer;color:var(--blue);font-weight:700}.free-instructions p{white-space:normal;line-height:1.55;color:var(--muted)}
.free-shopping-card{border:1px solid rgba(10,132,255,.35);box-shadow:0 10px 30px rgba(10,132,255,.08)}.free-shopping-card>.shopping-title span{color:var(--blue)}
.shopping-confirm-only{padding-top:14px;padding-bottom:14px}.button-link{display:block;text-align:center;text-decoration:none;box-sizing:border-box}
.profile-link{text-decoration:none;color:inherit;flex:0 0 auto}
.photo-gallery a{cursor:zoom-in}.photo-viewer[hidden]{display:none}.photo-viewer{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) 14px calc(18px + env(safe-area-inset-bottom))}.photo-viewer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.photo-viewer-card{position:relative;width:min(100%,620px);max-height:100%;display:grid;place-items:center}.photo-viewer-card img{display:block;max-width:100%;max-height:calc(100vh - 110px);object-fit:contain;border-radius:20px;box-shadow:0 18px 60px rgba(0,0,0,.5)}.photo-viewer-card p{color:#fff;text-align:center;margin:12px 48px 0;font-weight:650}.photo-viewer-close{position:absolute;z-index:2;right:8px;top:8px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(20,20,20,.72);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.compact-user-list{gap:5px}.compact-user-list .user-chip{min-height:54px;padding:7px 10px;border-radius:15px}.compact-user-list .user-chip>span{width:34px;height:34px}.compact-user-list .user-chip small{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-user-list .user-chip i{font-size:10px}.admin-danger-grid{display:grid;gap:10px;margin-top:20px}.admin-modal-card .password-reset-form{margin:12px 0}.admin-modal-card .section-head{margin-top:24px}
.theme-toggle{position:fixed;right:14px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:35;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:var(--card);color:var(--text);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer}.theme-toggle-auth{bottom:calc(18px + env(safe-area-inset-bottom))}.theme-toggle span{font-size:21px}.tab-form{margin:0}.tab-form button{border:0;background:transparent;color:inherit;display:grid;place-items:center;gap:2px;padding:0;font:inherit;font-weight:inherit;cursor:pointer}.impersonation-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(255,159,10,.14);border:1px solid rgba(255,159,10,.3);border-radius:15px;padding:9px 11px;margin-bottom:12px;color:var(--orange);font-size:12px;font-weight:700}.impersonation-banner form{margin:0}.impersonation-banner button{border:0;border-radius:10px;background:var(--orange);color:#fff;padding:7px 9px;font-weight:700;white-space:nowrap}.impersonate-form{margin:12px 0}.admin-modal-card .impersonate-form+.password-reset-form{margin-top:8px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#000;--card:rgba(28,28,30,.94);--text:#f5f5f7;--secondary:#98989d;--line:rgba(84,84,88,.58);--shadow:0 14px 42px rgba(0,0,0,.25)}:root[data-theme="dark"] body{background:radial-gradient(circle at 95% -5%,rgba(10,132,255,.18),transparent 26rem),#000}:root[data-theme="dark"] .tabbar{background:rgba(28,28,30,.82);border-color:rgba(84,84,88,.45)}:root[data-theme="dark"] .primary{background:#0a84ff}:root[data-theme="dark"] .day-tile.active{color:#0a84ff;background:rgba(10,132,255,.18)}
:root[data-theme="light"]{color-scheme:light;--bg:#f2f2f7;--card:rgba(255,255,255,.92);--text:#111114;--secondary:#6e6e73;--line:rgba(60,60,67,.16);--shadow:0 14px 42px rgba(30,32,45,.08)}:root[data-theme="light"] body{background:radial-gradient(circle at 95% -5%,rgba(0,122,255,.12),transparent 28rem),#f2f2f7}:root[data-theme="light"] .tabbar{background:rgba(248,248,250,.82);border-color:rgba(255,255,255,.65)}
.easyfood-mark{position:relative;background:linear-gradient(145deg,#29c47e,#007aff)}.easyfood-mark:before{content:"";width:38px;height:38px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 6px rgba(0,122,255,.12)}.easyfood-mark span{position:absolute;width:21px;height:13px;border-radius:100% 0 100% 0;background:#29c47e;transform:rotate(-18deg);top:25px;left:29px}

/* Обновления приложения */
.updates-modal{position:fixed;inset:0;z-index:150;display:grid;align-items:end}.updates-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.54);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.updates-card{position:relative;width:min(100%,520px);max-height:calc(94vh - env(safe-area-inset-top));margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:30px 30px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));overflow:auto;box-shadow:0 -18px 60px rgba(0,0,0,.3)}.updates-card>h2{font-size:28px;margin-bottom:18px}.updates-icon{position:relative;width:60px;height:60px;border-radius:19px;background:linear-gradient(145deg,#29c47e,#007aff);display:grid;place-items:center;margin-bottom:17px;box-shadow:0 10px 25px rgba(0,122,255,.24)}.updates-icon:before{content:"";width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 5px rgba(0,122,255,.12)}.updates-icon span{position:absolute;width:18px;height:11px;border-radius:100% 0 100% 0;background:#29c47e;transform:rotate(-18deg);top:21px;left:25px}.updates-list{display:grid;gap:12px;margin-bottom:18px}.update-entry{background:rgba(118,118,128,.08);border-radius:19px;padding:15px}.update-entry time{display:block;color:var(--blue);font-size:11px;font-weight:750;margin-bottom:5px}.update-entry h3{font-size:17px;margin-bottom:10px}.update-entry ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.update-entry li{position:relative;padding-left:22px;color:var(--secondary);font-size:13px;line-height:1.4}.update-entry li:before{content:'✓';position:absolute;left:0;top:0;color:var(--green);font-weight:800}.updates-card form{margin:0}

/* Задание на степпере и пять достижений дня */
.stepper-card{background:linear-gradient(145deg,rgba(88,86,214,.16),rgba(0,122,255,.1));border:1px solid rgba(88,86,214,.22);border-radius:26px;padding:18px;margin:0 0 18px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;box-shadow:var(--shadow)}.stepper-card.done{background:linear-gradient(145deg,rgba(52,199,89,.16),rgba(48,209,88,.08));border-color:rgba(52,199,89,.28)}.stepper-icon{width:52px;height:52px;border-radius:17px;background:#5856d6;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:800}.stepper-card.done .stepper-icon{background:var(--green)}.stepper-card h2{margin:0;font-size:20px}.stepper-card p:last-child{margin:5px 0 0;color:var(--secondary);font-size:12px;line-height:1.4}.stepper-card form,.stepper-card>button,.stepper-status{grid-column:1/-1}.stepper-card form{margin:0}.stepper-card form .primary{width:100%}.stepper-status{display:grid;place-items:center;min-height:44px;border-radius:14px;background:rgba(52,199,89,.12);color:var(--green);font-weight:750}.meal-achievement{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px;margin:15px 0 10px;border-radius:18px;background:linear-gradient(145deg,rgba(255,159,10,.13),rgba(255,204,0,.08));border:1px solid rgba(255,159,10,.18);text-align:left}.achievement-stars{display:flex;gap:2px}.achievement-stars span{color:rgba(118,118,128,.22);font-size:23px;line-height:1}.achievement-stars .earned{color:#ffb000;text-shadow:0 3px 12px rgba(255,159,10,.3)}.achievement-stars .just-earned{animation:star-earned .8s cubic-bezier(.2,1.6,.45,1) both}.meal-achievement b,.meal-achievement small{display:block}.meal-achievement b{font-size:13px}.meal-achievement small{color:var(--secondary);font-size:10px;margin-top:2px}.achievement-toast{position:fixed;left:50%;top:calc(22px + env(safe-area-inset-top));z-index:200;width:min(calc(100% - 28px),390px);transform:translate(-50%,-140%) scale(.9);opacity:0;display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid rgba(255,255,255,.5);border-radius:22px;background:rgba(35,35,38,.88);color:#fff;box-shadow:0 16px 45px rgba(0,0,0,.28);backdrop-filter:blur(22px) saturate(170%);-webkit-backdrop-filter:blur(22px) saturate(170%);transition:transform .45s cubic-bezier(.2,1.3,.4,1),opacity .3s ease}.achievement-toast.is-visible{transform:translate(-50%,0) scale(1);opacity:1}.achievement-toast b,.achievement-toast small{display:block}.achievement-toast small{color:rgba(255,255,255,.68);font-size:11px;margin-top:2px}.achievement-like{width:45px;height:45px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff5a52,#ff2d55);font-size:24px;animation:like-pop .7s cubic-bezier(.2,1.6,.45,1) both}@keyframes star-earned{0%{transform:scale(.15) rotate(-30deg);opacity:0}55%{transform:scale(1.5) rotate(10deg)}100%{transform:scale(1) rotate(0);opacity:1}}@keyframes like-pop{0%{transform:scale(.1) rotate(-18deg)}60%{transform:scale(1.28) rotate(8deg)}100%{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.achievement-stars .just-earned,.achievement-like{animation:none}.achievement-toast{transition:none}}

/* Печать завершённого приёма пищи */
.meal-card.meal-complete{border-color:rgba(52,199,89,.36);box-shadow:0 14px 42px rgba(52,199,89,.11)}.mission-stamp{position:absolute;z-index:3;top:18px;right:68px;width:88px;min-height:46px;border:3px double var(--green);border-radius:9px;display:grid;place-items:center;align-content:center;transform:rotate(-8deg);color:var(--green);background:color-mix(in srgb,var(--card) 88%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--green) 18%,transparent);pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;line-height:1}.mission-stamp span{font-size:8px;font-weight:800}.mission-stamp b{font-size:12px;margin-top:3px}.mission-stamp.just-completed{animation:mission-stamp .75s cubic-bezier(.2,1.5,.42,1) both}@keyframes mission-stamp{0%{transform:rotate(-18deg) scale(2);opacity:0}55%{transform:rotate(-6deg) scale(.92);opacity:1}100%{transform:rotate(-8deg) scale(1)}}@media(max-width:390px){.mission-stamp{right:64px;width:78px}.mission-stamp b{font-size:10px}}@media(prefers-reduced-motion:reduce){.mission-stamp.just-completed{animation:none}}

/* Личный пользовательский режим администратора */
.admin-self-mode{background:linear-gradient(145deg,rgba(41,196,126,.16),rgba(0,122,255,.1));border:1px solid rgba(41,196,126,.25);border-radius:28px;padding:20px;margin-bottom:16px;display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;box-shadow:var(--shadow)}.admin-self-icon{width:50px;height:50px;border-radius:16px;background:linear-gradient(145deg,#29c47e,#007aff);color:#fff;display:grid;place-items:center;font-size:20px;padding-left:3px}.admin-self-mode h2{margin:0}.admin-self-mode p:last-child{color:var(--secondary);font-size:13px;line-height:1.45;margin:5px 0 0}.admin-self-mode form{grid-column:1/-1;margin:0}.admin-self-mode button{width:100%}.admin-self-banner{background:rgba(41,196,126,.14);border-color:rgba(41,196,126,.3);color:var(--green)}.admin-self-banner button{background:var(--green)}

/* Спортивный фон стартовой страницы */
body.login-page{position:relative;isolation:isolate;background:#000}.login-page:before,.login-page:after{content:"";position:fixed;inset:0;pointer-events:none}.login-page:before{z-index:-2;background:#000 url('login-waist-v2.png') center center/cover no-repeat}.login-page:after{z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22) 58%,rgba(0,0,0,.52)),linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.28))}.login-page .app-shell{position:relative;z-index:1;display:grid;align-items:center}.login-page .auth-screen{width:100%;margin:0 auto;padding:25px;border:1px solid rgba(255,255,255,.2);border-radius:30px;background:rgba(10,12,14,.68);box-shadow:0 24px 70px rgba(0,0,0,.4);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);color:#fff}.login-page .lead,.login-page .eyebrow,.login-page .ios-form label span{color:rgba(255,255,255,.7)}.login-page .ios-form label{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.16)}.login-page .ios-form input{color:#fff}.login-page .ios-form input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 9999s ease-out}.login-page .theme-toggle{background:rgba(10,12,14,.7);border-color:rgba(255,255,255,.2);color:#fff}.login-page .easyfood-mark{box-shadow:0 14px 34px rgba(0,0,0,.4)}@media(max-width:520px){.login-page .app-shell{padding-left:14px;padding-right:14px}.login-page .auth-screen{padding:22px;margin-top:2vh}.login-page:before{background-size:auto 100%;background-position:center}}@media(min-width:760px){.login-page:before{background-size:auto 110%}}
.login-page .auth-screen{background:rgba(8,10,12,.34);border-color:rgba(255,255,255,.26);backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%);box-shadow:0 24px 70px rgba(0,0,0,.26)}.login-page .ios-form label{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.18)}
.login-page .auth-screen{background:rgba(8,10,12,.16);border-color:rgba(255,255,255,.24);backdrop-filter:blur(4px) saturate(115%);-webkit-backdrop-filter:blur(4px) saturate(115%);box-shadow:0 20px 55px rgba(0,0,0,.18)}.login-page .ios-form label{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.2)}
.login-page .auth-screen{backdrop-filter:blur(8px) saturate(118%);-webkit-backdrop-filter:blur(8px) saturate(118%)}

/* Системные напоминания о покупках */
.notification-card{margin:14px 0;background:linear-gradient(145deg,rgba(255,159,10,.16),rgba(255,204,0,.08));border:1px solid rgba(255,159,10,.25);border-radius:24px;padding:17px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;box-shadow:var(--shadow)}.notification-card[hidden]{display:none}.notification-icon{width:48px;height:48px;border-radius:16px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:800;transform:rotate(45deg)}.notification-icon:after{content:'!';transform:rotate(-45deg);font-size:20px}.notification-card h2{font-size:19px;margin:0}.notification-card p:last-child{font-size:12px;line-height:1.42;color:var(--secondary);margin:5px 0 0}.notification-card>button{grid-column:1/-1;width:100%}.notification-card.is-enabled{background:linear-gradient(145deg,rgba(52,199,89,.15),rgba(41,196,126,.07));border-color:rgba(52,199,89,.26)}.notification-card.is-enabled .notification-icon{background:var(--green)}