@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:DM Sans,sans-serif;background:#080c0a;color:#eef5f0}button,input,select,textarea{font:inherit}.app-brand{display:inline-flex;align-items:center;gap:11px;color:#eef5f0;text-decoration:none;font:750 20px Manrope;letter-spacing:0}.brand-symbol{width:32px;height:32px;display:inline-grid;place-items:center;flex:none;border-radius:10px;background:linear-gradient(145deg,#68f2b2,#37dc91 55%,#5f91ff);box-shadow:0 10px 28px #49e79b24}.brand-symbol svg{width:100%;height:100%;display:block;fill:none}.brand-symbol rect:first-child{fill:transparent}.brand-symbol path{stroke:#07110c;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.brand-symbol circle{fill:#07110c}.brand-word{display:inline-flex;align-items:baseline;gap:2px;color:#eef5f0;line-height:1}.brand-word>span{color:#49e79b;font-weight:850}.auth-page{min-height:100vh;background:radial-gradient(circle at 50% 0,#163225,#080c0a 48%);display:grid;place-items:center;padding:30px}.auth-shell{width:min(460px,100%)}.auth-shell.wide{width:min(620px,100%)}.auth-shell>.app-brand{margin:0 0 24px 12px}.auth-card{padding:36px;border:1px solid #26312b;background:rgba(16,22,18,.88);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 35px 90px #0008}.auth-card>small,.app-heading small,.view-title small,article>small,.daily-check small{font-size:10px;letter-spacing:1.6px;color:#49e79b}.auth-card h1{font:500 36px Manrope;margin:10px 0}.auth-card>p{color:#8f9c94;font-size:14px}.auth-card form{display:grid;gap:18px;margin-top:28px}.auth-card label{display:grid;gap:8px;color:#b7c1bb;font-size:12px}.auth-card input,.auth-card select{width:100%;border:1px solid #2c3831;background:#0b100d;color:white;padding:14px;border-radius:11px;outline:none}.auth-card input:focus,.auth-card select:focus{border-color:#49e79b}.auth-card input[type=range]{padding:0;accent-color:#49e79b}.auth-card output{float:right;color:#49e79b}.auth-card button,.signals button{border:0;border-radius:11px;background:#49e79b;color:#07100b;padding:15px;font-weight:600;cursor:pointer}.auth-card button span{float:right}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.error{padding:11px;background:#682d2d;color:#ffd7d7;border-radius:10px;font-size:12px}.switch{text-align:center!important;font-size:12px!important}.switch a{color:#49e79b}.dash-page{background:#090d0b}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:28px 20px;border-right:1px solid #202923;background:#0c110e;display:flex;flex-direction:column;z-index:10}.sidebar nav{display:grid;gap:7px;margin-top:65px}.sidebar nav button{border:0;background:none;color:#718078;text-align:left;padding:13px 15px;border-radius:10px;cursor:pointer}.sidebar nav button.active{background:#14241b;color:#49e79b}.sidebar nav span{margin-left:10px}.side-user{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:1px solid #202923;padding-top:20px}.side-user>span{width:36px;height:36px;border-radius:50%;background:#29382f;display:grid;place-items:center;font-size:11px}.side-user div{display:flex;flex-direction:column;min-width:0}.side-user strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user small{font-size:8px;color:#728078}.side-user a{margin-left:auto;color:#738079;text-decoration:none}.app-main{margin-left:230px;min-height:100vh;padding:48px}.app-view{display:none;max-width:1100px;margin:auto}.app-view.active{display:block}.app-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.app-heading h1,.view-title h1{font:500 clamp(32px,4vw,48px) Manrope;margin:6px 0}.app-heading p,.view-title p{color:#7d8a82;margin:0}.ready{display:flex;align-items:center;gap:12px}.ready>span{width:62px;height:62px;border:5px solid #25352c;border-top-color:#49e79b;border-right-color:#49e79b;border-radius:50%;display:grid;place-items:center;font:500 18px Manrope}.ready div{display:flex;flex-direction:column}.ready small{color:#49e79b}.daily-check{display:flex;align-items:center;justify-content:space-between;padding:24px;border:1px solid #253028;background:#111713;border-radius:17px;margin-bottom:16px}.daily-check h2{font:500 20px Manrope;margin:7px 0}.intensity-picker{display:flex;gap:8px}.intensity-picker button{min-width:100px;padding:10px;border:1px solid #303d35;background:#151c18;color:#9ca9a1;border-radius:9px;cursor:pointer}.intensity-picker small{display:block;color:#65726a;margin-top:3px;letter-spacing:0}.dash-page[data-intensity=leicht] [data-value=leicht],.dash-page[data-intensity=normal] [data-value=normal],.dash-page[data-intensity=intensiv] [data-value=intensiv]{border-color:#49e79b;color:#49e79b;background:#143023}.app-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.app-grid article,.chat-panel,.progress-panel{border:1px solid #253028;background:#111713;border-radius:17px;padding:25px}.workout-card{grid-row:span 2}.workout-card h2{font:500 28px Manrope;margin:14px 0 2px}.workout-card>p{color:#748078}.workout-card ul{list-style:none;padding:0;margin:25px 0}.workout-card li{padding:10px 0;border-bottom:1px solid #222c26;color:#adb8b1;font-size:13px}.workout-card li:before{content:"✓";color:#49e79b;margin-right:12px}.workout-card button{width:100%;border:0;padding:14px;border-radius:10px;background:#49e79b;color:#07100b;font-weight:600;cursor:pointer}.workout-card button.done{background:#24332a;color:#49e79b}.signals label{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0;color:#a8b3ac;font-size:12px}.signals input{grid-column:span 2;width:100%;accent-color:#49e79b}.signals button{width:100%;padding:11px}.coach-preview{display:flex;align-items:center;gap:16px}.orb{width:45px;height:45px;flex:none;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#4bea9d 25%,#326cff 65%,#182453);box-shadow:0 0 30px #49e79b33}.coach-preview p{color:#89968e;font-size:12px}.coach-preview button{border:0;background:none;color:#49e79b;padding:0;cursor:pointer}.streak{display:flex;justify-content:space-between;align-items:center;grid-column:span 2}.streak strong{font-size:13px}.streak div{display:flex;gap:8px}.streak i{width:20px;height:20px;border:1px solid #344139;border-radius:50%}.streak i.filled{background:#49e79b;border-color:#49e79b}.view-title{margin-bottom:30px}.chat-panel{height:calc(100vh - 220px);min-height:500px;display:flex;flex-direction:column}.chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:5px}.chat{max-width:75%;padding:13px 15px;border-radius:14px;font-size:13px;white-space:pre-wrap}.chat.assistant{background:#1b241f;color:#d5ded8;border-bottom-left-radius:4px}.chat.user{align-self:flex-end;background:#49e79b;color:#07100b;border-bottom-right-radius:4px}.chat.loading{color:#6f7d74}.chat-panel form{display:flex;gap:10px;border:1px solid #303d35;border-radius:14px;padding:8px}.chat-panel textarea{flex:1;resize:none;background:none;border:0;color:white;outline:0;padding:10px}.chat-panel form button{width:42px;border:0;border-radius:10px;background:#49e79b;cursor:pointer}.progress-panel{min-height:430px}.chart{height:260px;display:flex;align-items:end;gap:8px;padding:20px 0;border-bottom:1px solid #28332c}.bar{flex:1;min-width:8px;background:linear-gradient(#49e79b,#22563d);border-radius:5px 5px 0 0;position:relative}.bar:hover:after{content:attr(data-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#253129;padding:5px 7px;border-radius:5px;font-size:9px;white-space:nowrap}.progress-summary{margin-top:25px;color:#a4b0a8}.toast{position:fixed;right:25px;bottom:25px;background:#49e79b;color:#07100b;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:600;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}.mobile-head{display:none}
.chat.assistant{position:relative;background:linear-gradient(145deg,#18211c,#131a16);border:1px solid #2a3830;padding:18px 20px 18px 22px;line-height:1.65;white-space:normal;box-shadow:0 12px 32px #0002}.chat.assistant:before{content:"✦";position:absolute;left:-11px;top:15px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#49e79b;color:#08100b;font-size:10px;box-shadow:0 0 18px #49e79b44}.chat.assistant p{margin:0 0 10px}.chat.assistant p:last-child{margin-bottom:0}.chat.assistant h3{font:600 15px Manrope;margin:3px 0 10px;color:#f3f7f4}.chat.assistant strong{color:#6cf0ad;font-weight:600}.chat.assistant em{color:#b4c0b8}.chat.assistant ul{display:grid;gap:8px;margin:8px 0 13px;padding:0;list-style:none}.chat.assistant li{position:relative;padding-left:18px}.chat.assistant li:before{content:"";position:absolute;left:1px;top:.65em;width:6px;height:6px;border-radius:50%;background:#49e79b}.chat.assistant ul.numbered{counter-reset:item}.chat.assistant ul.numbered li{counter-increment:item;padding-left:27px}.chat.assistant ul.numbered li:before{content:counter(item);top:1px;width:18px;height:18px;display:grid;place-items:center;color:#49e79b;background:#203128;font-size:9px}.chat.loading{padding-left:22px}.chat.loading:after{content:"";display:inline-block;width:5px;height:5px;margin-left:7px;border-radius:50%;background:#49e79b;animation:coachPulse 1s infinite}@keyframes coachPulse{50%{opacity:.2}}
.coach-shell{display:grid;gap:16px}.coach-today-card,.coach-next-card,.coach-prompt-panel,.coach-answer-card{background:linear-gradient(145deg,#111713,#0d1410);position:relative;overflow:hidden}.coach-today-card:before,.coach-next-card:before,.coach-answer-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#49e79b,#49e79b00)}.coach-today-card{display:grid;grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);gap:18px;align-items:start}.coach-today-card small,.coach-next-card small,.coach-prompt-panel small,.coach-answer-card small,.coach-panel-head small{color:#49e79b;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.coach-today-card h2,.coach-next-card h2,.coach-prompt-panel h2,.coach-answer-card h2{font:650 22px Manrope;margin:6px 0 8px;color:#eef5f0}.coach-today-card p,.coach-next-card p,.coach-answer-card p{margin:0;color:#9aa8a0;font-size:13px;line-height:1.55}.coach-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.coach-signal-grid div{display:grid;gap:5px;min-height:72px;padding:12px;border:1px solid #24342c;background:#0b120e;border-radius:13px}.coach-signal-grid div.active{border-color:#2d6548;background:#102019}.coach-signal-grid small{color:#7f8e85!important;letter-spacing:0!important;text-transform:none!important}.coach-signal-grid strong{color:#edf8f2;font:650 14px Manrope;line-height:1.25}.coach-next-card{display:grid;gap:12px}.coach-panel-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px}.coach-panel-head h2{margin-bottom:0}.coach-panel-head>span{padding:7px 9px;border:1px solid #2a3d34;background:#0c130f;color:#94a39b;border-radius:999px;font-size:9px;white-space:nowrap}.coach-category-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.coach-category-tabs button{border:1px solid #2d3d34;background:#111a15;color:#aebbb4;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.coach-category-tabs button.active,.coach-category-tabs button:hover{border-color:#49e79b;background:#13241b;color:#49e79b}.coach-prompt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.coach-prompt-grid button{display:grid;gap:7px;text-align:left;border:1px solid #26342d;background:#0d1410;color:#dce8e1;border-radius:13px;padding:13px;cursor:pointer;min-height:86px}.coach-prompt-grid button:hover,.coach-prompt-grid button.active{border-color:#49e79b;background:#13251b;box-shadow:0 0 0 1px #49e79b18}.coach-prompt-grid span{font-size:12px;line-height:1.35}.coach-actions{display:flex;flex-wrap:wrap;gap:8px}.coach-actions button{border:1px solid #315542;background:#49e79b;color:#07100b;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:850;cursor:pointer}.coach-actions button:hover{box-shadow:0 10px 24px #49e79b18}.coach-answer-card{display:grid;gap:10px;border-color:#2d6548}.coach-answer-card em{display:block;padding:10px 11px;border:1px solid #2d6548;background:#102019;color:#bff5d5;border-radius:11px;font-size:11px;font-style:normal;line-height:1.45}@media(max-width:980px){.coach-today-card{grid-template-columns:1fr}.coach-signal-grid,.coach-prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.coach-signal-grid,.coach-prompt-grid{grid-template-columns:1fr}.coach-panel-head{align-items:flex-start;flex-direction:column}.coach-panel-head>span{white-space:normal}.coach-actions button{width:100%}}
.coach-chat-card{height:clamp(520px,calc(100vh - 215px),720px);display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;padding:0!important;overflow:hidden;background:linear-gradient(145deg,#111713,#0d1410);border-color:#2a3b32;box-shadow:0 24px 70px #00000030;position:relative}.coach-chat-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#49e79b,#49e79b00)}.coach-chat-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid #223029;background:#0d1410}.coach-chat-head div{display:grid;gap:4px}.coach-chat-head small{color:#49e79b;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.coach-chat-head strong{color:#dce8e1;font-size:12px;font-weight:600}.coach-chat-head span{max-width:360px;color:#87968d;font-size:10px;line-height:1.35;text-align:right}.coach-thread{display:flex;flex-direction:column;gap:14px;overflow:auto;padding:22px;background:radial-gradient(circle at 50% 0,#13251b 0,#0f1612 42%,#0b100d 100%)}.coach-message{display:flex}.coach-message>div{max-width:min(76%,760px);padding:15px 17px;border:1px solid #26372f;border-radius:16px;background:#111a15;box-shadow:0 12px 34px #00000024}.coach-message small{display:block;margin-bottom:7px;color:#49e79b;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.coach-message p{margin:0;color:#d9e5de;font-size:13px;line-height:1.6;white-space:normal}.coach-message.assistant>div{border-left:3px solid #49e79b;background:linear-gradient(145deg,#152019,#101713);border-bottom-left-radius:5px}.coach-message.user{justify-content:flex-end}.coach-message.user>div{background:#49e79b;color:#07100b;border-color:#49e79b;border-bottom-right-radius:5px}.coach-message.user small{color:#123223}.coach-message.user p{color:#07100b}.coach-message .coach-actions{margin-top:12px}.coach-message .coach-actions button{background:#13241b;color:#49e79b}.coach-message p.loading{color:#8fa097}.coach-message p.error{color:#ffd1d1}.coach-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.coach-option-card{display:grid;gap:6px;padding:11px;border:1px solid #294136;background:#0d1511;border-radius:12px}.coach-option-card strong{color:#e9f5ee;font-size:11px;line-height:1.25}.coach-option-card p{color:#93a29a!important;font-size:10px!important;line-height:1.4!important}.coach-option-card button{justify-self:start;border:1px solid #315542;background:#13241b;color:#49e79b;border-radius:999px;padding:7px 9px;font-size:8px;font-weight:850;cursor:pointer}.coach-option-card button:hover{border-color:#49e79b;box-shadow:0 0 0 2px #49e79b12}.coach-composer{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px;border-top:1px solid #223029;background:#0d1410}.coach-composer textarea{display:block!important;width:100%;min-height:118px;max-height:220px;resize:vertical;border:1px solid #304039;background:#090f0c;color:#eef5f0;border-radius:15px;padding:15px 16px;outline:none;line-height:1.5}.coach-composer textarea:focus{border-color:#49e79b;box-shadow:0 0 0 3px #49e79b18}.coach-composer textarea:disabled{opacity:.72}.coach-composer button{align-self:end;border:0;background:#49e79b;color:#07100b;border-radius:13px;padding:14px 18px;font-weight:850;cursor:pointer;min-width:110px}.coach-composer button:hover:not(:disabled){box-shadow:0 14px 30px #49e79b1f}.coach-composer button:disabled{opacity:.58;cursor:not-allowed}.coach-shell,.coach-today-card,.coach-next-card,.coach-prompt-panel,.coach-answer-card,.coach-category-tabs,.coach-prompt-grid{display:none!important}@media(max-width:980px){.coach-option-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.coach-chat-card{height:auto;min-height:calc(100vh - 170px)}.coach-chat-head{align-items:flex-start;flex-direction:column}.coach-chat-head span{text-align:left;max-width:none}.coach-thread{min-height:240px;padding:16px}.coach-message>div{max-width:94%}.coach-option-grid{grid-template-columns:1fr}.coach-composer{grid-template-columns:1fr}.coach-composer button{width:100%}}
.sidebar{overflow-y:auto;width:286px;padding:26px 18px}.app-main{margin-left:286px}.sidebar nav.side-tile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:38px}.sidebar nav.side-tile-nav button{position:relative;display:grid;grid-template-rows:auto auto;place-items:center;align-content:center;gap:9px;min-width:0;min-height:94px;padding:13px 8px;border:1px solid #213029;background:linear-gradient(145deg,#111914,#0b110e);color:#94a39b;text-align:center;border-radius:16px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff04;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.sidebar nav.side-tile-nav button:hover,.sidebar nav.side-tile-nav button:focus-visible{border-color:#49e79b55;background:#13241b;color:#dff5ea;outline:0;transform:translateY(-1px);box-shadow:0 14px 28px #00000024,0 0 0 1px #49e79b10}.sidebar nav.side-tile-nav button.active{border-color:#49e79b88;background:linear-gradient(145deg,#163522,#102019);color:#49e79b;box-shadow:0 18px 34px #49e79b10,inset 0 0 0 1px #49e79b18}.sidebar nav.side-tile-nav button.active:after{content:"";position:absolute;inset:8px 8px auto;height:2px;border-radius:99px;background:linear-gradient(90deg,#49e79b,#49e79b00)}.sidebar nav.side-tile-nav .side-tile-icon{width:34px;height:34px;display:grid;place-items:center;margin:0;border:1px solid #273a30;background:#0a120e;border-radius:12px;color:inherit;font-size:17px;line-height:1}.sidebar nav.side-tile-nav button.active .side-tile-icon{border-color:#49e79b66;background:#102b1d;color:#79f4b7}.sidebar nav.side-tile-nav button>span:not(.side-tile-icon){display:block;max-width:100%;margin:0;overflow-wrap:anywhere;color:inherit;font-size:10px;font-weight:850;line-height:1.15;letter-spacing:0}.side-user{margin-top:auto}.side-user a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #26342d;background:#101713;border-radius:10px;color:#819089;transition:color .2s ease,border-color .2s ease,background .2s ease}.side-user a:hover,.side-user a:focus-visible{border-color:#49e79b66;background:#13241b;color:#49e79b;outline:0}.side-user a .logout-door-icon{width:17px;height:17px}.panel,.program-grid article,.recipe-grid article,.calculator-grid article,.stats-row article,.active-program{border:1px solid #253028;background:#111713;border-radius:17px;padding:25px}.panel h2,.active-program h2{font:500 21px Manrope;margin:0 0 18px}.muted{color:#7e8b83;font-size:12px}.program-grid,.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.program-grid article>span,.recipe-grid article>span,.active-program small{color:#49e79b;font-size:9px;letter-spacing:1.2px}.program-grid h2{font:500 24px Manrope;margin:15px 0 8px}.program-grid p,.active-program p{color:#829087;font-size:12px;min-height:58px}.program-grid article div{display:flex;gap:6px;flex-wrap:wrap}.program-grid b{padding:5px 8px;background:#1b251f;border-radius:6px;color:#9ba9a0;font-size:8px}.program-grid button,.compact-form button,.stack-form button,.profile-form button,.inline-form button{border:0;background:#49e79b;color:#07100b;border-radius:9px;padding:11px 14px;font-weight:600;cursor:pointer}.program-grid button{width:100%;margin-top:22px}.active-program{margin-bottom:18px;background:linear-gradient(120deg,#13251b,#111713)}.nutrition-summary,.calculator-grid,.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.nutrition-summary>div,.calculator-grid article,.stats-row article{padding:20px;border:1px solid #253028;background:#111713;border-radius:14px;display:flex;flex-direction:column}.nutrition-summary span,.calculator-grid strong,.stats-row strong{font:500 27px Manrope}.nutrition-summary small,.calculator-grid small,.calculator-grid span,.stats-row span{color:#7f8c84;font-size:9px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.compact-form input,.compact-form select,.stack-form input,.profile-form input,.profile-form select,.inline-form input{border:1px solid #2b3830;background:#0b100d;color:#e7eee9;border-radius:9px;padding:11px;min-width:0}.compact-form button{grid-column:span 2}.meal-list{margin-top:20px}.meal-list>div{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #253028}.meal-list span{display:flex;flex-direction:column;font-size:11px}.meal-list span b{color:#49e79b;font-size:8px}.meal-list strong{margin-left:auto;font-size:10px}.meal-list button{border:0;background:none;color:#7d8981;cursor:pointer}.shopping-list{list-style:none;padding:0}.shopping-list li{padding:9px;border-bottom:1px solid #253028;font-size:12px}.shopping-list input{accent-color:#49e79b}.subheading{font:500 23px Manrope;margin:35px 0 16px}.recipe-grid{grid-template-columns:repeat(4,1fr)}.recipe-grid h3{font:500 16px Manrope;margin:15px 0 5px}.recipe-grid p{color:#819087;font-size:10px}.stack-form{display:grid;gap:13px}.stack-form label,.profile-form label{display:grid;gap:6px;color:#9eaaa3;font-size:10px}.weight-hero{display:grid;grid-template-columns:1fr auto 35px 1fr auto;align-items:end;gap:6px}.weight-hero span{font:500 25px Manrope}.weight-hero small{color:#7c8981;font-size:8px}.weight-hero i{text-align:center;color:#49e79b}.habit-list{display:grid;gap:8px;margin-bottom:15px}.habit-list button{display:grid;grid-template-columns:30px 1fr 25px;align-items:center;text-align:left;border:1px solid #29352e;background:#151c18;color:#b9c3bd;padding:12px;border-radius:10px;cursor:pointer}.habit-list button.complete{border-color:#347a57;background:#14271d}.habit-list button.complete i{color:#49e79b}.inline-form{display:flex;gap:8px}.inline-form input{flex:1}.goal-row{display:grid;grid-template-columns:1fr 1fr 30px;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #253028}.goal-row div{display:flex;flex-direction:column}.goal-row span{font-size:8px;color:#7b8981}.goal-row progress{width:100%;accent-color:#49e79b}.goal-row button{border:1px solid #314138;background:#17231c;color:#49e79b;border-radius:7px;height:30px}.calculator-panel{max-width:780px}.profile-form{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.profile-form button{grid-column:span 3}.stats-row{grid-template-columns:repeat(3,1fr)}
.training-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:24px;align-items:stretch;border-color:#2f674a;box-shadow:0 22px 55px #0004}.training-hero h2{font-size:30px;margin:10px 0}.training-hero p{min-height:auto;margin:0 0 16px;line-height:1.55}.training-hero strong{display:inline-flex;color:#e4f3ea;font-size:13px;font-weight:600}.training-progress{display:grid;align-content:center;gap:10px;padding:18px;border:1px solid #284133;background:#0f1713;border-radius:14px}.training-progress span,.training-progress em{color:#9aa8a0;font-size:12px;font-style:normal}.training-progress b{font:600 24px Manrope;color:#eef5f0}.progress-track{height:10px;border-radius:999px;background:#223128;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#49e79b,#8ff2bd);box-shadow:0 0 22px #49e79b55}.training-progress button,.session-card button{border:0;background:#49e79b;color:#07100b;border-radius:9px;padding:12px 14px;font-weight:700;cursor:pointer}.training-section{margin:18px 0;padding:20px;border:1px solid #253028;background:#111713;border-radius:17px}.training-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.training-section-head small{color:#49e79b;font-size:9px;letter-spacing:1.2px}.training-section-head h2{font:500 23px Manrope;margin:5px 0 0}.training-section-head p{margin:0;color:#8d9a92;font-size:12px}.week-roadmap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.week-step{position:relative;display:grid;gap:6px;min-height:132px;padding:14px;border:1px solid #27342d;background:#0e1511;border-radius:13px}.week-step span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #33443a;background:#151f19;color:#96a69d;font:700 12px Manrope}.week-step small{color:#748078;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.week-step strong{font-size:12px;color:#dbe6df;line-height:1.3}.week-step b{justify-self:start;margin-top:auto;padding:4px 7px;border-radius:999px;background:#49e79b;color:#07100b;font-size:8px}.week-step.completed{border-color:#2e6b4d;background:#12231a}.week-step.completed span{background:#49e79b;color:#07100b;border-color:#49e79b}.week-step.active{border-color:#49e79b;background:linear-gradient(145deg,#142a1e,#101713);box-shadow:0 0 0 1px #49e79b33,0 15px 34px #49e79b12}.week-step.active span{border-color:#49e79b;color:#49e79b}.week-step.locked{opacity:.55}.session-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.session-card{display:grid;gap:14px;align-content:start;border:1px solid #27342d;background:#0f1612;border-radius:14px;padding:17px;min-height:245px}.session-card.completed{border-color:#2d6548;background:#12231a}.session-card.active{border-color:#49e79b;box-shadow:0 0 0 1px #49e79b2e}.session-card.locked{opacity:.6}.session-copy small{color:#49e79b;font-size:9px;letter-spacing:.1em}.session-copy h3{font:500 19px Manrope;margin:8px 0 5px}.session-copy p{margin:0;color:#8b9991;font-size:12px;line-height:1.45}.video-placeholder{min-height:108px;display:grid;place-items:center;text-align:center;gap:4px;padding:15px;border:1px dashed #355241;background:#0b120e;border-radius:12px}.video-placeholder span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#1c2c22;color:#49e79b}.video-placeholder strong{font-size:12px;color:#e7f0ea}.video-placeholder small{max-width:220px;color:#7d8b83;font-size:10px;line-height:1.35}.session-card button{align-self:end}.session-card button:disabled{background:#26352c;color:#75837b;cursor:not-allowed}.program-grid article.program-active{border-color:#49e79b;background:linear-gradient(145deg,#13251b,#111713);box-shadow:0 0 0 1px #49e79b1f}.program-grid article.program-active button{background:#203228;color:#49e79b}
.training-hero{background:radial-gradient(circle at 8% 0,#1b3a29 0,#13251b 36%,#111713 78%)}.training-hero-copy{display:grid;align-content:center;gap:12px}.training-hero-copy .training-meta{color:#49e79b;font-size:13px;margin:0;min-height:0}.training-hero-copy span{color:#9aa8a0;font-size:12px}.training-progress p{margin:5px 0 0;color:#e7f0ea;font-size:13px;line-height:1.4}.training-progress button{margin-top:4px;font-size:13px}.program-discovery{margin-top:24px}.program-discovery .program-grid{margin-top:0}.training-rhythm{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:18px 0;padding:20px;border:1px solid #294136;background:linear-gradient(135deg,#101713,#0e1511);border-radius:17px}.training-rhythm small{color:#49e79b;font-size:9px;letter-spacing:1.2px}.training-rhythm h2{font:500 22px Manrope;margin:5px 0 8px}.training-rhythm p{margin:0;color:#e7f0ea;font-size:13px}.training-rhythm span{display:block;margin-top:5px;color:#8d9a92;font-size:12px}.rhythm-dots{display:flex;gap:9px;flex:none}.rhythm-dots i{width:16px;height:16px;border:1px solid #344139;border-radius:50%;background:#111914}.rhythm-dots i.done{background:#49e79b;border-color:#49e79b;box-shadow:0 0 14px #49e79b33}.video-placeholder.locked{opacity:.78;border-color:#2f3d35;background:#0c110e}.session-card.active .video-placeholder{border-color:#49e79b66;background:linear-gradient(145deg,#0d1712,#101f17)}
.training-focus-section{background:linear-gradient(145deg,#101713,#0d1410)}.training-level-focus{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);gap:14px}.level-focus-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;min-height:126px;padding:18px;border:1px solid #294136;background:#0d1511;border-radius:15px;overflow:hidden}.level-focus-card:before{content:"";position:absolute;inset:-40% auto auto -10%;width:220px;height:160px;background:radial-gradient(circle,#49e79b1c 0,#49e79b08 44%,transparent 72%);pointer-events:none}.level-focus-card>span{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:15px;border:1px solid #375242;background:#13241b;color:#49e79b;font:800 18px Manrope}.level-focus-card small{color:#49e79b;font-size:9px;letter-spacing:.12em}.level-focus-card h3{font:650 19px Manrope;margin:4px 0 5px;color:#effff6}.level-focus-card p{margin:0;color:#9aa8a0;font-size:12px;line-height:1.45}.level-focus-card b{justify-self:end;padding:7px 10px;border:1px solid #49e79b55;background:#13251b;color:#49e79b;border-radius:999px;font-size:8px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.level-focus-card.current{border-color:#49e79b66;box-shadow:0 0 0 1px #49e79b1f,0 18px 42px #49e79b0d}.level-focus-card.current>span{background:#49e79b;color:#07100b;border-color:#49e79b;box-shadow:0 0 0 7px #49e79b12}.level-focus-card.next{opacity:.82}.level-focus-card.next>span{background:#151f19;color:#8fa097;border-color:#33443a;font-size:17px}.level-focus-card.next b{border-color:#33443a;background:#111914;color:#8fa097}.completed-level-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.completed-level-strip span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #2d6548;background:#102019;color:#bff2d4;border-radius:999px;font-size:9px;font-weight:700}
.dash-page .app-main,#trainingView,#trainingJourney{overflow-anchor:none}
.session-card.completed,.session-card.completed.just-completed{border-color:#27342d;background:#101713;box-shadow:none;animation:none;transform:none}.session-card.completed .video-placeholder,.session-card.completed.just-completed .video-placeholder{border-color:#2f3d35;background:#0c120f}.session-card.completed .video-placeholder span,.session-card.completed.just-completed .video-placeholder span{box-shadow:none}.session-card.completed.just-completed .session-reward-badge{border-color:#33443a;background:#111914;color:#8fa097}.session-card.active,.session-card.active.just-unlocked{border-color:#49e79b;box-shadow:0 0 0 1px #49e79b35,0 20px 42px #49e79b12}
.training-feedback{display:flex;align-items:center;gap:12px;margin:18px 0;padding:14px 16px;border:1px solid #2d6548;background:linear-gradient(135deg,#12251b,#0f1813);color:#dff8e9;border-radius:14px;font-size:12px;box-shadow:0 16px 34px #49e79b10;animation:trainingSuccessIn .32s ease both}.training-feedback span{width:25px;height:25px;display:grid;place-items:center;flex:none;border-radius:50%;background:#49e79b;color:#07100b;font-size:12px;font-weight:800;box-shadow:0 0 0 5px #49e79b12;animation:trainingCheckPop .42s ease both}.training-feedback div{display:grid;gap:3px;min-width:0}.training-feedback strong{font:700 13px Manrope;color:#effff6;line-height:1.3}.training-feedback p{margin:0;color:#a9bbb1;font-size:11px;line-height:1.45}.training-feedback b{margin-left:auto;padding:6px 9px;border:1px solid #49e79b55;background:#13251b;color:#49e79b;border-radius:999px;font-size:8px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.training-feedback.level{border-color:#49e79b;background:linear-gradient(135deg,#142f22,#101713);box-shadow:0 0 0 1px #49e79b22,0 18px 40px #49e79b15}.training-feedback.complete{border-color:#6df0ab;background:radial-gradient(circle at 8% 20%,#1a3a29,#101713 62%);box-shadow:0 0 0 1px #49e79b26,0 22px 50px #49e79b18}.session-card{position:relative;transition:border-color .2s,box-shadow .2s,opacity .2s,background .2s,transform .2s}.session-card.active{cursor:pointer}.session-card.completed{cursor:pointer;box-shadow:0 0 0 1px #49e79b18,0 14px 30px #49e79b0d}.session-card.completed .session-copy h3{color:#effff6}.session-card.locked{cursor:default}.session-card.locked button{background:#26352c;color:#75837b}.session-card.expanded{grid-row:span 2}.session-card.completed button{background:#203228;color:#49e79b}.video-placeholder.completed{border-color:#49e79b55;background:linear-gradient(145deg,#102019,#0d1511)}.video-placeholder.completed span{background:#49e79b;color:#07100b;box-shadow:0 0 18px #49e79b28}.week-step.just-unlocked{box-shadow:0 0 0 1px #49e79b44,0 18px 38px #49e79b18;animation:trainingUnlockGlow 1.1s ease both}.week-step.completed b{background:#203228;color:#49e79b}.training-hero-complete{border-color:#49e79b;box-shadow:0 0 0 1px #49e79b22,0 24px 60px #49e79b12}.session-detail{display:grid;gap:12px;padding:12px;border:1px solid #294136;background:#0d1511;border-radius:12px}.session-detail h4{font:600 15px Manrope;margin:0;color:#eef5f0}.session-detail p{margin:5px 0 10px;color:#95a39b;font-size:11px;line-height:1.45}.session-detail button{width:100%}.video-placeholder.large{min-height:150px}.session-card.completed,.session-card.completed.just-completed{border-color:#27342d;background:#101713;box-shadow:none;animation:none;transform:none}.session-card.completed .video-placeholder,.session-card.completed.just-completed .video-placeholder{border-color:#2f3d35;background:#0c120f}.session-card.completed .video-placeholder span,.session-card.completed.just-completed .video-placeholder span{box-shadow:none}.session-card.completed.just-completed .session-reward-badge{border-color:#33443a;background:#111914;color:#8fa097}.session-card.active,.session-card.active.just-unlocked{border-color:#49e79b;box-shadow:0 0 0 1px #49e79b35,0 20px 42px #49e79b12}
@keyframes trainingSuccessIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes trainingCheckPop{0%{transform:scale(.78);opacity:.45}70%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}
@keyframes trainingUnlockGlow{0%{transform:translateY(4px);box-shadow:0 0 0 1px #49e79b12,0 8px 18px #49e79b05}100%{transform:none;box-shadow:0 0 0 1px #49e79b44,0 18px 38px #49e79b18}}
.training-achievements{display:flex;gap:7px;flex-wrap:wrap;margin-top:2px}.training-achievements span{display:inline-flex!important;width:auto;color:#c9f6dc!important;padding:6px 9px;border:1px solid #2d6548;background:#102019;border-radius:999px;font-size:9px!important;line-height:1;box-shadow:0 8px 18px #49e79b0b}.training-milestone{position:relative;isolation:isolate;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:18px 0;padding:18px 20px;border:1px solid #49e79b66;border-left:4px solid #49e79b;background:linear-gradient(135deg,#13251b,#0f1713 70%);border-radius:16px;box-shadow:0 0 0 1px #49e79b1e,0 24px 52px #49e79b13;overflow:hidden;animation:trainingSuccessIn .34s ease both}.training-milestone:before{content:"";position:absolute;inset:-40% 55% auto -8%;height:150px;background:radial-gradient(circle,#49e79b2b 0,#49e79b0e 44%,transparent 72%);z-index:-1}.training-milestone>span{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:#49e79b;color:#07100b;font:900 22px Manrope;box-shadow:0 0 0 7px #49e79b12,0 16px 30px #49e79b22;animation:trainingCheckPop .45s ease both}.training-milestone small{color:#49e79b;font-size:9px;letter-spacing:.14em}.training-milestone h2{font:600 20px Manrope;margin:4px 0 5px;color:#effff6}.training-milestone p{margin:0;color:#a9b8af;font-size:12px;line-height:1.45}.training-milestone b,.session-reward-badge{justify-self:end;padding:6px 9px;border:1px solid #49e79b55;background:#13251b;color:#49e79b;border-radius:999px;font-size:8px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.session-card.just-completed{border-color:#49e79b;background:linear-gradient(155deg,#14291e,#101713);box-shadow:0 0 0 1px #49e79b35,0 20px 42px #49e79b17;animation:trainingCardSettle 1.2s ease both}.session-card.just-unlocked{border-color:#49e79b;background:linear-gradient(155deg,#13251b,#101713);box-shadow:0 0 0 1px #49e79b44,0 20px 42px #49e79b18;animation:trainingUnlockGlow 1.4s ease both}.session-reward-badge{position:absolute;right:48px;top:14px;z-index:1;background:#11251a}.session-card.just-unlocked .session-reward-badge{background:#49e79b;color:#07100b;border-color:#49e79b}.session-copy em{display:inline-flex;margin-top:9px;padding:7px 9px;border:1px solid #2d6548;background:#102019;color:#bff2d4;border-radius:9px;font-style:normal;font-size:10px;line-height:1.25}.session-card.just-completed .video-placeholder,.session-card.just-unlocked .video-placeholder{border-style:solid}.week-roadmap{position:relative}.week-roadmap .week-step.completed:after{content:"";position:absolute;left:calc(100% - 2px);top:28px;width:12px;height:2px;background:#49e79b;box-shadow:0 0 12px #49e79b55}.week-roadmap .week-step:last-child:after,.week-roadmap .week-step.locked:after{display:none}.training-complete-mark{width:58px;height:58px!important;display:grid!important;place-items:center;border-radius:18px;background:#49e79b!important;color:#07100b!important;font:900 28px Manrope!important;box-shadow:0 0 0 8px #49e79b12,0 22px 42px #49e79b24;animation:trainingCheckPop .5s ease both}.training-hero-complete{position:relative;overflow:hidden;background:radial-gradient(circle at 14% 8%,#1f4932 0,#14271d 38%,#101713 78%)}.training-hero-complete:before{content:"";position:absolute;inset:-28% auto auto -10%;width:330px;height:230px;background:radial-gradient(circle,#49e79b24 0,#49e79b08 50%,transparent 72%);pointer-events:none}.training-complete-progress{border-color:#49e79b55;background:linear-gradient(145deg,#102019,#0f1713);box-shadow:inset 0 0 0 1px #49e79b10}.training-complete-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0}.training-complete-mini span{display:grid;gap:2px;padding:9px;border:1px solid #294136;background:#0d1511;border-radius:10px;color:#8fa097!important;font-size:9px!important}.training-complete-mini strong{color:#effff6;font:700 16px Manrope}@keyframes trainingCardSettle{0%{transform:scale(.985);box-shadow:0 0 0 1px #49e79b18,0 8px 18px #49e79b08}45%{transform:scale(1.012);box-shadow:0 0 0 1px #49e79b44,0 22px 46px #49e79b1c}100%{transform:scale(1);box-shadow:0 0 0 1px #49e79b35,0 20px 42px #49e79b17}}
.session-card.active.just-unlocked{animation:none;transform:none}.session-card.just-unlocked{transform:none}
.session-exercise-list{display:grid;gap:8px;margin:8px 0 10px}.session-exercise-list>strong{color:#e8f3ed;font-size:12px}.session-exercise-list ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.session-exercise-list li{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #24342c;background:#0b120e;border-radius:10px}.session-exercise-list span{width:21px;height:21px;display:grid;place-items:center;flex:none;border-radius:8px;background:#13241b;color:#49e79b;font-size:9px;font-weight:800}.session-exercise-list p{margin:0;color:#b8c7bf;font-size:10px;line-height:1.35}
.training-demo-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 14px;flex-wrap:wrap}.training-demo-controls small{margin-right:auto;color:#49e79b;font-size:9px;letter-spacing:1.2px}.training-demo-controls button{border:1px solid #2c3b32;background:#101713;color:#dce8e1;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:700;cursor:pointer}.training-demo-controls button:hover{border-color:#49e79b;color:#49e79b}.training-empty{border-color:#253028;background:linear-gradient(120deg,#111713,#0d1410)}.training-complete-stats{margin:0;grid-template-columns:repeat(3,1fr)}.training-complete-stats article{min-height:110px}.program-discovery .program-grid article button{cursor:pointer}
.smart-meal-form>details,.meal-suggestions{grid-column:span 2}.smart-meal-form>details{border:1px solid #29352e;border-radius:9px;padding:10px}.smart-meal-form summary{cursor:pointer;color:#87948c;font-size:10px}.smart-meal-form details div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.smart-meal-form details label{display:grid;gap:5px;color:#a8b4ac;font-size:10px}.smart-meal-form button{display:inline-flex;align-items:center;justify-content:center;gap:9px}.smart-meal-form button:disabled{opacity:.78;cursor:wait}.button-loader{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}.button-loader circle{opacity:.22}.button-loader path{animation:mealSpin .75s linear infinite;transform-origin:18px 18px}@keyframes mealSpin{to{transform:rotate(360deg)}}.meal-suggestions:not(:empty){display:grid;gap:7px;padding:12px;border:1px solid #2d6548;background:#102019;border-radius:10px}.meal-suggestions strong{font-size:11px;color:#c9d5ce}.meal-suggestions button{grid-column:auto!important;display:grid!important;gap:4px;justify-items:start;text-align:left;border:1px solid #30483a!important;background:#182a20!important;color:#c8d5cd!important}.meal-suggestions button b{font-size:12px;font-weight:600;color:#eef5f0}.meal-suggestions button small{color:#8ea197;font-size:10px;line-height:1.35}.meal-suggestions button:hover{border-color:#49e79b!important;color:#49e79b!important}.meal-suggestions button:hover b{color:#49e79b}.meal-analysis{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:0;max-height:0;overflow:hidden;transition:.3s}.meal-analysis:not(:empty){max-height:220px;padding:11px 13px;background:#14271d;border:1px solid #2d6548;border-radius:9px}.meal-analysis strong{color:#49e79b;font-size:10px}.meal-analysis span,.meal-analysis em{color:#a8b4ac;font-size:10px;font-style:normal}.meal-analysis em{color:#e3ece6}.meal-analysis-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.meal-analysis-metrics span{display:grid;gap:3px;padding:8px 10px;border:1px solid #30483a;border-radius:8px;background:#102019;color:#e3ece6}.meal-analysis-metrics small{color:#8ea197;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.meal-analysis-metrics b{font-size:12px;font-weight:650;color:#eef5f0}.meal-row{transition:background .35s,border-color .35s,transform .35s}.meal-row.is-new{background:#14271d;border-color:#49e79b;transform:translateY(-2px)}
.meal-photo-form{display:grid;grid-template-columns:1fr 1.1fr;gap:9px;margin:14px 0 12px;padding:11px;border:1px solid #253028;background:#101713;border-radius:11px}.meal-photo-form select{border:1px solid #2b3830;background:#0b100d;color:#e7eee9;border-radius:9px;padding:11px}.meal-photo-form label{position:relative;display:grid;place-items:center;border:1px dashed #395244;border-radius:9px;color:#b7c5bd;font-size:11px;cursor:pointer}.meal-photo-form input{position:absolute;inset:0;opacity:0;cursor:pointer}.meal-photo-form button{grid-column:span 2;border:0;background:#49e79b;color:#07100b;border-radius:9px;padding:11px 14px;font-weight:600;cursor:pointer}.meal-photo-form button:disabled{opacity:.78;cursor:wait}.meal-photo-result:not(:empty){display:grid;gap:7px;margin:0 0 14px;padding:12px;border:1px solid #2d6548;background:#14271d;border-radius:11px}.meal-photo-result strong{color:#eef5f0;font-size:12px}.meal-photo-result>span,.meal-photo-result p{margin:0;color:#98a69e;font-size:10px;line-height:1.45}.photo-recipes{display:grid;gap:6px;margin-top:4px}.photo-recipes>small{color:#49e79b;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.photo-recipes span{display:grid;gap:2px;padding:8px;border:1px solid #30483a;background:#102019;border-radius:8px}.photo-recipes b{font-size:11px;color:#eef5f0}.photo-recipes em{font-style:normal;color:#8ea197;font-size:9px}.photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.photo-actions button{border:1px solid #30483a;background:#102019;color:#e3ece6;border-radius:8px;padding:10px;font-weight:600;cursor:pointer}.photo-actions button:last-child{border:0;background:#49e79b;color:#07100b}
@media(max-width:760px){.auth-card{padding:25px}.two-cols{grid-template-columns:1fr}.mobile-head{height:66px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202923;position:sticky;top:0;background:#0c110ef2;z-index:8}.mobile-head button{background:none;border:1px solid #2d3932;color:white;border-radius:9px;width:40px;height:40px}.sidebar{transform:translateX(-100%);transition:.25s;width:270px}.sidebar.open{transform:none}.app-main{margin:0;padding:25px 14px}.app-heading{align-items:flex-start}.ready div{display:none}.daily-check{align-items:flex-start;flex-direction:column;gap:15px}.intensity-picker{width:100%}.intensity-picker button{flex:1;min-width:0}.app-grid,.split-grid{grid-template-columns:1fr}.workout-card{grid-row:auto}.streak{grid-column:auto;align-items:flex-start;flex-direction:column;gap:15px}.chat-panel{height:calc(100vh - 210px);padding:13px}.chat{max-width:90%}.chat.assistant{padding:15px 16px 15px 20px}.view-title h1{font-size:34px}.program-grid,.recipe-grid{grid-template-columns:1fr}.nutrition-summary,.calculator-grid{grid-template-columns:repeat(2,1fr)}.stats-row{grid-template-columns:1fr}.profile-form{grid-template-columns:1fr}.profile-form button{grid-column:auto}.compact-form,.meal-photo-form{grid-template-columns:1fr}.compact-form button,.meal-photo-form button{grid-column:auto}.photo-actions{grid-template-columns:1fr}.weight-hero{grid-template-columns:1fr auto 20px 1fr auto}.goal-row{grid-template-columns:1fr 35px}.goal-row progress{grid-row:2;grid-column:1/-1}}
.week-roadmap{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}
.session-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.program-discovery .program-grid{align-items:stretch}
.program-discovery .program-grid article{display:flex;flex-direction:column;min-height:100%}
.program-discovery .program-grid article button{margin-top:auto}
@media(max-width:760px){.session-exercise-list ul{grid-template-columns:1fr}}
.program-discovery .program-grid article>div{min-height:48px;align-content:flex-start}
.program-discovery .program-grid button{margin-top:auto}
.program-choice-card .program-card-position{display:block;color:#eef5f0;font-size:13px;line-height:1.35;margin:0 0 10px}
.program-choice-card .program-card-fit,.program-choice-card .program-card-step{display:block;color:#9aa8a0;font-size:10px;line-height:1.45;margin:0 0 10px;letter-spacing:0}
.training-start-selection{margin-top:8px}
.training-start-selection .program-grid{gap:18px}
.training-start-selection .program-choice-card{position:relative;padding:28px;min-height:420px;border:1px solid #2a3a31;background:linear-gradient(180deg,#121a16,#0f1512);cursor:pointer;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.training-start-selection .program-choice-card:hover,.training-start-selection .program-choice-card:focus-visible,.training-start-selection .program-choice-card:focus-within{border-color:#49e79b;background:linear-gradient(180deg,#14251b,#101713);box-shadow:0 0 0 2px #49e79b66,0 0 30px #49e79b24,0 20px 46px #00000030;transform:translateY(-3px)}
.training-start-selection .program-grid article.program-choice-card{border:1px solid #2a3a31!important}
.training-start-selection .program-grid article.program-choice-card:after{content:"";position:absolute;inset:-2px;border:2px solid #49e79b;border-radius:19px;box-shadow:0 0 0 2px #49e79b33,0 0 34px #49e79b38,0 18px 42px #49e79b18;opacity:0;pointer-events:none;transition:opacity .18s ease}
.training-start-selection .program-grid article.program-choice-card:hover,.training-start-selection .program-grid article.program-choice-card:focus-visible,.training-start-selection .program-grid article.program-choice-card:focus-within{border-color:#49e79b!important;background:linear-gradient(180deg,#14291e,#101713)!important;box-shadow:0 18px 42px #00000030!important;transform:translateY(-3px)!important}
.training-start-selection .program-grid article.program-choice-card:hover:after,.training-start-selection .program-grid article.program-choice-card:focus-visible:after,.training-start-selection .program-grid article.program-choice-card:focus-within:after{opacity:1}
.program-recommendation{position:static;display:inline-flex;align-self:flex-start;max-width:100%;margin:0 0 12px;padding:7px 11px;border:1px solid #49e79b55;background:#13251b;color:#49e79b;border-radius:999px;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.03em;line-height:1.25;white-space:normal;box-sizing:border-box;z-index:2}
.training-start-selection .program-choice-card>span{display:block;padding-right:0;margin:0 0 4px;line-height:1.35;max-width:100%}
.training-start-selection .program-choice-card h2{font-size:27px;margin-top:18px}
.program-card-badges{display:flex;gap:7px;flex-wrap:wrap;min-height:0!important;margin:0 0 14px}
.program-card-badges b{background:#17241d;color:#dbe6df;border:1px solid #28382f}
.program-mini-journey{min-height:0!important;margin:6px 0 18px;padding:10px 11px;border:1px solid #293b31;background:#0d1511;color:#b9c7bf;border-radius:10px;font-size:10px;line-height:1.4}
.training-demo-controls.subtle{justify-content:flex-end;margin:14px 0 0;opacity:.72}
.training-demo-controls.subtle small{margin-right:0;color:#7f8d85}
.training-demo-controls.subtle button{padding:7px 9px;background:#0d1410;color:#95a39b;font-size:9px}
.training-demo-controls.subtle button:hover{opacity:1}
.plan-focus-coach{display:grid;gap:10px;margin:0 0 14px}
.plan-focus-coach-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px
}

/* Final profile cascade guard: older profile rules must not re-expand the approved mobile composition. */
@media(max-width:980px){
  body:has(#profileView.active) .app-main{top:0!important;margin:0!important;padding:0!important;height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important}
  #profileView.active{top:0!important;margin:0!important;min-height:100dvh!important}
  #profileView .profile-welcome-card{display:block!important;min-height:238px!important;height:auto!important;padding:22px 19px!important}
  #profileView .profile-welcome-copy{width:62%!important;min-width:0!important}
  #profileView .profile-welcome-copy h1{width:auto!important;max-width:none!important;font-size:30px!important;line-height:1.02!important;overflow-wrap:normal!important;word-break:normal!important}
  #profileView .profile-welcome-copy>p{max-width:none!important;margin:12px 0 15px!important;font-size:11.5px!important}
  #profileView .profile-completion-card{width:100%!important;grid-template-columns:30px minmax(0,1fr) auto!important;padding:8px 9px!important}
  #profileView .profile-completion-card strong{font-size:10px!important}
  #profileView .profile-completion-card>b{font-size:17px!important}
  #profileView .profile-welcome-save{min-width:0!important;width:100%!important;margin-top:9px!important}
  #profileView .profile-welcome-art{position:absolute!important;z-index:1!important;right:4px!important;bottom:16px!important;display:grid!important;place-items:center!important;width:40%!important;height:78%!important;opacity:1!important;filter:none!important;background:none!important}
  #profileView .profile-welcome-art svg{display:none!important}
  #profileView .profile-welcome-art:before{content:"";display:block;width:92px;height:92px;border:1px solid rgba(174,255,224,.78);border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.93) 0 5%,rgba(149,244,205,.78) 18%,rgba(50,177,137,.42) 42%,rgba(7,30,23,.72) 69%);box-shadow:inset 0 0 0 8px rgba(255,255,255,.07),inset 0 0 28px rgba(175,255,225,.4),0 0 0 13px rgba(83,226,175,.08),0 0 34px rgba(74,231,173,.42);animation:profileOrbBreathe 4.8s ease-in-out infinite}
  #profileView .profile-welcome-art:after{content:"";position:absolute;width:118px;height:118px;border:1px solid rgba(143,244,204,.3);border-radius:50%;background:conic-gradient(from 20deg,transparent 0 14%,rgba(143,244,204,.75) 15% 18%,transparent 19% 48%,rgba(233,205,132,.65) 49% 52%,transparent 53%);animation:profileOrbTurn 13s linear infinite}
  html[data-theme="light"] #profileView .profile-welcome-copy h1{color:#14201c!important;-webkit-text-fill-color:#14201c!important;-webkit-text-fill-color:#14201c!important;text-shadow:0 1px rgba(255,255,255,.65)!important}
  html[data-theme="light"] #profileView .profile-welcome-copy>p{color:#43554e!important;-webkit-text-fill-color:#43554e!important;-webkit-text-fill-color:#43554e!important;text-shadow:0 1px rgba(255,255,255,.72)!important}
}

/* Profile reference correction 2026-09-29: compact one-page proportions and material objects. */
#profileView .profile-premium-avatar{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(174,255,225,.55);border-radius:50%;background:var(--avatar-image,url('/assets/healthos-coach-avatar.webp')) center/cover no-repeat;color:transparent;box-shadow:inset 0 1px rgba(255,255,255,.65),0 0 0 3px rgba(91,231,181,.08);overflow:hidden;cursor:pointer}
#profileView .profile-premium-avatar span{display:none}
#profileView .profile-accordion-toggle{grid-template-columns:54px minmax(0,1fr) 28px 82px!important;min-height:58px!important;padding:5px 11px!important;gap:8px!important}
#profileView .profile-accordion-icon{width:54px!important;height:48px!important;border:0!important;border-radius:12px!important;background-color:transparent!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;box-shadow:none!important}
#profileView .profile-accordion-icon:before{display:none!important}
#profileView [data-profile-accordion="personal"] .profile-accordion-icon{background-image:url('/assets/healthos-profile-icon-identity-v1.png')!important}
#profileView [data-profile-accordion="body"] .profile-accordion-icon{background-image:url('/assets/healthos-profile-icon-body-v1.png')!important}
#profileView [data-profile-accordion="day"] .profile-accordion-icon{background-image:url('/assets/healthos-profile-icon-day-v1.png')!important}
#profileView [data-profile-accordion="goal"] .profile-accordion-icon{background-image:url('/assets/healthos-profile-icon-goal-v1.png')!important}
#profileView [data-profile-accordion="values"] .profile-accordion-icon{background-image:url('/assets/healthos-profile-icon-values-v1.png')!important}
#profileView [data-profile-accordion="food"] .profile-accordion-icon{background-image:url('/assets/healthos-profile-icon-food-v1.png')!important}
#profileView .profile-accordion-copy{gap:2px!important}#profileView .profile-accordion-copy strong{font-size:14px!important}#profileView .profile-accordion-copy small{font-size:9.5px!important}
#profileView .profile-accordion-chevron{grid-column:3;grid-row:1;width:26px!important;height:26px!important;border:0!important;font:300 27px/1 Inter!important;transform:none!important}
#profileView .profile-premium-accordion.is-open>.profile-accordion-toggle .profile-accordion-chevron{transform:rotate(90deg)!important}
#profileView .profile-accordion-status{grid-column:4;grid-row:1;display:flex;align-items:center;justify-content:flex-start;gap:5px;color:#d8ded9;font:500 8.5px/1 Inter;white-space:nowrap}
#profileView .profile-accordion-status i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#55e2b3;color:#08251c;font:800 10px Inter;font-style:normal;box-shadow:0 0 12px rgba(80,226,177,.28)}
#profileView .profile-premium-accordion.is-open>.profile-accordion-toggle{margin:0 -10px 6px!important;width:calc(100% + 20px)!important}
#profileView .profile-premium-accordion.is-open{padding:0 10px 8px!important}
html[data-theme="light"] #profileView .profile-accordion-status{color:#32443d}html[data-theme="light"] #profileView .profile-accordion-status i{color:#063428}
@media(max-width:980px){
  #profileView{padding:max(8px,env(safe-area-inset-top)) 18px max(12px,env(safe-area-inset-bottom))!important;background-position:center top!important}
  #profileView .profile-settings{gap:6px!important;width:min(100%,520px)!important}
  #profileView .profile-premium-head{min-height:48px;padding:0 4px!important;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:rgba(20,21,19,.28);box-shadow:inset 0 1px rgba(255,255,255,.32);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
  #profileView .profile-premium-back{padding-left:8px;font-size:12px!important}.profile-premium-head>strong{font-size:14px!important}.profile-premium-actions{gap:6px;padding-right:5px}.profile-premium-locale,.profile-premium-theme{width:34px!important;height:34px!important;border-radius:10px!important}.profile-premium-locale{font-size:11px!important}#profileView .profile-premium-avatar{width:36px;height:36px}
  #profileView .profile-welcome-card{display:block!important;min-height:155px!important;height:155px!important;padding:12px 14px!important;border-radius:20px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
  #profileView .profile-welcome-card:after{display:none!important}
  #profileView .profile-welcome-copy{position:relative;z-index:3;width:58%!important}
  #profileView .profile-welcome-copy h1{margin:0!important;font-size:27px!important;line-height:1!important;letter-spacing:-.04em!important}
  #profileView .profile-welcome-copy>p{margin:3px 0 6px!important;font-size:13px!important;line-height:1.2!important}
  #profileView .profile-completion-card{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;width:170px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  #profileView .profile-completion-card .profile-check-icon{display:none!important}
  #profileView .profile-completion-card>b{grid-column:1;grid-row:1;display:grid!important;place-items:center;width:55px;height:55px;margin:0!important;border:5px solid #62e7ba;border-radius:50%;background:rgba(7,25,19,.52);color:#fff!important;font:650 15px/1 Inter!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),0 0 17px rgba(84,226,177,.2)}
  #profileView .profile-completion-card>div{grid-column:2;grid-row:1}#profileView .profile-completion-card strong{display:none!important}#profileView .profile-completion-card small{display:block!important;color:#e7ebe8!important;font-size:8.5px!important;line-height:1.25!important}
  #profileView .profile-welcome-save{width:145px!important;min-height:32px!important;height:32px!important;margin:5px 0 0!important;padding:0 11px!important;border-radius:9px!important;background:rgba(112,236,191,.16)!important;color:#f6fffb!important;font-size:10px!important;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.4),0 0 16px rgba(91,228,177,.15)!important}
  #profileView .profile-welcome-save:after{content:"›";float:right;font-size:18px;font-weight:300}
  #profileView .profile-welcome-art{position:absolute!important;right:0!important;bottom:0!important;width:52%!important;height:155px!important;background:url('/assets/healthos-profile-icon-day-v1.png') center/contain no-repeat!important}
  #profileView .profile-welcome-art:before,#profileView .profile-welcome-art:after{display:none!important}
  #profileView .profile-premium-summary{height:46px;border-radius:15px!important}.profile-premium-summary>span{position:relative;display:grid!important;grid-template-columns:20px auto!important;grid-template-rows:1fr 1fr!important;align-items:center!important;justify-content:center!important;gap:0 5px!important;padding:5px 3px!important}.profile-premium-summary>span:before{content:"";grid-row:1/3;width:18px;height:18px;background:center/contain no-repeat}.profile-premium-summary>span:nth-child(1):before{background-image:url('/assets/healthos-profile-icon-day-v1.png')}.profile-premium-summary>span:nth-child(2):before{background-image:url('/assets/healthos-profile-icon-identity-v1.png')}.profile-premium-summary>span:nth-child(3):before{background-image:url('/assets/healthos-profile-icon-body-v1.png')}.profile-premium-summary>span:nth-child(4):before{background-image:url('/assets/healthos-profile-icon-goal-v1.png')}.profile-premium-summary strong{justify-self:start;font-size:12px!important}.profile-premium-summary small{justify-self:start;font-size:7px!important}
  #profileView .profile-premium-accordion{border-radius:15px!important}
  #profileView .profile-accordion-toggle{grid-template-columns:48px minmax(0,1fr) 22px 72px!important;min-height:50px!important;height:50px!important;padding:2px 8px!important;gap:5px!important}
  #profileView .profile-accordion-icon{width:48px!important;height:44px!important}
  #profileView .profile-accordion-copy strong{font-size:12px!important}#profileView .profile-accordion-copy small{font-size:8px!important}
  #profileView .profile-accordion-status{font-size:7px!important;gap:4px!important}#profileView .profile-accordion-status i{width:15px;height:15px;font-size:8px!important}
  #profileView .profile-accordion-chevron{font-size:22px!important}
  #profileView .profile-nutrition-grid{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
  #profileView #profileFoodHealthCard .profile-food-health-panel{gap:4px!important;padding:5px 7px!important;border-radius:11px!important}
  #profileView #profileFoodHealthCard .profile-food-health-panel>header{grid-template-columns:24px minmax(0,1fr) auto!important;gap:5px!important}#profileView #profileFoodHealthCard .profile-food-health-icon{width:24px!important;height:24px!important}#profileView #profileFoodHealthCard .profile-food-health-panel h3{font-size:9.5px!important}
  #profileView #profileFoodHealthCard .smart-chips{gap:3px!important;margin:0!important}#profileView #profileFoodHealthCard .smart-chips button{min-height:20px!important;padding:2px 6px!important;font-size:7px!important}
  #profileView #profileFoodHealthCard .smart-control{gap:4px!important}#profileView #profileFoodHealthCard .smart-control input{height:27px!important;min-height:27px!important;padding:4px 8px!important;font-size:8px!important}#profileView #profileFoodHealthCard .smart-control button{width:27px!important;height:27px!important;min-height:27px!important;padding:0!important}
  #profileView #profileFoodHealthCard .profile-food-health-suggestions{display:none!important}#profileView #profileFoodHealthCard .profile-food-health-privacy{min-height:25px!important;padding:3px 6px!important;border-radius:8px!important}#profileView #profileFoodHealthCard .profile-food-health-privacy i{width:19px!important;height:19px!important}#profileView #profileFoodHealthCard .profile-food-health-privacy strong{font-size:7px!important}
  #profileView .profile-action-bar.profile-completion-cta{min-height:38px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  #profileView .profile-action-bar.profile-completion-cta>button[type=submit]{min-height:34px!important;height:34px!important;font-size:10px!important}.profile-secondary-action{min-height:24px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:8px!important}
  html[data-theme="light"] #profileView .profile-premium-head{background:rgba(255,255,255,.42);border-color:rgba(255,255,255,.88)}
  html[data-theme="light"] #profileView .profile-completion-card>b{background:rgba(255,255,255,.62);color:#10241e!important}html[data-theme="light"] #profileView .profile-completion-card small{color:#24342e!important}html[data-theme="light"] #profileView .profile-welcome-save{background:rgba(255,255,255,.42)!important;color:#163128!important}
}
@keyframes profileOrbBreathe{50%{transform:scale(1.045);filter:brightness(1.09)}}
@keyframes profileOrbTurn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#profileView .profile-welcome-art:before,#profileView .profile-welcome-art:after{animation:none}}

.plan-focus-coach-meta span{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border:1px solid #2d4a3a;
  border-radius:999px;
  background:#102019;
  color:#b8e6cb;
  font:700 11px/1 Manrope,sans-serif
}
.plan-focus-timer{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px 14px;
  align-items:center;
  padding:14px 16px;
  border:1px solid #2a4a3a;
  border-radius:14px;
  background:linear-gradient(135deg,#102018,#0d1612)
}
.plan-focus-timer.is-rest{border-color:#4a6a88;background:linear-gradient(135deg,#101820,#0d141c)}
.plan-focus-timer.is-running{box-shadow:0 0 0 1px #49e79b33,0 12px 28px #49e79b14}
.plan-focus-timer-copy{display:grid;gap:2px;min-width:0}
.plan-focus-timer-copy small{
  color:#7f9a8c;
  font:700 10px/1 Manrope,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase
}
.plan-focus-timer.is-rest .plan-focus-timer-copy small{color:#8eb0d4}
.plan-focus-timer-copy strong{
  color:#eef7f1;
  font:800 28px/1.05 Manrope,sans-serif;
  letter-spacing:.02em;
  font-variant-numeric:tabular-nums
}
.plan-focus-timer-copy em{
  color:#9fb3a8;
  font:600 12px/1.2 Manrope,sans-serif;
  font-style:normal
}
.plan-focus-timer-btn{
  border:0;
  border-radius:12px;
  padding:12px 18px;
  min-width:88px;
  background:linear-gradient(135deg,#49e79b,#2ecf86);
  color:#062014;
  font:800 13px Manrope,sans-serif;
  cursor:pointer;
  box-shadow:0 8px 18px #49e79b33
}
.plan-focus-timer-btn:hover{filter:brightness(1.05)}
.plan-focus-timer-btn[aria-pressed="true"]{
  background:#1a2e24;
  color:#49e79b;
  box-shadow:inset 0 0 0 1px #49e79b55
}
.plan-focus-timer-done{
  grid-column:1/-1;
  margin:0;
  color:#8ff0bd;
  font:650 12px/1.35 Manrope,sans-serif
}
html[data-theme="light"] .plan-focus-coach-meta span{
  border-color:#b7d7c4;background:#eaf6ef;color:#1f4a34
}
html[data-theme="light"] .plan-focus-timer{
  border-color:#c5ddd0;background:linear-gradient(135deg,#eef8f2,#e6f2ea)
}
html[data-theme="light"] .plan-focus-timer-copy strong{color:#143024}
html[data-theme="light"] .plan-focus-timer-copy em{color:#4d6558}
.training-sheet-overlay{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:end center;
  padding:16px;
  background:rgba(4,8,6,.62);
  backdrop-filter:blur(4px);
  animation:trainingSheetIn .18s ease both
}
.training-sheet-overlay.leaving{opacity:0;transition:opacity .16s ease}
.training-sheet{
  width:min(440px,100%);
  display:grid;
  gap:10px;
  padding:20px 18px 16px;
  border:1px solid #2d4a3a;
  border-radius:18px 18px 14px 14px;
  background:linear-gradient(165deg,#121c17,#0d1411 70%);
  box-shadow:0 24px 60px #00000055;
  transform:translateY(0);
  animation:trainingSheetUp .22s ease both
}
.training-sheet small{
  color:#49e79b;
  font:800 10px/1 Manrope,sans-serif;
  letter-spacing:1.3px
}
.training-sheet h3{
  margin:0;
  color:#eef7f1;
  font:800 20px/1.2 Manrope,sans-serif
}
.training-sheet p{
  margin:0;
  color:#a8bdb1;
  font:550 14px/1.45 Manrope,sans-serif
}
.training-sheet-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:8px
}
.training-sheet-actions:has(> :only-child){grid-template-columns:1fr}
.training-sheet-cancel,
.training-sheet-confirm{
  border:0;
  border-radius:12px;
  padding:13px 14px;
  font:800 13px Manrope,sans-serif;
  cursor:pointer
}
.training-sheet-cancel{
  background:#18221c;
  color:#c5d5cb;
  box-shadow:inset 0 0 0 1px #2f4037
}
.training-sheet-confirm{
  background:linear-gradient(135deg,#49e79b,#2ecf86);
  color:#062014;
  box-shadow:0 8px 18px #49e79b33
}
.training-sheet-overlay.replace .training-sheet{border-color:#6a5745}
.training-sheet-overlay.conflict .training-sheet{border-color:#4a6a88}
.training-sheet-overlay.conflict .training-sheet small{color:#8eb0d4}
@keyframes trainingSheetIn{from{opacity:0}to{opacity:1}}
@keyframes trainingSheetUp{from{transform:translateY(18px);opacity:.85}to{transform:none;opacity:1}}
@media(min-width:761px){
  .training-sheet-overlay{place-items:center}
  .training-sheet{border-radius:18px}
}
html[data-theme="light"] .training-sheet-overlay{background:rgba(10,20,14,.45)}
html[data-theme="light"] .training-sheet{
  border-color:#c5ddd0;
  background:linear-gradient(165deg,#f7fbf8,#eef6f1)
}
html[data-theme="light"] .training-sheet h3{color:#143024}
html[data-theme="light"] .training-sheet p{color:#4d6558}
html[data-theme="light"] .training-sheet-cancel{
  background:#e8f2ec;color:#1f3a2c;box-shadow:inset 0 0 0 1px #b7d0c2
}
.program-complete-page .program-complete-done{
  gap:12px
}
.program-complete-page .program-complete-stats{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:2px 0 4px
}
.program-complete-page .program-complete-stats span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border:1px solid #315e4a;
  border-radius:999px;
  background:#102019;
  color:#c9f0d8;
  font:600 12px/1 Manrope,sans-serif
}
.program-complete-page .program-complete-stats strong{
  color:#8ff0bd;
  font-weight:800
}
.program-complete-page .training-achievements{margin:2px 0 4px}
html[data-theme="light"] .program-complete-page .program-complete-stats span{
  border-color:#b7d7c4;
  background:#eaf6ef;
  color:#1f4a34
}
html[data-theme="light"] .program-complete-page .program-complete-stats strong{color:#147a49}
.training-start-selection .program-choice-card.program-everyday-energy{isolation:isolate;overflow:hidden;border-color:#3e7288;background:linear-gradient(180deg,#0b1820,#0a141b);box-shadow:0 22px 48px #00000029}.training-start-selection .program-choice-card.program-everyday-energy:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#071019f5 0%,#071019df 35%,#07101988 58%,#07101928 82%,#07101942 100%),linear-gradient(180deg,#0710190d 0%,#0710199c 100%),url('/assets/healthos-everyday-energy-program-v1.webp') 72% center/cover no-repeat;opacity:.98;transition:transform .35s ease,filter .35s ease}.training-start-selection .program-choice-card.program-everyday-energy>*{position:relative;z-index:1}.training-start-selection .program-choice-card.program-everyday-energy>span,.training-start-selection .program-choice-card.program-everyday-energy .program-card-step,.training-start-selection .program-choice-card.program-everyday-energy .program-card-fit{color:#bcd7e0}.training-start-selection .program-choice-card.program-everyday-energy h2{color:#f2fbff}.training-start-selection .program-choice-card.program-everyday-energy .program-recommendation{border-color:#61d9ff66;background:#0c2a38;color:#b9f0ff}.training-start-selection .program-choice-card.program-everyday-energy .program-card-badges b{border-color:#315e70;background:#0c2430;color:#c5ebf5}.training-start-selection .program-choice-card.program-everyday-energy .program-mini-journey{border-color:#315e70;background:#0b202b;color:#c4e3eb}.training-start-selection .program-choice-card.program-everyday-energy button{background:linear-gradient(135deg,#d5f8ff 0%,#61d9ff 100%);color:#06131b;box-shadow:0 12px 25px #61d9ff24}.training-start-selection .program-choice-card.program-everyday-energy:hover:before,.training-start-selection .program-choice-card.program-everyday-energy:focus-visible:before{transform:scale(1.035);filter:saturate(1.08) brightness(1.05)}.training-start-selection .program-choice-card.program-everyday-energy:hover,.training-start-selection .program-choice-card.program-everyday-energy:focus-visible,.training-start-selection .program-choice-card.program-everyday-energy:focus-within{border-color:#61d9ff!important;background:#0b1820!important;box-shadow:0 18px 42px #00000030,0 0 0 1px #61d9ff33!important}.training-start-selection .program-choice-card.program-everyday-energy:after{border-color:#61d9ff;box-shadow:0 0 0 2px #61d9ff25,0 0 34px #61d9ff2b,0 18px 42px #61d9ff12}
@media(max-width:760px){.training-start-selection .program-choice-card.program-everyday-energy{min-height:420px;padding:22px}.training-start-selection .program-choice-card.program-everyday-energy:before{background-position:72% center}.training-start-selection .program-choice-card.program-everyday-energy h2{font-size:26px}}
.training-start-selection .program-choice-card.program-everyday-energy:before{background-position:56% center}.training-start-selection .program-choice-card.program-everyday-energy .program-recommendation{position:static;z-index:3}
@media(max-width:760px){.training-start-selection .program-choice-card.program-everyday-energy:before{background-position:56% center}}
.training-start-selection .program-choice-card.program-everyday-energy{--energy-gold:#f0c476;--energy-gold-soft:#ffe2a6;isolation:isolate;border-color:#65543a!important;background:#12191f!important;box-shadow:0 22px 48px #00000033,inset 0 1px 0 #ffe2a61c}.training-start-selection .program-choice-card.program-everyday-energy:before{background:linear-gradient(90deg,#111920f4 0%,#111920da 38%,#11192073 60%,#1119201c 82%,#11192042 100%),linear-gradient(180deg,#1119200a 0%,#111920a8 100%),url('/assets/healthos-everyday-energy-program-v1.webp') 56% center/cover no-repeat;opacity:.98;transition:transform .35s ease,filter .35s ease}.training-start-selection .program-choice-card.program-everyday-energy>span,.training-start-selection .program-choice-card.program-everyday-energy .program-card-step,.training-start-selection .program-choice-card.program-everyday-energy .program-card-fit{color:#d2d4cf}.training-start-selection .program-choice-card.program-everyday-energy h2{color:#fff8ea}.training-start-selection .program-choice-card.program-everyday-energy .program-recommendation{border-color:#f0c47666;background:#2b2418;color:var(--energy-gold-soft)}.training-start-selection .program-choice-card.program-everyday-energy .program-card-badges b{border-color:#725b35;background:#282218;color:#ffe1a5}.training-start-selection .program-choice-card.program-everyday-energy .program-mini-journey{border-color:#725b35;background:#211d16;color:#f0dfbd}.training-start-selection .program-choice-card.program-everyday-energy button{background:linear-gradient(135deg,#ffe5ad 0%,#efb95f 100%);color:#191207;box-shadow:0 12px 25px #efb95f2b}.training-start-selection .program-choice-card.program-everyday-energy:hover:before,.training-start-selection .program-choice-card.program-everyday-energy:focus-visible:before{transform:scale(1.035);filter:saturate(1.08) brightness(1.05)}.training-start-selection .program-choice-card.program-everyday-energy:hover,.training-start-selection .program-choice-card.program-everyday-energy:focus-visible,.training-start-selection .program-choice-card.program-everyday-energy:focus-within{border-color:var(--energy-gold)!important;background:#12191f!important;box-shadow:0 18px 42px #00000030,0 0 0 1px #f0c47633!important}.training-start-selection .program-choice-card.program-everyday-energy:after{border-color:var(--energy-gold);box-shadow:0 0 0 2px #f0c47625,0 0 34px #f0c4762b,0 18px 42px #f0c47612}
@media(max-width:760px){.training-start-selection .program-choice-card.program-everyday-energy{min-height:420px;padding:22px}.training-start-selection .program-choice-card.program-everyday-energy:before{background-position:56% center}.training-start-selection .program-choice-card.program-everyday-energy h2{font-size:26px}}
.training-start-selection .program-choice-card.program-lean-start{--lean-clay:#d78569;--lean-clay-soft:#f5c1a6;--lean-sage:#a7b99d;isolation:isolate;overflow:hidden;border-color:#624b40!important;background:#171819!important;box-shadow:0 22px 48px #00000033,inset 0 1px 0 #f5c1a61c}.training-start-selection .program-choice-card.program-lean-start:before{background:linear-gradient(90deg,#141719f4 0%,#141719dc 38%,#14171978 60%,#1417191e 82%,#14171942 100%),linear-gradient(180deg,#1417190a 0%,#141719a8 100%),url('/assets/healthos-lean-start-program-v1.webp') 56% center/cover no-repeat;opacity:.98;transition:transform .35s ease,filter .35s ease}.training-start-selection .program-choice-card.program-lean-start>span,.training-start-selection .program-choice-card.program-lean-start .program-card-step,.training-start-selection .program-choice-card.program-lean-start .program-card-fit{color:#d6d5cf}.training-start-selection .program-choice-card.program-lean-start h2{color:#fff4ed}.training-start-selection .program-choice-card.program-lean-start .program-recommendation{border-color:#d7856966;background:#2a1e1a;color:var(--lean-clay-soft)}.training-start-selection .program-choice-card.program-lean-start .program-card-badges b{border-color:#6a5745;background:#27231f;color:#f3d9c5}.training-start-selection .program-choice-card.program-lean-start .program-mini-journey{border-color:#6a5745;background:#211e1b;color:#e8d6c5}.training-start-selection .program-choice-card.program-lean-start button{background:linear-gradient(135deg,#f5c5a9 0%,#d78569 100%);color:#1d100b;box-shadow:0 12px 25px #d785692b}.training-start-selection .program-choice-card.program-lean-start:hover:before,.training-start-selection .program-choice-card.program-lean-start:focus-visible:before{transform:scale(1.035);filter:saturate(1.08) brightness(1.05)}.training-start-selection .program-choice-card.program-lean-start:hover,.training-start-selection .program-choice-card.program-lean-start:focus-visible,.training-start-selection .program-choice-card.program-lean-start:focus-within{border-color:var(--lean-clay)!important;background:#171819!important;box-shadow:0 18px 42px #00000030,0 0 0 1px #d7856933!important}.training-start-selection .program-choice-card.program-lean-start:after{border-color:var(--lean-clay);box-shadow:0 0 0 2px #d7856925,0 0 34px #d785692b,0 18px 42px #d7856912}
@media(max-width:760px){.training-start-selection .program-choice-card.program-lean-start{min-height:420px;padding:22px}.training-start-selection .program-choice-card.program-lean-start:before{background-position:56% center}.training-start-selection .program-choice-card.program-lean-start h2{font-size:26px}}
.training-start-selection .program-choice-card.program-lean-start:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}.training-start-selection .program-choice-card.program-lean-start>*{position:relative;z-index:1}
.training-start-selection .program-choice-card.program-build-strong{--build-violet:#9d91ff;--build-violet-soft:#d9d3ff;--build-steel:#87bddb;isolation:isolate;overflow:hidden;border-color:#435274!important;background:#10151f!important;box-shadow:0 22px 48px #00000038,inset 0 1px 0 #d9d3ff14}.training-start-selection .program-choice-card.program-build-strong:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#0d141ff5 0%,#0d141fe0 38%,#0d141f80 60%,#0d141f1f 82%,#0d141f48 100%),linear-gradient(180deg,#0d141f0a 0%,#0d141fb3 100%),url('/assets/healthos-build-strong-program-v1.webp') 56% center/cover no-repeat;opacity:.98;transition:transform .35s ease,filter .35s ease}.training-start-selection .program-choice-card.program-build-strong>*{position:relative;z-index:1}.training-start-selection .program-choice-card.program-build-strong>span,.training-start-selection .program-choice-card.program-build-strong .program-card-step,.training-start-selection .program-choice-card.program-build-strong .program-card-fit{color:#c3ced8}.training-start-selection .program-choice-card.program-build-strong h2{color:#f2f2ff}.training-start-selection .program-choice-card.program-build-strong .program-card-badges b{border-color:#536486;background:#192337;color:#d7e8f4}.training-start-selection .program-choice-card.program-build-strong .program-mini-journey{border-color:#536486;background:#141e31;color:#d5d8ff}.training-start-selection .program-choice-card.program-build-strong button{background:linear-gradient(135deg,#dedaff 0%,#9d91ff 100%);color:#111125;box-shadow:0 12px 25px #9d91ff2e}.training-start-selection .program-choice-card.program-build-strong:hover:before,.training-start-selection .program-choice-card.program-build-strong:focus-visible:before{transform:scale(1.035);filter:saturate(1.08) brightness(1.05)}.training-start-selection .program-choice-card.program-build-strong:hover,.training-start-selection .program-choice-card.program-build-strong:focus-visible,.training-start-selection .program-choice-card.program-build-strong:focus-within{border-color:var(--build-violet)!important;background:#10151f!important;box-shadow:0 18px 42px #00000030,0 0 0 1px #9d91ff38!important}.training-start-selection .program-choice-card.program-build-strong:after{border-color:var(--build-violet);box-shadow:0 0 0 2px #9d91ff25,0 0 34px #9d91ff2b,0 18px 42px #9d91ff12}
@media(max-width:760px){.training-start-selection .program-choice-card.program-build-strong{min-height:420px;padding:22px}.training-start-selection .program-choice-card.program-build-strong:before{background-position:56% center}.training-start-selection .program-choice-card.program-build-strong h2{font-size:26px}}
.shopping-panel .shopping-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px}.shopping-panel .shopping-list li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:11px;border:1px solid #253028;background:#131a16;border-radius:11px;font-size:12px}.shopping-panel .shopping-list label{display:flex;align-items:flex-start;gap:10px;min-width:0}.shopping-panel .shopping-list input{accent-color:#49e79b;margin-top:2px}.shopping-panel .shopping-list span{display:flex;flex-direction:column;gap:3px;min-width:0}.shopping-panel .shopping-list small{color:#748078;font-size:9px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:245px}.shopping-panel .shopping-list strong{color:#49e79b;font-size:12px;white-space:nowrap}.shopping-total{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:14px;border:1px solid #2d6548;background:linear-gradient(135deg,#102019,#14271d);border-radius:12px}.shopping-total span{color:#8fa098;font-size:10px}.shopping-total strong{font:600 22px Manrope;color:#e8fff3}
.store-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.store-picker label{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:9px;border:1px solid #29352e;background:#111914;border-radius:9px;cursor:pointer}.store-picker input{accent-color:#49e79b}.store-picker span{font-size:11px;color:#e8f1eb}.store-picker small{grid-column:2;color:#7e8b83;font-size:8px}.store-picker .live{border-color:#2d6548;background:#13231a}.store-picker .live small{color:#49e79b}
.shopping-panel .shopping-list li>div{min-width:0}.price-compare{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 0 28px}.price-compare button{display:grid;gap:1px;min-width:95px;text-align:left;padding:7px 8px;border:1px solid #26342d;background:#0c120f;color:#dce8e1;border-radius:9px;cursor:pointer}.price-compare button.selected{border-color:#49e79b;background:#12251b;box-shadow:0 0 0 1px #49e79b33}.price-compare button:hover{border-color:#49e79b66}.price-compare b{font-size:8px;color:#dce8e1}.price-compare em{font-style:normal;font-size:11px;color:#49e79b}.price-compare small{max-width:120px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#748078!important}
.price-strategy{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.price-strategy button{display:grid;gap:3px;text-align:left;border:1px solid #26342d;background:#0d1410;color:#dce8e1;border-radius:12px;padding:10px;cursor:pointer}.price-strategy button.active{border-color:#49e79b;background:linear-gradient(145deg,#13251b,#102019)}.price-strategy b{font-size:11px}.price-strategy small{color:#7f8c84;font-size:8px;line-height:1.25}.store-picker.guided{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.store-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #202b25;background:#0d130f;border-radius:13px;transition:.2s}.store-group>strong{grid-column:1/-1;color:#9fb0a6;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.store-picker.guided label{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;margin:0;padding:10px;border:1px solid #29352e;background:#111914;border-radius:10px;cursor:pointer}.store-picker.guided label:has(input:checked){border-color:#49e79b;background:#13231a}.store-picker.guided input{accent-color:#49e79b}.store-picker.guided span{font-size:12px;color:#eef5f0}.store-picker.guided small{grid-column:2;color:#7e8b83;font-size:8px;line-height:1.25}.store-picker.guided .live small{color:#60d99a}.shopping-panel.saving-mode .price-compare button.selected{border-color:#f4c76b;background:#251f12;box-shadow:0 0 0 1px #f4c76b55}.shopping-panel.saving-mode .price-compare button.selected em{color:#f4c76b}.shopping-panel.comfort-mode .store-group{background:#101713}@media(max-width:760px){.price-strategy{grid-template-columns:1fr}.store-group{grid-template-columns:1fr}.price-compare{margin-left:0}}
.nutrition-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 18px;padding:10px;overflow:visible;border:1px solid #25352c;background:linear-gradient(135deg,#101713,#0d1410);border-radius:16px;box-shadow:none}.nutrition-steps button{position:relative;display:grid;align-content:center;gap:3px;justify-items:start;min-width:0;min-height:74px;padding:11px 12px 11px 40px;border:1px solid #24342c;background:linear-gradient(145deg,#101713,#0c120f);color:#dce7e0;border-radius:12px;cursor:pointer;text-align:left;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.nutrition-steps button span{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:999px;border:1px solid #355341;background:#13231a;color:#8fe7b8;display:grid;place-items:center;font:600 10px Manrope}.nutrition-steps button strong{font-size:11px;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nutrition-steps button small{font-size:8px;color:#7f8d85;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nutrition-steps button:after{content:"";display:none}.nutrition-steps button:hover{border-color:#49e79b66;transform:translateY(-1px);box-shadow:0 8px 20px #49e79b0f}.nutrition-steps button.active{border-color:#49e79b;background:linear-gradient(145deg,#163225,#11241a);box-shadow:0 0 0 1px #49e79b24}.nutrition-steps button.active span{background:#49e79b;color:#07100b;border-color:#49e79b}.nutrition-steps button.active small{color:#bde8cf}.nutrition-step-stage{position:relative;min-height:420px}.nutrition-step-panel{display:none;opacity:0;transform:translateY(14px) scale(.985);transform-origin:top center;animation:none}.nutrition-step-panel.active-step{display:block;opacity:1;transform:none;animation:nutritionStepIn .34s ease both}.nutrition-step-panel.active-step .panel,.nutrition-step-panel.active-step.recipe-assist,.nutrition-step-panel.active-step.recipe-finder{border-color:#49e79b;box-shadow:0 0 0 1px #49e79b1a,0 18px 42px #00000020}.saved-recipes-shell{display:grid;gap:18px}.saved-recipes-group{display:grid;gap:12px;padding:14px;border:1px solid #23372c;background:linear-gradient(145deg,#0f1713,#101914);border-radius:16px}.saved-recipes-group-head{display:flex;justify-content:space-between;align-items:end;gap:12px}.saved-recipes-group-head strong{font:600 17px Manrope;color:#eef5f0}.saved-recipes-group-head small{font-size:10px;color:#8ba097}.saved-recipes-grid{grid-template-columns:repeat(2,1fr)}.saved-recipe-card{border:1px solid #25352c;background:#101713;border-radius:16px;overflow:hidden}.recipe-save-actions{display:grid;gap:8px;margin:0 0 12px}.recipe-favorite-btn{border:1px solid #34503f;background:#102018;color:#d8e6de;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:700;cursor:pointer;text-align:left}.recipe-favorite-btn.active{border-color:#f1ce7b;background:linear-gradient(145deg,#2a2412,#18140d);color:#f7df95}.recipe-favorite-btn:disabled{opacity:.72;cursor:wait}.saved-recipe-shopping{margin-bottom:12px}.recipe-assist{margin-top:0}.recipe-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}.recipe-head small{color:#49e79b;font-size:9px;letter-spacing:.12em}.recipe-head h2{font:500 25px Manrope;margin:6px 0}.recipe-head p{margin:0;color:#839088;font-size:12px;max-width:560px}.smart-recipes{grid-template-columns:repeat(2,1fr)}.smart-recipes article{padding:0;overflow:hidden;background:#101713}.smart-recipes img{width:100%;height:150px;object-fit:cover;display:block;filter:saturate(.95) contrast(1.05)}.recipe-body{padding:16px}.recipe-body>span{color:#49e79b;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.recipe-body h3{font:500 20px Manrope;margin:8px 0 6px}.recipe-body p{color:#96a39b;font-size:11px;margin:0 0 12px}.recipe-body .recipe-intro{color:#d4ded8;font-size:12px;line-height:1.5;margin:0 0 12px}@keyframes nutritionStepIn{0%{opacity:0;transform:translateY(16px) scale(.985)}65%{opacity:1}100%{opacity:1;transform:none}}@media(max-width:980px){.nutrition-steps{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px;padding:9px;scroll-snap-type:none}.nutrition-steps button{min-width:0;min-height:68px;scroll-snap-align:none}.nutrition-steps button small{display:none}}@media(max-width:760px){.recipe-head{align-items:flex-start;flex-direction:column}.smart-recipes,.saved-recipes-grid{grid-template-columns:1fr}.nutrition-steps{margin-inline:0}.nutrition-steps button{min-width:0;min-height:64px;padding:10px 11px 10px 38px}.nutrition-step-stage{min-height:320px}.saved-recipes-group-head{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.nutrition-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}.nutrition-steps button{min-height:54px;padding:10px 10px 10px 38px}.nutrition-steps button strong,.nutrition-steps button small{display:none}.nutrition-steps button:after{content:attr(data-short);display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 11px/1.15 Manrope;color:#dce7e0}.nutrition-steps button.active:after{color:#f2fff7}}
.recipe-ingredients{display:block;color:#b7c5bd;font-size:10px;line-height:1.45;margin:0 0 12px}
.recipe-match{display:grid;gap:8px;margin:0 0 13px}.recipe-match strong{color:#dce8e1;font-size:10px;font-weight:600}.recipe-match div{display:flex;gap:6px;flex-wrap:wrap}.recipe-match span{border:1px solid #2b3830;background:#0d1511;color:#99a69e;border-radius:7px;padding:6px 8px;font-size:9px;line-height:1}.recipe-match span.matched{border-color:#347a57;background:#14271d;color:#49e79b}.recipe-match span.missing{border-color:#6d5b2f;background:#211d12;color:#f1ce7b}
.recipe-check{padding:10px;border:1px solid #25352c;background:#0d1511;border-radius:10px}.recipe-check .recipe-check-columns{display:grid;grid-template-columns:1fr 1fr;gap:9px}.recipe-check .recipe-check-columns section{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;min-width:0}.recipe-check small{display:block;width:100%;color:#8fa097;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.recipe-check em{font-style:normal;color:#76847c;font-size:9px;line-height:1.35}
.recipe-prep{display:grid;gap:7px;margin:0 0 12px;padding:10px;border:1px solid #25352c;background:#0d1511;border-radius:10px}.recipe-prep>strong,.recipe-portion-list>strong{color:#dce8e1;font-size:10px;font-weight:650}.recipe-steps{display:grid;gap:6px;margin:0;padding-left:18px;color:#b4c0b8;font-size:10px;line-height:1.45}.recipe-steps li::marker{color:#49e79b;font-weight:600}
.recipe-shopping{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 13px;padding:10px;border:1px solid #25352c;background:#0d1511;border-radius:10px}.recipe-shopping button{border:0;background:#49e79b;color:#07100b;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:700;cursor:pointer}.recipe-shopping button:disabled{opacity:.78;cursor:wait}.recipe-shopping small{color:#8fa097;font-size:9px;line-height:1.35}.recipe-shopping.added{border-color:#49e79b;background:#12251b}.recipe-shopping.added small{color:#49e79b}.recipe-portion-list{display:grid;gap:6px}.recipe-portion-list label{display:flex;align-items:flex-start;gap:8px;padding:7px 8px;border:1px solid #233229;background:#101914;border-radius:8px;color:#c6d2cb;font-size:10px;line-height:1.25;cursor:pointer}.recipe-portion-list input{accent-color:#49e79b;margin-top:1px}.recipe-portion-list label:has(input:not(:checked)){opacity:.48}.recipe-portion-list span{min-width:0}
.recipe-finder{margin-top:24px;padding:16px;border:1px solid #253028;background:#111713;border-radius:14px}.recipe-finder-head{margin-bottom:12px}.recipe-finder-form{display:grid;grid-template-columns:1fr auto;gap:9px}.recipe-finder-form input{border:1px solid #2b3830;background:#0b100d;color:#e7eee9;border-radius:9px;padding:12px;min-width:0;width:100%}.recipe-finder-form button{border:0;background:#49e79b;color:#07100b;border-radius:9px;padding:12px 16px;font-weight:700;cursor:pointer}.recipe-finder-form button:disabled{opacity:.78;cursor:wait}.recipe-finder-grid{margin-top:16px}
.recipe-finder-input-shell{position:relative;min-width:0;background:#0b100d;border-radius:9px}.recipe-finder-input-shell input{position:relative;z-index:1;background:transparent}.recipe-finder-ghost{position:absolute;z-index:0;top:50%;transform:translateY(-50%);color:#7f9789;font:inherit;white-space:pre;pointer-events:none;opacity:.68}
.recipe-result-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:11px 13px;border:1px solid #274235;background:linear-gradient(145deg,#101814,#0d1410);border-radius:13px}.recipe-result-summary b{color:#eef5f0;font:700 13px Manrope}.recipe-result-summary small{color:#49e79b;font-size:10px;line-height:1.35}.recipe-result-card{border:1px solid #25352c!important;background:linear-gradient(180deg,#101713,#0d1410)!important;border-radius:18px!important;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.recipe-result-card:hover{border-color:#49e79b66!important;box-shadow:0 0 0 1px #49e79b1d,0 18px 44px #49e79b0f;transform:translateY(-2px)}.recipe-result-card img{height:190px!important;border-bottom:1px solid #203128}.recipe-result-card .recipe-body{display:grid;gap:14px;padding:18px}
.recipe-personalized{margin-top:8px;padding:8px 10px;border:1px solid #314338;border-radius:8px;background:#0a0f0c;font-size:11px}
.recipe-personalized strong{display:block;margin-bottom:2px;color:#7af5c0}
.recipe-personalized ul{margin:4px 0 0;padding-left:14px}
.recipe-personalized li{margin:1px 0;color:#a6b4ac}
.recipe-personalized small{color:#7af5c0;opacity:0.9}.recipe-card-top{display:grid;gap:8px}.recipe-card-top h3{font:600 21px Manrope;margin:0;color:#f1f8f4;line-height:1.2}.recipe-match-badge{justify-self:start;padding:6px 9px;border:1px solid #49e79b55;background:#13251b;color:#49e79b!important;border-radius:999px;font-size:9px!important;letter-spacing:.06em;text-transform:uppercase}.recipe-result-card .recipe-intro{margin:0!important;color:#aebcb4!important;font-size:12px!important;line-height:1.45;min-height:0}.recipe-meta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recipe-meta-row span{display:grid;gap:3px;padding:10px;border:1px solid #25352c;background:#0b120f;border-radius:11px}.recipe-meta-row small{color:#7f8d85;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.recipe-meta-row b{color:#eef5f0;font-size:12px}.recipe-nutrition-note{display:block;margin:2px 0 0;color:#8fa097;font-size:10px;line-height:1.35}.recipe-chip-board{display:grid;gap:10px;padding:11px;border:1px solid #22342b;background:#0d1511;border-radius:13px}.recipe-chip-board section{display:grid;gap:7px}.recipe-chip-board small{color:#8fa097;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.recipe-chip-board div{display:flex;gap:6px;flex-wrap:wrap}.recipe-chip-board span,.recipe-chip-board em{border-radius:999px;padding:6px 8px;font-size:9px;line-height:1.1;font-style:normal}.recipe-chip-board span.matched{border:1px solid #347a57;background:#14271d;color:#49e79b}.recipe-chip-board span.missing{border:1px solid #6d5b2f;background:#211d12;color:#f1ce7b}.recipe-chip-board em{color:#738078;background:#101914;border:1px solid #25352c}.recipe-card-actions{display:grid;gap:9px}.recipe-result-card .recipe-shopping{display:grid;gap:9px;margin:0;padding:0;border:0;background:transparent}.recipe-result-card .recipe-shopping>[data-recipe-shopping]{order:1;width:100%;padding:12px 14px;font-size:12px;box-shadow:0 12px 24px #49e79b18}.recipe-result-card .recipe-shopping .recipe-save-actions{order:2;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0}.recipe-result-card .recipe-save-actions small{display:none}.recipe-result-card .recipe-favorite-btn{width:auto;border-color:#33443a;background:#0d1511;color:#aebcb4;padding:8px 10px;border-radius:999px;font-size:10px;text-align:center}.recipe-result-card .recipe-favorite-btn.active{border-color:#f1ce7b66;background:#211d12;color:#f1ce7b}.recipe-detail-toggle{border:1px solid #2d4336;background:#0d1511;color:#dce8e1;border-radius:10px;padding:11px 12px;font-size:11px;font-weight:700;cursor:pointer}.recipe-detail-toggle:hover{border-color:#49e79b66;color:#49e79b}.recipe-details{display:grid;gap:12px;margin-top:2px;padding-top:14px;border-top:1px solid #22342b;animation:nutritionStepIn .24s ease both}.recipe-details[hidden]{display:none}.recipe-detail-grid{display:grid;grid-template-columns:1fr;gap:10px}.recipe-detail-grid>section{padding:11px;border:1px solid #25352c;background:#0d1511;border-radius:12px}.recipe-detail-grid strong{display:block;margin-bottom:8px;color:#e6f0ea;font-size:11px}.recipe-result-card .recipe-prep{margin:0;padding:12px;border-radius:12px}.recipe-result-card .recipe-check{margin:0;padding:0;border:0;background:transparent}.recipe-result-card .recipe-estimate{margin:0!important;color:#b5c2ba!important;font-size:11px!important;line-height:1.45}.recipe-result-card.expanded{border-color:#49e79b4d!important;box-shadow:0 0 0 1px #49e79b18,0 20px 48px #00000026}.recipe-finder-grid:has(.recipe-result-card){align-items:start}
@media(max-width:760px){.recipe-result-summary{align-items:flex-start;flex-direction:column}.recipe-meta-row,.recipe-detail-grid{grid-template-columns:1fr}.recipe-result-card img{height:170px!important}}
.recipe-serving-control{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid #254234;background:#0b130f;border-radius:13px}.recipe-serving-control>div:first-child{display:grid;gap:2px}.recipe-serving-control small{color:#49e79b;font-size:9px;text-transform:uppercase;letter-spacing:.07em}.recipe-serving-control strong{color:#eef7f2;font-size:13px}.recipe-serving-control em{color:#8fa097;font-size:10px;font-style:normal}.serving-stepper{display:flex;align-items:center;gap:7px;padding:4px;border:1px solid #26382f;background:#101813;border-radius:999px}.serving-stepper button{position:relative;display:grid;place-items:center;box-sizing:border-box;width:28px;height:28px;padding:0;appearance:none;-webkit-appearance:none;border-radius:999px;border:1px solid #315542;background:#13241b;color:#49e79b;font-size:0;line-height:1;cursor:pointer}.serving-stepper button::before{content:"";display:block;width:10px;height:2px;border-radius:2px;background:currentColor}.serving-stepper button[data-serving-step="1"]::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:10px;border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}.serving-stepper button:hover{border-color:#49e79b99;box-shadow:0 0 0 2px #49e79b18}.serving-stepper span{min-width:22px;text-align:center;color:#edf7f1;font-weight:800;font-size:12px}@media(max-width:760px){.recipe-serving-control{align-items:flex-start;flex-direction:column}.serving-stepper{align-self:stretch;justify-content:space-between}}
.recipe-loading-shell{display:grid;gap:18px;padding:20px;border:1px solid #274235;background:linear-gradient(145deg,#101814,#0d1410);border-radius:18px;overflow:hidden;position:relative;isolation:isolate}.recipe-loading-shell:before{content:"";position:absolute;inset:-30% 38% auto -10%;height:180px;background:radial-gradient(circle,#49e79b1f 0,#49e79b08 35%,transparent 70%);animation:recipeLoadFloat 3.4s ease-in-out infinite}.recipe-loading-copy{display:grid;gap:6px;max-width:520px}.recipe-loading-copy strong{font:600 18px Manrope;color:#eef5f0;letter-spacing:.01em}.recipe-loading-copy p{margin:0;color:#8da097;font-size:12px;line-height:1.55}.recipe-loading-orb{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#49e79b,#21543d);box-shadow:0 14px 34px #49e79b22;position:relative;overflow:hidden}.recipe-loading-orb:before,.recipe-loading-orb:after{content:"";position:absolute;border-radius:999px}.recipe-loading-orb:before{inset:10px;background:#0b130f;opacity:.28}.recipe-loading-orb:after{width:18px;height:18px;right:8px;top:8px;background:#d6ffe8;animation:recipeLoadPulse 1.3s ease-in-out infinite}.recipe-loading-skeletons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recipe-loading-card{display:grid;gap:10px;padding:16px;border:1px solid #22342b;background:linear-gradient(180deg,#121b16,#0d1411);border-radius:16px}.recipe-loading-card span{display:block;border-radius:999px;background:linear-gradient(90deg,#17221c 0,#24362c 45%,#17221c 100%);background-size:220% 100%;animation:recipeLoadShimmer 1.35s linear infinite}.recipe-loading-card span:nth-child(1){width:34%;height:12px}.recipe-loading-card span:nth-child(2){width:82%;height:24px;border-radius:12px}.recipe-loading-card span:nth-child(3){width:100%;height:92px;border-radius:14px}.recipe-loading-card span:nth-child(4){width:58%;height:12px}.recipe-grid:has(.recipe-loading-shell){grid-template-columns:1fr}.recipe-grid .recipe-loading-shell{grid-column:1/-1}
@keyframes recipeLoadShimmer{0%{background-position:200% 0}100%{background-position:-20% 0}}
@keyframes recipeLoadPulse{0%,100%{transform:scale(.86);opacity:.52}50%{transform:scale(1);opacity:1}}
@keyframes recipeLoadFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(18px,10px,0)}}
@media(max-width:760px){.recipe-check .recipe-check-columns{grid-template-columns:1fr}.recipe-finder-form{grid-template-columns:1fr}}
@media(max-width:760px){.recipe-loading-skeletons{grid-template-columns:1fr}.recipe-loading-shell{padding:16px}.recipe-loading-copy strong{font-size:16px}}
.price-strategy{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.price-strategy button{display:grid;gap:3px;text-align:left;border:1px solid #26342d;background:#0d1410;color:#dce8e1;border-radius:12px;padding:10px;cursor:pointer}.price-strategy button.active{border-color:#49e79b;background:linear-gradient(145deg,#13251b,#102019)}.price-strategy b{font-size:11px}.price-strategy small{color:#7f8c84;font-size:8px;line-height:1.25}.store-picker.guided{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.store-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #202b25;background:#0d130f;border-radius:13px;transition:.2s}.store-group>strong{grid-column:1/-1;color:#9fb0a6;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.store-group.dimmed{opacity:.42}.store-picker.guided label{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;margin:0;padding:10px;border:1px solid #29352e;background:#111914;border-radius:10px;cursor:pointer}.store-picker.guided label:has(input:checked){border-color:#49e79b;background:#13231a}.store-picker.guided input{accent-color:#49e79b}.store-picker.guided span{font-size:12px;color:#eef5f0}.store-picker.guided small{grid-column:2;color:#7e8b83;font-size:8px;line-height:1.25}.store-picker.guided .live small{color:#60d99a}@media(max-width:760px){.price-strategy{grid-template-columns:1fr}.store-group{grid-template-columns:1fr}.price-compare{margin-left:0}}
.ui-icon{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.meal-list{display:grid;gap:8px;margin-top:20px}.meal-list>.meal-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:16px 24px 16px 20px;border:1px solid #1d2722;background:#111713;border-radius:10px}.meal-list .meal-row-icon{width:32px;height:32px;display:grid;place-items:center;align-items:center;justify-items:center;flex:none;border:1px solid #22342b;background:#0d1511;color:#49e79b;border-radius:9px;box-shadow:inset 0 0 0 1px #49e79b05}.meal-list .meal-row-icon .ui-icon{width:16px;height:16px;margin:auto}.meal-row-main{display:grid;justify-items:start;align-content:center;gap:4px;min-width:0;text-align:left}.meal-row-main small{color:#748078;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.meal-row-main strong{display:block;width:100%;font-size:12px;line-height:1.35;color:#eef5f0;font-weight:500;text-align:left}.meal-row-side{display:flex;align-items:center;justify-content:flex-end;justify-self:end;margin-left:auto;gap:10px;flex:none}.meal-row-side em{display:inline-flex;align-items:center;gap:5px;color:#8d9991;font-style:normal;font-size:10px;white-space:nowrap}.meal-row-side em .ui-icon{width:13px;height:13px;color:#6f8a7a}.meal-row button{border:0;background:none;color:#6f7b73;cursor:pointer;padding:2px 0 2px 4px;font-size:16px;line-height:1}.meal-delete-btn{width:30px;height:30px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #26342d!important;background:#0d1410!important;color:#748078!important;border-radius:9px!important;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.meal-delete-btn .ui-icon{width:15px;height:15px}.meal-delete-btn:hover:not(:disabled){border-color:#49e79b66!important;background:#13241b!important;color:#49e79b!important;box-shadow:0 8px 20px #49e79b10}.meal-delete-btn:disabled{opacity:.52;cursor:wait}
.meal-row{transition:background .2s ease,border-color .2s ease}.meal-row.is-new{background:#121914;border-color:#26312b}
.meal-clear-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:13px 15px;border:1px solid #253028;background:linear-gradient(135deg,#101713,#0d1410);border-radius:12px}.meal-clear-panel div{display:grid;gap:3px;min-width:0}.meal-clear-panel strong{font-size:11px;font-weight:650;color:#e7eee9}.meal-clear-panel small{color:#7f8c84;font-size:9px}.meal-clear-panel button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #314138;background:#142018;color:#49e79b;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:750;cursor:pointer;white-space:nowrap}.meal-clear-panel button .ui-icon{width:14px;height:14px}.meal-clear-panel button:hover:not(:disabled){border-color:#49e79b;background:#17291f;box-shadow:0 10px 24px #49e79b12}.meal-clear-panel button:disabled{cursor:not-allowed;opacity:.48;color:#748078}.meal-clear-panel[data-empty="true"]{background:#0f1511}.meal-clear-panel[data-empty="true"] button{border-color:#26342d;background:#101713}
@media(max-width:760px){.meal-list>.meal-row{grid-template-columns:auto minmax(0,1fr);padding:14px 16px;gap:13px}.meal-list .meal-row-icon{width:30px;height:30px;border-radius:8px}.meal-row-side{grid-column:2;justify-self:start;gap:9px}.meal-row-side em{padding-right:2px}.meal-delete-btn{width:28px;height:28px!important}}
@media(max-width:760px){.meal-clear-panel{align-items:stretch;flex-direction:column}.meal-clear-panel button{width:100%}}
@media(max-width:980px){.training-hero{grid-template-columns:1fr}.week-roadmap{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.week-step{min-width:155px;scroll-snap-align:start}.session-grid{grid-template-columns:1fr}.training-section-head{align-items:flex-start;flex-direction:column}.training-progress b{font-size:21px}}
@media(max-width:980px){.training-level-focus{grid-template-columns:1fr}.level-focus-card{grid-template-columns:auto minmax(0,1fr);align-items:start}.level-focus-card b{grid-column:2;justify-self:start}}
@media(max-width:760px){.training-section{padding:15px}.training-hero h2{font-size:25px}.training-progress{padding:14px}.session-card{min-height:auto}.video-placeholder{min-height:96px}.training-rhythm{align-items:flex-start;flex-direction:column;padding:16px}.rhythm-dots i{width:14px;height:14px}}
@media(max-width:760px){.level-focus-card{padding:15px;gap:12px}.level-focus-card>span{width:40px;height:40px;border-radius:13px;font-size:15px}.level-focus-card h3{font-size:16px}.completed-level-strip{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.completed-level-strip span{flex:none}}
@media(max-width:760px){.training-feedback,.training-milestone{align-items:flex-start}.training-feedback{flex-wrap:wrap}.training-feedback b{margin-left:37px}.training-milestone{grid-template-columns:auto 1fr;padding:16px}.training-milestone b{grid-column:2;justify-self:start}.training-milestone h2{font-size:17px}.session-reward-badge{position:static;justify-self:start;width:max-content;margin-right:34px}.training-complete-mini{grid-template-columns:1fr}.week-roadmap .week-step:after{display:none}}
.weekly-plan-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#111713,#0d1410);border-color:#294136}.weekly-plan-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#49e79b,#49e79b00)}.weekly-plan-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.weekly-plan-head small,.weekly-plan-adjust small{color:#49e79b;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.weekly-plan-head h2{font:650 23px Manrope;margin:5px 0 7px}.weekly-plan-head p{margin:0;max-width:640px;color:#9aa8a0;font-size:12px;line-height:1.5}.weekly-plan-head>span{padding:7px 9px;border:1px solid #2d6548;background:#102019;color:#9be9bd;border-radius:999px;font-size:9px;white-space:nowrap}.weekly-plan-empty{display:grid;gap:8px;padding:16px;border:1px solid #26362e;background:#0c130f;border-radius:14px}.weekly-plan-empty strong{font:650 16px Manrope;color:#eef5f0}.weekly-plan-empty p{margin:0;color:#8d9b93;font-size:12px;line-height:1.5}.weekly-plan-empty button,.weekly-plan-tools>button,.weekly-plan-actions button,.weekly-plan-day button{border:0;background:#49e79b;color:#07100b;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:850;cursor:pointer}.weekly-plan-empty button{justify-self:start;margin-top:4px}.weekly-plan-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.weekly-plan-adjust{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.weekly-plan-adjust button{border:1px solid #2d3d34;background:#111a15;color:#aebbb4;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.weekly-plan-adjust button.active,.weekly-plan-adjust button:hover{border-color:#49e79b;background:#13241b;color:#49e79b}.weekly-plan-progress{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;margin-bottom:13px;padding:12px;border:1px solid #25362e;background:#0d1511;border-radius:13px}.weekly-plan-progress b{grid-row:span 2;color:#eef5f0;font:700 22px Manrope}.weekly-plan-progress span{color:#89978f;font-size:11px}.weekly-plan-progress div{height:7px;background:#223128;border-radius:999px;overflow:hidden}.weekly-plan-progress i{display:block;height:100%;background:linear-gradient(90deg,#49e79b,#8ff2bd);border-radius:999px}.weekly-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.weekly-plan-day{display:grid;gap:10px;align-content:start;padding:13px;border:1px solid #26372f;background:#0d1511;border-radius:14px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.weekly-plan-day:hover,.weekly-plan-day.active{border-color:#49e79b;box-shadow:0 0 0 1px #49e79b22;background:#122019}.weekly-plan-day.completed{border-color:#2d6548;background:#102019}.weekly-plan-day small{color:#49e79b;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.weekly-plan-day h3{font:650 14px Manrope;margin:0;color:#eef5f0;line-height:1.25}.weekly-plan-day p{margin:0;color:#8f9d95;font-size:10px;line-height:1.4}.weekly-plan-day button{align-self:end;background:#13241b;color:#49e79b;border:1px solid #315542}.weekly-plan-video{min-height:88px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;border:1px dashed #355241;background:#0a110e;border-radius:12px}.weekly-plan-video span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#1c2c22;color:#49e79b}.weekly-plan-video strong{display:block;color:#e7f0ea;font-size:11px}.weekly-plan-video small{display:block;margin-top:3px;color:#7d8b83;font-size:9px;line-height:1.35}.weekly-plan-video.large{min-height:120px}.weekly-plan-video.completed{border-color:#2d6548;background:#102019}.weekly-plan-video.completed span{background:#49e79b;color:#07100b}.weekly-plan-video.real{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;border-style:solid;border-color:#2d6548;background:#0c1511}.weekly-plan-video.real video{width:100%;max-width:100%;aspect-ratio:16/9;min-height:140px;border-radius:10px;border:1px solid #2a3a31;background:#0a100d;display:block;object-fit:cover}.weekly-plan-video.real.large video{min-height:180px}.weekly-session-detail .weekly-plan-video.real{height:auto;min-height:0;align-content:start}.weekly-session-detail .weekly-plan-video.real video{min-height:190px}.weekly-plan-video.real>div{min-width:0}html[data-theme="light"] .weekly-plan-video.real{border-color:#9ec9b0;background:#f3faf6}html[data-theme="light"] .weekly-plan-video.real video{border-color:#c5dcd0;background:#eef5f0}.weekly-plan-detail{display:grid;grid-template-columns:minmax(0,.7fr) minmax(260px,1fr) auto;gap:14px;align-items:center;margin-top:14px;padding:15px;border:1px solid #2d6548;background:linear-gradient(145deg,#12231a,#0d1511);border-radius:15px}.weekly-plan-detail small{color:#49e79b;font-size:9px;letter-spacing:.12em}.weekly-plan-detail h3{font:650 18px Manrope;margin:4px 0}.weekly-plan-detail p{margin:0;color:#95a39b;font-size:12px;line-height:1.45}.weekly-plan-actions{display:grid;gap:8px}.weekly-plan-actions button:last-child{background:#13241b;color:#49e79b;border:1px solid #315542}.weekly-plan-actions button:hover,.weekly-plan-day button:hover,.weekly-plan-tools>button:hover,.weekly-plan-empty button:hover{box-shadow:0 12px 26px #49e79b18}
@media(max-width:980px){.weekly-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-plan-detail{grid-template-columns:1fr}.weekly-plan-actions{grid-template-columns:1fr 1fr}.weekly-plan-head,.weekly-plan-tools{align-items:flex-start;flex-direction:column}.weekly-plan-head>span{white-space:normal}}
@media(max-width:760px){.weekly-plan-grid{grid-template-columns:1fr}.weekly-plan-actions{grid-template-columns:1fr}.weekly-plan-actions button,.weekly-plan-tools>button,.weekly-plan-empty button{width:100%}.weekly-plan-progress{grid-template-columns:1fr}.weekly-plan-progress b{grid-row:auto}.weekly-plan-video.large{min-height:104px}}
.weekly-goal-picker{display:grid;gap:9px;margin-bottom:14px;padding:12px;border:1px solid #25362e;background:#0c130f;border-radius:14px}.weekly-goal-picker small{color:#49e79b;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.weekly-goal-picker div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.weekly-goal-picker button{border:1px solid #2d3d34;background:#111a15;color:#aebbb4;border-radius:999px;padding:9px 10px;font-size:10px;font-weight:800;cursor:pointer}.weekly-goal-picker button:hover,.weekly-goal-picker button.active{border-color:#49e79b;background:#13241b;color:#49e79b;box-shadow:0 0 0 2px #49e79b12}.weekly-level-roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.weekly-level-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;min-height:88px;padding:12px;border:1px solid #26372f;background:#0d1511;border-radius:14px;cursor:pointer}.weekly-level-step>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #35463c;background:#121c17;color:#8fa097;border-radius:12px;font:800 13px Manrope}.weekly-level-step small{color:#7f8e85;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.weekly-level-step strong{display:block;margin-top:3px;color:#e8f3ed;font-size:12px;line-height:1.25}.weekly-level-step b{grid-column:2;justify-self:start;padding:4px 7px;border-radius:999px;background:#17211b;color:#87968d;font-size:8px}.weekly-level-step.active{border-color:#49e79b;background:#122019;box-shadow:0 0 0 1px #49e79b2e,0 15px 34px #49e79b12}.weekly-level-step.active>span{border-color:#49e79b;color:#49e79b}.weekly-level-step.active b{background:#49e79b;color:#07100b}.weekly-level-step.completed{border-color:#2d6548;background:#102019}.weekly-level-step.completed>span{border-color:#49e79b;background:#49e79b;color:#07100b}.weekly-level-step.locked{opacity:.58}.weekly-current-session{display:grid;grid-template-columns:minmax(0,.9fr) minmax(240px,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid #294136;background:linear-gradient(145deg,#101a14,#0d1511);border-radius:15px}.weekly-current-session small{color:#49e79b;font-size:9px;letter-spacing:.12em}.weekly-current-session h3{font:650 18px Manrope;margin:4px 0;color:#eef5f0}.weekly-current-session p{margin:0 0 6px;color:#9aa8a0;font-size:12px}.weekly-current-session em{color:#b3c1ba;font-size:11px;font-style:normal;line-height:1.45}.weekly-current-session button{border:0;background:#49e79b;color:#07100b;border-radius:10px;padding:11px 13px;font-size:10px;font-weight:850;cursor:pointer}.weekly-plan-detail.expanded ul{display:grid;gap:5px;margin:9px 0 0;padding:0;list-style:none}.weekly-plan-detail.expanded li{color:#9ba9a1;font-size:11px}.weekly-plan-detail.expanded li:before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:999px;background:#49e79b;vertical-align:middle}.weekly-plan-complete{display:grid;gap:8px;padding:17px;border:1px solid #2d6548;background:linear-gradient(145deg,#13251b,#0d1511);border-radius:15px}.weekly-plan-complete strong{font:650 18px Manrope;color:#eef5f0}.weekly-plan-complete p{margin:0;color:#a7b5ad;font-size:12px}.weekly-plan-complete span{justify-self:start;padding:6px 8px;border:1px solid #49e79b66;background:#102019;color:#9ee9bd;border-radius:999px;font-size:9px}.weekly-plan-complete button{justify-self:start;border:1px solid #315542;background:#13241b;color:#49e79b;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:850;cursor:pointer}.weekly-current-session button:hover,.weekly-plan-complete button:hover{box-shadow:0 12px 26px #49e79b18}
@media(max-width:980px){.weekly-goal-picker div,.weekly-level-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-current-session{grid-template-columns:1fr}}
@media(max-width:760px){.weekly-goal-picker div,.weekly-level-roadmap{grid-template-columns:1fr}.weekly-current-session button,.weekly-plan-complete button{width:100%}}
.training-generator-card{display:grid;gap:14px}.training-generator-card .weekly-plan-head{margin-bottom:0}.generator-chat-card{display:grid;gap:11px;padding:14px;border:1px solid #294136;background:linear-gradient(145deg,#101913,#0b110e);border-radius:16px}.generator-chat-card label{color:#e8f3ed;font:650 14px Manrope}.generator-chat-card textarea{width:100%;min-height:128px;resize:vertical;border:1px solid #304039;background:#070d0a;color:#eef5f0;border-radius:14px;padding:14px;font:600 14px Manrope;line-height:1.55;outline:none}.generator-chat-card textarea::placeholder{color:#728279}.generator-chat-card textarea:focus{border-color:#49e79b;box-shadow:0 0 0 3px #49e79b18}.generator-chat-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.generator-chat-actions small{color:#87968d;font-size:10px;line-height:1.4}.generator-chat-actions button{border:0;background:#49e79b;color:#07100b;border-radius:12px;padding:11px 14px;font-size:10px;font-weight:850;line-height:1.2;cursor:pointer;white-space:nowrap}.generator-chat-actions button:hover,.generator-coach-message:hover{box-shadow:0 12px 26px #49e79b18}.generator-detected{display:grid;gap:8px;padding:12px;border:1px solid #315542;background:#101b15;border-radius:13px}.generator-detected small,.generator-coach-message small,.generator-week-head small{color:#49e79b;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.generator-detected strong{color:#e8f3ed;font:650 14px Manrope}.generator-detected>div{display:flex;flex-wrap:wrap;gap:7px}.generator-detected span{padding:7px 9px;border:1px solid #294136;background:#0c130f;color:#b7c5bd;border-radius:999px;font-size:10px;line-height:1.25}.generator-detected b{color:#49e79b}.generator-detected p{margin:0;color:#9aa8a0;font-size:11px;line-height:1.45}.generator-coach-message{display:grid;gap:6px;margin-bottom:12px;padding:14px;border:1px solid #2d6548;background:linear-gradient(145deg,#12231a,#0d1511);border-radius:15px}.generator-coach-message p{margin:0;color:#d7e5dd;font-size:13px;line-height:1.55}.generated-workout-empty,.generated-workout-card,.generator-current-level{padding:14px;border:1px solid #26372f;background:#0d1511;border-radius:15px}.generated-workout-head small,.generator-current-level small{color:#49e79b;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.generated-workout-card h3,.generator-week-head h3{font:650 17px Manrope;margin:4px 0 6px;color:#eef5f0}.generated-workout-empty p,.generated-workout-head p,.generator-week-head p{margin:0;color:#95a39b;font-size:12px;line-height:1.45}.generated-workout-empty button,.generated-workout-head button,.generated-workout-actions button{border:0;background:#49e79b;color:#07100b;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:850;cursor:pointer}.generator-current-level{display:flex;align-items:center;justify-content:space-between;gap:12px}.generator-current-level strong{color:#eef5f0;font:650 16px Manrope}.generator-current-level span{color:#8f9d95;font-size:11px}.generated-workout-empty{display:grid;gap:9px}.generated-workout-empty strong{font:650 16px Manrope;color:#eef5f0}.generated-workout-card{display:grid;gap:13px;border-color:#2d6548;background:linear-gradient(145deg,#12231a,#0d1511)}.generated-workout-card.completed{border-color:#49e79b}.generated-workout-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.generated-workout-head span{display:block;color:#9ee9bd;font-size:11px;line-height:1.4}.generated-workout-head button{background:#13241b;color:#49e79b;border:1px solid #315542}.generated-exercise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.generated-exercise-grid article{display:grid;gap:10px;padding:12px;border:1px solid #26372f;background:#0c130f;border-radius:13px}.generated-exercise-grid small{color:#49e79b;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.generated-exercise-grid h4{margin:4px 0;color:#eef5f0;font:650 14px Manrope}.generated-exercise-grid p,.generated-exercise-grid em{margin:0;color:#91a098;font-size:10px;line-height:1.4;font-style:normal}.generated-workout-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.generated-workout-actions span{color:#9aa8a0;font-size:11px}.generator-week-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.generator-week .weekly-level-step em{grid-column:2;color:#9ee9bd;font-style:normal;font-size:9px;line-height:1.25}.training-generator-card .weekly-plan-complete{margin-top:10px}
.weekly-plan-refresh,.weekly-plan-inline-feedback{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #315542;background:#101b15;border-radius:13px}.weekly-plan-refresh p,.weekly-plan-inline-feedback p{margin:0;color:#b5c4bc;font-size:11px;line-height:1.45}.weekly-plan-refresh button{border:1px solid #49e79b;background:#13241b;color:#49e79b;border-radius:10px;padding:9px 11px;font-size:10px;font-weight:850;cursor:pointer}.weekly-plan-inline-feedback{justify-content:flex-start;margin-bottom:12px}.weekly-plan-inline-feedback span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#49e79b;color:#07100b;font-size:12px;font-weight:900}.weekly-session-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.weekly-session-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;min-height:154px;padding:13px;border:1px solid #26372f;background:#0d1511;border-radius:14px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease}.weekly-session-card:hover{border-color:#355241;background:#101a14}.weekly-session-card.active{border-color:#49e79b;background:#122019;box-shadow:0 0 0 1px #49e79b36,0 18px 42px #49e79b14}.weekly-session-card.completed{border-color:#2d6548;background:#102019}.weekly-session-card.locked{opacity:.62}.weekly-session-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #35463c;background:#121c17;color:#8fa097;border-radius:12px;font:800 13px Manrope}.weekly-session-card.active .weekly-session-mark,.weekly-session-card.completed .weekly-session-mark{border-color:#49e79b;background:#49e79b;color:#07100b}.weekly-session-copy small{color:#49e79b;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.weekly-session-copy h3{margin:4px 0;color:#eef5f0;font:650 14px Manrope;line-height:1.25}.weekly-session-copy p{margin:0;color:#8f9d95;font-size:10px;line-height:1.4}.weekly-session-card>b{grid-column:3;justify-self:end;padding:5px 7px;border-radius:999px;background:#17211b;color:#87968d;font-size:8px}.weekly-session-card.active>b{background:#49e79b;color:#07100b}.weekly-session-card.completed>b{color:#9ee9bd;background:#13241b}.weekly-session-card>button{grid-column:1/-1;align-self:end;border:1px solid #315542;background:#13241b;color:#49e79b;border-radius:10px;padding:9px 10px;font-size:10px;font-weight:850;cursor:pointer}.weekly-session-card.active>button{border:0;background:#49e79b;color:#07100b}.weekly-session-card.locked>button{border-color:#2a372f;color:#8b9a92;background:#111914}.weekly-session-detail{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1fr) minmax(190px,.7fr);gap:12px;margin-top:3px;padding-top:12px;border-top:1px solid #294136}.weekly-session-detail-copy small,.weekly-session-benefit small{color:#49e79b;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.weekly-session-detail ul{display:grid;gap:7px;margin:8px 0 0;padding:0;list-style:none}.weekly-session-detail li{display:grid;gap:2px;padding:8px;border:1px solid #24342c;background:#0b120e;border-radius:10px}.weekly-session-detail li strong{color:#eef5f0;font-size:11px}.weekly-session-detail li span,.weekly-session-benefit p{margin:0;color:#95a39b;font-size:10px;line-height:1.45}.weekly-session-benefit{display:grid;align-content:start;gap:9px}.weekly-session-benefit button{border:0;background:#49e79b;color:#07100b;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:850;cursor:pointer}.weekly-session-benefit button:last-child:not(:only-child),.weekly-session-card.completed .weekly-session-benefit button{border:1px solid #315542;background:#13241b;color:#49e79b}.weekly-session-benefit button:hover,.weekly-plan-refresh button:hover,.weekly-session-card>button:hover{box-shadow:0 12px 26px #49e79b18}
.generator-soft-note{margin:0;padding:10px 12px;border:1px solid #26372f;background:#0d1511;color:#9aa8a0;border-radius:12px;font-size:11px;line-height:1.45}
.weekly-completed-rail{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #22342b;background:#0a100d;border-radius:13px}.weekly-completed-rail small{color:#6f8177;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.weekly-completed-rail div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.weekly-completed-rail span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #294136;background:#0d1511;color:#8fcfa9;border-radius:999px;font-size:9px;font-weight:850;line-height:1}
.weekly-session-card{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(104px,1fr) auto auto;min-height:273px;align-content:stretch;overflow:hidden}.weekly-session-card .weekly-session-mark{grid-column:1;grid-row:1}.weekly-session-card .weekly-session-copy{grid-column:1/-1;grid-row:2}.weekly-session-card.selected{border-color:#49e79b;box-shadow:0 0 0 1px #49e79b2a;background:#122019}.weekly-session-card>b{grid-column:1/-1;grid-row:3;justify-self:start;align-self:end}.weekly-session-copy{min-width:0;overflow-wrap:anywhere}.weekly-session-copy h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.weekly-session-copy em{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;color:#b1c0b8;font-size:10px;line-height:1.35;font-style:normal}.weekly-session-card>button{grid-column:1/-1;grid-row:4;align-self:end;margin-top:0;min-height:36px}.weekly-session-card.locked:hover{border-color:#2f4037;background:#0d1511}.generator-week.session-open .weekly-session-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;opacity:.18;filter:saturate(.55);pointer-events:none;user-select:none;margin-top:10px;padding:8px;border:1px solid #203028;background:#0a100d;border-radius:14px;max-height:54px;overflow:hidden}.generator-week.session-open .weekly-session-card{min-height:38px;padding:6px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;border-radius:10px;background:#0d1511;box-shadow:none}.generator-week.session-open .weekly-session-card.selected{opacity:1;border-color:#49e79b;background:#122019}.generator-week.session-open .weekly-session-mark{width:24px;height:24px;border-radius:9px;font-size:10px}.generator-week.session-open .weekly-session-copy,.generator-week.session-open .weekly-session-card>b,.generator-week.session-open .weekly-session-card>button{display:none}.weekly-session-detail{position:relative;z-index:2;display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.12fr);gap:15px;margin:14px 0 4px;padding:15px;border:1px solid #49e79b88;background:linear-gradient(145deg,#13271d,#0d1511);border-radius:16px;overflow:hidden;scroll-margin-top:88px;box-shadow:0 24px 60px #00000036,0 0 0 1px #49e79b14}.weekly-session-detail:focus{outline:none}.weekly-session-video-panel{min-width:0}.weekly-session-detail .weekly-plan-video.large{height:100%;min-height:190px}.weekly-session-detail-main{display:grid;gap:9px;align-content:start;min-width:0;overflow-wrap:anywhere}.weekly-session-detail-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.weekly-session-detail-top small{color:#49e79b;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.weekly-session-detail-top button{border:1px solid #315542;background:#13241b;color:#9ee9bd;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:850;cursor:pointer;white-space:nowrap}.weekly-session-detail-main h3{margin:0;color:#eef5f0;font:650 20px Manrope;line-height:1.2}.weekly-session-detail-main>p{margin:0;color:#aebbb4;font-size:12px;line-height:1.5}.weekly-session-meta{display:flex;flex-wrap:wrap;gap:7px}.weekly-session-meta span{padding:6px 8px;border:1px solid #294136;background:#0c130f;color:#b8c8bf;border-radius:999px;font-size:9px;font-weight:800}.weekly-session-benefit{padding:10px;border:1px solid #26372f;background:#0c130f;border-radius:12px}.weekly-session-benefit strong,.weekly-session-detail-copy>strong{color:#e8f3ed;font-size:12px}.weekly-session-detail-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 0;padding:0;list-style:none}.weekly-session-detail-main>button{justify-self:start;border:0;background:#49e79b;color:#07100b;border-radius:10px;padding:11px 14px;font-size:10px;font-weight:850;cursor:pointer}.weekly-session-detail-main>em{color:#9ee9bd;font-size:11px;font-style:normal}.weekly-session-detail-main>button:hover,.weekly-session-detail-top button:hover{box-shadow:0 12px 26px #49e79b18}
@media(max-width:980px){.generated-workout-head,.generator-week-head,.generated-workout-actions,.generator-current-level,.weekly-plan-refresh{align-items:flex-start;flex-direction:column}.generated-exercise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-session-detail{grid-template-columns:1fr}}
@media(max-width:760px){.generated-workout-empty button,.generated-workout-head button,.generated-workout-actions button,.weekly-plan-refresh button,.weekly-session-card>button,.weekly-session-detail-main>button{width:100%}.generated-workout-actions{display:grid;width:100%}.weekly-session-grid{grid-template-columns:1fr}.weekly-session-card{grid-template-columns:auto minmax(0,1fr);min-height:auto}.weekly-session-card>b{grid-column:1/-1;justify-self:start}.weekly-session-detail{padding:13px}.weekly-session-detail .weekly-plan-video.large{min-height:170px}.weekly-session-detail-top{align-items:flex-start;flex-direction:column}.weekly-session-detail-top button{width:100%}.weekly-session-detail-copy ul{grid-template-columns:1fr}.weekly-session-detail-main h3{font-size:18px}}
.training-generator-card{isolation:isolate;border-color:#365947;background-image:linear-gradient(90deg,rgba(7,14,10,.99) 0%,rgba(7,14,10,.96) 28%,rgba(7,14,10,.84) 50%,rgba(7,14,10,.62) 72%,rgba(7,14,10,.83) 100%),linear-gradient(180deg,rgba(7,14,10,.3),rgba(7,14,10,.88)),url('/assets/healthos-training-generator-bg-v1.webp');background-position:center,center,center 38%;background-size:auto,auto,cover;background-repeat:no-repeat;box-shadow:0 28px 72px #0000003d,0 0 0 1px #49e79b0b}.training-generator-card:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 74% 18%,#49e79b1c,transparent 29%),linear-gradient(180deg,transparent 0%,#07100b14 42%,#07100bd1 100%)}.training-generator-card:before{z-index:2}.training-generator-card>*{position:relative;z-index:1}.training-generator-card .weekly-plan-head{align-items:flex-start;max-width:760px;padding:5px 0 3px}.training-generator-card .weekly-plan-head h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.025em}.training-generator-card .weekly-plan-head p{max-width:600px;color:#b5c6bc;font-size:13px}.training-generator-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 10px!important;border:1px solid #78e9b055!important;background:#0d2118b8!important;color:#b4f4cf!important;border-radius:999px!important;font-size:9px!important;font-weight:800;line-height:1.2;white-space:nowrap;box-shadow:0 10px 25px #0000001f}.training-generator-badge i{width:6px;height:6px;display:block;border-radius:50%;background:#62f0ae;box-shadow:0 0 0 4px #49e79b18,0 0 14px #49e79b99}.training-generator-card .generator-chat-card{max-width:760px;padding:clamp(16px,2.5vw,22px);border-color:#5d806d;background:linear-gradient(145deg,#08120dd9,#0a160fba);box-shadow:0 22px 55px #00000047,0 0 0 1px #b6f7d31a;backdrop-filter:blur(17px) saturate(115%);-webkit-backdrop-filter:blur(17px) saturate(115%)}.training-generator-card .generator-chat-card label{font-size:15px;letter-spacing:-.01em}.training-generator-card .generator-chat-card textarea{min-height:140px;border-color:#456052;background:#030906c7;box-shadow:inset 0 1px 0 #d2ffe00c}.training-generator-card .generator-chat-card textarea:focus{border-color:#66efab;box-shadow:0 0 0 3px #49e79b1c,0 12px 28px #00000024}.training-generator-card .generator-chat-actions{padding-top:2px}.training-generator-card .generator-chat-actions small{color:#adc0b5}.training-generator-card .generator-chat-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 16px;border-radius:13px;background:linear-gradient(135deg,#61f0aa 0%,#35d88f 100%);box-shadow:0 13px 30px #49e79b2e;color:#041009;font-size:11px;transition:transform .2s ease,box-shadow .2s ease}.training-generator-card .generator-chat-actions button:after{content:none!important;display:none!important}.training-generator-card .generator-chat-actions button:hover{transform:translateY(-2px);box-shadow:0 18px 35px #49e79b3d}.training-generator-card .generator-chat-actions button:hover .generator-create-icon{transform:translateY(-1px) scale(1.06)}.training-generator-card .generated-workout-empty,.training-generator-card .generated-workout-card,.training-generator-card .generator-current-level,.training-generator-card .generator-coach-message,.training-generator-card .weekly-plan-progress,.training-generator-card .weekly-completed-rail,.training-generator-card .weekly-plan-refresh{background-color:#07110bd1;box-shadow:0 14px 35px #00000024}.training-generator-card .generator-week-head{max-width:760px}.training-generator-card .generator-week-head h3{font-size:20px}.training-generator-card .generator-week{max-width:900px}
@media(max-width:760px){.training-generator-card{background-position:center,center,67% center;background-size:auto,auto,auto 100%;}.training-generator-card:after{background:linear-gradient(180deg,#07100bd9 0%,#07100b66 39%,#07100be8 100%),radial-gradient(circle at 78% 16%,#49e79b22,transparent 33%)}.training-generator-card .weekly-plan-head{gap:13px;padding-top:2px}.training-generator-card .weekly-plan-head p{font-size:12px}.training-generator-badge{white-space:normal}.training-generator-card .generator-chat-actions{align-items:stretch;flex-direction:column;gap:10px}.training-generator-card .generator-chat-actions button{width:100%;min-height:48px}.training-generator-card .generator-chat-card textarea{min-height:152px}.training-generator-card .generator-week-head h3{font-size:18px}}
.training-generator-card{background-image:linear-gradient(90deg,#07100bf7 0%,#07100bd8 34%,#07100b63 61%,#07100b22 82%,#07100b4d 100%),linear-gradient(180deg,#07100b0f 0%,#07100b52 100%)}.training-generator-card:after{z-index:1;background:radial-gradient(circle at 76% 18%,#49e79b30,transparent 31%),linear-gradient(180deg,transparent 0%,#07100b16 56%,#07100b55 100%)}.training-generator-card:before{z-index:3}.training-generator-card>*:not(.training-generator-art){z-index:2}.training-generator-art{position:absolute!important;inset:0 0 0 auto;width:58%;z-index:0!important;overflow:hidden;border-radius:inherit;pointer-events:none}.training-generator-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07100b 0%,#07100b30 42%,#07100b0b 100%),linear-gradient(180deg,#07100b14 0%,#07100b20 58%,#07100b66 100%)}.training-generator-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:72% 38%;opacity:.92;filter:brightness(1.08) contrast(1.03) saturate(.9)}
@media(max-width:760px){.training-generator-card{background-image:linear-gradient(90deg,#07100bf7 0%,#07100bd8 38%,#07100b5c 61%,#07100b14 84%,#07100b35 100%),linear-gradient(180deg,#07100b0b 0%,#07100b45 100%)}.training-generator-card:after{background:radial-gradient(circle at 78% 17%,#49e79b2b,transparent 34%),linear-gradient(180deg,#07100b0c 0%,#07100b22 54%,#07100b68 100%)}.training-generator-art{width:82%}.training-generator-art:after{background:linear-gradient(90deg,#07100b 0%,#07100b20 38%,#07100b05 100%),linear-gradient(180deg,#07100b0b 0%,#07100b30 60%,#07100b5d 100%)}.training-generator-art img{object-position:75% 38%;opacity:.95}}
.training-generator-card{--training-accent:#61d9ff;--training-accent-soft:#c5f3ff;--training-ink:#06131b;border-color:#38596a;background-image:linear-gradient(90deg,#071019f7 0%,#071019d8 34%,#07101963 61%,#0710191f 82%,#0710194d 100%),linear-gradient(180deg,#0710190f 0%,#07101952 100%)}.training-generator-card:after{background:radial-gradient(circle at 76% 18%,#61d9ff2b,transparent 31%),linear-gradient(180deg,transparent 0%,#07101916 56%,#07101955 100%)}.training-generator-card:before{background:linear-gradient(90deg,var(--training-accent),#61d9ff00)}.training-generator-art:after{background:linear-gradient(90deg,#071019 0%,#07101930 42%,#0710190b 100%),linear-gradient(180deg,#07101914 0%,#07101920 58%,#07101966 100%)}.training-generator-art img{filter:brightness(1.08) contrast(1.04) saturate(.9)}.training-generator-card .weekly-plan-head small,.training-generator-card .generator-week-head small,.training-generator-card .generator-detected small,.training-generator-card .generator-coach-message small{color:var(--training-accent)}.training-generator-card .weekly-plan-head p{color:#c0d0d6}.training-generator-card .training-generator-badge{border-color:#61d9ff55!important;background:#0b2633d9!important;color:var(--training-accent-soft)!important}.training-generator-card .training-generator-badge i{background:var(--training-accent);box-shadow:0 0 0 4px #61d9ff18,0 0 14px #61d9ff99}.training-generator-card .generator-chat-card{border-color:#557482;background:linear-gradient(145deg,#0b161eea,#0c1822d6);box-shadow:0 22px 55px #00000047,0 0 0 1px #c5f3ff1a}.training-generator-card .generator-chat-card textarea{border-color:#48616d;background:#030a10d9}.training-generator-card .generator-chat-card textarea:focus{border-color:var(--training-accent);box-shadow:0 0 0 3px #61d9ff1c,0 12px 28px #00000024}.training-generator-card .generator-chat-actions small{color:#b9cbd1}.training-generator-card .generator-chat-actions button{background:linear-gradient(135deg,#d5f8ff 0%,#61d9ff 100%);box-shadow:0 13px 30px #61d9ff35;color:var(--training-ink)}.training-generator-card .generator-chat-actions button:hover{box-shadow:0 18px 35px #61d9ff4a}.training-generator-card .generated-workout-empty,.training-generator-card .generated-workout-card,.training-generator-card .generator-current-level,.training-generator-card .generator-coach-message,.training-generator-card .weekly-plan-progress,.training-generator-card .weekly-completed-rail,.training-generator-card .weekly-plan-refresh{border-color:#315666;background-color:#07131bd9}.training-generator-card .generator-coach-message{background:linear-gradient(145deg,#102632,#0b1820)}.training-generator-card .generator-detected{border-color:#315d70;background:#0d2029}.training-generator-card .generator-detected b{color:var(--training-accent)}.training-generator-card .generator-detected span{border-color:#315666;background:#0a1720;color:#c0d4db}.training-generator-card .weekly-plan-progress i{background:linear-gradient(90deg,#61d9ff,#c5f3ff)}.training-generator-card .weekly-plan-inline-feedback span{background:var(--training-accent);color:var(--training-ink)}.training-generator-card .weekly-plan-refresh button,.training-generator-card .weekly-session-detail-top button,.training-generator-card .weekly-session-detail-main>button,.training-generator-card .weekly-session-card>button{border-color:#3e7288;color:var(--training-accent);background:#0d2029}.training-generator-card .weekly-session-card.active,.training-generator-card .weekly-session-card.selected{border-color:var(--training-accent);background:#102532;box-shadow:0 0 0 1px #61d9ff36,0 18px 42px #61d9ff14}.training-generator-card .weekly-session-card.active .weekly-session-mark,.training-generator-card .weekly-session-card.completed .weekly-session-mark{border-color:var(--training-accent);background:var(--training-accent);color:var(--training-ink)}.training-generator-card .weekly-session-card.active>b{background:var(--training-accent);color:var(--training-ink)}.training-generator-card .weekly-session-card.active>button,.training-generator-card .weekly-session-detail-main>button{border-color:transparent;background:var(--training-accent);color:var(--training-ink)}.training-generator-card .weekly-session-detail{border-color:#61d9ff88;background:linear-gradient(145deg,#102a36,#0b1820);box-shadow:0 24px 60px #00000036,0 0 0 1px #61d9ff14}.training-generator-card .weekly-session-detail-top small,.training-generator-card .weekly-session-detail-main>em{color:var(--training-accent)}.training-generator-card .weekly-session-meta span{border-color:#315666;background:#0a1720;color:#c5d9df}.training-generator-card .weekly-session-benefit{border-color:#315666;background:#0a1720}.training-generator-card .weekly-plan-complete{border-color:#3e7288;background:linear-gradient(145deg,#102a36,#0b1820)}.training-generator-card .weekly-plan-complete span{border-color:#61d9ff66;background:#0c2430;color:#c5f3ff}
@media(max-width:760px){.training-generator-card{background-image:linear-gradient(90deg,#071019f7 0%,#071019d8 38%,#0710195c 61%,#07101914 84%,#07101935 100%),linear-gradient(180deg,#0710190b 0%,#07101945 100%)}.training-generator-card:after{background:radial-gradient(circle at 78% 17%,#61d9ff2b,transparent 34%),linear-gradient(180deg,#0710190c 0%,#07101922 54%,#07101968 100%)}.training-generator-art:after{background:linear-gradient(90deg,#071019 0%,#07101920 38%,#07101905 100%),linear-gradient(180deg,#0710190b 0%,#07101930 60%,#0710195d 100%)}}
.training-generator-art{height:68%;bottom:auto}.training-generator-art img{object-position:75% 24%}.training-generator-art:after{background:linear-gradient(90deg,#071019 0%,#07101924 42%,#07101908 100%),linear-gradient(180deg,#07101908 0%,#0710191a 64%,#07101975 100%)}
@media(max-width:760px){.training-generator-art{height:56%}.training-generator-art img{object-position:75% 22%}.training-generator-art:after{background:linear-gradient(90deg,#071019 0%,#0710191a 38%,#07101904 100%),linear-gradient(180deg,#07101904 0%,#07101918 58%,#07101982 100%)}}
.training-success-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 32%,#1d4c33 0,#102117 38%,#060a08 100%);color:#eef5f0;isolation:isolate;animation:trainingOverlayIn .28s ease both}.training-success-overlay:before,.training-success-overlay:after{content:"";position:absolute;border-radius:999px;pointer-events:none}.training-success-overlay:before{width:min(68vw,620px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#49e79b24 0,#49e79b0e 42%,transparent 70%);animation:trainingOverlayGlow 1.7s ease both}.training-success-overlay:after{inset:0;background:linear-gradient(120deg,transparent 0,#49e79b10 46%,transparent 72%);transform:translateX(-120%);animation:trainingOverlaySweep 1.4s .15s ease both}.training-success-overlay.leaving{animation:trainingOverlayOut .38s ease forwards}.training-success-copy{position:relative;z-index:2;display:grid;justify-items:center;text-align:center;gap:10px;padding:28px;max-width:min(620px,92vw);animation:trainingSuccessTextIn .42s .08s ease both}.training-success-copy small{color:#49e79b;font-size:10px;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.training-success-copy strong{font:750 clamp(34px,7vw,72px) Manrope;color:#f2fff8;line-height:1.02;text-wrap:balance}.training-success-copy p{max-width:430px;margin:0;color:#b8c9bf;font-size:clamp(13px,2vw,17px);line-height:1.45;text-wrap:balance}.training-success-check{position:absolute;z-index:3;left:50%;top:calc(50% + min(19vw,150px));width:clamp(74px,13vw,116px);height:clamp(74px,13vw,116px);display:grid;place-items:center;border-radius:28px;background:#49e79b;color:#07100b;box-shadow:0 0 0 10px #49e79b14,0 28px 80px #49e79b35;transform:translate(-50%,-50%) scale(.6);opacity:0;animation:trainingSuccessCheckIn .48s .62s cubic-bezier(.2,1.35,.32,1) forwards}.training-success-check span{font:900 clamp(36px,7vw,62px) Manrope;line-height:1}.training-success-overlay.week .training-success-check{border-radius:34px;box-shadow:0 0 0 12px #49e79b18,0 34px 90px #49e79b40}.training-success-overlay.program{background:radial-gradient(circle at 50% 30%,#25633f 0,#102419 36%,#050806 100%)}.training-success-overlay.program .training-success-check{width:clamp(88px,15vw,132px);height:clamp(88px,15vw,132px);border-radius:38px}@keyframes trainingOverlayIn{from{opacity:0}to{opacity:1}}@keyframes trainingOverlayOut{to{opacity:0;transform:scale(1.015)}}@keyframes trainingSuccessTextIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes trainingSuccessCheckIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.55) rotate(-8deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(0)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes trainingOverlayGlow{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}55%{opacity:1}100%{opacity:.72;transform:translate(-50%,-50%) scale(1.05)}}@keyframes trainingOverlaySweep{to{transform:translateX(120%)}}@media(prefers-reduced-motion:reduce){.training-success-overlay,.training-success-overlay:before,.training-success-overlay:after,.training-success-copy,.training-success-check{animation:none!important}.training-success-check{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.health-calculator-shell{display:grid;gap:16px}.health-calc-tabs{display:inline-grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:4px;max-width:360px;padding:5px;border:1px solid #26342d;background:#0d1410;border-radius:14px}.health-calc-tabs button{border:0;background:transparent;color:#9aa8a0;border-radius:10px;padding:10px 12px;font-size:11px;font-weight:850;cursor:pointer}.health-calc-tabs button.active{background:#49e79b;color:#07100b;box-shadow:0 12px 26px #49e79b18}.health-calc-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}.health-calc-source-card,.health-calc-interpretation{background:linear-gradient(145deg,#111713,#0d1410);border-color:#294136}.health-calc-card-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}.health-calc-card-head small,.health-calc-interpretation small{color:#49e79b;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.health-calc-card-head h2,.health-calc-interpretation h2{font:650 21px Manrope;margin:5px 0 0}.health-calc-card-head>span,.health-calc-badge{display:inline-flex;padding:7px 9px;border:1px solid #49e79b55;background:#102019;color:#9ee9bd;border-radius:999px;font-size:9px;font-weight:850;white-space:nowrap}.health-calc-profile-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.health-calc-profile-values span,.health-calc-empty,.health-calc-interpretation>div{padding:12px;border:1px solid #23332a;background:#0c130f;border-radius:13px}.health-calc-profile-values small{display:block;margin-bottom:4px;color:#7f8e85;font-size:9px}.health-calc-profile-values strong{color:#eef5f0;font-size:12px}.health-calc-actions,.health-calc-temp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.health-calc-actions button,.health-calc-form button,.health-calc-temp-actions button{border:1px solid #315542;background:#13241b;color:#49e79b;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:850;cursor:pointer}.health-calc-actions button:first-child,.health-calc-form button[type=submit],.health-calc-temp-actions button:first-child{border:0;background:#49e79b;color:#07100b}.health-calc-form{display:grid;gap:12px}.health-calc-form>p,.health-calc-form>small{margin:0;color:#9aa8a0;font-size:11px;line-height:1.45}.health-calc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.health-calc-form label{display:grid;gap:6px;color:#aebbb4;font-size:10px}.health-calc-form input,.health-calc-form select{min-width:0;border:1px solid #2b3830;background:#0b100d;color:#e7eee9;border-radius:10px;padding:11px;outline:none}.health-calc-form input:focus,.health-calc-form select:focus{border-color:#49e79b;box-shadow:0 0 0 3px #49e79b14}.health-calc-output{display:grid;gap:14px}.health-calc-results{margin-bottom:0}.health-calc-results article{min-height:116px}.health-calc-results article span{color:#49e79b;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.health-calc-results article strong{margin-top:8px}.health-calc-interpretation{display:grid;grid-template-columns:1fr 1fr;gap:12px}.health-calc-interpretation p,.health-calc-empty p{margin:6px 0 0;color:#9aa8a0;font-size:12px;line-height:1.55}.health-calc-empty strong{color:#eef5f0;font:650 15px Manrope}.health-calc-empty.result{min-height:190px;display:grid;align-content:center}@media(max-width:980px){.health-calc-layout,.health-calc-interpretation{grid-template-columns:1fr}.health-calc-tabs{max-width:none}}@media(max-width:760px){.health-calc-tabs,.health-calc-profile-values,.health-calc-form-grid{grid-template-columns:1fr}.health-calc-actions button,.health-calc-temp-actions button,.health-calc-form button{width:100%}}
.body-tracking-shell{display:grid;gap:16px}.body-tracking-grid{align-items:stretch}.body-checkin-card,.body-trend-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#111713,#0d1410);box-shadow:0 22px 54px #00000024}.body-checkin-card:before,.body-trend-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#49e79b,#49e79b00);opacity:.8}.body-card-kicker{display:inline-flex;margin-bottom:10px;color:#49e79b;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.body-checkin-card h2,.body-trend-card h2{margin-bottom:8px}.body-checkin-card>p{margin:0 0 20px;color:#a6b4ac;font-size:13px;line-height:1.5}.body-checkin-form{display:grid;gap:17px}.body-checkin-form label{display:grid;gap:8px;color:#c2cec7;font-size:12px}.body-checkin-form input{width:100%;border:1px solid #304039;background:#0b100d;color:#eef5f0;border-radius:13px;padding:15px 14px;font:600 22px Manrope;outline:none}.body-checkin-form input:focus{border-color:#49e79b;box-shadow:0 0 0 3px #49e79b18}.body-checkin-form button[type=submit]{border:0;background:#49e79b;color:#07100b;border-radius:12px;padding:14px 16px;font-weight:750;cursor:pointer;box-shadow:0 14px 28px #49e79b16}.body-mood-check{display:grid;gap:10px;padding:12px;border:1px solid #24342c;background:#0c130f;border-radius:14px}.body-mood-check small{color:#87968d;font-size:10px;line-height:1.4}.body-mood-check div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.body-mood-check button{border:1px solid #2d3d34;background:#111a15;color:#aebbb4;border-radius:999px;padding:9px 8px;font-size:10px;font-weight:700;cursor:pointer}.body-mood-check button:hover,.body-mood-check button.active{border-color:#49e79b;background:#14281d;color:#49e79b;box-shadow:0 0 0 2px #49e79b12}.body-reassurance{margin:18px 0 0;padding:13px 14px;border:1px solid #294136;background:#0d1511;border-radius:13px;color:#b7c5bd;font-size:12px;line-height:1.55}.body-trend-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.body-trend-head small{padding:7px 9px;border:1px solid #2d6548;background:#102019;color:#98e9bb;border-radius:999px;font-size:9px;line-height:1.2;white-space:nowrap}.body-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px}.body-metrics div{display:grid;gap:4px;padding:13px;border:1px solid #23332a;background:#0c130f;border-radius:14px}.body-metrics small{color:#7f8e85;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.body-metrics strong{color:#eef7f2;font:650 18px Manrope}.body-chart{height:240px;padding:12px;border:1px solid #22342b;background:radial-gradient(circle at 20% 0,#16271d,#0b110e 68%);border-radius:16px}.body-chart svg{display:block;width:100%;height:100%;overflow:visible}.body-target-band{fill:#49e79b;opacity:.1}.body-grid-line{fill:none;stroke:#334138;stroke-width:1;stroke-dasharray:5 7;opacity:.75}.body-trend-line{fill:none;stroke:#49e79b;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #49e79b33)}.body-trend-dot{fill:#15251b;stroke:#7ff1b7;stroke-width:2}.body-trend-dot.latest{fill:#49e79b;stroke:#d7ffe7;filter:drop-shadow(0 0 8px #49e79b66)}.body-chart text{fill:#7f9188;font-size:10px;font-weight:700;letter-spacing:.02em}.body-trend-note{margin:13px 0 0;color:#93a29a;font-size:12px;line-height:1.5}.body-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.body-insights article{padding:17px;border:1px solid #253028;background:linear-gradient(145deg,#111713,#0d1410);border-radius:17px}.body-insights span{display:inline-flex;margin-bottom:13px;color:#49e79b;font-size:9px;letter-spacing:.12em}.body-insights h3{font:600 16px Manrope;margin:0 0 7px;color:#edf6f1}.body-insights p{margin:0;color:#a4b2aa;font-size:12px;line-height:1.45}.body-insights small{display:block;margin-top:10px;color:#718079;font-size:10px;line-height:1.4}@media(max-width:760px){.body-mood-check div,.body-metrics,.body-insights{grid-template-columns:1fr}.body-trend-head{align-items:flex-start;flex-direction:column}.body-trend-head small{white-space:normal}.body-chart{height:210px}.body-checkin-form input{font-size:20px}}
.body-goal-picker{display:grid;gap:10px;padding:12px;border:1px solid #24342c;background:#0c130f;border-radius:14px}.body-goal-picker small{color:#87968d;font-size:10px;line-height:1.4}.body-goal-picker div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.body-goal-picker button{border:1px solid #2d3d34;background:#111a15;color:#aebbb4;border-radius:12px;padding:10px 8px;font-size:10px;font-weight:700;cursor:pointer;text-align:center}.body-goal-picker button:hover,.body-goal-picker button.active{border-color:#49e79b;background:#14281d;color:#49e79b;box-shadow:0 0 0 2px #49e79b12}.body-empty-copy{margin:0 0 14px;color:#a8b6ae;font-size:12px;line-height:1.55}.body-chart-empty{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;gap:7px;padding:18px}.body-chart-empty strong{color:#eef5f0;font:600 17px Manrope}.body-chart-empty span{max-width:300px;color:#8d9b93;font-size:12px;line-height:1.45}@media(max-width:760px){.body-goal-picker div{grid-template-columns:1fr}}
.body-history{display:grid;gap:12px;margin-top:18px;padding:14px;border:1px solid #24342c;background:#0c130f;border-radius:15px}.body-history>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:12px}.body-history h3{font:600 15px Manrope;margin:0;color:#eef5f0}.body-history small{color:#829188;font-size:10px;line-height:1.35}.body-history-list{display:grid;gap:7px;max-height:190px;overflow:auto;padding-right:3px}.body-history-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #23332a;background:#101813;border-radius:11px}.body-history-list span{color:#8e9c94;font-size:10px}.body-history-list strong{color:#e8f5ee;font:650 13px Manrope}.body-history-list p{margin:0;color:#85938b;font-size:11px;line-height:1.45}.body-history-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.body-history-actions button{border:1px solid #2d3d34;background:#111a15;color:#d3ded8;border-radius:10px;padding:10px 11px;font-size:10px;font-weight:800;cursor:pointer}.body-history-actions button:first-child{border-color:#49e79b66;background:#12251b;color:#49e79b}.body-history-actions button:hover{border-color:#49e79b;color:#49e79b}@media(max-width:760px){.body-history>div:first-child{align-items:flex-start;flex-direction:column}.body-history-actions{grid-template-columns:1fr}}
.habit-shell{display:grid;gap:16px}.habit-focus{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:18px;background:linear-gradient(145deg,#111713,#0d1410);overflow:hidden;position:relative}.habit-focus:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#49e79b,#49e79b00)}.habit-focus-copy{position:relative}.habit-focus-copy small,.habit-section-head small{color:#49e79b;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.habit-focus h2{font:600 24px Manrope;margin:6px 0 8px}.habit-focus p{max-width:650px;margin:0;color:#9aa8a0;font-size:13px;line-height:1.55}.habit-focus-meter{display:grid;gap:7px;padding:15px;border:1px solid #294136;background:#0c130f;border-radius:15px}.habit-focus-meter strong{font:700 27px Manrope;color:#eef5f0}.habit-focus-meter span{color:#8f9d95;font-size:11px}.habit-focus-meter div,.habit-progress span{height:8px;background:#223128;border-radius:999px;overflow:hidden}.habit-focus-meter i,.habit-progress i{display:block;height:100%;background:linear-gradient(90deg,#49e79b,#8ff2bd);border-radius:999px;box-shadow:0 0 18px #49e79b33}.habit-layout{align-items:start}.habit-panel{background:linear-gradient(145deg,#111713,#0d1410)}.habit-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:15px}.habit-section-head h2{margin:5px 0 0}.habit-section-head>span{padding:7px 9px;border:1px solid #2a3d34;background:#0c130f;color:#94a39b;border-radius:999px;font-size:9px;white-space:nowrap}.habit-smart-list{display:grid;gap:12px;margin:0}.habit-card{display:grid;gap:13px;padding:16px;border:1px solid #27352d;background:#0d1511;border-radius:15px;transition:border-color .2s ease,box-shadow .2s ease}.habit-card.complete{border-color:#347a57;background:linear-gradient(145deg,#13251b,#0d1511);box-shadow:0 0 0 1px #49e79b18}.habit-card-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center}.habit-card-top>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #35463c;background:#121c17;color:#8fa097;border-radius:12px;font:800 17px Manrope}.habit-card.complete .habit-card-top>span{border-color:#49e79b;background:#49e79b;color:#07100b}.habit-card small{color:#49e79b;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.habit-card h3{font:650 18px Manrope;margin:3px 0 0;color:#eef5f0}.habit-card p{margin:0;color:#9facA5;font-size:12px;line-height:1.5}.habit-rule{padding:10px 11px;border:1px solid #23332a;background:#0a110e;border-radius:11px;color:#aab8b0;font-size:11px}.habit-progress{display:grid;gap:7px}.habit-progress b{color:#dbe8e1;font-size:11px}.habit-card-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.habit-card-foot em{color:#88978f;font-size:11px;font-style:normal;line-height:1.45}.habit-card-foot button{border:1px solid #315542;background:#13241b;color:#49e79b;border-radius:10px;padding:10px 12px;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.habit-card-foot button:hover{border-color:#49e79b;box-shadow:0 0 0 2px #49e79b14}.habit-card.linked .habit-card-foot button,.habit-card.counter .habit-card-foot button{background:#0c130f;color:#9aa8a0;border-color:#293830}.habit-feedback{margin-top:14px;padding:13px 14px;border:1px solid #2d6548;background:#102019;color:#bff5d5;border-radius:13px;font-size:12px;line-height:1.5}.habit-goals{display:grid;gap:10px}.habit-goal-card{display:grid;gap:13px;padding:14px;border:1px solid #25352c;background:#0d1511;border-radius:14px}.habit-goal-card small{color:#49e79b;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.habit-goal-card h3{font:650 15px Manrope;margin:4px 0;color:#eef5f0}.habit-goal-card p{margin:0;color:#8f9d95;font-size:11px;line-height:1.45}.habit-demo-controls{display:grid;gap:10px;margin-top:14px;padding:13px;border:1px solid #24342c;background:#0c130f;border-radius:14px}.habit-demo-controls>small{color:#829188;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.habit-demo-controls>div{display:flex;flex-wrap:wrap;gap:7px}.habit-demo-controls button{border:1px solid #2d3d34;background:#111a15;color:#aebbb4;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.habit-demo-controls button:hover{border-color:#49e79b;color:#49e79b;background:#13241b}@media(max-width:980px){.habit-focus,.habit-layout{grid-template-columns:1fr}.habit-focus-meter{max-width:260px}}@media(max-width:760px){.habit-focus{padding:18px}.habit-card-foot{grid-template-columns:1fr}.habit-card-foot button{width:100%}.habit-section-head{align-items:flex-start;flex-direction:column}.habit-demo-controls>div{display:grid;grid-template-columns:1fr 1fr}.habit-demo-controls button{white-space:normal}.habit-focus-meter{max-width:none}}
.habit-goal-rules{display:grid;gap:7px}.habit-goal-rules span{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;align-items:center;padding:9px 10px;border:1px solid #213029;background:#0a110e;border-radius:11px}.habit-goal-rules b{width:18px;height:18px;display:grid;place-items:center;border-radius:999px;border:1px solid #33443a;color:#87968d;font-size:11px;grid-row:span 2}.habit-goal-rules em{font-style:normal;color:#d8e4dd;font-size:11px;line-height:1.2}.habit-goal-rules small{grid-column:2;color:#7f8e85!important;font-size:8px!important;letter-spacing:0!important;text-transform:none!important}.habit-goal-rules span.done{border-color:#2d6548;background:#102019}.habit-goal-rules span.done b{border-color:#49e79b;background:#49e79b;color:#07100b}.habit-goal-rules span.done small{color:#9ee9bd!important}
.habit-rule-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #26382f;background:#0a110e;border-radius:11px}.habit-rule-item.manual{border-color:#2f4337}.habit-rule-item.done{border-color:#2d6548;background:#102019}.habit-rule-item>b{width:18px;height:18px;display:grid;place-items:center;border-radius:999px;border:1px solid #33443a;color:#87968d;font-size:11px}.habit-rule-item.done>b{border-color:#49e79b;background:#49e79b;color:#07100b}.habit-rule-item>div{display:grid;gap:3px;min-width:0}.habit-rule-item em{font-style:normal;color:#d8e4dd;font-size:11px;line-height:1.2}.habit-rule-item small{color:#7f8e85!important;font-size:8px!important;letter-spacing:0!important;text-transform:none!important}.habit-rule-item.done small{color:#9ee9bd!important}.habit-rule-item button{border:1px solid #315542;background:#13241b;color:#49e79b;border-radius:999px;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer;white-space:nowrap}.habit-rule-item button:hover{border-color:#49e79b;box-shadow:0 0 0 2px #49e79b12}.habit-rule-item.linked button,.habit-rule-item.counter button{border-color:#293830;background:#0c130f;color:#9aa8a0}.habit-rule-progress{display:grid;gap:4px}.habit-rule-progress span{display:block!important;height:6px!important;border:0!important;padding:0!important;background:#223128!important;border-radius:999px!important;overflow:hidden!important}.habit-rule-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#49e79b,#8ff2bd)}
.habit-goal-card.primary{border-color:#2d6548;background:linear-gradient(145deg,#13251b,#0d1511);box-shadow:0 18px 36px #00000022}.habit-goal-card.primary h3{font-size:18px}.habit-signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.habit-signal-grid .habit-goal-card{gap:10px;padding:12px}.habit-signal-grid .habit-goal-card h3{font-size:13px}.habit-signal-grid .habit-goal-card p{font-size:10px}.habit-signal-grid .habit-goal-rules{gap:6px}.habit-signal-grid .habit-goal-rules span{padding:8px;grid-template-columns:auto minmax(0,1fr)}@media(max-width:760px){.habit-signal-grid{grid-template-columns:1fr}.habit-rule-item{grid-template-columns:auto minmax(0,1fr)}.habit-rule-item button{grid-column:2;justify-self:start}}
.coach-message-content{color:#d9e5de;font-size:13px;line-height:1.6}.coach-message-content p{margin:0 0 9px;color:#d9e5de;font-size:13px;line-height:1.6}.coach-message-content p:last-child{margin-bottom:0}.coach-message-content strong{color:#effff6}.coach-message-content ul{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.coach-message-content li{position:relative;padding-left:16px;color:#d9e5de;font-size:13px;line-height:1.5}.coach-message-content li:before{content:"";position:absolute;left:1px;top:.65em;width:5px;height:5px;border-radius:50%;background:#49e79b}.coach-message.user .coach-message-content,.coach-message.user .coach-message-content p{color:#07100b}.coach-message-content.loading{color:#8fa097}.coach-message-content.error{color:#ffd1d1}
.title-with-icon{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;min-height:46px}.title-with-icon>.section-title-icon{grid-column:1;grid-row:1/span 3}.title-with-icon>:not(.section-title-icon){grid-column:2}.section-title-icon{position:relative;width:46px;height:46px;display:grid;place-items:center;flex:none;border:1px solid #2b4537;background:radial-gradient(circle at 32% 22%,#dfffee 0,#7af2b8 10%,#173826 34%,#08100c 78%);color:#bff5d5;border-radius:50%;box-shadow:0 16px 36px #0000002e,0 0 0 1px #49e79b0d,0 0 30px #49e79b12;overflow:hidden}.section-title-icon:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid #ffffff16;background:linear-gradient(145deg,#ffffff12,transparent 48%)}.section-title-icon:after{content:"";position:absolute;right:6px;top:7px;width:8px;height:8px;border-radius:50%;background:#e9fff4;opacity:.78;box-shadow:0 0 14px #bff5d5}.section-title-icon svg{position:relative;z-index:1;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #49e79b22)}.coach-view-title{max-width:780px}.coach-chat-card{height:clamp(380px,calc(100vh - 370px),520px)!important;border-radius:18px!important;background:linear-gradient(145deg,#101713,#0b100d)!important;border-color:#293a31!important;box-shadow:0 20px 54px #00000030!important}.coach-chat-card:before{height:0!important}.coach-thread{gap:14px!important;padding:18px!important;background:radial-gradient(circle at 50% -15%,#173523 0,#101713 36%,#090f0c 100%)!important}.coach-message{align-items:flex-end}.coach-message>div{max-width:min(70%,620px)!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}.coach-message small{margin:0 0 6px 4px!important;color:#8fa097!important;font-size:9px!important;letter-spacing:.06em!important;text-transform:none!important}.coach-message.user{justify-content:flex-end}.coach-message.user small{text-align:right;color:#94a481!important;margin-right:4px!important}.coach-message-content{display:grid;gap:8px;padding:12px 14px;border:1px solid #2b3d34;background:linear-gradient(145deg,#141f18,#0f1713);border-radius:15px 15px 15px 5px;color:#dce8e1;font-size:13px;line-height:1.5}.coach-message.user .coach-message-content{display:block;background:#49e79b;border-color:#49e79b;color:#07100b;border-radius:15px 15px 5px 15px;box-shadow:0 12px 28px #49e79b16}.coach-response-block{display:grid;gap:6px;padding:9px 10px;border:1px solid #273a31;background:#0b130f;border-radius:11px}.coach-response-block h3{margin:0;color:#eef8f2;font:650 12px Manrope}.coach-response-block p{margin:0!important;color:#c8d5ce!important;font-size:12px!important;line-height:1.48!important}.coach-response-block ul{display:grid;gap:6px;margin:0!important;padding:0!important;list-style:none}.coach-response-block li{position:relative;padding-left:16px;color:#c8d5ce;font-size:12px;line-height:1.45}.coach-response-block li:before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:50%;background:#49e79b}.coach-plan-card{border-color:#315542;background:linear-gradient(145deg,#102019,#0b130f)}.coach-plan-card>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.coach-plan-card article{display:grid;gap:5px;padding:10px;border:1px solid #284136;background:#0c1511;border-radius:12px}.coach-plan-card article small{margin:0!important;color:#49e79b!important;font-size:9px!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-align:left!important}.coach-plan-card article p{font-size:12px!important;color:#d6e4dc!important}.coach-message-content.loading{display:block;color:#a5b4ac;background:#101913;border:1px solid #263a30}.coach-message-content.loading:after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-radius:50%;background:#49e79b;animation:coachPulse 1s infinite}.coach-message-content.error{display:block;color:#ffd1d1;background:#211413;border-color:#5b302c}.coach-composer{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:14px!important;background:linear-gradient(180deg,#0e1511,#0a100d)!important;border-top:1px solid #25352d!important}.coach-composer label{color:#dce8e1;font:650 12px Manrope}.coach-composer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.coach-composer textarea{height:86px!important;min-height:86px!important;border-radius:14px!important;padding:12px 13px!important;background:#070d0a!important;border-color:#30453a!important;font-size:13px;line-height:1.45}.coach-composer textarea::placeholder{color:#73847a}.coach-composer button{min-width:112px!important;min-height:44px!important;border-radius:12px!important;font-size:12px}.coach-chat-head{display:none!important}@media(max-width:820px){.title-with-icon{grid-template-columns:38px minmax(0,1fr);gap:11px;min-height:40px}.section-title-icon{width:38px;height:38px}.section-title-icon svg{width:19px;height:19px}.coach-chat-card{height:auto!important;min-height:0!important}.coach-thread{min-height:160px!important;padding:14px!important}.coach-message>div{max-width:96%!important}.coach-plan-card>div{grid-template-columns:1fr}.coach-composer-row{grid-template-columns:1fr}.coach-composer button{width:100%}}
.coach-memory-bar{display:grid;gap:10px;padding:14px 18px;border-bottom:1px solid #223029;background:#0d1410}.coach-memory-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.coach-memory-actions button{border:1px solid #2a3d34;background:#0b120e;color:#9eada5;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.coach-memory-actions button:hover{border-color:#49e79b;color:#49e79b;background:#13241b}.coach-memory-actions button span{margin-left:5px;color:#49e79b}.coach-memory-card{display:grid;gap:5px;max-width:720px;padding:11px 12px;border:1px solid #263a30;background:#0a120e;border-radius:13px}.coach-memory-card small,.coach-older-thread>small{color:#49e79b;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.coach-memory-card p{margin:0;color:#9aa8a0;font-size:12px;line-height:1.45}.coach-older-thread{display:grid;gap:14px;margin-bottom:4px;padding:14px;border:1px solid #24342c;background:#0a100d;border-radius:16px}.coach-older-thread .coach-message{opacity:.82}.coach-older-thread .coach-message-content{font-size:12px;padding:13px 15px}.coach-older-thread .coach-response-block{padding:10px}@media(max-width:820px){.coach-memory-bar{padding:12px}.coach-memory-actions{display:grid;grid-template-columns:1fr 1fr}.coach-memory-actions button{white-space:normal}}

/* Health calculator: calm personal evaluation flow. */
.health-calculator-shell{gap:18px;max-width:1120px}.health-calc-tabs{justify-self:start;display:inline-grid;grid-template-columns:repeat(2,minmax(136px,1fr));gap:5px;max-width:380px;padding:5px;border:1px solid #26382f;background:#0b120e;border-radius:16px}.health-calc-tabs button{border:0;background:transparent;color:#98a69e;border-radius:12px;padding:11px 13px;font-size:11px;font-weight:850;cursor:pointer}.health-calc-tabs button.active{background:#49e79b;color:#07100b;box-shadow:0 14px 28px #49e79b16}.health-calc-output,.health-calc-flow{display:grid;gap:16px}.health-calc-summary-card{position:relative;overflow:hidden;display:grid;gap:17px;padding:24px;border:1px solid #294136;background:radial-gradient(circle at 18% 0,#183322,#101813 48%,#0d1410);border-radius:22px;box-shadow:0 24px 58px #00000026}.health-calc-summary-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#49e79b,#49e79b00);opacity:.9}.health-calc-summary-head{position:relative}.health-calc-summary-head small,.health-calc-card-head small,.health-calc-story-card small{color:#49e79b;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.health-calc-summary-head h2{font:700 27px Manrope;margin:7px 0 8px;color:#eff8f2}.health-calc-summary-head p,.health-calc-card-head p{max-width:690px;margin:0;color:#9daad2;font-size:13px;line-height:1.55}.health-calc-result-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.health-calc-result-grid article{display:grid;align-content:start;min-height:150px;padding:18px;border:1px solid #263c31;background:#0b120e;border-radius:17px}.health-calc-result-grid span{color:#8ff0b8;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.health-calc-result-grid strong{margin-top:10px;color:#f0fbf4;font:750 31px Manrope;line-height:1}.health-calc-result-grid small{margin-top:6px;color:#809088;font-size:10px}.health-calc-result-grid p{margin:14px 0 0;color:#a8b8af;font-size:11px;line-height:1.45}.health-calc-badge,.health-calc-card-head>span{display:inline-flex;padding:7px 9px;border:1px solid #49e79b55;background:#13241b;color:#a7efc4;border-radius:999px;font-size:9px;font-weight:850;white-space:nowrap}.health-calc-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.health-calc-story-card{background:linear-gradient(145deg,#111713,#0d1410);border-color:#294136}.health-calc-story-card h2,.health-calc-card-head h2{font:650 21px Manrope;margin:6px 0 8px;color:#eef5f0}.health-calc-story-card p,.health-calc-empty p{margin:0;color:#a2b0a8;font-size:13px;line-height:1.6}.health-calc-story-card ul{display:grid;gap:8px;margin:13px 0 0;padding:0;list-style:none}.health-calc-story-card li{position:relative;padding-left:17px;color:#aebbb4;font-size:12px;line-height:1.45}.health-calc-story-card li:before{content:"";position:absolute;left:1px;top:.6em;width:6px;height:6px;border-radius:999px;background:#49e79b}.health-calc-basis-card{display:grid;gap:14px;background:linear-gradient(145deg,#101813,#0d1410);border-color:#26382f}.health-calc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0}.health-calc-profile-values{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.health-calc-profile-values span{padding:11px;border:1px solid #23332a;background:#0b120e;border-radius:13px}.health-calc-profile-values small{display:block;margin-bottom:5px;color:#7f8e85;font-size:9px}.health-calc-profile-values strong{display:block;color:#eef5f0;font-size:12px;line-height:1.25;overflow-wrap:anywhere}.health-calc-actions,.health-calc-temp-actions,.health-calc-form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}.health-calc-actions button,.health-calc-form button,.health-calc-temp-actions button{border:1px solid #315542;background:#13241b;color:#49e79b;border-radius:11px;padding:10px 12px;font-size:10px;font-weight:850;cursor:pointer}.health-calc-actions button:first-child,.health-calc-form button[type=submit],.health-calc-temp-actions button:first-child{border:0;background:#49e79b;color:#07100b}.health-calc-actions button:hover,.health-calc-form button:hover,.health-calc-temp-actions button:hover{box-shadow:0 12px 26px #49e79b18}.health-calc-form{display:grid;gap:12px}.health-calc-form.compact{padding:14px;border:1px solid #23332a;background:#0b120e;border-radius:15px}.health-calc-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.health-calc-form-head p,.health-calc-form>p,.health-calc-form>small{margin:0;color:#9aa8a0;font-size:11px;line-height:1.45}.health-calc-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.health-calc-form label{display:grid;gap:6px;color:#aebbb4;font-size:10px}.health-calc-form input,.health-calc-form select{min-width:0;border:1px solid #2b3830;background:#070d0a;color:#e7eee9;border-radius:11px;padding:11px;outline:none}.health-calc-form input:focus,.health-calc-form select:focus{border-color:#49e79b;box-shadow:0 0 0 3px #49e79b14}.health-calc-empty{padding:14px;border:1px solid #26382f;background:#0b120e;border-radius:14px}.health-calc-empty strong{color:#eef5f0;font:650 15px Manrope}.health-calc-empty-state{background:linear-gradient(145deg,#111713,#0d1410)}@media(max-width:980px){.health-calc-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-calc-story-grid,.health-calc-profile-values{grid-template-columns:1fr 1fr}.health-calc-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.health-calc-card-head,.health-calc-form-head,.health-calc-tabs{max-width:none}}@media(max-width:760px){.health-calculator-shell{gap:14px}.health-calc-tabs,.health-calc-result-grid,.health-calc-story-grid,.health-calc-profile-values,.health-calc-form-grid{grid-template-columns:1fr}.health-calc-summary-card{padding:19px;border-radius:18px}.health-calc-summary-head h2{font-size:22px}.health-calc-result-grid article{min-height:128px}.health-calc-actions button,.health-calc-temp-actions button,.health-calc-form button{width:100%}}
.health-calc-foundation{display:grid;gap:10px;margin-top:-4px}.health-calc-foundation-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}.health-calc-foundation-row span{color:#7f8e85;font-size:11px}.health-calc-foundation-row button{border:0;background:transparent;color:#49e79b;padding:7px 0;font-size:10px;font-weight:850;cursor:pointer}.health-calc-foundation-row button:hover{text-decoration:underline;text-underline-offset:3px}.health-calc-foundation-panel{display:grid;gap:13px;padding:14px;border:1px solid #26382f;background:#0b120e;border-radius:15px}.health-calc-foundation .health-calc-card-head h2{font-size:17px}.health-calc-foundation .health-calc-card-head p{font-size:11px}.health-calc-foundation .health-calc-profile-values{grid-template-columns:repeat(7,minmax(0,1fr))}@media(max-width:980px){.health-calc-foundation .health-calc-profile-values{grid-template-columns:1fr 1fr}}@media(max-width:760px){.health-calc-foundation-row{align-items:flex-start;flex-direction:column}.health-calc-foundation .health-calc-profile-values{grid-template-columns:1fr}}
.health-calc-direct-panel{position:relative;overflow:hidden;display:grid;gap:14px;padding:18px;border:1px solid #2f4739;background:linear-gradient(145deg,#111a14,#0b120e);border-radius:18px;box-shadow:0 18px 44px #00000020}.health-calc-direct-panel:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#49e79b,#49e79b00);opacity:.75}.health-calc-direct-panel>.health-calc-card-head,.health-calc-direct-panel>.health-calc-form-grid,.health-calc-direct-panel>.health-calc-temp-actions{position:relative}.health-calc-direct-panel label{display:grid;gap:6px;color:#aebbb4;font-size:10px}.health-calc-direct-panel input,.health-calc-direct-panel select{min-width:0;border:1px solid #2b3830;background:#070d0a;color:#e7eee9;border-radius:11px;padding:11px;outline:none}.health-calc-direct-panel input:focus,.health-calc-direct-panel select:focus{border-color:#49e79b;box-shadow:0 0 0 3px #49e79b14}.health-calc-direct-panel .health-calc-card-head h2{font-size:19px}@media(max-width:760px){.health-calc-direct-panel{padding:15px;border-radius:16px}.health-calc-direct-panel .health-calc-temp-actions button{width:100%}}
@media(max-width:980px){.health-calc-card-head,.health-calc-form-head{align-items:flex-start;flex-direction:column}.health-calc-tabs{max-width:none}}
.profile-settings{display:grid;gap:14px;max-width:1040px}.profile-card,.profile-action-bar{border:1px solid #25352d;background:linear-gradient(145deg,#111713,#0d1410);border-radius:18px}.profile-card{padding:19px;display:grid;gap:15px}.profile-card-head small,.profile-subcard-head small{display:block;color:#49e79b;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.profile-card-head h2{font:650 20px Manrope;margin:5px 0 5px;color:#eef5f0}.profile-card-head p{max-width:650px;margin:0;color:#95a39b;font-size:12px;line-height:1.5}.profile-card-identity{gap:16px}.profile-linked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-subcard{display:grid;gap:12px;padding:16px;border:1px solid #22342b;background:linear-gradient(180deg,#0d1511,#0a120e);border-radius:15px;position:relative}.profile-subcard::after{content:"";position:absolute;inset:auto 16px -7px 16px;height:1px;background:linear-gradient(90deg,transparent,#2f4e41,transparent);opacity:.9}.profile-subcard-head{display:grid;gap:4px}.profile-subcard-head h3{margin:0;color:#eef5f0;font:600 17px Manrope}.profile-subcard-head p{margin:0;color:#95a39b;font-size:11px;line-height:1.45}.profile-calculator-section{display:grid;gap:14px;padding:2px 0 0}.profile-calculator-section .profile-card-head{padding:0 2px}.profile-calculator-section .health-calculator-shell{max-width:none}.profile-field-grid,.profile-nutrition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-field-grid label,.profile-nutrition-grid label{display:grid;gap:7px;color:#aebbb4;font-size:10px}.profile-settings input,.profile-settings select,.profile-settings textarea{min-width:0;width:100%;min-height:44px;border:1px solid #2b3830;background:#080e0b;color:#e7eee9;border-radius:11px;padding:11px 12px;outline:none;font:inherit;font-size:12px}.profile-settings textarea{min-height:76px;max-height:130px;resize:vertical;line-height:1.45}.profile-settings input:focus,.profile-settings select:focus,.profile-settings textarea:focus{border-color:#49e79b;box-shadow:0 0 0 3px #49e79b14}.profile-card-wide .profile-nutrition-grid>label:first-child{align-self:start}.profile-diet-chips,.profile-suggestion-row div,.profile-active-notes div{display:flex;flex-wrap:wrap;gap:7px}.profile-diet-chips span{padding:6px 9px;border:1px solid #26382f;background:#0b120e;color:#9cab9f;border-radius:999px;font-size:9px;font-weight:800}.profile-health-module{grid-column:1/-1;display:grid;gap:9px;padding:14px;border:1px solid #26382f;background:#0b120e;border-radius:15px}.profile-health-module p{margin:0;color:#87958d;font-size:11px;line-height:1.45}.profile-suggestion-row,.profile-active-notes{display:grid;gap:7px}.profile-suggestion-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.profile-suggestion-row small,.profile-active-notes small{color:#7f8c84;font-size:9px;line-height:1.35}.profile-suggestion-row button,.profile-active-notes button{border:1px solid #315542;background:#102019;color:#9ee9bd;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:850;cursor:pointer}.profile-suggestion-row [data-profile-add-all]{border-color:#2c4035;background:transparent;color:#49e79b}.profile-active-notes button{background:#49e79b;color:#07100b;border-color:#49e79b}.profile-active-notes span{margin-left:4px;opacity:.75}.profile-action-bar{position:sticky;bottom:14px;z-index:4;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px;background:#0f1712e8;backdrop-filter:blur(14px)}.profile-action-bar button{border:0;background:#49e79b;color:#07100b;border-radius:11px;padding:12px 15px;font-weight:850;cursor:pointer}.profile-action-bar .profile-secondary-action{border:1px solid #2d4035;background:#111a15;color:#9ee9bd}.profile-action-bar button:hover{box-shadow:0 14px 28px #49e79b18}@media(max-width:760px){.profile-settings{max-width:none}.profile-action-bar{align-items:flex-start;flex-direction:column}.profile-action-bar button{width:100%}.profile-linked-grid,.profile-field-grid,.profile-nutrition-grid{grid-template-columns:1fr}.profile-card{padding:16px}.profile-subcard{padding:14px}.profile-action-bar{bottom:8px}}
.profile-action-bar{position:static;z-index:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:2px;padding:14px 0 2px;border:0;border-top:1px solid #24342c;background:transparent;border-radius:0;box-shadow:none;backdrop-filter:none}.profile-action-bar button{min-height:44px;border:0;background:#49e79b;color:#07100b;border-radius:12px;padding:12px 16px;font-weight:850;cursor:pointer}.profile-action-bar .profile-secondary-action{border:1px solid #2d4035;background:#0d1511;color:#9ee9bd}.profile-action-bar button:hover{box-shadow:0 14px 28px #49e79b18}.profile-action-bar button:focus-visible{outline:2px solid #d7ffe7;outline-offset:3px}@media(max-width:760px){.profile-action-bar{align-items:stretch;flex-direction:column-reverse;gap:9px;margin-top:0;padding:12px 0 0}.profile-action-bar button{width:100%;min-height:46px}.profile-action-bar .profile-secondary-action{order:2}}
.profile-action-bar{justify-content:flex-end;gap:8px;margin-top:0;padding:10px 0 0;border-top:1px solid #1e2c25}.profile-action-bar button{min-height:40px;border-radius:10px;padding:10px 14px;font-size:11px;line-height:1.2}.profile-action-bar .profile-secondary-action{border-color:transparent;background:transparent;color:#8fa097;padding-inline:8px}.profile-action-bar .profile-secondary-action:hover{color:#bdebd0;background:#102019;box-shadow:none}.profile-action-bar button[type=submit]{box-shadow:0 10px 22px #49e79b12}.profile-action-bar button[type=submit]:hover{box-shadow:0 14px 28px #49e79b1c}@media(max-width:760px){.profile-action-bar{align-items:stretch;flex-direction:column;gap:8px;padding-top:10px}.profile-action-bar button{width:100%;min-height:44px}.profile-action-bar .profile-secondary-action{order:2;border:1px solid transparent;background:transparent}}
.home-card-icon{width:44px;height:44px;border-color:#315a45;background:radial-gradient(circle at 28% 20%,#dfffee1c 0,#49e79b12 24%,#0b1711 62%,#07100c 100%);border-radius:16px;box-shadow:inset 0 1px 0 #ffffff10,0 14px 28px #00000024}.home-card-icon svg{width:24px;height:24px;stroke-width:1.65;filter:drop-shadow(0 0 8px #49e79b18)}.home-module-card:hover .home-card-icon,.home-module-card:focus-visible .home-card-icon{border-color:#49e79b88;background:radial-gradient(circle at 30% 20%,#e9fff42a 0,#49e79b18 32%,#0c1d14 72%);box-shadow:inset 0 1px 0 #ffffff14,0 18px 34px #49e79b10}.section-title-icon{border-color:#315a45;background:radial-gradient(circle at 32% 20%,#f2fff766 0,#7af2b826 16%,#123321 46%,#07100c 86%);box-shadow:0 16px 34px #0000002e,0 0 0 1px #49e79b10,0 0 24px #49e79b10}.section-title-icon svg{width:23px;height:23px;stroke-width:1.65;filter:drop-shadow(0 0 7px #49e79b18)}.section-title-icon:after{width:7px;height:7px;opacity:.64}
.smart-field{position:relative;display:grid;gap:8px;min-width:0;align-content:start}.smart-field label{display:grid;gap:7px;color:#aebbb4;font-size:10px}.smart-field label>span{font-weight:850}.smart-control{position:relative;display:flex;align-items:center}.smart-control input{position:relative;z-index:1;padding-right:52px;border:0!important;background:transparent!important;box-shadow:none!important}.smart-control:before{content:"";position:absolute;inset:0;border:1px solid #2b3830;background:#080e0b;border-radius:11px;pointer-events:none}.smart-control:focus-within:before{border-color:#49e79b;box-shadow:0 0 0 3px #49e79b14}.smart-ghost{position:absolute;z-index:0;top:50%;transform:translateY(-50%);max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7d8f85;font:inherit;font-size:12px;pointer-events:none;opacity:.72}.smart-control b{position:absolute;z-index:2;right:12px;color:#7f8c84;font-size:10px;font-weight:850;pointer-events:none}.smart-hint,.smart-error{color:#7f8c84;font-size:9px;line-height:1.35}.smart-error{color:#ffb4a8}.smart-error[hidden],.smart-accept-all[hidden]{display:none!important}.smart-field.invalid .smart-control:before{border-color:#d86f62;box-shadow:0 0 0 3px #d86f6214}.smart-chips{display:flex;align-items:flex-start;flex-wrap:wrap;gap:7px;min-height:30px}.smart-chips button{border:1px solid #49e79b;background:#49e79b;color:#07100b;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:850;cursor:pointer}.smart-chips button span{margin-left:4px;opacity:.7}.smart-chips small{align-self:center;color:#7f8c84;font-size:9px}.smart-accept-all{justify-self:start;border:1px solid #315542;background:#102019;color:#9ee9bd;border-radius:999px;padding:8px 10px;font-size:9px;font-weight:850;cursor:pointer}.profile-nutrition-grid{align-items:start}.profile-nutrition-grid>.smart-field{min-height:0}.profile-health-copy{grid-column:1/-1;margin:0;color:#87958d;font-size:11px;line-height:1.45;padding:0 2px}
/* Profile main goal picker */
.profile-card-goal{gap:16px}
.profile-card-goal .profile-card-head{align-items:center}
.profile-goal-current-pill{flex:none;align-self:flex-start;padding:7px 11px;border:1px solid #315542;border-radius:999px;background:#102019;color:#9ee9bd;font-size:10px;font-weight:850;white-space:nowrap}
.profile-goal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.profile-goal-option{position:relative;display:grid;grid-template-rows:auto auto 1fr;align-content:start;gap:7px;min-height:148px;padding:14px 13px;border:1px solid #2a3f46;border-radius:15px;background:linear-gradient(180deg,#0f1d24,#0b161c);color:#d7e5e3;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}
.profile-goal-option:hover,.profile-goal-option:focus-visible{border-color:#49e79b;outline:none;transform:translateY(-2px);box-shadow:0 0 0 2px #49e79b22,0 14px 28px #00000028}
.profile-goal-option.is-active{border-color:#49e79b;background:linear-gradient(180deg,#143028,#0f1f1a);box-shadow:0 0 0 2px #49e79b33,0 16px 32px #49e79b14}
.profile-goal-option.is-active:after{content:"";position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:#49e79b;box-shadow:inset 0 0 0 4px #0b1a15}
.profile-goal-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;border:1px solid #2f4a52;background:#102029}
.profile-goal-icon svg{width:18px;height:18px;fill:none;stroke:#9ee9bd;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.profile-goal-option[data-tone="lose"] .profile-goal-icon{border-color:#5a4338;background:#211814}
.profile-goal-option[data-tone="lose"] .profile-goal-icon svg{stroke:#f0b190}
.profile-goal-option[data-tone="gain"] .profile-goal-icon{border-color:#3d4f6a;background:#141c28}
.profile-goal-option[data-tone="gain"] .profile-goal-icon svg{stroke:#9ec0ef}
.profile-goal-option[data-tone="muscle"] .profile-goal-icon{border-color:#4a4570;background:#17162a}
.profile-goal-option[data-tone="muscle"] .profile-goal-icon svg{stroke:#c3b8ff}
.profile-goal-option[data-tone="energy"] .profile-goal-icon{border-color:#4e5a35;background:#1a2114}
.profile-goal-option[data-tone="energy"] .profile-goal-icon svg{stroke:#d8e48c}
.profile-goal-option strong{color:#f2faf6;font:750 15px/1.2 Manrope;letter-spacing:-.01em}
.profile-goal-option>span:last-child{color:#95aeb2;font-size:11px;line-height:1.4}
.profile-goal-option.is-active strong{color:#effff7}
.profile-goal-option.is-active>span:last-child{color:#b7d2c8}
.profile-goal-hint{margin:0;padding:10px 12px;border:1px solid #234149;border-radius:12px;background:#0b1a21;color:#93a9ad;font-size:11px;line-height:1.45}
@media(max-width:980px){.profile-goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.profile-goal-grid{grid-template-columns:1fr}.profile-goal-option{min-height:0;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center}.profile-goal-icon{grid-row:1/3}.profile-goal-option strong{grid-column:2}.profile-goal-option>span:last-child{grid-column:2}}
html[data-theme="light"] .profile-goal-current-pill{border-color:#b7e0c8;background:#e8f7ee;color:#1d6b45}
html[data-theme="light"] .profile-goal-option{border-color:#d5e2dc;background:linear-gradient(180deg,#ffffff,#f4faf6);color:#294038}
html[data-theme="light"] .profile-goal-option:hover,html[data-theme="light"] .profile-goal-option:focus-visible{border-color:#2f9d6a;box-shadow:0 0 0 2px #2f9d6a1f,0 10px 22px #12301a12}
html[data-theme="light"] .profile-goal-option.is-active{border-color:#2f9d6a;background:linear-gradient(180deg,#eefaf3,#e3f5ea);box-shadow:0 0 0 2px #2f9d6a28}
html[data-theme="light"] .profile-goal-option.is-active:after{background:#2f9d6a;box-shadow:inset 0 0 0 4px #e8f7ee}
html[data-theme="light"] .profile-goal-icon{border-color:#d5e2dc;background:#f3f8f5}
html[data-theme="light"] .profile-goal-option strong{color:#16332a}
html[data-theme="light"] .profile-goal-option>span:last-child{color:#5f756c}
html[data-theme="light"] .profile-goal-hint{border-color:#d5e2dc;background:#f5faf7;color:#5a7167}

.app-modal-layer{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:24px;background:rgba(3,7,5,.72);backdrop-filter:blur(14px);animation:appModalFadeIn .18s ease both}.app-modal-layer.leaving{animation:appModalFadeOut .16s ease forwards}.app-modal-card{width:min(420px,100%);display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:20px;border:1px solid #2f4b3b;background:linear-gradient(145deg,#121b16,#0b110e);border-radius:18px;box-shadow:0 30px 90px #00000070,0 0 0 1px #49e79b10;animation:appModalCardIn .22s cubic-bezier(.2,1.15,.28,1) both}.app-modal-layer.leaving .app-modal-card{animation:appModalCardOut .14s ease forwards}.app-modal-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #49e79b55;background:#10251a;color:#49e79b;border-radius:14px;font:900 18px Manrope}.app-modal-card.danger{border-color:#56312d}.app-modal-card.danger .app-modal-icon{border-color:#ff766b66;background:#2b1412;color:#ff958c}.app-modal-copy h2{margin:0 0 7px;color:#f1faf5;font:700 19px Manrope;line-height:1.2}.app-modal-copy p{margin:0;color:#9fafa6;font-size:12px;line-height:1.55}.app-modal-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.app-modal-actions button{border-radius:11px;padding:11px 13px;font-size:11px;font-weight:850;cursor:pointer}.app-modal-secondary{border:1px solid #2d4035;background:#101713;color:#d5e1da}.app-modal-primary{border:0;background:#49e79b;color:#07100b;box-shadow:0 12px 24px #49e79b16}.app-modal-card.danger .app-modal-primary{background:#ff766b;color:#180907;box-shadow:0 12px 24px #ff766b18}.app-modal-actions button:focus-visible{outline:2px solid #d7ffe7;outline-offset:2px}@keyframes appModalFadeIn{from{opacity:0}to{opacity:1}}@keyframes appModalFadeOut{to{opacity:0}}@keyframes appModalCardIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes appModalCardOut{to{opacity:0;transform:translateY(8px) scale(.98)}}@media(max-width:520px){.app-modal-layer{align-items:end;padding:14px}.app-modal-card{border-radius:17px}.app-modal-actions{display:grid;grid-template-columns:1fr}.app-modal-actions button{width:100%}.app-modal-secondary{order:2}}@media(prefers-reduced-motion:reduce){.app-modal-layer,.app-modal-card,.app-modal-layer.leaving,.app-modal-layer.leaving .app-modal-card{animation:none!important}}
.meal-save-skeleton{position:relative;overflow:hidden;display:grid;gap:12px;padding:14px 16px;border:1px solid #2d6548;background:linear-gradient(145deg,#101b15,#0b120e);border-radius:12px;box-shadow:0 18px 38px #00000024,0 0 0 1px #49e79b12;animation:mealSkeletonIn .28s ease both}.meal-save-skeleton:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0,#49e79b0f 44%,#ffffff12 50%,#49e79b0f 56%,transparent 100%);transform:translateX(-120%);animation:mealSkeletonSweep 1.25s ease-in-out infinite;pointer-events:none}.meal-save-skeleton.leaving{animation:mealSkeletonOut .2s ease forwards}.meal-skeleton-main{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px}.meal-skeleton-icon{width:44px;height:44px;fill:none;stroke:url(#mealSkeletonGlow);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #49e79b30)}.meal-skeleton-icon circle{stroke:#2f5e45;opacity:.7}.meal-skeleton-icon path{stroke-dasharray:52;stroke-dashoffset:52;animation:mealIconDraw 1.2s ease-in-out infinite}.meal-skeleton-main div{display:grid;gap:5px;min-width:0}.meal-skeleton-main small{color:#49e79b;font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.meal-skeleton-main strong{position:relative;width:min(260px,100%);height:13px;overflow:hidden;color:transparent;border-radius:999px;background:#1b2a22}.meal-skeleton-main strong:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1b2a22,#49e79b55,#1b2a22);transform:translateX(-100%);animation:mealSkeletonLine 1.05s ease-in-out infinite}.meal-skeleton-main span{position:relative;width:min(360px,92%);height:9px;overflow:hidden;color:transparent;border-radius:999px;background:#152019}.meal-skeleton-main span:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#152019,#8ff2bd40,#152019);transform:translateX(-100%);animation:mealSkeletonLine 1.05s .12s ease-in-out infinite}.meal-loading-bar{position:relative;width:100%;height:10px;fill:none}.meal-loading-bar rect{fill:#152019}.meal-loading-bar path{stroke:#49e79b;stroke-width:10;stroke-linecap:round;stroke-dasharray:88 260;animation:mealLoadingBar 1.05s cubic-bezier(.45,0,.25,1) infinite;filter:drop-shadow(0 0 8px #49e79b55)}@keyframes mealSkeletonIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes mealSkeletonOut{to{opacity:0;transform:translateY(-6px) scale(.985)}}@keyframes mealSkeletonSweep{to{transform:translateX(120%)}}@keyframes mealSkeletonLine{to{transform:translateX(100%)}}@keyframes mealIconDraw{0%{stroke-dashoffset:52;opacity:.5}55%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-52;opacity:.45}}@keyframes mealLoadingBar{0%{stroke-dashoffset:320}100%{stroke-dashoffset:-88}}@media(max-width:520px){.meal-save-skeleton{padding:13px}.meal-skeleton-main{grid-template-columns:1fr}.meal-skeleton-icon{width:38px;height:38px}.meal-skeleton-main strong{width:100%}.meal-skeleton-main span{width:86%}}@media(prefers-reduced-motion:reduce){.meal-save-skeleton,.meal-save-skeleton:before,.meal-save-skeleton.leaving,.meal-skeleton-icon path,.meal-skeleton-main strong:before,.meal-skeleton-main span:before,.meal-loading-bar path{animation:none!important}}

/* Professional auth page */
.auth-page-pro{display:grid;place-items:center;min-height:100vh;padding:28px;background:radial-gradient(circle at 18% 12%,#1b3a29 0,#0b120e 34%,#060907 100%);overflow-x:hidden}.auth-page-pro:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,#49e79b10,transparent 38%),linear-gradient(180deg,transparent,#00000055);pointer-events:none}.auth-pro-shell{position:relative;z-index:1;width:min(1040px,100%);min-height:650px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);overflow:hidden;border:1px solid #274032;background:#0b110ee8;border-radius:28px;box-shadow:0 38px 110px #00000072}.auth-pro-story{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:28px;min-height:650px;padding:34px;border-right:1px solid #25392f;background:radial-gradient(circle at 24% 18%,#1f4d33 0,#111b15 42%,#0b110e 100%)}.auth-pro-story:after{content:"";position:absolute;inset:auto 34px 190px;height:1px;background:linear-gradient(90deg,#49e79b66,transparent)}.auth-pro-brand{align-self:start}.auth-pro-copy{align-self:center;max-width:500px}.auth-pro-copy small,.auth-pro-panel-head small{display:block;color:#49e79b;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.auth-pro-copy h1{margin:12px 0 14px;color:#f3fbf6;font:720 clamp(35px,5vw,58px)/1.02 Manrope;letter-spacing:0}.auth-pro-copy p{max-width:430px;margin:0;color:#a9b7af;font-size:15px;line-height:1.65}.auth-pro-preview{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;width:min(430px,100%);padding:20px;border:1px solid #2d4a39;background:linear-gradient(145deg,#101b15,#0a100d);border-radius:22px;box-shadow:0 24px 70px #00000042}.auth-pro-preview-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8d9d94;font-size:11px}.auth-pro-preview-head strong{color:#eef7f1;font:700 15px Manrope}.auth-pro-ring{width:96px;height:96px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#49e79b 0 84%,#24332a 84% 100%);box-shadow:inset 0 0 0 10px #0d1511}.auth-pro-ring span{color:#06100a;font:800 31px Manrope}.auth-pro-ring small{grid-row:1;color:#123323;font-size:9px;font-weight:850;text-transform:uppercase;transform:translateY(24px)}.auth-pro-metrics{display:grid;gap:8px}.auth-pro-metrics span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #25392f;background:#0b120e;border-radius:13px}.auth-pro-metrics b{color:#eef7f1;font-size:13px}.auth-pro-metrics small{color:#7f8e85;font-size:9px}.auth-pro-panel{display:flex;flex-direction:column;justify-content:center;padding:46px 42px;background:linear-gradient(180deg,#121a15,#0d1410)}.auth-pro-panel-head{margin-bottom:24px}.auth-pro-panel-head h2{margin:8px 0 8px;color:#f1faf5;font:720 34px Manrope}.auth-pro-panel-head p{margin:0;color:#9aa8a0;font-size:13px;line-height:1.55}.auth-pro-form{display:grid;gap:15px}.auth-pro-form label{display:grid;gap:7px;color:#aebbb4;font-size:11px;font-weight:700}.auth-pro-form label span{padding-left:2px}.auth-pro-form input{width:100%;min-height:52px;border:1px solid #2d4036;background:#080e0b;color:#eff8f2;border-radius:14px;padding:14px 15px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.auth-pro-form input:focus{border-color:#49e79b;box-shadow:0 0 0 4px #49e79b18;background:#0b130f}.auth-pro-form input::placeholder{color:#69776f}.auth-pro-form button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:54px;margin-top:7px;border:0;border-radius:14px;background:#49e79b;color:#07100b;padding:0 17px;font-weight:850;cursor:pointer;box-shadow:0 18px 34px #49e79b18;transition:transform .18s,box-shadow .18s}.auth-pro-form button:hover{transform:translateY(-1px);box-shadow:0 22px 40px #49e79b22}.auth-pro-form button:focus-visible{outline:2px solid #d8ffe8;outline-offset:3px}.auth-pro-switch{margin:20px 0 0!important;color:#91a098!important}.auth-pro-switch a{font-weight:850;text-underline-offset:3px}.auth-pro-error{margin-bottom:16px;border:1px solid #7a3d38;background:#2b1412;color:#ffc8c0}@media(max-width:900px){.auth-page-pro{padding:18px}.auth-pro-shell{grid-template-columns:1fr;min-height:0}.auth-pro-story{min-height:auto;gap:20px;border-right:0;border-bottom:1px solid #25392f;padding:25px}.auth-pro-story:after{display:none}.auth-pro-copy h1{font-size:36px}.auth-pro-preview{display:none}.auth-pro-panel{padding:28px 25px 30px}.auth-pro-panel-head h2{font-size:29px}}@media(max-width:520px){.auth-page-pro{display:block;padding:0;background:#0b110e}.auth-pro-shell{min-height:100vh;border:0;border-radius:0;box-shadow:none}.auth-pro-story{padding:22px 18px 18px;background:linear-gradient(160deg,#13251b,#0b110e)}.auth-pro-copy h1{font-size:30px}.auth-pro-copy p{font-size:13px}.auth-pro-panel{padding:24px 18px 30px}.auth-pro-panel-head h2{font-size:27px}.auth-pro-form input,.auth-pro-form button{border-radius:12px}.auth-pro-brand .brand-word{font-size:18px}}
.auth-pro-ring{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.auth-pro-ring span{line-height:1}.auth-pro-ring small{grid-row:auto;transform:none;line-height:1;margin-top:2px}

/* Gesundheitsroutine: rhythmus-aware daily center */
.routine-combined-panel{display:grid;gap:22px;background:linear-gradient(145deg,#111b15,#0d1410);border-color:#294136}.routine-combined-panel .routine-settings,.routine-combined-panel .routine-day-plan{background:transparent;border:0;padding:0}
.routine-custom-input>span{color:#e6f4eb;font:600 14px Manrope}.routine-custom-kicker{color:#49e79b;letter-spacing:.14em;font-size:9px}.routine-custom-input input{margin-top:4px;border:1px solid #2d4035;background:#0a110e;color:#eef7f1;border-radius:10px;padding:12px}.routine-custom-empty{display:grid;gap:5px;padding:15px;border:1px dashed #426150;background:#0b1510;border-radius:13px;color:#a9bdb0;font-size:11px}.routine-custom-empty strong{color:#dcece2;font-size:12px}
.routine-settings,.routine-day-plan{display:grid;gap:18px;background:linear-gradient(145deg,#111b15,#0d1410);border-color:#294136}.routine-settings{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);align-items:end}.routine-settings-copy small,.routine-plan-head small{color:#49e79b;font-size:9px;letter-spacing:.14em}.routine-settings h2,.routine-plan-head h2{margin:6px 0 7px;font:600 21px Manrope}.routine-settings p{margin:0;color:#94a49a;font-size:12px;line-height:1.5}.routine-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.routine-settings label{display:grid;gap:7px;color:#aebbb4;font-size:10px}.routine-settings select{border:1px solid #2d4035;background:#0a110e;color:#eef7f1;border-radius:10px;padding:12px;min-width:0}.routine-plan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.routine-plan-head>span{padding:7px 9px;border:1px solid #2d6548;background:#102019;color:#98e9bb;border-radius:999px;font-size:9px;white-space:nowrap}.routine-plan-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.routine-plan-items article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:13px;border:1px solid #25392f;background:#0b130f;border-radius:13px}.routine-plan-items time{color:#49e79b;font-size:10px;font-weight:800;white-space:nowrap}.routine-plan-items strong{color:#e9f5ed;font-size:12px}.routine-plan-items p{margin:4px 0 0;color:#899990;font-size:10px;line-height:1.4}.routine-plan-items article>span{color:#5d7768;font-size:18px}@media(max-width:760px){.routine-settings,.routine-settings-grid,.routine-plan-items{grid-template-columns:1fr}.routine-plan-head{flex-direction:column}.routine-plan-head>span{white-space:normal}}
.routine-goals-collapsible summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.routine-goals-collapsible summary::-webkit-details-marker{display:none}.routine-goals-collapsible summary span{display:grid;gap:5px}.routine-goals-collapsible summary small{color:#49e79b;font-size:9px;letter-spacing:.1em}.routine-goals-collapsible summary strong{font:600 15px Manrope;color:#eef5f0}.routine-goals-collapsible summary em{font-style:normal;color:#9aa8a0;font-size:10px}.routine-goals-collapsible[open] summary{margin-bottom:14px}.routine-goals-collapsible[open] summary em{color:#49e79b}
.routine-water-only .routine-water{grid-column:1/-1;display:grid;gap:20px;padding:24px;border-color:#28556a;background:radial-gradient(circle at 9% 0,#153746 0,transparent 35%),linear-gradient(145deg,#0f2429,#0b1518 62%,#0b120f)}.routine-water-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.routine-water-kicker{display:flex;align-items:center;gap:8px}.routine-water-kicker small{color:#72d9ff}.routine-water-icon{display:grid;place-items:center;width:26px;height:26px;border:1px solid #39748a;border-radius:9px;background:#123440;color:#72d9ff}.routine-water-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.routine-water h2{margin-top:9px;font-size:24px;letter-spacing:-.02em}.routine-water-header p{max-width:540px;margin-top:7px;color:#a8bdc0}.routine-water-status-pill{flex:none;padding:8px 11px;border:1px solid #3f7380;border-radius:999px;background:#102d34;color:#b5ecf2;font-size:10px;font-weight:800}.routine-water-status-pill[data-state=done]{border-color:#49b98b;background:#123a2e;color:#a5f4cb}.routine-water-status-pill[data-state=paused]{border-color:#6f6652;background:#302b20;color:#e6d7af}.routine-water-dashboard{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:14px}.routine-water-progress-panel,.routine-water-actions-panel{min-width:0;padding:18px;border:1px solid #244c58;border-radius:16px;background:#08161a99}.routine-water-progress-panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px}.routine-water-progress-ring{--water-progress:0%;position:relative;display:grid;place-items:center;width:128px;height:128px;flex:none;border-radius:50%;background:conic-gradient(#72d9ff 0 var(--water-progress),#1d3942 var(--water-progress) 100%);box-shadow:0 0 30px #72d9ff18}.routine-water-progress-ring::before{content:"";position:absolute;inset:10px;border-radius:50%;background:#0b1b20;box-shadow:inset 0 0 0 1px #72d9ff18}.routine-water-progress-ring>div{position:relative;display:grid;justify-items:center;gap:2px}.routine-water-progress-ring strong{color:#e8fbff;font:750 25px Manrope;letter-spacing:-.04em}.routine-water-progress-ring span{color:#80aab0;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.routine-water-progress-copy{display:grid;gap:5px}.routine-water-progress-copy small{color:#72d9ff;font-size:9px;letter-spacing:.13em}.routine-water-progress-copy strong{color:#f2fbfc;font:700 26px Manrope;white-space:nowrap}.routine-water-progress-copy span{color:#9db5b9;font-size:11px}.routine-water-actions-panel{display:grid;align-content:center;gap:14px}.routine-water-actions-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.routine-water-actions-head div{display:grid;gap:4px}.routine-water-actions-head strong{color:#eaf7f8;font-size:14px}.routine-water-actions-head small{color:#93adb2;font-size:10px;line-height:1.4}.routine-water-actions-head>span{color:#72d9ff;font-size:22px;line-height:1}.routine-water-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.routine-water-actions button{display:grid;justify-items:center;align-content:center;gap:2px;min-height:68px;padding:9px 6px;border:1px solid #326b7b;border-radius:12px;background:#0d2730;color:#e9fbff;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}.routine-water-actions button:hover,.routine-water-actions button:focus-visible{border-color:#72d9ff;background:#123744;transform:translateY(-1px);outline:0}.routine-water-actions button b{font:750 17px Manrope}.routine-water-actions button span{color:#8fb9c0;font-size:10px;font-weight:750}.routine-water-footer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding-top:16px;border-top:1px solid #23434a}.routine-water-goal{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:min(100%,320px);padding:10px 12px;border:1px solid #294d3b;border-radius:13px;background:linear-gradient(135deg,#10251a,#0b1711);cursor:text}.routine-water-goal-copy{display:grid;gap:3px;min-width:0}.routine-water-goal-copy strong{color:#eaf8ef;font-size:12px;font-weight:750}.routine-water-goal-copy small{color:#8fa99a;font-size:10px;line-height:1.3}.routine-water-goal-field{display:flex;align-items:center;gap:6px;padding:2px 3px 2px 9px;border:1px solid #3f7c5b;border-radius:10px;background:#07110b;box-shadow:inset 0 0 0 1px #49e79b0a,0 5px 16px #00000020}.routine-water-goal-field input{width:48px;height:34px;border:0;background:transparent;color:#f2fff6;text-align:right;font:750 17px Manrope;outline:0;appearance:textfield}.routine-water-goal-field input::-webkit-inner-spin-button,.routine-water-goal-field input::-webkit-outer-spin-button{margin:0;appearance:none}.routine-water-goal-field:focus-within{border-color:#72d9ff;box-shadow:0 0 0 3px #72d9ff1f}.routine-water-goal-field b{color:#72d9ff;font-size:10px;font-weight:800}.routine-water-undo,.routine-water-pause{min-height:42px;padding:10px 12px;border:1px solid #35626b;border-radius:10px;background:transparent;color:#aac6ca;font-size:11px;cursor:pointer}.routine-water-undo:hover:not(:disabled),.routine-water-pause:hover,.routine-water-undo:focus-visible,.routine-water-pause:focus-visible{border-color:#72d9ff;background:#102c34;color:#effcff;outline:0}.routine-water-undo:disabled{cursor:not-allowed;opacity:.38}.routine-water-pause{border-color:#5b5547;color:#d0c7b2}.routine-water-only .routine-water-actions button:last-child{color:#e9fbff}@media(max-width:760px){.routine-water-only .routine-water{padding:18px}.routine-water-header{flex-direction:column;gap:12px}.routine-water-status-pill{align-self:flex-start}.routine-water-dashboard{grid-template-columns:1fr}.routine-water-progress-panel{grid-template-columns:auto minmax(0,1fr);padding:15px}.routine-water-progress-ring{width:108px;height:108px}.routine-water-progress-copy strong{font-size:22px}.routine-water-footer{grid-template-columns:1fr 1fr}.routine-water-goal{grid-column:1/-1;width:100%;max-width:none}.routine-water-footer .routine-water-pause{width:100%}.routine-water-undo,.routine-water-pause{min-height:44px}.routine-water-actions button{min-height:62px}}
.routine-plan-hint{margin:0;color:#8f9f96;font-size:12px}.routine-plan-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:13px;border:1px solid #25392f;background:#0b130f;border-radius:13px;text-align:left;color:inherit;cursor:pointer}.routine-plan-item:hover,.routine-plan-item:focus-visible{border-color:#49e79b88;outline:0}.routine-plan-item.done{border-color:#49e79b66;background:#102319}.routine-plan-item time{color:#49e79b;font-size:10px;font-weight:800;white-space:nowrap}.routine-plan-item strong,.routine-plan-item small{display:block}.routine-plan-item strong{color:#e9f5ed;font-size:12px}.routine-plan-item small{margin-top:4px;color:#899990;font-size:10px;line-height:1.4}.routine-plan-item>b{color:#5d7768;font-size:18px}.routine-plan-item.done>b{color:#49e79b}.routine-custom-input{grid-column:1/-1}.routine-custom-input input{margin-top:7px;border:1px solid #2d4035;background:#0a110e;color:#eef7f1;border-radius:10px;padding:12px}.routine-paused-copy{padding:18px;border:1px dashed #426150;border-radius:12px;color:#a9bdb0}

.auth-login-page{background:radial-gradient(circle at 16% 9%,#1b5537 0,#08110d 37%,#030605 100%)}.auth-login-page:before{background:linear-gradient(115deg,#49e79b12,transparent 35%),radial-gradient(circle at 85% 18%,#55a7ff14,transparent 34%),linear-gradient(180deg,transparent,#00000066)}.auth-login-page .auth-pro-shell{width:min(1120px,100%);min-height:680px;border-color:#315744;background:linear-gradient(145deg,#0d1712f2,#07100cf2);box-shadow:0 44px 130px #00000086,0 0 0 1px #49e79b0d}.auth-login-page .auth-pro-story{overflow:hidden;border-right-color:#2c4a39;background: transparent}.auth-login-page .auth-pro-story:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0,#ffffff08 46%,transparent 60%);transform:translateX(-20%);pointer-events:none}.auth-login-page .auth-pro-copy{align-self:end;margin-bottom:4px}.auth-login-page .auth-pro-copy h1{max-width:520px;font-size:clamp(42px,5.2vw,64px);line-height:.98}.auth-login-page .auth-pro-copy p{max-width:470px;color:#b7c8bf}.auth-login-page .auth-pro-preview{grid-template-columns:1fr;width:min(500px,100%);margin-top:4px;padding:22px;background:linear-gradient(145deg,#0d1a13,#08100c);border-color:#38634b;box-shadow:0 26px 80px #00000055,0 0 0 1px #49e79b14}.auth-pro-vitals{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:14px;border:1px solid #243f31;background:#07100c;border-radius:18px}.auth-login-page .auth-pro-ring{width:108px;height:108px;background:conic-gradient(#49e79b 0 84%,#20352a 84% 100%);box-shadow:inset 0 0 0 11px #07100c,0 0 42px #49e79b20}.auth-login-page .auth-pro-wave{width:100%;height:74px;fill:none}.auth-login-page .auth-pro-wave path{stroke:#79f4b7;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #49e79b55)}.auth-login-page .auth-pro-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.auth-login-page .auth-pro-metrics span{display:grid;justify-items:start;min-height:74px;background:#09130f;border-color:#274434}.auth-login-page .auth-pro-metrics b{font-size:16px}.auth-login-page .auth-pro-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.auth-login-page .auth-pro-health-grid span{display:grid;gap:5px;padding:14px;border:1px solid #274434;background:#09130f;border-radius:16px}.auth-login-page .auth-pro-health-grid b{color:#effaf4;font-size:12px}.auth-login-page .auth-pro-health-grid small{color:#7f9288;font-size:9px}.auth-login-page .auth-pro-panel{background:linear-gradient(180deg,#101914,#08110d)}.auth-login-page .auth-pro-panel-head small{color:#79f4b7}.auth-login-page .auth-pro-form input{background:#050b08;border-color:#315141}.auth-login-page .auth-pro-form input:focus{border-color:#79f4b7;box-shadow:0 0 0 4px #79f4b71a}.auth-login-page .auth-pro-form button{background:linear-gradient(135deg,#79f4b7,#49e79b);box-shadow:0 18px 40px #49e79b24}@media(max-width:900px){.auth-login-page .auth-pro-copy{align-self:center;margin-bottom:0}.auth-login-page .auth-pro-preview,.auth-login-page .auth-pro-health-grid{display:none}.auth-login-page .auth-pro-copy h1{font-size:36px}}@media(max-width:520px){.auth-login-page .auth-pro-shell{min-height:100vh}.auth-login-page .auth-pro-story{background:linear-gradient(160deg,#123622,#07100c)}.auth-login-page .auth-pro-copy h1{font-size:31px}}
.auth-submit-icon{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.auth-pro-form button .auth-submit-icon{margin-left:auto}
.auth-pro-form button.auth-password-toggle,
.auth-login-page .auth-pro-form button.auth-password-toggle,
.auth-page-pro .auth-pro-form button.auth-password-toggle{
  display:inline-grid!important;place-items:center;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;color:#9aaba2!important;transform:translateY(-50%)!important;position:absolute;right:6px;top:50%;
}
/* Keep mobile browsers from auto-zooming when auth fields receive focus. */
.auth-pro-form input{font-size:16px!important}
@media(min-width:901px) and (max-height:930px){.auth-login-page{padding:22px}.auth-login-page .auth-pro-shell{min-height:0}.auth-login-page .auth-pro-story{gap:18px;padding:28px 34px}.auth-login-page .auth-pro-copy h1{font-size:clamp(38px,4.3vw,56px)}.auth-login-page .auth-pro-preview{padding:18px}.auth-login-page .auth-pro-ring{width:92px;height:92px}.auth-login-page .auth-pro-wave{height:58px}.auth-login-page .auth-pro-metrics span{min-height:60px;padding:10px}.auth-login-page .auth-pro-health-grid{display:none}}

/* Dashboard tile navigation */
.dash-page .sidebar{width:286px;padding:26px 18px}.dash-page .app-main{margin-left:286px}.dash-page .sidebar nav.side-tile-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:38px}.dash-page .sidebar nav.side-tile-nav button{position:relative;display:grid;grid-template-rows:auto auto;place-items:center;align-content:center;gap:9px;min-width:0;min-height:94px;padding:13px 8px;border:1px solid #213029;background:linear-gradient(145deg,#111914,#0b110e);color:#94a39b;text-align:center;border-radius:16px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff04;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.dash-page .sidebar nav.side-tile-nav button:hover,.dash-page .sidebar nav.side-tile-nav button:focus-visible{border-color:#49e79b55;background:#13241b;color:#dff5ea;outline:0;transform:translateY(-1px);box-shadow:0 14px 28px #00000024,0 0 0 1px #49e79b10}.dash-page .sidebar nav.side-tile-nav button.active{border-color:#49e79b88;background:linear-gradient(145deg,#163522,#102019);color:#49e79b;box-shadow:0 18px 34px #49e79b10,inset 0 0 0 1px #49e79b18}.dash-page .sidebar nav.side-tile-nav button.active:after{content:"";position:absolute;inset:8px 8px auto;height:2px;border-radius:99px;background:linear-gradient(90deg,#49e79b,#49e79b00)}.dash-page .sidebar nav.side-tile-nav .side-tile-icon{width:34px;height:34px;display:grid;place-items:center;margin:0;border:1px solid #273a30;background:#0a120e;border-radius:12px;color:inherit;font-size:17px;line-height:1}.dash-page .sidebar nav.side-tile-nav button.active .side-tile-icon{border-color:#49e79b66;background:#102b1d;color:#79f4b7}.dash-page .sidebar nav.side-tile-nav button>span:not(.side-tile-icon){display:block;max-width:100%;margin:0;overflow-wrap:anywhere;color:inherit;font-size:10px;font-weight:850;line-height:1.15;letter-spacing:0}@media(max-width:760px){.dash-page .sidebar{width:min(320px,calc(100vw - 28px));padding:22px 16px}.dash-page .app-main{margin:0}.dash-page .sidebar nav.side-tile-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:28px}.dash-page .sidebar nav.side-tile-nav button{min-height:84px;border-radius:14px;padding:11px 6px}.dash-page .sidebar nav.side-tile-nav .side-tile-icon{width:31px;height:31px;border-radius:10px;font-size:15px}.dash-page .sidebar nav.side-tile-nav button>span:not(.side-tile-icon){font-size:9px}}

/* Dashboard grid-view menu */
.dash-page{min-height:100vh;background:radial-gradient(circle at 50% -18%,#14291e 0,#090d0b 36%,#070a08 100%)}.dash-page .mobile-head{display:none!important}.dash-page .sidebar{position:sticky;top:0;inset:auto;z-index:20;width:min(1180px,calc(100% - 48px));margin:22px auto 0;padding:16px;border:1px solid #22322a;background:#0d1410f2;backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 24px 70px #00000038;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;overflow:visible}.dash-page .sidebar>.app-brand{white-space:nowrap}.dash-page .side-user{grid-column:3;margin:0;padding:0 0 0 14px;border-top:0;border-left:1px solid #22322a;min-width:166px}.dash-page .app-main{margin-left:0;min-height:auto;padding:28px 24px 54px}.dash-page .app-view{max-width:1100px}.home-hero{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.home-hero small,.home-section-head small{color:#49e79b;font-size:10px;letter-spacing:1.6px}.home-hero h1{font:500 clamp(34px,4.4vw,52px) Manrope;margin:6px 0}.home-hero p,.home-section-head p{margin:0;color:#84938b}.home-modules{padding:18px;border:1px solid #22342b;background:linear-gradient(145deg,#101813,#0a100d);border-radius:20px;box-shadow:inset 0 0 0 1px #ffffff03}.home-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}.home-section-head h2{font:650 22px Manrope;margin:5px 0 0}.home-section-head p{max-width:430px;font-size:12px;line-height:1.45}.home-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.home-module-card{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr auto;gap:9px 12px;min-height:190px;padding:18px;border:1px solid #26372f;background:linear-gradient(145deg,#0f1712,#0a100d);color:#e7f1eb;text-align:left;border-radius:18px;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff04;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.home-module-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;border-radius:18px 0 0 18px;background:#49e79b;opacity:.72}.home-module-card:hover,.home-module-card:focus-visible{border-color:#49e79b77;box-shadow:0 18px 42px #00000030,0 0 0 1px #49e79b18,0 0 34px #49e79b10;outline:0;transform:translateY(-2px)}.home-card-icon{grid-row:1/span 2;width:42px;height:42px;display:grid;place-items:center;border:1px solid #2e4b3b;background:linear-gradient(145deg,#0b1711,#07100c);color:#49e79b;border-radius:14px}.home-card-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #49e79b22)}.home-card-status{justify-self:start;align-self:start;padding:5px 8px;border:1px solid #284035;background:#0b130f;color:#9ee9bd;border-radius:999px;font-size:9px;font-weight:800;line-height:1.2}.home-module-card strong{grid-column:2;font:750 20px Manrope;color:#f0f8f3;line-height:1.1}.home-module-card small{grid-column:1/-1;color:#93a29a;font-size:12px;line-height:1.45}.home-module-card em{grid-column:1/-1;align-self:end;color:#49e79b;font-style:normal;font-size:12px;font-weight:850}@media(max-width:1180px){.dash-page .sidebar{grid-template-columns:1fr auto;align-items:start}.dash-page .side-user{grid-column:2;justify-self:end}.home-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dash-page .sidebar{position:relative;top:auto;width:calc(100% - 28px);margin:14px auto 0;padding:14px;grid-template-columns:1fr;gap:14px;border-radius:16px;transform:none!important}.dash-page .side-user{grid-column:auto;width:100%;padding:12px 0 0;border-left:0;border-top:1px solid #22322a;justify-self:stretch}.dash-page .app-main{padding:22px 14px 42px}.home-hero{display:grid;align-items:start}.home-modules{padding:14px;border-radius:18px}.home-section-head{display:grid;gap:6px}.home-card-grid{grid-template-columns:1fr}.home-module-card{min-height:164px}}

/* Final HealthOS dashboard icon system */
.home-module-card{isolation:isolate;overflow:hidden}
.home-module-card:after{content:"";position:absolute;right:-42px;top:-44px;width:142px;height:142px;border-radius:44px;background:radial-gradient(circle at 35% 35%,var(--area-soft,#49e79b22),transparent 64%);opacity:.45;transform:rotate(10deg);pointer-events:none;z-index:-1}
.home-module-card:nth-child(1){--area-accent:#68f2b2;--area-soft:#68f2b226}
.home-module-card:nth-child(2){--area-accent:#8ef4cb;--area-soft:#8ef4cb22}
.home-module-card:nth-child(3){--area-accent:#7ddcff;--area-soft:#7ddcff1e}
.home-module-card:nth-child(4){--area-accent:#b7f7a8;--area-soft:#b7f7a81f}
.home-module-card:nth-child(5){--area-accent:#76e5c0;--area-soft:#76e5c020}
.home-module-card:nth-child(6){--area-accent:#f0c76b;--area-soft:#f0c76b1c}
.home-module-card:nth-child(7){--area-accent:#ff9f7d;--area-soft:#ff9f7d1a}
.home-module-card:nth-child(8){--area-accent:#9ee9bd;--area-soft:#9ee9bd22}
.home-card-icon{grid-row:1/span 2;position:relative;width:58px;height:58px;border:1px solid color-mix(in srgb,var(--area-accent,#49e79b) 42%,#22342b);background:linear-gradient(145deg,#14221a,#08100c 72%);color:var(--area-accent,#49e79b);border-radius:20px;box-shadow:inset 0 1px 0 #ffffff14,0 18px 38px #00000032,0 0 0 1px #ffffff05;overflow:hidden}
.home-card-icon:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 30% 22%,#ffffff2b 0,#ffffff0e 18%,transparent 48%),radial-gradient(circle at 72% 82%,var(--area-soft,#49e79b22),transparent 58%)}
.home-card-icon:after{content:"";position:absolute;right:9px;top:9px;width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 18px currentColor;opacity:.78}
.home-card-icon svg{position:relative;z-index:1;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.72;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--area-accent,#49e79b) 38%,transparent))}
.home-module-card strong{align-self:end}
.home-module-card:hover .home-card-icon,.home-module-card:focus-visible .home-card-icon{transform:translateY(-1px) scale(1.025);border-color:color-mix(in srgb,var(--area-accent,#49e79b) 72%,#ffffff);box-shadow:inset 0 1px 0 #ffffff20,0 22px 44px #00000038,0 0 34px var(--area-soft,#49e79b22)}
.section-title-icon{border-radius:18px;border-color:#2f5a45;background:linear-gradient(145deg,#14251b,#07100c);box-shadow:0 18px 38px #00000030,0 0 0 1px #ffffff05,0 0 28px #49e79b12}
.section-title-icon:before{inset:0;border-radius:18px;border:0;background:radial-gradient(circle at 30% 24%,#ffffff22 0,#ffffff0b 20%,transparent 54%),radial-gradient(circle at 78% 80%,#49e79b24,transparent 58%)}
.section-title-icon:after{right:8px;top:8px;width:6px;height:6px;background:#bff5d5;opacity:.75}
.section-title-icon svg{width:24px;height:24px;stroke-width:1.72;filter:drop-shadow(0 0 9px #49e79b22)}
@media(max-width:760px){.home-card-icon{width:52px;height:52px;border-radius:18px}.home-card-icon svg{width:26px;height:26px}.home-module-card:after{width:118px;height:118px;right:-38px;top:-38px}}
/* Stronger app-signets for the HealthOS home cards */
.home-module-card{--area-accent:#49e79b;--area-soft:#49e79b20}
.home-module-card:nth-child(n){--area-accent:#49e79b;--area-soft:#49e79b20}
.home-card-icon{width:60px;height:60px;border:0;background:linear-gradient(145deg,#dfffee 0,#72f1b5 26%,#49e79b 58%,#2bbb78 100%);color:#06110b;border-radius:21px;box-shadow:inset 0 1px 0 #ffffff80,inset 0 -10px 24px #0a3d2442,0 18px 38px #49e79b1b,0 18px 36px #00000030}
.home-card-icon:before{inset:0;background:radial-gradient(circle at 26% 18%,#ffffffb5 0,#ffffff32 24%,transparent 52%),linear-gradient(145deg,transparent 0,#0b2c1a18 100%)}
.home-card-icon:after{right:10px;top:10px;width:8px;height:8px;background:#07100b;box-shadow:none;opacity:.55}
.home-card-icon svg{width:31px;height:31px;color:#07100b;stroke-width:2.05;filter:none}
.home-module-card:hover .home-card-icon,.home-module-card:focus-visible .home-card-icon{transform:translateY(-2px) scale(1.035);box-shadow:inset 0 1px 0 #ffffff90,inset 0 -10px 24px #0a3d2440,0 24px 48px #49e79b24,0 20px 38px #00000036}
.section-title-icon{width:48px;height:48px;border:0;border-radius:17px;background:linear-gradient(145deg,#dfffee,#49e79b 58%,#2bbb78);color:#07100b;box-shadow:inset 0 1px 0 #ffffff75,inset 0 -8px 20px #0a3d243a,0 18px 38px #49e79b1c,0 16px 34px #0000002f}
.section-title-icon:before{inset:0;border-radius:17px;background:radial-gradient(circle at 28% 18%,#ffffffaa 0,#ffffff2a 24%,transparent 52%)}
.section-title-icon:after{right:8px;top:8px;background:#07100b;opacity:.5;box-shadow:none}
.section-title-icon svg{width:25px;height:25px;color:#07100b;stroke-width:2.05;filter:none}
@media(max-width:760px){.home-card-icon{width:56px;height:56px;border-radius:20px}.home-card-icon svg{width:29px;height:29px}.section-title-icon{width:40px;height:40px;border-radius:15px}.section-title-icon svg{width:21px;height:21px}}
/* HealthOS start signet: calm heart + pulse instead of the former four-part mark. */
.healthos-start-icon{border:1px solid #315744!important;border-radius:17px!important;background:linear-gradient(145deg,#17291f,#0a120e 72%)!important;color:#eafff2!important;box-shadow:inset 0 1px 0 #ffffff18,0 16px 34px #00000030,0 0 28px #49e79b16!important}
.healthos-start-icon:before{inset:0;background:radial-gradient(circle at 28% 18%,#ffffff24 0,#ffffff08 22%,transparent 54%),radial-gradient(circle at 76% 82%,#49e79b26,transparent 60%)}
.healthos-start-icon:after{right:8px;top:8px;width:5px;height:5px;background:#8ff0bd;box-shadow:0 0 12px #49e79b;opacity:.8}
.healthos-start-icon svg{width:26px;height:26px;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #49e79b20)}
.healthos-start-icon .healthos-start-heart{stroke:#f1fff6;stroke-width:1.9}
.healthos-start-icon .healthos-start-pulse{stroke:#49e79b;stroke-width:2.15}
@media(max-width:760px){.healthos-start-icon{width:40px;height:40px;border-radius:15px!important}.healthos-start-icon svg{width:22px;height:22px}}

/* Area identity system: every HealthOS department gets its own visual signet. */
.home-module-card:nth-child(1),#profileView{--area-accent:#8b9cff;--area-soft:#8b9cff24}
.profile-home-card{--profile-image:url('/assets/healthos-profile-menu-duo-v3.webp');background-color:#101a2a!important;background-image:linear-gradient(90deg,rgba(7,13,24,.98) 0%,rgba(7,13,24,.88) 28%,rgba(7,13,24,.34) 57%,rgba(7,13,24,.08) 100%),var(--profile-image)!important;background-size:cover,cover;background-position:center,68% center;background-repeat:no-repeat;}
.profile-home-card:hover,.profile-home-card:focus-visible{background-image:linear-gradient(90deg,rgba(7,13,24,.94) 0%,rgba(7,13,24,.76) 26%,rgba(7,13,24,.18) 58%,rgba(7,13,24,.02) 100%),var(--profile-image)!important;}
.profile-home-card:before{background:var(--area-accent,#8b9cff)}
.profile-home-card .home-card-status,.profile-home-card strong,.profile-home-card small,.profile-home-card em{position:relative;z-index:1;text-shadow:0 2px 14px #000}
.home-module-card:nth-child(2),#coachView{--area-accent:#d28cff;--area-soft:#d28cff24}
.home-module-card:nth-child(3),#nutritionView{--area-accent:#ffbd72;--area-soft:#ffbd7224}
.home-module-card:nth-child(4),#trainingView{--area-accent:#62d8ff;--area-soft:#62d8ff24}
.home-module-card:nth-child(5),#trackingView{--area-accent:#72e6ae;--area-soft:#72e6ae24}
.routine-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 18px}
.routine-module{display:flex;flex-direction:column;gap:12px;min-height:190px;padding:20px;border-color:color-mix(in srgb,var(--area-accent) 24%,#26372f);background:linear-gradient(145deg,color-mix(in srgb,var(--area-accent) 8%,#111914),#0b120e)}
.routine-module small{color:var(--area-accent);font-size:10px;letter-spacing:.12em;font-weight:750}.routine-module h2{margin:5px 0 0;font-size:20px}.routine-module p{margin:7px 0 0;color:#aab9b0;font-size:13px;line-height:1.5}.routine-module>strong{margin-top:auto;font-size:14px}.routine-module button{align-self:flex-start;border:1px solid color-mix(in srgb,var(--area-accent) 42%,#304238);border-radius:10px;padding:9px 12px;background:#ffffff08;color:#e7f6ed;cursor:pointer}.routine-module button:hover{background:color-mix(in srgb,var(--area-accent) 15%,#102017)}.routine-sleep{--area-accent:#b7a5ff}.routine-stress{--area-accent:#ffbd72}.routine-water{--area-accent:#72d9ff}.routine-water-actions{display:flex;gap:8px;flex-wrap:wrap}.routine-water-actions button:last-child{color:#aab9b0}
@media(max-width:850px){.routine-module-grid{grid-template-columns:1fr}.routine-module{min-height:0}}
.home-module-card:nth-child(1){--area-accent:#8b9cff;--area-soft:#8b9cff24}
.home-module-card:nth-child(2){--area-accent:#d28cff;--area-soft:#d28cff24}
.home-module-card:nth-child(3){--area-accent:#ffbd72;--area-soft:#ffbd7224}
.home-module-card:nth-child(4){--area-accent:#62d8ff;--area-soft:#62d8ff24}
.home-module-card:nth-child(2){background-image:linear-gradient(90deg,#08100df5 0%,#08100dca 42%,#08100d24 100%),url('/assets/healthos-coach-menu.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
.home-module-card:nth-child(4){background-image:linear-gradient(90deg,#08100df2 0%,#08100dca 42%,#08100d30 100%),url('/assets/healthos-training-menu.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
.home-module-card:nth-child(3){background-image:linear-gradient(90deg,#08100df2 0%,#08100dca 42%,#08100d30 100%),url('/assets/healthos-nutrition-menu.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
.home-module-card:nth-child(4){grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-content:stretch;gap:9px;min-height:190px;padding:22px 22px 20px;border-color:#285065;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 40px #00000035}
.home-module-card:nth-child(4) .home-card-status{grid-column:1;justify-self:start}
.home-module-card:nth-child(4) strong{grid-column:1;align-self:end;font-size:25px;letter-spacing:-.02em;text-shadow:0 2px 18px #000000b8}
.home-module-card:nth-child(4) small{grid-column:1;max-width:220px;color:#d1e0e2;font-size:12px;text-shadow:0 2px 12px #000000cc}
.home-module-card:nth-child(4) em{grid-column:1;color:#8de8ff;text-shadow:0 2px 12px #000000cc}
.home-module-card:nth-child(3){grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-content:stretch;gap:9px;min-height:190px;padding:22px 22px 20px}
.home-module-card:nth-child(3) .home-card-icon{display:none!important}
.home-module-card:nth-child(3) .home-card-status,.home-module-card:nth-child(3) strong,.home-module-card:nth-child(3) small,.home-module-card:nth-child(3) em{grid-column:1}
.home-module-card:nth-child(3) strong{align-self:end;font-size:25px;letter-spacing:-.02em;text-shadow:0 2px 18px #000000b8}
.home-module-card:nth-child(3) small{max-width:220px;color:#f0dfc5;font-size:12px;text-shadow:0 2px 12px #000000cc}
.home-module-card:nth-child(3) em{color:#ffca77;text-shadow:0 2px 12px #000000cc}
.home-module-card:nth-child(4):hover,.home-module-card:nth-child(4):focus-visible{border-color:#62d8ff99;background-image:linear-gradient(90deg,#06100df5 0%,#06100dc7 40%,#06100d20 100%),url('/assets/healthos-training-menu.webp');box-shadow:inset 0 0 0 1px #ffffff12,0 22px 48px #00000048,0 0 30px #62d8ff18}
.home-module-card:nth-child(3):hover,.home-module-card:nth-child(3):focus-visible{border-color:#f3b64a99;background-image:linear-gradient(90deg,#08100df5 0%,#08100dc7 40%,#08100d20 100%),url('/assets/healthos-nutrition-menu.webp');box-shadow:inset 0 0 0 1px #ffffff12,0 22px 48px #00000048,0 0 30px #f3b64a18}
.home-module-card:nth-child(2):hover,.home-module-card:nth-child(2):focus-visible{border-color:#d28cff99;background-image:linear-gradient(90deg,#08100df8 0%,#08100dca 40%,#08100d20 100%),url('/assets/healthos-coach-menu.webp');box-shadow:inset 0 0 0 1px #ffffff12,0 22px 48px #00000048,0 0 30px #d28cff18}
.home-module-card:nth-child(5){--area-accent:#72e6ae;--area-soft:#72e6ae24}
.home-module-card .home-card-icon{background:linear-gradient(145deg,color-mix(in srgb,var(--area-accent) 22%,#111914),#08100c 76%);border:1px solid color-mix(in srgb,var(--area-accent) 58%,#26372f);color:var(--area-accent);box-shadow:inset 0 1px 0 #ffffff18,0 16px 34px #00000035,0 0 26px var(--area-soft)}
.home-module-card .home-card-icon:before{background:radial-gradient(circle at 24% 18%,#ffffff30,transparent 34%),radial-gradient(circle at 75% 80%,var(--area-soft),transparent 60%)}
.home-module-card .home-card-icon:after{background:var(--area-accent);box-shadow:0 0 16px var(--area-accent)}
.home-module-card:before{background:var(--area-accent)}
.home-module-card .home-card-status{border-color:color-mix(in srgb,var(--area-accent) 34%,#26372f);background:color-mix(in srgb,var(--area-accent) 10%,#0b130f);color:color-mix(in srgb,var(--area-accent) 80%,#ffffff)}
.home-module-card em{color:var(--area-accent)}
.home-module-card:hover,.home-module-card:focus-visible{border-color:color-mix(in srgb,var(--area-accent) 60%,#26372f);box-shadow:0 18px 42px #00000030,0 0 0 1px var(--area-soft),0 0 34px var(--area-soft)}
.app-view .section-title-icon{border:1px solid color-mix(in srgb,var(--area-accent) 54%,#26372f);background:radial-gradient(circle at 30% 22%,color-mix(in srgb,var(--area-accent) 85%,#ffffff) 0,color-mix(in srgb,var(--area-accent) 34%,#173826) 28%,#08100c 76%);color:var(--area-accent);box-shadow:0 16px 36px #0000002e,0 0 30px var(--area-soft)}
.app-view .section-title-icon:before{background:linear-gradient(145deg,#ffffff18,transparent 48%)}
.app-view .section-title-icon:after{background:var(--area-accent);box-shadow:0 0 14px var(--area-accent)}
.app-view .section-title-icon svg{color:var(--area-accent);filter:drop-shadow(0 0 8px var(--area-soft))}

/* Brighter only where the department signet lives. */
.home-module-card .home-card-icon{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--area-accent) 42%,#17231c),
    color-mix(in srgb,var(--area-accent) 18%,#0d1711) 72%);
  border-color:color-mix(in srgb,var(--area-accent) 72%,#ffffff);
  box-shadow:inset 0 1px 0 #ffffff35,0 12px 28px #00000036,0 0 28px var(--area-soft);
}

/* Mobile profile rules are finalized at the end of this stylesheet. */
@media (max-width:0px){
  .profile-shell .app-main{width:auto;max-width:none;margin:0;padding:0 12px 28px}
  .profile-shell .mobile-head{width:auto;height:48px;margin:8px 12px 12px;padding:0 14px;border-radius:16px}
  .profile-shell .mobile-head-actions{gap:18px;padding-right:0}
  .profile-shell .mobile-notification{width:28px;height:30px;padding:2px;left:auto}
  .profile-shell .mobile-notification svg{width:23px;height:23px}
  .profile-shell .mobile-notification i{right:0;top:0;width:6px;height:6px}
  .profile-shell .mobile-profile-avatar{position:relative;left:auto;width:38px;height:38px;border-color:#9b6fc0;background:radial-gradient(circle at 52% 45%,#5b528f 0 54%,#30204f 55% 100%);font-size:13px;box-shadow:0 0 0 2px #1d172f,0 0 0 3px #46365d}
  .profile-shell .mobile-profile-avatar i{position:absolute;right:-2px;bottom:0;width:7px;height:7px;display:block;border:1px solid #07121a;border-radius:50%;background:#52e3ad}
  .profile-shell .mobile-profile-chevron{position:relative;left:auto;width:10px;height:10px;margin-left:-8px;transform:rotate(45deg) translateY(-3px)}

  .profile-shell .profile-settings{gap:12px}
  .profile-shell .profile-welcome-card{grid-template-columns:minmax(0,1fr) 156px;min-height:190px;margin:0;padding:16px;border-radius:16px;background:radial-gradient(circle at 82% 50%,#0b4c4e 0,transparent 34%),linear-gradient(105deg,#06151d 0%,#06151d 58%,#073c3a 100%)}
  .profile-shell .profile-welcome-copy{grid-template-columns:1fr;grid-template-rows:none;align-content:start;gap:8px;transform:none}
  .profile-shell .profile-welcome-copy h1{grid-column:auto;font-size:18px;line-height:1.12;white-space:normal}
  .profile-shell .profile-welcome-copy>p{grid-column:auto;max-width:175px;font-size:10px;line-height:1.35;white-space:normal}
  .profile-shell .profile-completion-card{grid-column:auto;grid-row:auto;width:178px;max-width:178px;margin-top:2px;padding:8px 9px;border-radius:10px;grid-template-columns:18px minmax(0,1fr) auto;gap:7px}
  .profile-shell .profile-check-icon{width:18px;height:18px}.profile-shell .profile-check-icon svg{width:12px;height:12px}
  .profile-shell .profile-completion-card strong{font-size:9px}.profile-shell .profile-completion-card small{font-size:7px}.profile-shell .profile-completion-card>b{font-size:13px}
  .profile-shell .profile-welcome-save{width:112px;height:35px;min-height:35px;margin:0;padding:0;border-radius:8px;font-size:10px}
  .profile-shell .profile-welcome-art{inset:0 0 0 auto;width:172px;height:100%;background:linear-gradient(90deg,#06151d 0%,#06151dcc 16%,#06151d00 48%),url('/assets/healthos-profile-hero-reference.webp') center/100% 100% no-repeat;opacity:.92}
  .profile-shell .profile-welcome-art svg{display:none}

  .profile-shell .profile-card,.profile-shell .profile-calculator-section{padding:16px;border-radius:16px}
  .profile-shell .profile-card-head{gap:10px}.profile-shell .profile-card-head h2{font-size:22px;line-height:1.12}.profile-shell .profile-card-head p{margin-top:5px;font-size:11px}
  .profile-shell .profile-edit-button{gap:6px;padding:8px 10px;border-radius:9px;font-size:10px}.profile-shell .profile-edit-button svg{width:13px;height:13px}
  .profile-shell .profile-card-identity{gap:12px}
  .profile-shell .profile-linked-grid{grid-template-columns:1fr;gap:10px}
  .profile-shell .profile-subcard,.profile-shell .profile-subcard+.profile-subcard{gap:10px;padding:12px;border-radius:12px;border-left:1px solid #234149}
  .profile-shell .profile-subcard-head{gap:8px}.profile-shell .profile-subcard-icon{width:30px;height:30px;border-radius:9px}.profile-shell .profile-subcard-icon svg{width:18px;height:18px}
  .profile-shell .profile-subcard-head h3{margin:1px 0 3px;font-size:14px}.profile-shell .profile-subcard-head p{font-size:10px}
  .profile-shell .profile-field-grid{border-radius:9px}
  .profile-shell .profile-field-grid>label,.profile-shell .profile-field-grid>.smart-field{min-height:45px;padding:8px 9px}
  .profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="height_cm"],.profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="weight_kg"],.profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="target_weight_kg"]{min-height:56px}
  .profile-shell .profile-field-label,.profile-shell .smart-label{gap:6px;font-size:10px}.profile-shell .profile-field-icon,.profile-shell .profile-direct-field .profile-field-label svg,.profile-shell .smart-label .profile-field-icon{width:14px;height:14px}
  .profile-shell .profile-value-control input,.profile-shell .smart-control input{font-size:10px!important}.profile-shell .smart-control b{font-size:8px}.profile-shell .smart-hint{font-size:8px}

  .profile-shell .profile-calculator-section{gap:12px}.profile-shell .profile-calculator-section .health-calculator-shell{gap:10px}
  .profile-shell .health-calc-tabs{max-width:280px;padding:3px;border-radius:9px}.profile-shell .health-calc-tabs button{padding:8px 10px;font-size:10px}
  .profile-shell .health-calc-compact-results{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-shell .health-calc-compact-results article{min-height:126px;padding:12px 10px;border-right:1px solid #245159;border-bottom:1px solid #245159}
  .profile-shell .health-calc-compact-results article:nth-child(2n){border-right:0}.profile-shell .health-calc-compact-results article:nth-child(n+3){border-bottom:0}
  .profile-shell .health-calc-compact-results .metric-icon{width:26px;height:26px;margin-bottom:7px;border-radius:7px}.profile-shell .health-calc-compact-results .metric-icon svg{width:17px;height:17px}
  .profile-shell .health-calc-compact-results .metric-label{min-height:25px;font-size:9px}.profile-shell .health-calc-compact-results strong{font-size:18px}.profile-shell .health-calc-compact-results em{font-size:7px}.profile-shell .health-calc-compact-results small{font-size:8px}.profile-shell .health-calc-compact-results p{font-size:8px}
  .profile-shell .health-calc-notice{padding:9px 11px}.profile-shell .health-calc-notice p{font-size:8px}

  .profile-shell .profile-card-wide{padding:16px}.profile-shell .profile-nutrition-grid{grid-template-columns:1fr;gap:14px}.profile-shell .profile-nutrition-grid .smart-label{margin-bottom:6px;font-size:10px}.profile-shell .profile-nutrition-grid .smart-control{height:40px;padding:0 9px;border-radius:8px}.profile-shell .profile-nutrition-grid .smart-control input,.profile-shell .profile-nutrition-grid .smart-ghost{font-size:9px!important}.profile-shell .profile-nutrition-grid .smart-ghost{left:9px}
  .profile-shell .smart-tags-row{gap:7px;margin-top:7px;min-height:26px}.profile-shell .smart-chips{gap:6px}.profile-shell .smart-chips button,.profile-shell .smart-add-button{padding:7px 8px;border-radius:7px;font-size:8px}.profile-shell .smart-add-button>span{font-size:13px}.profile-shell .profile-health-copy{gap:7px;font-size:9px}.profile-shell .profile-health-copy svg{width:15px;height:15px}

  .profile-shell .profile-completion-cta{position:relative;bottom:auto;grid-template-columns:42px minmax(0,1fr);min-height:140px;gap:8px;padding:14px 14px 34px;border-radius:15px}
  .profile-shell .profile-completion-cta .profile-cta-icon{width:40px;height:40px}.profile-shell .profile-cta-icon svg{width:40px;height:40px}.profile-shell .profile-cta-copy h2{font-size:14px}.profile-shell .profile-cta-copy p{font-size:8px}.profile-shell .profile-completion-cta>button[type=submit]{grid-column:1/-1;width:100%;min-height:40px;padding:10px;font-size:10px;transform:none}.profile-shell .profile-completion-cta .profile-secondary-action{right:14px;bottom:8px;font-size:8px}
}
.home-module-card .home-card-icon:before{background:radial-gradient(circle at 24% 18%,#ffffff55,transparent 35%),radial-gradient(circle at 75% 80%,var(--area-soft),transparent 62%)}
.app-view .section-title-icon{
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--area-accent) 48%,#1b281f),
    color-mix(in srgb,var(--area-accent) 19%,#0c1510) 76%);
}

/* Personal account chip: integrated identity instead of a technical demo label. */
.dash-page .side-user{display:flex!important;align-items:center!important;gap:10px!important;min-width:210px!important;padding:7px 8px 7px 10px!important;border:1px solid #2b4236!important;border-radius:16px!important;background:linear-gradient(145deg,#14231a,#0d1511)!important;box-shadow:inset 0 1px 0 #ffffff0b,0 10px 24px #00000020!important}
.dash-page .side-user>span{width:38px!important;height:38px!important;flex:none!important;border:1px solid #8b9cff88!important;background:linear-gradient(145deg,#a8b0ff,#686fd1)!important;color:#11152f!important;font:800 12px Manrope!important;box-shadow:0 6px 18px #6e78df33!important}
.dash-page .side-user div{gap:3px!important}.dash-page .side-user strong{font:750 12px/1.2 Manrope!important;color:#eff8f2!important}.dash-page .side-user small{font-size:9px!important;color:#8fa79a!important;letter-spacing:.01em!important}.dash-page .side-user a{width:30px!important;height:30px!important;flex:none!important;border:0!important;background:transparent!important;color:#879a90!important}.dash-page .side-user a:hover{background:#20352a!important;color:#a9efc7!important}
@media(max-width:760px){.dash-page .side-user{min-width:0!important;padding:10px!important;border-radius:15px!important}.dash-page .side-user>span{width:42px!important;height:42px!important}.dash-page .side-user strong{font-size:13px!important}.dash-page .side-user small{font-size:10px!important}}

/* Quiet top-right identity: avatar + first name only. */
.dash-page .side-user{min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:8px!important}
.profile-avatar-button{position:relative;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #4f8270;background:linear-gradient(145deg,#8b9cff,#6971d4);border-radius:50%;color:#11152f;cursor:pointer;overflow:visible;box-shadow:0 6px 18px #00000024}.profile-avatar-button>span{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;background:inherit;background-size:cover;background-position:center;font:800 11px Manrope}.profile-avatar-button.has-image>span{font-size:0}.profile-avatar-button i{position:absolute;right:-1px;bottom:0;width:10px;height:10px;border:2px solid #0d1410;border-radius:50%;background:#72e6ae}.dash-page .side-user>strong{font:700 12px Manrope!important;color:#dcebe3!important}.dash-page .side-user>a{width:28px!important;height:28px!important;margin-left:5px!important;border:0!important;background:transparent!important}.dash-page .side-user>a:hover{background:#17271f!important}
@media(max-width:760px){.dash-page .side-user{padding:0!important}.profile-avatar-button{width:36px;height:36px}.dash-page .side-user>strong{font-size:12px!important}}

/* Keep identity on the same header line as the HealthOS mark on mobile. */
@media(max-width:760px){
  .dash-page .sidebar{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important}
  .dash-page .sidebar>.app-brand{grid-column:1!important;grid-row:1!important}
  .dash-page .sidebar>.side-user{grid-column:2!important;grid-row:1!important;justify-self:end!important;width:auto!important}
}

/* Today stays inside Alltag: visible return to the Alltag overview. */
#trackingRoom-today .today-reference-head .alltag-back{
  display:inline-flex!important;
  justify-self:start!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(8,18,13,.34))!important;
  color:#f6faf8!important;
  font:650 12px/1 Inter!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 22px rgba(0,0,0,.24)!important;
}
#trackingRoom-today .today-reference-head{
  grid-template-columns:auto minmax(0,1fr) auto 42px!important;
}
@media(max-width:640px){
  #trackingRoom-today .today-reference-head{
    grid-template-columns:minmax(0,1fr) auto 42px!important;
  }
  #trackingRoom-today .today-reference-brand{display:none!important}
}

/* One consistent overview control in every Alltag department. */
#trackingView [data-tracking-room-page] .alltag-bar > .alltag-back{
  display:inline-flex!important;
  justify-self:start!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(8,18,13,.34))!important;
  color:#f6faf8!important;
  font:650 12px/1 Inter!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 22px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
}
#trackingView [data-tracking-room-page] .alltag-bar > .alltag-back:hover,
#trackingView [data-tracking-room-page] .alltag-bar > .alltag-back:focus-visible{
  border-color:rgba(126,239,181,.72)!important;
  color:#fff!important;
  outline:0!important;
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 10px 26px rgba(0,0,0,.28),0 0 0 3px rgba(73,231,155,.13)!important;
}
@media(max-width:640px){
  #trackingView [data-tracking-room-page] .alltag-bar:not(.alltag-story-bar) > .alltag-words{
    display:none!important;
  }
}

/* Reference viewport: the supplied design is a 777px-wide tablet layout. */
@media (min-width:761px) and (max-width:900px){
  .profile-shell .mobile-head{display:flex!important;align-items:center;height:72px;margin:10px 0 19px;padding:0 18px;border:1px solid #18303a;border-radius:18px;background:#07121ae8;box-shadow:0 8px 24px #00000028}
  .profile-shell .sidebar{display:none!important}
  .profile-shell .mobile-head>.app-brand{display:none}
  .profile-shell .mobile-head-actions{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:32px;padding-right:22px}
  .profile-shell .mobile-head-actions #mobileMenu{display:none}
  .profile-shell .mobile-notification{position:relative;width:32px;height:34px;padding:3px;border:0;background:transparent;color:#d7e5e3;cursor:pointer}
  .profile-shell .mobile-notification svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
  .profile-shell .mobile-notification i{position:absolute;right:0;top:1px;width:7px;height:7px;border:1px solid #07121a;border-radius:50%;background:#52e3ad}
  .profile-shell .mobile-notification{left:32px}
  .profile-shell .mobile-profile-avatar{position:relative;left:32px;width:45px;height:45px;padding:0;border:1px solid #9b6fc0;border-radius:50%;background:radial-gradient(circle at 52% 45%,#5b528f 0 54%,#30204f 55% 100%);color:#f8f5ff;font:800 16px Manrope;cursor:pointer;box-shadow:0 0 0 2px #1d172f,0 0 0 3px #46365d}
  .profile-shell .mobile-profile-avatar i{position:absolute;right:-2px;bottom:0;width:8px;height:8px;display:block;border:1px solid #07121a;border-radius:50%;background:#52e3ad}
  .profile-shell .mobile-profile-chevron{position:relative;left:18px;width:11px;height:11px;margin-left:-8px;border-right:1px solid #d8e2de;border-bottom:1px solid #d8e2de;transform:rotate(45deg) translateY(-3px)}
  .profile-shell .app-main{margin:0;padding:0 8px 42px}
  .profile-shell #profileView{max-width:none}
  .profile-shell .profile-welcome-card{grid-template-columns:minmax(0,1fr) 310px;min-height:248px;margin-inline:-8px;padding:21px 22px;border-radius:17px}
  .profile-shell .profile-welcome-copy{grid-template-columns:minmax(0,250px) auto;grid-template-rows:auto auto auto;column-gap:48px;row-gap:12px;align-content:center;transform:translateY(10px)}
  .profile-shell .profile-welcome-copy h1,.profile-shell .profile-welcome-copy>p{grid-column:1/-1}
  .profile-shell .profile-welcome-copy h1{font-size:25px;white-space:nowrap}
  .profile-shell .profile-welcome-copy>p{max-width:none;font-size:12px;white-space:nowrap}
  .profile-shell .profile-completion-card{grid-column:1;grid-row:3;width:250px;max-width:250px;margin-top:10px;padding:14px 15px;border-radius:13px}
  .profile-shell .profile-completion-card strong{font-size:12px}.profile-shell .profile-completion-card small{font-size:9px}.profile-shell .profile-completion-card>b{font-size:16px}
  .profile-shell .profile-welcome-save{grid-column:2;grid-row:3;align-self:center;justify-self:start;margin:10px 0 0;padding:12px 17px;font-size:12px}
  .profile-shell .profile-welcome-art{width:48%}.profile-shell .profile-welcome-art svg{max-height:220px}
  .profile-shell .profile-card,.profile-shell .profile-calculator-section{padding:10px 2px;border-radius:17px}
  .profile-shell .profile-card-identity{gap:16px}
  .profile-shell .profile-card-head h2{font-size:20px}.profile-shell .profile-card-head p{font-size:12px}
  .profile-shell .profile-edit-button{padding:10px 13px;font-size:11px}.profile-shell .profile-edit-button svg{width:15px;height:15px}
  .profile-shell .profile-linked-grid{gap:14px}
  .profile-shell .profile-subcard{gap:13px;padding:15px;border-radius:14px}.profile-shell .profile-subcard+.profile-subcard{padding-left:15px}
  .profile-shell .profile-subcard-icon{width:34px;height:34px;border-radius:11px}.profile-shell .profile-subcard-icon svg{width:20px;height:20px}
  .profile-shell .profile-subcard-head{gap:10px}.profile-shell .profile-subcard-head h3{font-size:17px}.profile-shell .profile-subcard-head p{font-size:11px}
  .profile-shell .profile-field-grid{border-radius:11px}.profile-shell .profile-field-grid>label,.profile-shell .profile-field-grid>.smart-field{min-height:48px;padding:8px 11px}
  .profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="height_cm"],.profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="weight_kg"],.profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="target_weight_kg"]{min-height:86px}
  .profile-shell .profile-field-label,.profile-shell .smart-label{gap:8px;font-size:11px}.profile-shell .profile-field-icon,.profile-shell .profile-direct-field .profile-field-label svg,.profile-shell .smart-label .profile-field-icon{width:17px;height:17px}
  .profile-shell .profile-value-control input,.profile-shell .smart-control input{font-size:12px!important}.profile-shell .smart-control b{font-size:10px}.profile-shell .smart-hint{font-size:9px}
  .profile-shell .profile-calculator-section{gap:15px}
  .profile-shell .health-calc-tabs{max-width:260px;padding:4px;border-radius:11px}.profile-shell .health-calc-tabs button{padding:9px 12px;font-size:10px}
  .profile-shell .profile-calculator-section .health-calc-summary-card{border-radius:15px}
  .profile-shell .health-calc-compact-results article{padding:16px 13px}.profile-shell .health-calc-compact-results .metric-icon{width:26px;height:26px;margin-bottom:9px}.profile-shell .health-calc-compact-results .metric-icon svg{width:18px;height:18px}.profile-shell .health-calc-compact-results .metric-label{min-height:27px;font-size:10px}.profile-shell .health-calc-compact-results strong{font-size:23px}.profile-shell .health-calc-compact-results em{font-size:8px}.profile-shell .health-calc-compact-results small{font-size:10px}.profile-shell .health-calc-compact-results p{font-size:10px}.profile-shell .health-calc-notice{padding:10px 14px}.profile-shell .health-calc-notice p{font-size:10px}
  .profile-shell .profile-card-wide{gap:15px}.profile-shell .profile-nutrition-grid{gap:18px}.profile-shell .profile-nutrition-grid .smart-label{margin-bottom:8px;font-size:11px}.profile-shell .profile-nutrition-grid .smart-control{height:43px;padding:0 12px;border-radius:9px}.profile-shell .profile-nutrition-grid .smart-control input,.profile-shell .profile-nutrition-grid .smart-ghost{font-size:11px!important}.profile-shell .smart-tags-row{gap:9px;margin-top:9px}.profile-shell .smart-chips{gap:7px}.profile-shell .smart-chips button,.profile-shell .smart-add-button{padding:8px 10px;border-radius:8px;font-size:9px}.profile-shell .smart-add-button>span{font-size:15px}.profile-shell .profile-health-copy{font-size:10px}.profile-shell .profile-health-copy svg{width:17px;height:17px}
  .profile-shell .profile-completion-cta{min-height:84px;padding:14px 16px;border-radius:15px}.profile-shell .profile-completion-cta .profile-cta-icon{width:42px;height:42px}.profile-shell .profile-cta-icon svg{width:42px;height:42px}.profile-shell .profile-cta-copy h2{font-size:16px}.profile-shell .profile-cta-copy p{font-size:10px}.profile-shell .profile-completion-cta>button[type=submit]{min-height:42px;padding:11px 15px;font-size:11px;transform:none}.profile-shell .profile-completion-cta .profile-secondary-action{right:26px;bottom:8px;min-height:0!important;font-size:10px}
}


/* Premium AI Coach conversation */
#coachView{max-width:min(980px,100%)}.coach-premium-shell{display:grid;gap:14px;min-height:calc(100vh - 172px)}.coach-premium-shell .coach-view-title{max-width:760px;margin:0 auto 0;width:100%;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:13px}.coach-premium-shell .coach-view-title small{color:#70efad;font-size:9px;font-weight:850;letter-spacing:.16em}.coach-premium-shell .coach-view-title h1{max-width:640px;margin:3px 0 5px;color:#f5fbf7;font:680 clamp(24px,3.1vw,38px)/1.12 Manrope;letter-spacing:0;text-wrap:balance}.coach-premium-shell .coach-view-title p{max-width:520px;color:#8f9d95;font-size:13px;line-height:1.45}.coach-premium-shell .section-title-icon{width:44px;height:44px;border-radius:16px}.coach-premium-shell .section-title-icon svg{width:22px;height:22px}.coach-premium-shell .coach-chat-card{position:relative;height:calc(100vh - 300px)!important;min-height:520px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;padding:0!important;overflow:hidden;border:1px solid #26372f!important;border-radius:28px!important;background:linear-gradient(180deg,#101713 0,#080d0a 100%)!important;box-shadow:0 34px 100px #00000048,inset 0 1px 0 #ffffff08!important}.coach-premium-shell .coach-chat-card:before{height:0!important}.coach-premium-shell .coach-memory-bar{position:absolute;z-index:3;right:16px;top:14px;display:block;padding:0;border:0;background:transparent}.coach-premium-shell .coach-memory-actions{display:flex;justify-content:flex-end}.coach-premium-shell .coach-memory-actions button{min-height:34px;border:1px solid #ffffff12;background:#111a15cc;color:#a8b7af;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:850;backdrop-filter:blur(16px);box-shadow:0 12px 30px #00000022}.coach-premium-shell .coach-memory-actions button:hover{border-color:#49e79b66;background:#13251b;color:#d9f7e5}.coach-premium-shell .coach-thread{display:flex;flex-direction:column;gap:18px;min-height:0;padding:68px 22px 22px!important;overflow:auto;background:radial-gradient(circle at 50% -18%,#183823 0,#101713 31%,#070c09 100%)!important;scroll-behavior:smooth}.coach-empty-state{min-height:100%;display:grid;align-content:center;justify-items:center;gap:20px;padding:22px 4px;text-align:center}.coach-welcome-bubble{display:grid;gap:8px;max-width:500px;padding:22px 24px;border:1px solid #2a4737;background:linear-gradient(145deg,#13241b,#0b120e);border-radius:28px;box-shadow:0 28px 72px #00000035,inset 0 1px 0 #ffffff08;animation:coachMessageIn .32s ease both}.coach-welcome-bubble small{color:#70efad;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.coach-welcome-bubble p{margin:0;color:#e7f2ec;font:600 17px/1.5 Manrope}.coach-suggestion-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:680px}.coach-suggestion-chips button,.coach-quick-actions button{border:1px solid #2f463a;background:#101914;color:#dce8e1;border-radius:999px;padding:11px 14px;font-size:12px;font-weight:850;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff08,0 12px 26px #00000020;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.coach-suggestion-chips button:hover,.coach-suggestion-chips button:focus-visible,.coach-quick-actions button:hover,.coach-quick-actions button:focus-visible{outline:0;transform:translateY(-1px);border-color:#49e79b88;background:#14271d;color:#8ef4cb;box-shadow:0 16px 32px #49e79b10,0 12px 28px #00000024}.coach-premium-shell .coach-message{display:flex;align-items:flex-end;animation:coachMessageIn .24s ease both}.coach-premium-shell .coach-message>div{width:auto;max-width:min(74%,660px)!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.coach-premium-shell .coach-message small{display:block;margin:0 0 7px 10px!important;color:#7f9188!important;font-size:10px!important;font-weight:750;letter-spacing:0!important;text-transform:none!important}.coach-premium-shell .coach-message.user{justify-content:flex-end}.coach-premium-shell .coach-message.user small{text-align:right;margin:0 10px 7px 0!important;color:#8d9c94!important}.coach-premium-shell .coach-message-content{display:block;padding:14px 16px;border:1px solid #2a3d33;background:linear-gradient(145deg,#151f19,#101713);border-radius:22px 22px 22px 8px;color:#e7f2ec;font-size:14px;line-height:1.62;box-shadow:0 16px 42px #00000024,inset 0 1px 0 #ffffff07}.coach-premium-shell .coach-message.user .coach-message-content{max-width:100%;border:0;background:#49e79b;color:#06100a;border-radius:22px 22px 8px 22px;box-shadow:0 16px 38px #49e79b18}.coach-premium-shell .coach-message.user .coach-message-content,.coach-premium-shell .coach-message.user .coach-message-content p{color:#06100a}.coach-premium-shell .coach-message-content p{margin:0 0 10px;color:#e7f2ec;font-size:14px;line-height:1.62}.coach-premium-shell .coach-message-content p:last-child{margin-bottom:0}.coach-premium-shell .coach-message-content ul{display:grid;gap:7px;margin:8px 0 0;padding:0;list-style:none}.coach-premium-shell .coach-message-content li{padding-left:17px;color:#d9e7df;font-size:13px;line-height:1.5}.coach-premium-shell .coach-message-content li:before{top:.68em;background:#49e79b}.coach-premium-shell .coach-response-block{display:grid;gap:8px;margin:10px 0 0;padding:12px;border:1px solid #2b4136;background:linear-gradient(145deg,#0d1712,#0a100d);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff06}.coach-premium-shell .coach-response-block:first-child{margin-top:0}.coach-premium-shell .coach-response-block h3{margin:0;color:#f0fbf5;font:700 13px/1.25 Manrope}.coach-premium-shell .coach-response-block p{margin:0!important;color:#becdc5!important;font-size:13px!important;line-height:1.5!important}.coach-premium-shell .coach-plan-card{border-color:#3a6a50;background:linear-gradient(145deg,#102019,#0a110d)}.coach-premium-shell .coach-plan-card>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.coach-premium-shell .coach-plan-card article{display:grid;gap:5px;min-height:72px;padding:11px;border:1px solid #284338;background:#08100c;border-radius:15px}.coach-premium-shell .coach-plan-card article small{margin:0!important;color:#70efad!important;font-size:9px!important;font-weight:850;letter-spacing:.1em!important;text-transform:uppercase!important}.coach-premium-shell .coach-plan-card article p{color:#dbe8e1!important;font-size:12px!important}.coach-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.coach-quick-actions button{padding:9px 12px;font-size:11px;background:#0d1511;color:#9ee9bd}.coach-premium-shell .coach-message-content.loading{display:inline-flex;align-items:center;gap:8px;color:#aebdb5;background:#121d17;border-color:#2a3d33}.coach-premium-shell .coach-message-content.loading:after{width:7px;height:7px;margin-left:2px}.coach-premium-shell .coach-message-content.error{background:#211413;border-color:#69332e;color:#ffd1d1}.coach-premium-shell .coach-composer{position:relative;display:block!important;padding:14px 16px 16px!important;border-top:1px solid #22332a!important;background:linear-gradient(180deg,#0b110ee8,#080d0af8)!important;backdrop-filter:blur(18px)}.coach-premium-shell .coach-composer label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.coach-premium-shell .coach-composer-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:end;gap:8px;max-width:850px;margin:0 auto;padding:7px;border:1px solid #31463a;background:#070d0a;border-radius:26px;box-shadow:inset 0 1px 0 #ffffff08,0 16px 38px #00000028}.coach-premium-shell .coach-mic-button,.coach-premium-shell .coach-send-button{display:grid;place-items:center;border:0!important;cursor:pointer}.coach-premium-shell .coach-mic-button{min-width:42px!important;width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:999px!important;background:#111a15!important;color:#9db0a6!important;font-size:17px!important}.coach-premium-shell .coach-mic-button:hover{background:#16241b!important;color:#dff7e9!important}.coach-premium-shell .coach-composer textarea{height:44px!important;min-height:44px!important;max-height:150px!important;padding:11px 4px 8px!important;border:0!important;background:transparent!important;color:#f0f8f3!important;border-radius:0!important;font-size:14px!important;line-height:1.45!important;resize:none!important;box-shadow:none!important}.coach-premium-shell .coach-composer textarea::placeholder{color:#728279}.coach-premium-shell .coach-send-button{min-width:78px!important;height:42px!important;min-height:42px!important;padding:0 16px!important;border-radius:999px!important;background:#49e79b!important;color:#06100a!important;font-size:12px!important;font-weight:900!important;box-shadow:0 12px 26px #49e79b1d}.coach-premium-shell .coach-send-button:hover:not(:disabled){box-shadow:0 16px 32px #49e79b2a;transform:translateY(-1px)}.coach-premium-shell .coach-composer button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@keyframes coachMessageIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:820px){#coachView{max-width:100%}.coach-premium-shell{min-height:calc(100vh - 118px);gap:10px}.coach-premium-shell .coach-view-title{grid-template-columns:38px minmax(0,1fr);padding:0 2px}.coach-premium-shell .coach-view-title h1{font-size:23px}.coach-premium-shell .coach-view-title p{font-size:12px}.coach-premium-shell .coach-chat-card{height:calc(100vh - 238px)!important;min-height:560px!important;border-radius:24px!important}.coach-premium-shell .coach-thread{padding:60px 14px 16px!important;gap:16px}.coach-premium-shell .coach-memory-bar{right:12px;top:12px}.coach-premium-shell .coach-message>div{max-width:92%!important}.coach-premium-shell .coach-message-content{padding:13px 14px;border-radius:20px 20px 20px 7px;font-size:13px}.coach-premium-shell .coach-message.user .coach-message-content{border-radius:20px 20px 7px 20px}.coach-premium-shell .coach-plan-card>div{grid-template-columns:1fr}.coach-suggestion-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:9px}.coach-suggestion-chips button{min-height:44px;padding:10px 11px}.coach-premium-shell .coach-composer{position:sticky;bottom:0;padding:10px 10px max(12px,env(safe-area-inset-bottom))!important}.coach-premium-shell .coach-composer-row{grid-template-columns:38px minmax(0,1fr) auto;border-radius:24px}.coach-premium-shell .coach-mic-button{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}.coach-premium-shell .coach-composer textarea{height:40px!important;min-height:40px!important;font-size:13px!important}.coach-premium-shell .coach-send-button{min-width:42px!important;width:42px!important;height:38px!important;min-height:38px!important;padding:0!important}.coach-premium-shell .coach-send-button span{font-size:0}.coach-premium-shell .coach-send-button span:before{content:none!important}}@media(max-width:420px){.coach-premium-shell .coach-chat-card{min-height:540px!important}.coach-suggestion-chips{grid-template-columns:1fr}.coach-premium-shell .coach-view-title h1{font-size:21px}}


/* Minimal chat-first AI Coach refinement */
#coachView{max-width:min(860px,100%)!important}
.coach-premium-shell{min-height:calc(100vh - 150px)!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:6px!important}
.coach-premium-shell .coach-view-title{display:block!important;max-width:760px!important;margin:0 auto!important;padding:0 8px!important}
.coach-premium-shell .coach-view-title small{color:#77877f!important;font-size:10px!important;font-weight:750!important;letter-spacing:.12em!important}
.coach-premium-shell .coach-chat-card{height:calc(100vh - 190px)!important;min-height:560px!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.coach-premium-shell .coach-chat-card:before{display:none!important}
.coach-premium-shell .coach-thread{padding:28px 8px 24px!important;background:transparent!important;gap:18px!important;scroll-padding-bottom:120px}
.coach-empty-state{min-height:100%!important;align-content:end!important;justify-items:start!important;text-align:left!important;gap:14px!important;padding:0 0 28px!important}
.coach-empty-state p{max-width:540px;margin:0;color:#eff8f2;font:650 clamp(24px,4vw,34px)/1.14 Manrope;letter-spacing:0;text-wrap:balance}
.coach-suggestion-chips{width:100%;max-width:100%;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;padding:2px 2px 8px!important;scrollbar-width:none}
.coach-suggestion-chips::-webkit-scrollbar{display:none}
.coach-suggestion-chips button,.coach-quick-actions button{flex:0 0 auto!important;min-height:32px!important;border:1px solid #26362f!important;background:#101713cc!important;color:#c8d6cf!important;border-radius:999px!important;padding:8px 12px!important;font-size:12px!important;font-weight:650!important;line-height:1!important;box-shadow:none!important;backdrop-filter:blur(14px)}
.coach-suggestion-chips button:hover,.coach-suggestion-chips button:focus-visible,.coach-quick-actions button:hover,.coach-quick-actions button:focus-visible{transform:none!important;border-color:#49e79b66!important;background:#122019!important;color:#e9fff3!important;box-shadow:none!important}
.coach-premium-shell .coach-message>div{max-width:min(78%,620px)!important}
.coach-premium-shell .coach-message small{margin:0 0 6px 2px!important;color:#697970!important;font-size:10px!important;font-weight:650!important}
.coach-premium-shell .coach-message.user small{margin:0 2px 6px 0!important}
.coach-premium-shell .coach-message-content{border:0!important;background:#121a15!important;border-radius:22px!important;padding:13px 15px!important;color:#e7f1eb!important;font-size:14px!important;line-height:1.58!important;box-shadow:none!important}
.coach-premium-shell .coach-message.user .coach-message-content{background:#49e79b!important;color:#06100a!important;border-radius:22px!important;box-shadow:none!important}
.coach-premium-shell .coach-message-content p{font-size:14px!important;line-height:1.58!important}
.coach-premium-shell .coach-response-block{margin:10px 0 0!important;padding:10px 0 0!important;border:0!important;border-top:1px solid #22332a!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.coach-premium-shell .coach-response-block h3{font-size:12px!important;color:#dff7e9!important}
.coach-premium-shell .coach-response-block p{font-size:13px!important;color:#b7c7bf!important}
.coach-premium-shell .coach-plan-card>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.coach-premium-shell .coach-plan-card article{min-height:auto!important;padding:9px 0!important;border:0!important;border-top:1px solid #1f2d27!important;background:transparent!important;border-radius:0!important}
.coach-quick-actions{gap:7px!important;margin-top:8px!important}
.coach-quick-actions button{min-height:30px!important;padding:7px 10px!important;font-size:11px!important;color:#9ee9bd!important}
.coach-premium-shell .coach-memory-bar{top:0!important;right:8px!important}
.coach-premium-shell .coach-memory-actions button{min-height:28px!important;border:0!important;background:transparent!important;color:#718078!important;padding:4px 0!important;font-size:10px!important;box-shadow:none!important}
.coach-premium-shell .coach-composer{position:sticky!important;bottom:0!important;padding:12px 4px max(12px,env(safe-area-inset-bottom))!important;border-top:0!important;background:linear-gradient(180deg,rgba(8,13,10,0),#080d0a 34%,#080d0a)!important;backdrop-filter:none!important}
.coach-premium-shell .coach-composer-row{max-width:760px!important;grid-template-columns:36px minmax(0,1fr) 38px!important;gap:6px!important;padding:6px!important;border:1px solid #26362f!important;background:#0d1410!important;border-radius:28px!important;box-shadow:0 18px 48px #00000030!important}
.coach-premium-shell .coach-mic-button{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;background:transparent!important;color:#7f8e86!important;font-size:15px!important}
.coach-premium-shell .coach-composer textarea{height:36px!important;min-height:36px!important;padding:8px 2px!important;font-size:14px!important;line-height:1.35!important}
.coach-premium-shell .coach-send-button{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;background:#49e79b!important;border-radius:999px!important;box-shadow:none!important}
.coach-premium-shell .coach-send-button span{font-size:11px!important;line-height:1!important}
.coach-premium-shell .coach-send-button span:before{content:none!important}
@media(max-width:820px){.coach-premium-shell{min-height:calc(100vh - 110px)!important}.coach-premium-shell .coach-view-title{padding:0 2px!important}.coach-premium-shell .coach-chat-card{height:calc(100vh - 154px)!important;min-height:520px!important}.coach-premium-shell .coach-thread{padding:22px 2px 20px!important}.coach-empty-state{padding-bottom:18px!important}.coach-empty-state p{font-size:25px}.coach-suggestion-chips{margin-right:-12px;padding-right:12px!important}.coach-premium-shell .coach-message>div{max-width:88%!important}.coach-premium-shell .coach-plan-card>div{grid-template-columns:1fr}.coach-premium-shell .coach-composer{padding-left:0!important;padding-right:0!important}}
/* A focused textarea below 16px triggers automatic mobile page zoom. */
.coach-premium-shell .coach-composer textarea{font-size:16px!important}
@media(max-width:420px){.coach-premium-shell .coach-chat-card{min-height:500px!important}.coach-empty-state p{font-size:23px}.coach-suggestion-chips{display:flex!important;grid-template-columns:none!important}}


/* Mobile AI Coach viewport correction */
@media(max-width:820px){
  #coachView.active{max-width:100%!important;min-height:calc(100svh - 96px)!important}
  .coach-premium-shell{min-height:calc(100svh - 112px)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:4px!important}
  .coach-premium-shell .coach-view-title{padding:0 2px!important;margin-bottom:0!important}
  .coach-premium-shell .coach-chat-card{height:calc(100svh - 146px)!important;min-height:0!important;overflow:hidden!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important}
  .coach-premium-shell .coach-thread{min-height:0!important;overflow:auto!important;padding:18px 2px 12px!important;gap:16px!important;overscroll-behavior:contain}
  .coach-empty-state{min-height:100%!important;align-content:end!important;padding:8px 0 14px!important;gap:12px!important}
  .coach-empty-state p{font-size:22px!important;line-height:1.16!important;max-width:320px!important}
  .coach-suggestion-chips{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;width:calc(100% + 12px)!important;margin-right:-12px!important;padding:2px 12px 8px 0!important;gap:8px!important}
  .coach-suggestion-chips button{min-height:32px!important;padding:8px 11px!important;font-size:11px!important;white-space:nowrap!important}
  .coach-premium-shell .coach-message>div{max-width:90%!important}
  .coach-premium-shell .coach-message-content{padding:12px 14px!important;font-size:13px!important;line-height:1.52!important}
  .coach-premium-shell .coach-composer{position:sticky!important;bottom:0!important;padding:10px 0 max(10px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(8,13,10,0),#080d0a 26%,#080d0a)!important}
  .coach-premium-shell .coach-composer-row{grid-template-columns:34px minmax(0,1fr) 58px!important;padding:6px!important;border-radius:24px!important}
  .coach-premium-shell .coach-mic-button{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}
  .coach-premium-shell .coach-composer textarea{height:36px!important;min-height:36px!important;max-height:108px!important;font-size:13px!important}
  .coach-premium-shell .coach-send-button{width:58px!important;min-width:58px!important;height:38px!important;min-height:38px!important}
}
@media(max-width:420px){
  #coachView.active{min-height:calc(100svh - 90px)!important}
  .coach-premium-shell{min-height:calc(100svh - 102px)!important}
  .coach-premium-shell .coach-chat-card{height:calc(100svh - 132px)!important;min-height:0!important}
  .coach-premium-shell .coach-thread{padding-top:14px!important}
  .coach-empty-state p{font-size:21px!important;max-width:300px!important}
  .coach-premium-shell .coach-message>div{max-width:94%!important}
}


/* Mobile AI Coach first-viewport fit */
@media(max-width:820px){
  .coach-premium-shell .coach-chat-card{height:clamp(360px,calc(100svh - 310px),540px)!important;min-height:0!important}
  .coach-premium-shell .coach-thread{padding-top:10px!important;padding-bottom:8px!important}
  .coach-empty-state{align-content:end!important;padding-bottom:10px!important}
  .coach-empty-state p{font-size:21px!important;max-width:340px!important}
}
@media(max-width:420px){
  .coach-premium-shell .coach-chat-card{height:clamp(350px,calc(100svh - 300px),520px)!important;min-height:0!important}
  .coach-empty-state p{font-size:20px!important;max-width:320px!important}
}
@media(max-width:380px){
  .coach-premium-shell .coach-chat-card{height:clamp(330px,calc(100svh - 288px),500px)!important}
  .coach-empty-state p{font-size:19px!important}
}

/* Nutrition reference: framed hero, 2-column journey and integrated 3D food bowl. */
#nutritionView{max-width:1120px}
#nutritionView .nutrition-reference-hero{position:relative;overflow:hidden;margin-bottom:20px;padding:44px 28px 18px;border:1px solid #25352e;background:radial-gradient(circle at 82% 14%,#133722 0,transparent 20%),linear-gradient(145deg,#0b1210,#080e0c 68%,#0b1210);border-radius:28px;box-shadow:0 28px 80px #00000028,inset 0 1px 0 #ffffff06}
#nutritionView .nutrition-reference-hero>.view-title{position:relative;z-index:2;max-width:580px;margin:0 0 44px;padding-left:12px}
#nutritionView .nutrition-reference-hero>.view-title small{color:#51ed9d;font-size:11px;font-weight:850;letter-spacing:.14em}
#nutritionView .nutrition-reference-hero>.view-title h1{margin:16px 0 12px;color:#f5f8f6;font:650 42px/1.05 Manrope;letter-spacing:-.025em}
#nutritionView .nutrition-reference-hero>.view-title p{max-width:520px;margin:0;color:#b2bcb7;font-size:17px;line-height:1.7}
#nutritionView .nutrition-hero-art{position:absolute;z-index:1;right:26px;top:20px;width:330px;height:220px;display:grid;place-items:center;pointer-events:none}
#nutritionView .nutrition-hero-art span{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1f6641,#0d3422 54%,#07150e 100%);box-shadow:0 0 55px #2cea7a1f}
#nutritionView .nutrition-hero-art img{position:relative;width:300px;height:200px;object-fit:contain;filter:drop-shadow(0 22px 24px #000b)}
#nutritionView .nutrition-steps{position:relative;z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:14px;border-color:#25362e;background:#0b1210bd;border-radius:22px}
#nutritionView .nutrition-steps button{grid-template-columns:48px 34px minmax(0,1fr) 18px;grid-template-rows:1fr;align-items:center;align-content:stretch;justify-items:start;column-gap:12px;min-height:84px;padding:12px 18px;border-color:#24332c;background:linear-gradient(145deg,#0f1714,#0a100e);border-radius:17px}
#nutritionView .nutrition-steps button:after{content:'›';display:block;grid-column:4;color:#cbd5d0;font:300 30px/1 Manrope}
#nutritionView .nutrition-steps button:nth-child(5){grid-column:1}
#nutritionView .nutrition-step-icon{grid-column:1;display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#113321;color:#4bea96}
#nutritionView .nutrition-step-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#nutritionView .nutrition-steps button span{position:static;grid-column:2;transform:none;width:32px;height:32px;font-size:12px}
#nutritionView .nutrition-steps button strong{grid-column:3;font-size:13px}
#nutritionView .nutrition-steps button small{display:none}
#nutritionView .nutrition-steps button.active{border-color:#49e79b;background:radial-gradient(circle at 8% 50%,#174a2d 0,transparent 36%),linear-gradient(145deg,#11221a,#0b1310);box-shadow:0 0 0 1px #49e79b22,0 16px 36px #00000024}
#nutritionView .nutrition-steps button.active .nutrition-step-icon{background:#17482d}
#nutritionView .nutrition-summary{gap:14px;margin-bottom:20px}
#nutritionView .nutrition-summary>div{min-height:150px;justify-content:center;padding:24px;border-color:#26362f;background:linear-gradient(145deg,#0e1513,#090f0d);border-radius:18px}
#nutritionView .nutrition-summary>div:before{content:none}
#nutritionView .nutrition-metric-icon{display:grid;width:28px;height:28px;margin-bottom:14px;place-items:center;color:#49e79b}
#nutritionView .nutrition-metric-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#nutritionView .nutrition-summary span{font-size:29px;font-weight:650}
#nutritionView #nutritionCalories:after{content:' kcal';font:inherit;color:inherit}
#nutritionView .nutrition-summary small{margin-top:8px;font-size:11px;line-height:1.5}
#nutritionView .nutrition-budget-card{display:grid;gap:10px;align-content:start;min-height:168px}
#nutritionView .nutrition-budget-topline{display:flex;align-items:center;gap:10px;min-height:28px}
#nutritionView .nutrition-budget-kind{margin:0;color:#9ee6c0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.15}
#nutritionView .nutrition-budget-card .nutrition-metric-icon{margin-bottom:0;flex:0 0 auto}
#nutritionView .nutrition-budget-head{display:grid;gap:4px}
#nutritionView .nutrition-budget-head small{margin:0;color:#8fa097;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
#nutritionView .nutrition-budget-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#nutritionView .nutrition-budget-meta div{display:grid;gap:3px;padding:8px 9px;border:1px solid #24342c;background:#0b120f;border-radius:10px}
#nutritionView .nutrition-budget-meta em{font-style:normal;color:#7f8c84;font-size:9px;letter-spacing:.04em;text-transform:uppercase}
#nutritionView .nutrition-budget-meta b{color:#e8f3ed;font-size:12px;font-weight:650}
#nutritionView .nutrition-budget-meta b.is-over{color:#ff8f8f}
#nutritionView .nutrition-budget-bar{position:relative;height:8px;border-radius:999px;background:#1a2620;overflow:hidden;margin-top:2px}
#nutritionView .nutrition-budget-bar>i{display:block;height:100%;width:0;border-radius:999px;transition:width .35s ease,background .25s ease}
#nutritionView .nutrition-budget-bar.is-ok>i{background:linear-gradient(90deg,#2fbf74,#49e79b)}
#nutritionView .nutrition-budget-bar.is-warn>i{background:linear-gradient(90deg,#d4b13a,#f0d35a)}
#nutritionView .nutrition-budget-bar.is-over>i{background:linear-gradient(90deg,#d64b4b,#ff7a7a);box-shadow:0 0 12px #ff6b6b44}
#nutritionView .nutrition-macro-card{display:grid;gap:10px;align-content:start}
#nutritionView .nutrition-macro-card .nutrition-metric-icon{margin-bottom:0;flex:0 0 auto}
#nutritionView .nutrition-macro-card .nutrition-budget-head{display:grid;gap:4px}
#nutritionView .nutrition-macro-card .nutrition-budget-head small{margin:0;color:#8fa097;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
/* Meal form: stabile 2-Spalten (minmax), damit Aktionszeile nicht auf 1. Spalte schrumpft */
#mealForm.smart-meal-form.compact-form,
.smart-meal-form.compact-form{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  width:100%;
  max-width:100%;
}
/* Beispiele + Nährwerte: immer nebeneinander, volle Formularbreite */
.smart-meal-form > .meal-form-actions,
#mealForm .meal-form-actions,
.meal-form-actions,
#nutritionView .meal-form-actions{
  grid-column:1 / -1 !important;
  justify-self:stretch !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch;
  gap:8px;
  margin-top:10px;
  padding-top:2px;
  width:auto !important;
  max-width:none !important;
  min-width:100% !important; /* nie nur 1. Grid-Spalte */
  box-sizing:border-box;
}
.meal-form-actions .meal-btn-label-short{display:none}
.meal-form-actions .meal-btn-label-full{display:inline}
.meal-form-actions .meal-suggest-btn,
#nutritionView .meal-form-actions .meal-suggest-btn,
.compact-form .meal-form-actions .meal-suggest-btn{
  flex:1 1 0 !important;
  grid-column:auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:48px;
  margin:0 !important;
  border:1px solid #2d6548 !important;
  background:#102019 !important;
  color:#8fe7b8 !important;
  border-radius:12px !important;
  padding:11px 10px !important;
  font-size:13px;
  font-weight:650;
  line-height:1.2;
  cursor:pointer;
  box-shadow:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  white-space:normal;
  text-align:center;
  overflow:hidden;
}
.meal-form-actions .meal-suggest-btn:hover:not(:disabled),
#nutritionView .meal-form-actions .meal-suggest-btn:hover:not(:disabled){
  border-color:#49e79b !important;
  color:#49e79b !important;
}
.meal-form-actions .meal-save-cluster,
#nutritionView .meal-form-actions .meal-save-cluster{
  flex:1.25 1 0 !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:6px;
  min-width:0 !important;
  max-width:none;
}
.meal-form-actions .meal-save-btn,
#nutritionView .meal-form-actions .meal-save-btn,
.compact-form .meal-form-actions .meal-save-btn{
  flex:1 1 auto !important;
  grid-column:auto !important;
  width:auto !important;
  min-width:0 !important;
  min-height:48px;
  margin:0 !important;
  border:0 !important;
  background:linear-gradient(90deg,#3fd68d,#49e79b) !important;
  color:#07100b !important;
  border-radius:12px !important;
  padding:11px 10px !important;
  font-size:13px;
  font-weight:750;
  line-height:1.2;
  cursor:pointer;
  box-shadow:0 10px 24px #49e79b24 !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  white-space:normal;
  text-align:center;
  overflow:hidden;
}
.meal-form-actions .meal-save-btn:hover:not(:disabled){filter:brightness(1.05)}
.meal-form-actions .meal-save-help,
#nutritionView .meal-form-actions .meal-save-help,
.compact-form .meal-form-actions .meal-save-help{
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  max-width:34px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #2d6548 !important;
  border-radius:999px !important;
  background:#102019 !important;
  color:#8fe7b8 !important;
  font-size:15px;
  font-weight:750;
  line-height:1;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  cursor:help;
  box-shadow:none !important;
  -webkit-appearance:none !important;
  appearance:none !important;
  grid-column:auto !important;
}
.meal-form-actions .meal-save-help:hover,
.meal-form-actions .meal-save-help:focus-visible,
#nutritionView .meal-form-actions .meal-save-help:hover,
#nutritionView .meal-form-actions .meal-save-help:focus-visible{
  border-color:#49e79b !important;
  color:#49e79b !important;
  outline:none;
}
.meal-form-actions button:disabled{opacity:.78;cursor:wait}
#nutritionView .nutrition-summary.budget-just-updated .nutrition-budget-card{animation:budgetPulse .9s ease}
@keyframes budgetPulse{0%{box-shadow:0 0 0 0 #49e79b00}35%{box-shadow:0 0 0 2px #49e79b55,0 0 24px #49e79b22}100%{box-shadow:0 0 0 0 #49e79b00}}

/* Mobile: nebeneinander + volle Breite; Label „Nährwerte speichern“ bleibt lesbar */
@media(max-width:760px){
  /* Meal-Form behält 2 Spalten (nicht 1fr wie generisches compact-form) */
  #mealForm.smart-meal-form.compact-form,
  .smart-meal-form.compact-form{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .smart-meal-form > .meal-form-actions,
  #mealForm .meal-form-actions,
  .meal-form-actions,
  #nutritionView .meal-form-actions{
    gap:6px;
    min-width:100% !important;
    width:auto !important;
  }
  /* Beispiele kurz, Speichern immer voller Text */
  .meal-form-actions .meal-suggest-btn .meal-btn-label-full{display:none}
  .meal-form-actions .meal-suggest-btn .meal-btn-label-short{display:inline}
  .meal-form-actions .meal-save-btn .meal-btn-label-full{display:inline}
  .meal-form-actions .meal-save-btn .meal-btn-label-short{display:none}
  .meal-form-actions .meal-suggest-btn,
  #nutritionView .meal-form-actions .meal-suggest-btn,
  .compact-form .meal-form-actions .meal-suggest-btn{
    flex:0 1 34% !important;
    min-height:48px;
    padding:8px 6px !important;
    font-size:12px;
    font-weight:700;
    border-radius:12px !important;
    white-space:nowrap;
  }
  .meal-form-actions .meal-save-cluster,
  #nutritionView .meal-form-actions .meal-save-cluster{
    flex:1 1 66% !important;
    gap:5px;
  }
  .meal-form-actions .meal-save-btn,
  #nutritionView .meal-form-actions .meal-save-btn,
  .compact-form .meal-form-actions .meal-save-btn{
    flex:1 1 auto !important;
    min-height:48px;
    padding:8px 6px !important;
    font-size:11.5px;
    font-weight:750;
    border-radius:12px !important;
    white-space:normal; /* „Nährwerte speichern“ darf 2 Zeilen, nicht quetschen */
    line-height:1.15;
  }
  .meal-form-actions .meal-save-help,
  #nutritionView .meal-form-actions .meal-save-help{
    flex:0 0 30px !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    min-height:30px !important;
    max-width:30px !important;
    font-size:13px;
  }
}

/* Final Today navigation lock: visible and always returns to the Alltag hub. */
#trackingRoom-today .today-reference-head{
  grid-template-columns:auto minmax(0,1fr) auto 42px!important;
}
#trackingRoom-today .today-reference-head .alltag-back{
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(8,18,13,.34))!important;
  color:#f6faf8!important;
  font:650 12px/1 Inter!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 22px rgba(0,0,0,.24)!important;
}
@media(max-width:640px){
  #trackingRoom-today .today-reference-head{
    grid-template-columns:minmax(0,1fr) auto 42px!important;
  }
  #trackingRoom-today .today-reference-brand{display:none!important}
}
/* kill residual transform containing-block on capture panel after step animation */
#nutritionView #nutritionStepCapture.active-step{transform:none!important}
#nutritionView .nutrition-step-panel.active-step .panel{border-color:#293a32;box-shadow:0 22px 54px #00000020}
#nutritionView #nutritionStepCapture>.panel{border-radius:20px;background:linear-gradient(145deg,#0e1513,#090f0d)}
#nutritionView .meal-photo-form label span,#nutritionView .meal-photo-form button{display:flex;align-items:center;justify-content:center;gap:9px}
#nutritionView .meal-photo-form label span:before{content:'';width:18px;height:14px;flex:0 0 18px;border:1.7px solid currentColor;border-radius:3px;background:radial-gradient(circle,currentColor 0 2px,transparent 2.5px);box-shadow:0 -3px 0 -1px currentColor}
#nutritionView .meal-photo-form button:before{content:'✦';font-size:19px;font-weight:400;line-height:1}
#nutritionView .meal-photo-form button{border:1px solid #277a4e;background:linear-gradient(90deg,#10281c,#123522 52%,#10281c);color:#57ee9f;box-shadow:inset 0 1px 0 #ffffff08}
#nutritionView .meal-photo-form button:hover:not(:disabled){border-color:#49e79b;box-shadow:0 10px 24px #49e79b12,inset 0 1px 0 #ffffff0b}
@media(max-width:900px){#nutritionView .nutrition-reference-hero{padding-top:34px}#nutritionView .nutrition-hero-art{right:8px;width:280px;opacity:.74}#nutritionView .nutrition-reference-hero>.view-title{max-width:55%}#nutritionView .nutrition-steps button{grid-template-columns:42px 30px minmax(0,1fr) 14px;padding-inline:12px}.nutrition-step-icon{width:42px;height:42px}}
@media(max-width:700px){#nutritionView .nutrition-reference-hero{padding:24px 12px 12px;border-radius:21px}#nutritionView .nutrition-reference-hero>.view-title{max-width:68%;margin-bottom:28px;padding-left:4px}#nutritionView .nutrition-reference-hero>.view-title small{font-size:8px}#nutritionView .nutrition-reference-hero>.view-title h1{margin:10px 0 8px;font-size:30px}#nutritionView .nutrition-reference-hero>.view-title p{font-size:12px;line-height:1.5}#nutritionView .nutrition-hero-art{right:-42px;top:10px;width:210px;height:150px}#nutritionView .nutrition-hero-art span{width:105px;height:105px}#nutritionView .nutrition-hero-art img{width:205px;height:140px}#nutritionView .nutrition-steps{gap:7px;padding:8px;border-radius:16px}#nutritionView .nutrition-steps button{grid-template-columns:34px 24px minmax(0,1fr);min-height:58px;column-gap:7px;padding:8px;border-radius:12px}#nutritionView .nutrition-steps button:after{display:none}#nutritionView .nutrition-step-icon{width:34px;height:34px}#nutritionView .nutrition-step-icon svg{width:18px;height:18px}#nutritionView .nutrition-steps button span{width:24px;height:24px;font-size:9px}#nutritionView .nutrition-steps button strong{display:block;grid-column:3;font-size:10px;white-space:normal}#nutritionView .nutrition-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#nutritionView .nutrition-summary>div{min-height:112px;padding:15px}#nutritionView .nutrition-metric-icon{width:22px;height:22px;margin-bottom:8px}#nutritionView .nutrition-budget-card .nutrition-metric-icon{margin-bottom:0}#nutritionView .nutrition-budget-kind{font-size:11px;letter-spacing:.08em}#nutritionView .nutrition-macro-card .nutrition-budget-kind{font-size:10px;letter-spacing:.06em}/*macro-kind-mobile*/#nutritionView .nutrition-budget-topline{gap:8px;min-height:22px}#nutritionView .nutrition-metric-icon svg{width:20px;height:20px}#nutritionView .nutrition-summary span{font-size:22px}#nutritionView .nutrition-budget-card{min-height:132px;gap:8px}#nutritionView .nutrition-budget-meta{gap:6px}#nutritionView .nutrition-budget-meta b{font-size:11px}}

/* Mobile AI Coach persistent composer fix */
@media(max-width:820px){
  body:has(#coachView.active){padding-bottom:96px}
  #coachView.active .coach-premium-shell{display:block!important;min-height:auto!important}
  #coachView.active .coach-chat-card{height:auto!important;min-height:calc(100svh - 210px)!important;display:block!important;overflow:visible!important}
  #coachView.active .coach-thread{min-height:calc(100svh - 330px)!important;max-height:none!important;overflow:visible!important;padding-bottom:118px!important}
  #coachView.active .coach-composer{position:fixed!important;left:14px!important;right:14px!important;bottom:0!important;z-index:80!important;padding:10px 0 max(12px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(8,13,10,0),#080d0a 24%,#080d0a)!important}
  #coachView.active .coach-composer-row{width:100%!important;max-width:none!important;margin:0!important}
}
@media(max-width:420px){
  body:has(#coachView.active){padding-bottom:92px}
  #coachView.active .coach-chat-card{min-height:calc(100svh - 190px)!important}
  #coachView.active .coach-thread{min-height:calc(100svh - 306px)!important;padding-bottom:112px!important}
  #coachView.active .coach-composer{left:14px!important;right:14px!important}
}

/* Conversational AI Coach answer rendering */
.coach-premium-shell .coach-message.assistant>div{max-width:min(82%,680px)!important}
.coach-premium-shell .coach-message.assistant .coach-message-content{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#e6f0ea!important}
.coach-answer-flow{display:grid;gap:10px}
.coach-answer-flow p{margin:0!important;color:#dfe9e3!important;font-size:14px!important;line-height:1.64!important;letter-spacing:0!important}
.coach-answer-flow p:first-child{color:#f1f8f4!important}
.coach-answer-flow strong{font-weight:750;color:#f6fff9}
.coach-answer-flow em{color:#bed0c7;font-style:normal}
.coach-answer-list{display:grid!important;gap:8px!important;margin:2px 0 0!important;padding:0!important;list-style:none!important}
.coach-answer-list li{position:relative;padding-left:18px!important;color:#dfe9e3!important;font-size:14px!important;line-height:1.58!important}
.coach-answer-list li:before{content:"";position:absolute;left:2px;top:.72em;width:5px;height:5px;border-radius:999px;background:#49e79b;opacity:.9}
.coach-premium-shell .coach-response-block{display:contents!important}
.coach-premium-shell .coach-response-block h3{display:none!important}
.coach-premium-shell .coach-plan-card article{border:0!important;background:transparent!important;padding:0!important}
.coach-quick-actions{margin-top:12px!important;padding-left:2px!important}
.coach-quick-actions button{background:#0f1713cc!important;border-color:#25372e!important;color:#a9c7b8!important;font-weight:700!important}
.coach-quick-actions button:hover,.coach-quick-actions button:focus-visible{color:#06100a!important;background:#49e79b!important;border-color:#49e79b!important}
@media(max-width:820px){
  .coach-premium-shell .coach-message.assistant>div{max-width:92%!important}
  .coach-answer-flow{gap:9px}
  .coach-answer-flow p,.coach-answer-list li{font-size:14px!important;line-height:1.58!important}
}

/* AI Coach table cleanup and composer icon removal */
.coach-premium-shell .coach-composer-row{grid-template-columns:minmax(0,1fr) 38px!important}
.coach-premium-shell .coach-mic-button{display:none!important}
.coach-plan-compact{display:grid;gap:7px;margin:2px 0}
.coach-plan-compact article{display:grid;gap:5px;padding:10px 11px;border:1px solid #1c2c25;background:#0b120f;border-radius:14px}
.coach-plan-compact article strong{color:#f0faf4;font:750 13px/1.25 Manrope}
.coach-plan-compact article span{display:block;color:#cad8d0;font-size:12px;line-height:1.38}
.coach-plan-compact article small{display:block;margin-bottom:1px;color:#728178;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:820px){
  .coach-premium-shell .coach-composer-row{grid-template-columns:minmax(0,1fr) 38px!important}
  .coach-plan-compact{gap:7px}
  .coach-plan-compact article{padding:10px 11px;border-radius:14px}
}

/* AI Coach artifact detail pattern */
.coach-artifact-card{display:grid;width:100%;max-width:330px;margin-top:2px;padding:12px 13px;border:1px solid #20362b;background:linear-gradient(145deg,#0e1712,#0a100d);border-radius:16px;text-align:left;cursor:pointer;box-shadow:none}
.coach-artifact-card span{color:#49e79b;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.coach-artifact-card strong{margin-top:5px;color:#edf8f2;font:750 14px/1.25 Manrope}
.coach-artifact-card small{margin-top:5px;color:#91a49a;font-size:11px;font-weight:750}
.coach-artifact-card:hover,.coach-artifact-card:focus-visible{outline:0;border-color:#49e79b66;background:#101c15}
.coach-detail-open{overflow:hidden}
.coach-detail-sheet{position:fixed;inset:0;z-index:140;display:none}
.coach-detail-sheet.open{display:block}
.coach-detail-backdrop{position:absolute;inset:0;background:#00000078;backdrop-filter:blur(8px)}
.coach-detail-sheet section{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(720px,100%);max-height:min(82vh,760px);display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid #26382f;background:#08100c;border-radius:26px 26px 0 0;box-shadow:0 -30px 80px #00000055;overflow:hidden}
.coach-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 12px;border-bottom:1px solid #17251e}
.coach-detail-head small{color:#49e79b;font-size:9px;font-weight:850;letter-spacing:.12em}
.coach-detail-head h2{margin:4px 0 0;color:#f0f8f3;font:750 19px/1.2 Manrope}
.coach-detail-head button{width:34px;height:34px;border:1px solid #24372d;background:#0d1712;color:#c7d8cf;border-radius:999px;font-size:20px;line-height:1;cursor:pointer}
.coach-detail-body{overflow:auto;padding:16px 18px max(18px,env(safe-area-inset-bottom));scrollbar-width:none}
.coach-detail-body::-webkit-scrollbar{display:none}
.coach-detail-body .coach-answer-flow{gap:13px}
.coach-detail-body .coach-plan-compact{gap:10px}
.coach-detail-body .coach-plan-compact article{padding:13px 14px;border-color:#22382e;background:#0c1511}
@media(max-width:820px){
  .coach-artifact-card{max-width:100%}
  .coach-detail-sheet section{max-height:84vh;border-radius:24px 24px 0 0}
  .coach-detail-head{padding:16px 16px 11px}
  .coach-detail-body{padding:14px 16px max(16px,env(safe-area-inset-bottom))}
}

/* AI Coach minimal reset action */
.coach-premium-shell .coach-view-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;max-width:760px!important;width:100%!important}
.coach-premium-shell .coach-memory-bar{position:static!important;display:flex!important;justify-content:flex-end!important;min-height:34px;z-index:8}
.coach-clear-button{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:1px solid #2c4036;background:#0d1511e6;color:#c5d4cc;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 10px 26px #00000024,inset 0 1px 0 #ffffff08;backdrop-filter:blur(14px)}
.coach-clear-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;color:#ffb4a8}
.coach-clear-button:hover,.coach-clear-button:focus-visible{outline:0;border-color:#ffb4a855;background:#171714;color:#f4f8f5;box-shadow:0 12px 28px #00000030,0 0 0 3px #ffb4a812}
@media(max-width:820px){
  .coach-premium-shell .coach-view-title{padding:0 2px 4px!important}
  .coach-premium-shell .coach-memory-bar{min-height:34px}
  .coach-clear-button{min-height:34px;padding:8px 10px;font-size:11px}
}

/* AI Coach mobile suggestion chips: no horizontal scroll */
.coach-empty-state .coach-suggestion-chips{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:360px!important;margin:0!important;padding:0!important;gap:8px!important;overflow:visible!important}
.coach-empty-state .coach-suggestion-chips button{flex:0 1 auto!important;min-width:0!important;min-height:34px!important;white-space:nowrap!important;padding:9px 12px!important;font-size:12px!important}
@media(max-width:820px){
  .coach-empty-state .coach-suggestion-chips{max-width:342px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .coach-empty-state .coach-suggestion-chips button{width:100%!important;padding:9px 8px!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .coach-empty-state .coach-suggestion-chips button:nth-child(4){grid-column:1 / span 1}
.coach-empty-state .coach-suggestion-chips button:nth-child(5){grid-column:2 / span 2}
}

/* Coach start screen: clear identity and a small set of confident first actions. */
.coach-welcome-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid #8b9cff88;border-radius:22px;background:linear-gradient(145deg,#3b416e,#201f45 68%,#17152e);color:#d5d8ff;font:500 29px Manrope;box-shadow:inset 0 1px 0 #ffffff35,0 18px 42px #16152d88,0 0 34px #8b9cff22}
.coach-welcome-copy{display:grid;gap:8px;max-width:590px}
.coach-welcome-copy small{color:#c1c6ff;font-size:10px;font-weight:850;letter-spacing:.16em}
.coach-welcome-copy p{margin:0;color:#f1f5f3;font:650 clamp(24px,4vw,34px)/1.14 Manrope;letter-spacing:0;text-wrap:balance}
.coach-welcome-copy>span{color:#9eaea5;font-size:13px;line-height:1.5}
.coach-empty-state .coach-suggestion-chips{max-width:590px!important}
.coach-empty-state .coach-suggestion-chips button{border-color:#3a5265!important;background:linear-gradient(145deg,#172521,#111b18)!important;color:#dcebe3!important;box-shadow:inset 0 1px 0 #ffffff0d,0 12px 24px #00000022!important}
.coach-empty-state .coach-suggestion-chips button:hover,.coach-empty-state .coach-suggestion-chips button:focus-visible{border-color:#8b9cff!important;background:#222743!important;color:#ffffff!important}
.coach-premium-shell .coach-message.assistant .coach-message-content{background:linear-gradient(145deg,#17221c,#121a16)!important;border:1px solid #30483b!important;box-shadow:0 12px 28px #00000020!important}

/* Messenger-style coach: familiar, calm and personal. */
.coach-premium-shell .coach-chat-card{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;border:1px solid #293d32!important;border-radius:22px!important;background:#0e1511!important;overflow:hidden!important}
.coach-chat-topbar{display:flex;align-items:center;gap:11px;padding:13px 17px;border-bottom:1px solid #24352c;background:#121c16}
.coach-avatar{width:40px;height:40px;display:grid;place-items:center;flex:none;border-radius:50%;background:#737bdd url('/assets/healthos-coach-avatar.webp') center/cover no-repeat;color:#11152f;box-shadow:0 6px 18px #6e78df33;overflow:hidden}.coach-avatar svg{display:none}
.coach-chat-topbar>div{display:grid;gap:3px;min-width:0}.coach-chat-topbar strong{color:#edf6f0;font:700 13px Manrope}.coach-chat-topbar small{display:flex;align-items:center;gap:5px;color:#8da197;font-size:10px}.coach-chat-topbar small i{width:6px;height:6px;border-radius:50%;background:#72e6ae;box-shadow:0 0 8px #72e6ae;display:block}.coach-topbar-dot{width:7px;height:7px;margin-left:auto;border:1px solid #72e6ae;border-radius:50%;opacity:.7}
.coach-premium-shell .coach-thread{background:radial-gradient(circle at 50% 0,#193124 0,#111a15 38%,#0c120f 100%)!important;padding:22px 20px 26px!important}
.coach-premium-shell .coach-message-content{border-radius:18px 18px 18px 5px!important;background:#19241e!important;border-color:#2d4437!important;box-shadow:0 6px 18px #0000001c!important}
.coach-premium-shell .coach-message.user .coach-message-content{border-radius:18px 18px 5px 18px!important;background:#91e9bb!important;color:#07120c!important;box-shadow:0 6px 18px #72e6ae18!important}
.coach-premium-shell .coach-composer{padding:10px 12px 12px!important;border-top:1px solid #24352c!important;background:#111a15!important}
.coach-premium-shell .coach-composer-row{padding:5px!important;border:1px solid #30463a!important;background:#0b120e!important;border-radius:22px!important;grid-template-columns:minmax(0,1fr) 40px!important}
.coach-premium-shell .coach-composer textarea{height:38px!important;min-height:38px!important;padding:10px 8px!important;color:#edf7f0!important}.coach-premium-shell .coach-composer textarea::placeholder{color:#81938a}
.coach-premium-shell .coach-send-button{position:relative;width:42px!important;min-width:42px!important;height:40px!important;min-height:40px!important;padding:0!important;border:1px solid #b7f7dc!important;border-radius:15px 15px 15px 7px!important;background:linear-gradient(145deg,#e2fff2 0%,#89e9b8 42%,#7d88f2 100%)!important;color:#08150f!important;box-shadow:0 8px 18px #6fdbb544,inset 0 1px 0 #ffffffb8!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}.coach-premium-shell .coach-send-button span{display:none}.coach-premium-shell .coach-send-button svg{display:none}.coach-premium-shell .coach-send-button:before{content:"✦";position:relative;display:block;font-size:19px;line-height:1;font-family:Manrope;color:#10241b;text-shadow:0 1px 0 #ffffff88;transform:translateY(-1px);transition:transform .2s ease,letter-spacing .2s ease}.coach-premium-shell .coach-send-button:after{content:"";position:absolute;inset:-4px;border:1px solid #91e9bb44;border-radius:18px 18px 18px 9px;opacity:0;transform:scale(.82);transition:opacity .2s ease,transform .2s ease}.coach-premium-shell .coach-send-button:hover:not(:disabled){filter:saturate(1.14) brightness(1.06);transform:translateY(-2px) rotate(-1deg);box-shadow:0 13px 25px #6fdbb566,inset 0 1px 0 #ffffffd0}.coach-premium-shell .coach-send-button:hover:not(:disabled):before{transform:translateY(-1px) scale(1.18) rotate(12deg);letter-spacing:1px}.coach-premium-shell .coach-send-button:hover:not(:disabled):after{opacity:1;transform:scale(1)}.coach-premium-shell .coach-send-button:active:not(:disabled){transform:translateY(0) scale(.94)}.coach-premium-shell .coach-send-button:disabled{filter:grayscale(.35);box-shadow:none!important}
.coach-premium-shell .coach-send-button:before{content:"↗";font-size:23px;font-weight:800;transform:translate(1px,-1px)}
.coach-premium-shell .coach-send-button:after{inset:auto 5px 5px auto;width:4px;height:4px;border:0;border-radius:50%;background:#ffffffaa;box-shadow:-6px 4px 0 #ffffff66;opacity:.75;transform:none}
.coach-premium-shell .coach-send-button:hover:not(:disabled):before{transform:translate(2px,-3px) scale(1.08);letter-spacing:0}
.coach-premium-shell .coach-send-button:hover:not(:disabled):after{opacity:1;transform:translate(2px,-2px)}
.coach-premium-shell .coach-send-button:before{content:"";width:22px;height:22px;background:url('/assets/healthos-send-signal.webp') center/contain no-repeat;transform:none;filter:drop-shadow(0 1px 2px #07120c55)}
.coach-premium-shell .coach-send-button:after{right:4px;bottom:4px;width:5px;height:5px;background:#ffffffcc;box-shadow:0 0 8px #ffffffaa;opacity:.9}
.coach-premium-shell .coach-send-button:hover:not(:disabled):before{transform:scale(1.1);filter:drop-shadow(0 2px 4px #07120c66)}
.coach-premium-shell .coach-send-button{background:linear-gradient(145deg,#2d6e57 0%,#245044 42%,#515cae 100%)!important;border-color:#7de2b4!important;color:#f4fff9!important;box-shadow:0 8px 18px #142b2866,inset 0 1px 0 #ffffff45!important}
.coach-premium-shell .coach-send-button:before{width:25px;height:25px;filter:brightness(1.35) contrast(1.18) drop-shadow(0 1px 3px #07120c88)}
.coach-premium-shell .coach-send-button:after{background:#d9fff0!important;box-shadow:0 0 9px #d9fff0!important}
.coach-premium-shell .coach-send-button:hover:not(:disabled){background:linear-gradient(145deg,#398b6d 0%,#2c6255 42%,#6570ca 100%)!important}
.coach-avatar.is-thinking{animation:coachAvatarThinking 1.8s ease-in-out infinite;box-shadow:0 0 0 4px #8b9cff22,0 8px 24px #6e78df66!important}
@keyframes coachAvatarThinking{0%,100%{transform:translateY(0) rotate(0) scale(1)}35%{transform:translateY(-2px) rotate(-2deg) scale(1.035)}65%{transform:translateY(1px) rotate(2deg) scale(1.02)}}
.coach-premium-shell .coach-send-button.send-pulse:before{animation:healthSignalSpin .5s cubic-bezier(.22,.8,.32,1) both}
.coach-premium-shell .coach-send-button.send-pulse:after{animation:healthSignalFlash .5s ease-out both}
@keyframes healthSignalSpin{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.16) rotate(90deg)}100%{transform:scale(1) rotate(180deg)}}
@keyframes healthSignalFlash{0%{opacity:.9;transform:scale(1)}45%{opacity:1;transform:scale(1.8)}100%{opacity:.15;transform:scale(1)}}
@media(max-width:820px){.coach-chat-topbar{padding:11px 13px}.coach-premium-shell .coach-thread{padding:18px 12px 20px!important}.coach-premium-shell .coach-composer{padding:8px 8px max(10px,env(safe-area-inset-bottom))!important}}

/* Follow-up actions should read like messenger links, not nested pills. */
.coach-premium-shell .coach-quick-actions{display:contents!important}
.coach-premium-shell .coach-quick-actions button{border:0!important;border-radius:8px!important;background:transparent!important;color:#9ce8bb!important;padding:6px 8px!important;font-size:11px!important;font-weight:750!important;box-shadow:none!important}
.coach-premium-shell .coach-quick-actions button:before{content:'+';display:inline-block;margin-right:5px;color:#72e6ae;font-weight:900}
.coach-premium-shell .coach-quick-actions button:hover,.coach-premium-shell .coach-quick-actions button:focus-visible{background:#20352a!important;color:#dff8e9!important;transform:none!important;outline:0}

/* Artifact/plan replies must not look like a card inside another card. */
.coach-premium-shell .coach-message.assistant .coach-message-content:has(.coach-artifact-card){padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.coach-premium-shell .coach-message.assistant .coach-message-content:has(.coach-artifact-card) .coach-artifact-card{margin-top:8px!important}

/* Professional progress surface */
.progress-simple-shell{gap:16px;max-width:1120px}
.tracking-page-title{max-width:760px;margin-bottom:2px}
.tracking-page-title h1{margin-top:6px}
.tracking-page-title p{max-width:650px;color:#95a49b}
.tracking-hero-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:18px;align-items:end;position:relative;overflow:hidden;background:linear-gradient(140deg,#13241b 0,#0d1410 58%,#0a100d 100%);border-color:#294136;box-shadow:0 24px 60px #00000028}
.tracking-hero-panel:before{content:"";position:absolute;inset:-20% auto auto -8%;width:320px;height:220px;background:radial-gradient(circle,#49e79b26 0,#49e79b0a 48%,transparent 72%);pointer-events:none}
.tracking-hero-copy,.tracking-hero-grid{position:relative;z-index:1}
.tracking-hero-copy small,.tracking-section-head small,.tracking-side-head small,.progress-command-copy small{color:#76f0b1;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.tracking-hero-copy h2{margin:7px 0 10px;font:650 clamp(26px,3vw,38px)/1.08 Manrope;color:#f1fbf5;max-width:560px}
.tracking-hero-copy p,.tracking-section-head p,.tracking-side-head p{margin:0;color:#9ca9a2;font-size:13px;line-height:1.58;max-width:660px}
.tracking-hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tracking-hero-card{display:grid;gap:7px;min-height:132px;padding:18px 16px;border:1px solid #2a4337;background:linear-gradient(145deg,#0e1813,#0a110d);border-radius:18px;box-shadow:inset 0 1px 0 #ffffff06}
.tracking-hero-card small{color:#8fa097;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.tracking-hero-card strong{color:#f0faf4;font:700 22px/1.08 Manrope}
.tracking-hero-card span{color:#98a79f;font-size:12px;line-height:1.45}
.tracking-flow-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px;align-items:start}
.tracking-flow-main,.tracking-flow-side{display:grid;gap:16px}
.tracking-flow-side{position:sticky;top:28px}
.tracking-section-panel{display:grid;gap:18px;background:linear-gradient(145deg,#111713,#0d1410);border-color:#294136}
.tracking-section-head{display:flex;align-items:end;justify-content:space-between;gap:14px}
.tracking-section-head h2,.tracking-side-head h2{margin:6px 0 8px;font:600 24px Manrope;color:#eef8f2}
.tracking-section-head>span{padding:7px 9px;border:1px solid #2a3d34;background:#0c130f;color:#94a39b;border-radius:999px;font-size:9px;white-space:nowrap}
.tracking-side-panel{background:linear-gradient(145deg,#111713,#0d1410)}
.tracking-flow-side .tracking-side-panel{border-color:#25382d}
.tracking-flow-side .habit-panel{box-shadow:0 18px 42px #0000001c}
.tracking-side-head{display:grid;gap:0}
.progress-command-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);grid-template-areas:"copy form" "kpis kpis" "trend trend";gap:16px;align-items:end;background:#0d1410;border-color:#22342b;border-radius:16px;box-shadow:none}
.progress-command-copy{grid-area:copy;display:grid;gap:6px;min-width:0}
.progress-command-copy h2{font:700 24px Manrope;margin:0;color:#eef7f2;letter-spacing:0}
.progress-command-copy p{max-width:600px;margin:0;color:#9aa8a0;font-size:13px;line-height:1.5}
.progress-weight-form{grid-area:form;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:0;padding:10px;border:1px solid #26362e;background:#09100c;border-radius:14px}
.progress-weight-form label{position:relative;margin:0}
.progress-weight-form label>span{position:absolute;right:12px;bottom:13px;color:#74847b;font-size:12px;font-weight:800}
.progress-weight-form input{height:50px;padding-right:40px;font-size:24px;border-radius:11px}
.progress-weight-form button[type=submit]{height:50px;padding-inline:15px;border-radius:11px;white-space:nowrap;box-shadow:none}
.progress-kpi-strip{grid-area:kpis;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #203028}
.progress-kpi-strip article{display:grid;gap:6px;min-width:0;padding:16px 18px 2px;border-right:1px solid #203028}
.progress-kpi-strip article:last-child{border-right:0}
.progress-kpi-strip small{color:#7f9188;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.progress-kpi-strip strong{color:#eef7f2;font:750 clamp(20px,2.3vw,30px) Manrope;line-height:1.08;overflow-wrap:anywhere}
.progress-kpi-strip span{color:#8f9e96;font-size:12px;line-height:1.4}
.progress-inline-trend{grid-area:trend;display:grid;gap:14px;padding-top:6px;border-top:1px solid #203028}
.progress-inline-head{align-items:end}
.progress-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.progress-chart-card{min-height:390px;background:#0d1410!important;border-color:#22342b!important;box-shadow:none!important}
.progress-chart-card:before{display:none}
.progress-chart-card .body-trend-head{align-items:flex-start;margin-bottom:14px}
.progress-chart-card .body-trend-head h2{font:700 22px Manrope;margin:0 0 5px;color:#eef7f2}
.progress-chart-card .body-trend-head small{border-color:#24372e;background:#0a110e;color:#9fb0a7}
.progress-chart-card .body-empty-copy{margin:0;color:#87968d;font-size:12px;line-height:1.45}
.progress-chart-card .body-chart{height:255px;background:#09100c;border-color:#203028;border-radius:14px}
.progress-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 0}
.progress-metrics div{background:#09100c;border-color:#203028;border-radius:12px;padding:12px}
.progress-history-card{margin:0;background:#0d1410!important;border-color:#22342b!important;box-shadow:none!important}
.progress-history-card h3{font:650 17px Manrope;margin:0;color:#eef5f0}
.progress-history-card .body-history-list{max-height:284px}
.progress-history-card .body-history-list div{background:#09100c;border-color:#203028}
.progress-simple-shell .body-history-actions button:first-child{border-color:#2c4e3c;background:#102018;color:#9fe9bc}
.progress-simple-shell .body-history-actions button:last-child{border-color:#352c2c;color:#cfa7a4;background:#120f0f}
@media(max-width:980px){
  .tracking-hero-panel,.tracking-flow-grid,.progress-main-grid{grid-template-columns:1fr}
  .tracking-hero-grid{grid-template-columns:1fr}
  .tracking-flow-side{position:static}
  .progress-command-panel{grid-template-columns:1fr;grid-template-areas:"copy" "form" "kpis" "trend"}
}

/* Approved mobile dashboard canvas: exact reference pixels, real navigation hit areas. */
@media(max-width:980px){
  html:has(#homeView.active),body:has(#homeView.active){width:100%;height:100%;min-height:100%;overflow:hidden!important;background:#06100b!important}
  body:has(#homeView.active) .sidebar,body:has(#homeView.active) .mobile-head{display:none!important}
  body:has(#homeView.active) .app-main{position:fixed!important;inset:0!important;width:100%!important;height:100svh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#06100b!important}
  #homeView.active{display:block!important;width:100%!important;height:100svh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  #homeView.active::before,#homeView.active::after{display:none!important}
  #homeView .home-gate.home-spatial{position:absolute!important;inset:env(safe-area-inset-top) 0 0!important;width:100%!important;height:calc(100svh - env(safe-area-inset-top))!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#06100b!important}
  #homeView .home-reference-canvas{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;object-fit:fill;object-position:center;border:0;pointer-events:none;user-select:none}
  #homeView .home-spatial-intro,#homeView .home-gate.home-spatial .home-gate-rooms.home-card-grid.home-spatial-grid,#homeView .home-progress,#homeView .home-bottom-dock{display:none!important}
  #homeView .home-reference-hotspots{position:absolute;z-index:5;inset:0;display:block!important;margin:0;padding:0;border:0;background:transparent}
  #homeView .home-reference-hit{position:absolute;display:block;border:0;border-radius:18px;background:transparent;color:transparent;font-size:0;opacity:.001;cursor:pointer;-webkit-tap-highlight-color:transparent}
  #homeView .home-reference-hit:focus-visible{opacity:1;outline:2px solid #82efba;outline-offset:-3px;background:#82efba16}
  #homeView .hit-today{left:4.4%;top:25.3%;width:91.2%;height:26%}
  #homeView .hit-food{left:4.7%;top:52.5%;width:44%;height:15.2%}
  #homeView .hit-training{left:51.2%;top:52.5%;width:44%;height:15.2%}
  #homeView .hit-coach{left:4.4%;top:69%;width:91.2%;height:9.7%}
  #homeView .hit-nav-food{left:22.5%;top:90.1%;width:18%;height:8.8%}
  #homeView .hit-nav-training{left:41%;top:90.1%;width:18%;height:8.8%}
  #homeView .hit-nav-today{left:59.5%;top:90.1%;width:18%;height:8.8%}
  #homeView .hit-nav-profile{left:78%;top:90.1%;width:18%;height:8.8%}
  #homeView .hit-language{left:65.8%;top:1%;width:10%;height:8.7%}
  #homeView .hit-theme{left:75.5%;top:1%;width:10%;height:8.7%}
}

/* Seamless photo-to-glass transition and protected reading zones. */
#trackingView[data-tracking-room="hub"] .alltag-hero{border:0!important;box-shadow:none!important}
#trackingView[data-tracking-room="hub"] .alltag-skyline:before{
  content:"";position:absolute;z-index:-1;left:0;right:0;top:-64px;height:96px;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(4,8,8,.08) 42%,rgba(4,8,8,.2));
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 72%);mask-image:linear-gradient(180deg,transparent,#000 72%)
}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-today{border-top-color:rgba(255,255,255,.2)!important;box-shadow:inset 1px 0 rgba(255,255,255,.58),inset -1px 0 rgba(255,255,255,.34),inset 0 -1px rgba(255,255,255,.3),0 14px 31px rgba(0,0,0,.2),0 0 22px rgba(255,255,255,.07)!important}
#trackingView[data-tracking-room="hub"] .alltag-cell em{color:rgba(255,255,255,.86)!important;text-shadow:0 1px 8px rgba(0,0,0,.88)!important}
#trackingView[data-tracking-room="hub"] .alltag-cell b,
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-cell b{color:#fff!important;font-weight:650!important;text-shadow:0 1px 7px rgba(0,0,0,.96),0 0 12px rgba(0,0,0,.5)!important}
#trackingView[data-tracking-room="hub"] .c-story em{max-width:100px}
#trackingView[data-tracking-room="hub"] .art-story{right:3px;bottom:5px;width:76px;height:78px;opacity:.82}
#trackingView[data-tracking-room="hub"] .art-sleep{opacity:.74}
#trackingView[data-tracking-room="hub"] .art-weight{opacity:.76}
@media(max-width:980px){
 #trackingView[data-tracking-room="hub"] .alltag-skyline{margin-top:-24px!important;padding-top:0!important}
 #trackingView[data-tracking-room="hub"] .alltag-cell.c-today{margin-top:0}
 #trackingView[data-tracking-room="hub"] .art-story{right:2px;bottom:7px;width:70px;height:74px}
 #trackingView[data-tracking-room="hub"] .c-story strong{max-width:118px}
 #trackingView[data-tracking-room="hub"] .c-story em{max-width:92px}
}
@media(max-width:760px){
  .tracking-hero-panel,.tracking-section-panel{padding:18px}
  .tracking-section-head{align-items:flex-start;flex-direction:column}
  .tracking-section-head>span{white-space:normal}
  .progress-command-panel{padding:16px}
  .progress-command-copy h2{font-size:22px}
  .progress-weight-form{grid-template-columns:1fr;padding:10px}
  .progress-weight-form button[type=submit]{width:100%}
  .progress-kpi-strip{grid-template-columns:1fr}
  .progress-kpi-strip article{border-right:0;border-bottom:1px solid #203028;padding:14px 0}
  .progress-kpi-strip article:last-child{border-bottom:0;padding-bottom:0}
  .progress-chart-card{min-height:auto}
  .progress-chart-card .body-chart{height:220px}
  .progress-metrics{grid-template-columns:1fr}
  .tracking-page-title{margin-bottom:0}
}
@media(max-width:360px){
  .coach-empty-state .coach-suggestion-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:100%!important}
  .coach-empty-state .coach-suggestion-chips button:nth-child(4),.coach-empty-state .coach-suggestion-chips button:nth-child(5){grid-column:auto!important}
}

/* Final mobile override: prevent focus auto-zoom in the Coach composer. */
.coach-premium-shell .coach-composer textarea{font-size:16px!important}
.home-module-card .home-card-icon,
.app-view > .title-with-icon > .section-title-icon { display:none !important; }
.app-view > .title-with-icon { display:block; min-height:0; }
.app-view > .title-with-icon > :not(.section-title-icon) { display:block; }
.app-view > .title-with-icon small { margin-bottom:6px; }

/* Profile and routine consolidation: one calm surface per section. */
.profile-settings{gap:16px;max-width:1040px}
.profile-card,.profile-calculator-section{border:1px solid #25352d;background:linear-gradient(145deg,#111713,#0d1410);border-radius:18px;box-shadow:none}
.profile-card{padding:20px;gap:18px}
.profile-linked-grid{gap:28px}
.profile-subcard{padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}
.profile-subcard::after{display:none}
.profile-subcard+.profile-subcard{padding-left:28px;border-left:1px solid #24342c}
.profile-subcard-head{gap:5px}
.profile-subcard-head p{max-width:390px}
.profile-action-bar-top{justify-content:flex-start;margin:0;padding:0 0 2px;border:0;background:transparent}
.profile-action-bar-top button{min-height:42px;padding:11px 15px}
.profile-action-bar-top button:hover{box-shadow:0 12px 24px #49e79b18}
.profile-calculator-section{display:grid;gap:16px;padding:20px}
.profile-calculator-section .profile-card-head{padding:0}
.profile-calculator-section .health-calculator-shell{gap:12px}
.profile-settings input,.profile-settings select,.profile-settings textarea,.health-calc-form input,.health-calc-form select,.health-calc-direct-panel input,.health-calc-direct-panel select{min-height:46px;border-color:#2b3830;background:#0b120e;border-radius:10px;box-shadow:none;font-size:12px;transition:border-color .18s,box-shadow .18s,background .18s}
.profile-settings input:focus,.profile-settings select:focus,.profile-settings textarea:focus,.health-calc-form input:focus,.health-calc-form select:focus,.health-calc-direct-panel input:focus,.health-calc-direct-panel select:focus{border-color:#49e79b;background:#0d1711;box-shadow:0 0 0 3px #49e79b12}
.smart-control:before{border-color:#2b3830;background:#0b120e;border-radius:10px}
.smart-control:focus-within:before{border-color:#49e79b;background:#0d1711;box-shadow:0 0 0 3px #49e79b12}
.smart-control input{min-height:46px;background:transparent!important}
.health-calc-tabs{max-width:330px;padding:4px;border-radius:12px}
.health-calc-tabs button{padding:9px 11px;border-radius:9px}
.health-calc-summary-card{gap:14px;padding:18px;border-radius:16px;background:#0d1410;box-shadow:none}
.health-calc-summary-card:before{height:2px}
.health-calc-summary-head h2{font-size:23px}
.health-calc-summary-head p{font-size:12px}
.health-calc-compact-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #23332a;border-bottom:1px solid #23332a}
.health-calc-compact-results article{min-height:0;padding:13px 14px;border:0;border-right:1px solid #23332a;border-radius:0;background:transparent}
.health-calc-compact-results article:last-child{border-right:0}
.health-calc-compact-results span{font-size:8px;color:#8ca096;letter-spacing:.08em}
.health-calc-compact-results strong{margin-top:8px;font-size:23px;line-height:1.05}
.health-calc-compact-results small{margin-top:5px;font-size:9px;color:#85958b}
.health-calc-compact-results p{display:none}
.routine-progress-only{display:block;margin-top:18px}
.routine-progress-panel{grid-template-areas:"copy form" "kpis kpis" "trend trend";gap:18px;padding:clamp(20px,3vw,30px);border:1px solid #29483a;border-radius:24px;background:linear-gradient(145deg,#101a14,#0b120e);box-shadow:none}
.routine-progress-panel .progress-command-copy h2{font-size:clamp(24px,2.7vw,34px)}
.routine-progress-panel .progress-kpi-strip{border-top:1px solid #24382e}
.routine-progress-panel .progress-kpi-strip article{padding:14px 16px 1px}
.routine-progress-panel .progress-inline-trend{padding-top:16px;border-top:1px solid #24382e}
.routine-progress-panel .progress-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);gap:28px}
.routine-progress-panel .progress-chart-card,.routine-progress-panel .progress-history-card{min-height:0;padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}
.routine-progress-panel .progress-chart-card:before{display:none}
.routine-progress-panel .progress-chart-card .body-chart{height:190px;border-color:#24382e;background:#09100c;border-radius:12px}
.routine-progress-panel .progress-history-card .body-history-list{max-height:220px}
.routine-progress-panel .progress-history-card .body-history-list div{background:#0b120e;border-color:#24382e}
.body-chart.is-empty{height:132px!important}
.body-chart-empty{gap:4px;padding:12px}
.body-chart-empty strong{font-size:14px}
.body-chart-empty span{font-size:11px}
.body-history-empty{display:grid!important;gap:3px;justify-items:start;padding:11px 0!important;border:0!important;background:transparent!important}
.body-history-empty strong{color:#dce9e1;font-size:13px}
.body-history-empty span{color:#829188;font-size:10px;line-height:1.4}
@media(max-width:980px){.routine-progress-panel .progress-main-grid{grid-template-columns:1fr}.health-calc-compact-results{grid-template-columns:repeat(2,minmax(0,1fr))}.health-calc-compact-results article:nth-child(2){border-right:0}.health-calc-compact-results article:nth-child(-n+2){border-bottom:1px solid #23332a}}
@media(max-width:760px){.profile-card,.profile-calculator-section{padding:16px}.profile-linked-grid{grid-template-columns:1fr;gap:18px}.profile-subcard+.profile-subcard{padding:18px 0 0;border-top:1px solid #24342c;border-left:0}.profile-action-bar-top{padding-bottom:0}.profile-action-bar-top button{width:100%}.routine-progress-panel{padding:18px;border-radius:21px}.routine-progress-panel .progress-weight-form{margin-top:2px}.routine-progress-panel .progress-inline-trend{padding-top:14px}.routine-progress-panel .progress-chart-card .body-chart{height:170px}.health-calc-compact-results{grid-template-columns:1fr}.health-calc-compact-results article,.health-calc-compact-results article:nth-child(2){border-right:0;border-bottom:1px solid #23332a}.health-calc-compact-results article:last-child{border-bottom:0}.health-calc-summary-card{padding:16px}}

/* Routine check-in refinement: compact primary action, no nested form card. */
.routine-progress-panel{grid-template-columns:minmax(0,1fr) minmax(320px,.65fr);align-items:center}
.routine-progress-panel .progress-weight-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:0;padding:0;border:0;background:transparent}
.routine-progress-panel .progress-weight-form label{gap:7px;color:#aebbb4;font-size:12px;font-weight:650}
.routine-progress-panel .progress-weight-form input{height:46px;min-height:46px;padding:0 40px 0 13px;border:1px solid #2b3830;border-radius:10px;background:#0b120e;color:#edf7f0;font-size:20px;box-shadow:none}
.routine-progress-panel .progress-weight-form input:focus{border-color:#49e79b;background:#0d1711;box-shadow:0 0 0 3px #49e79b12}
.routine-progress-panel .progress-weight-form label>span{right:12px;bottom:13px;color:#7f9188;font-size:11px}
.routine-progress-panel .progress-weight-form button[type=submit]{width:auto;height:46px;min-height:46px;padding:11px 16px;border:0;border-radius:10px;background:#49e79b;color:#07100b;font-size:11px;font-weight:850;line-height:1.2;white-space:nowrap;box-shadow:0 8px 18px #49e79b12}
.routine-progress-panel .progress-weight-form button[type=submit]:hover,.routine-progress-panel .progress-weight-form button[type=submit]:focus-visible{background:#72efb0;box-shadow:0 10px 22px #49e79b20;outline:0}
@media(max-width:760px){.routine-progress-panel{grid-template-columns:1fr;grid-template-areas:"copy" "form" "kpis" "trend";align-items:start}.routine-progress-panel .progress-weight-form{grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:2px}.routine-progress-panel .progress-weight-form button[type=submit]{width:auto;padding-inline:13px}}
@media(max-width:360px){.routine-progress-panel .progress-weight-form{grid-template-columns:1fr}.routine-progress-panel .progress-weight-form button[type=submit]{justify-self:start}}

/* Health Coach reference surface: a calm, profile-first conversation on one continuous page. */
body.dash-page:has(#coachView.active){background:#020b10!important;color:#eef5f0}
body.dash-page:has(#coachView.active) .sidebar{position:relative!important;top:auto!important;width:calc(100% - 60px)!important;height:131px!important;margin:42px auto 0!important;padding:0 29px!important;border:1px solid #1a3438!important;border-radius:27px!important;background:linear-gradient(145deg,#101e20e8,#0b1719e8)!important;box-shadow:0 20px 48px #00000036,inset 0 1px 0 #ffffff0a!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;overflow:visible!important}
body.dash-page:has(#coachView.active) .sidebar>.app-brand{gap:20px!important;font:500 32px/1 Manrope!important}
body.dash-page:has(#coachView.active) .sidebar .brand-symbol{width:68px!important;height:68px!important;border-radius:18px!important}
body.dash-page:has(#coachView.active) .sidebar .side-user{grid-column:3!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;display:flex!important;align-items:center!important;gap:18px!important}
body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button{position:relative!important;width:70px!important;height:70px!important;padding:0!important;border:2px solid #cf75ee!important;border-radius:50%!important;background:linear-gradient(145deg,#9da6ff,#7257b5)!important;color:#121827!important;font:500 25px/1 Manrope!important;box-shadow:0 0 0 3px #24333e,0 0 22px #b76ef455!important}
body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button i{position:absolute!important;right:-4px!important;bottom:1px!important;width:19px!important;height:19px!important;border:3px solid #0d1a1c!important;border-radius:50%!important;background:#5de7ad!important}
body.dash-page:has(#coachView.active) .sidebar .side-user strong{font:500 25px/1 Manrope!important;color:#f0f4f1!important}
body.dash-page:has(#coachView.active) .sidebar .side-user>a{width:35px!important;height:35px!important;margin:0!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#b4bec3!important}
body.dash-page:has(#coachView.active) .sidebar .side-user>a .logout-door-icon{width:32px!important;height:32px!important;stroke-width:1.4!important}
body.dash-page:has(#coachView.active) .app-main{margin:0!important;min-height:0!important;padding:0 30px 100px!important}
body.dash-page:has(#coachView.active) #coachView{width:100%!important;max-width:980px!important;margin:0 auto!important}
body.dash-page:has(#coachView.active) .coach-reference-shell{display:flex!important;flex-direction:column!important;gap:0!important;min-height:0!important;padding:0!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-view-title{display:block!important;width:auto!important;max-width:none!important;margin:64px 20px 0!important;padding:0!important;min-height:0!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-view-title small{display:block!important;margin:0!important;color:#59dfa9!important;font:500 20px/1.2 Manrope!important;letter-spacing:.18em!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-memory-bar{display:none!important}
body.dash-page:has(#coachView.active) .coach-reference-identity{display:flex!important;align-items:center!important;gap:40px!important;margin:51px 20px 0!important;padding:0 0 61px!important;border-bottom:1px solid #23423d!important}
body.dash-page:has(#coachView.active) .coach-reference-portrait{width:180px!important;height:180px!important;flex:0 0 180px!important;border-radius:50%!important;overflow:hidden!important;background:#dce7e5!important;box-shadow:0 0 0 1px #6eebae40,0 0 38px #43e89a4d!important}
body.dash-page:has(#coachView.active) .coach-reference-portrait img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
body.dash-page:has(#coachView.active) .coach-reference-identity-copy{display:grid!important;gap:13px!important;min-width:0!important}
body.dash-page:has(#coachView.active) .coach-reference-identity-copy h1{margin:0!important;color:#f3f6f4!important;font:500 44px/1.05 Manrope!important}
body.dash-page:has(#coachView.active) .coach-reference-identity-copy p{margin:0!important;color:#aeb8b9!important;font:400 24px/1.25 Manrope!important}
body.dash-page:has(#coachView.active) .coach-reference-identity-copy>span{display:flex!important;align-items:center!important;gap:15px!important;color:#55e4a9!important;font:400 20px/1 Manrope!important}
body.dash-page:has(#coachView.active) .coach-reference-identity-copy>span i{display:block!important;width:17px!important;height:17px!important;border-radius:50%!important;background:#61e8b3!important;box-shadow:0 0 15px #61e8b380!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-chat-card{display:contents!important;height:auto!important;min-height:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-chat-topbar{display:none!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-thread{display:block!important;order:0!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:54px 0 0!important;background:transparent!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-thread:before,body.dash-page:has(#coachView.active) .coach-reference-shell .coach-thread:after{display:none!important}
body.dash-page:has(#coachView.active) .coach-reference-empty{display:block!important;min-height:0!important;padding:0 20px!important;text-align:left!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message{display:flex!important;align-items:flex-start!important;gap:32px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;animation:none!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-avatar{display:block!important;position:relative!important;flex:0 0 82px!important;width:82px!important;height:82px!important;margin:40px 0 0!important;border:1px solid #78e8b34d!important;border-radius:50%!important;background:#dce7e5 url('/assets/healthos-coach-sarah-v1.webp') center/cover no-repeat!important;color:transparent!important;box-shadow:0 0 22px #49e79b40!important;overflow:hidden!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-stack{display:block!important;flex:0 1 538px!important;width:538px!important;max-width:538px!important;min-width:0!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-meta{display:block!important;min-height:0!important;margin:0!important;padding:0 0 0 2px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-meta small{display:block!important;margin:0!important;color:#54dfa9!important;font:500 20px/1.2 Manrope!important;letter-spacing:0!important;text-transform:none!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-meta small b{padding:0 13px!important;color:#748588!important;font-weight:400!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content{display:block!important;width:538px!important;max-width:100%!important;min-height:232px!important;margin:25px 0 0!important;padding:40px 34px 28px!important;border:1px solid #1e3939!important;border-radius:19px 36px 36px 36px!important;background:linear-gradient(145deg,#102326d9,#0b181bd9)!important;color:#f0f4f2!important;box-shadow:0 18px 45px #00000028,inset 0 1px 0 #ffffff08!important;backdrop-filter:blur(15px)!important;overflow:visible!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content p{margin:0 0 21px!important;color:#eef4f2!important;font:400 26px/1.38 Manrope!important;letter-spacing:0!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content p:last-of-type{margin-bottom:29px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content time{display:block!important;color:#a4b0b2!important;font:400 18px/1 Manrope!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message.user .coach-message-avatar{background-image:var(--coach-user-avatar-image)!important;background-color:#7786d8!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message.user .coach-message-content{background:#86e2bb!important;color:#06100a!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message.user .coach-message-meta small{color:#aeb9b8!important}
body.dash-page:has(#coachView.active) .coach-reference-moods{display:flex!important;order:1!important;gap:18px!important;margin:57px 77px 0!important}
body.dash-page:has(#coachView.active) .coach-reference-moods button{display:flex!important;align-items:center!important;justify-content:center!important;gap:15px!important;flex:1 1 0!important;height:90px!important;padding:0 16px!important;border:1px solid #31504b!important;border-radius:46px!important;background:#071519!important;color:#f0f3f2!important;font:400 25px/1 Manrope!important;cursor:pointer!important;transition:border-color .18s,background .18s,transform .18s!important}
body.dash-page:has(#coachView.active) .coach-reference-moods button:hover,body.dash-page:has(#coachView.active) .coach-reference-moods button:focus-visible,body.dash-page:has(#coachView.active) .coach-reference-moods button.active{border-color:#67e5b1!important;background:#0c2423!important;outline:0!important;transform:translateY(-1px)!important}
body.dash-page:has(#coachView.active) .coach-mood-icon{display:grid!important;place-items:center!important;width:43px!important;height:43px!important;flex:0 0 43px!important;border-radius:50%!important;font:700 31px/1 Arial!important}
body.dash-page:has(#coachView.active) .coach-mood-good{background:#69e6b3!important;color:#0b4b3d!important}
body.dash-page:has(#coachView.active) .coach-mood-neutral{background:#ffc44d!important;color:#65440a!important;font-size:28px!important}
body.dash-page:has(#coachView.active) .coach-mood-bad{background:#ff6067!important;color:#7b1726!important}
body.dash-page:has(#coachView.active) .coach-reference-divider{order:2!important;display:flex!important;align-items:center!important;gap:20px!important;margin:58px 80px 0!important;color:#77878b!important;font:400 18px/1 Manrope!important;letter-spacing:.2em!important;white-space:nowrap!important}
body.dash-page:has(#coachView.active) .coach-reference-divider:before,body.dash-page:has(#coachView.active) .coach-reference-divider:after{content:""!important;height:1px!important;flex:1 1 auto!important;background:#23383a!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer{order:3!important;display:block!important;width:100%!important;height:152px!important;min-height:0!important;margin:37px 0 0!important;padding:0!important;border:1px solid #1e3939!important;border-radius:35px!important;background:linear-gradient(145deg,#0e2023cc,#0a181bd9)!important;box-shadow:0 17px 40px #00000024,inset 0 1px 0 #ffffff07!important;backdrop-filter:blur(18px)!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer label{display:none!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer-row{display:flex!important;align-items:center!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0 31px 0 39px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer textarea{flex:1 1 auto!important;width:auto!important;height:65px!important;min-height:65px!important;max-height:100px!important;padding:13px 0!important;border:0!important;background:transparent!important;color:#edf3f2!important;font:400 24px/1.3 Manrope!important;resize:none!important;box-shadow:none!important;outline:0!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer textarea::placeholder{color:#929fa2!important;opacity:1!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-send-button{display:grid!important;place-items:center!important;align-self:center!important;flex:0 0 76px!important;width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;padding:0!important;border:0!important;border-radius:50%!important;background:linear-gradient(145deg,#54dba9,#2c835f)!important;color:#f1fff8!important;box-shadow:0 0 24px #50e0a33e!important;transform:none!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-send-button span{display:block!important;font-size:0!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-send-button span:before{content:"↑"!important;font:400 47px/1 Arial!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-send-button svg{display:none!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-send-button:before,body.dash-page:has(#coachView.active) .coach-reference-shell .coach-send-button:after{display:none!important;content:none!important}
body.dash-page:has(#coachView.active) .coach-reference-quick-actions{order:4!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:25px!important;margin:61px 14px 0 0!important}
body.dash-page:has(#coachView.active) .coach-reference-quick-actions button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:25px!important;height:256px!important;padding:20px!important;border:1px solid #1c383b!important;border-radius:35px!important;background:linear-gradient(145deg,#0e2023d9,#0a171bd9)!important;color:#edf3f2!important;font:400 23px/1.35 Manrope!important;text-align:center!important;cursor:pointer!important;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s!important}
body.dash-page:has(#coachView.active) .coach-reference-quick-actions button:hover,body.dash-page:has(#coachView.active) .coach-reference-quick-actions button:focus-visible{border-color:#5ee3b0!important;background:#102629!important;outline:0!important;transform:translateY(-2px)!important;box-shadow:0 18px 36px #00000035!important}
body.dash-page:has(#coachView.active) .coach-reference-action-icon{display:grid!important;place-items:center!important;width:70px!important;height:70px!important;color:#51dda8!important;filter:drop-shadow(0 0 15px #49e79b88)!important}
body.dash-page:has(#coachView.active) .coach-reference-action-icon svg{width:70px!important;height:70px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.dash-page:has(#coachView.active) .coach-reference-security{order:5!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;margin:106px 0 0!important;color:#889598!important;font:400 19px/1.35 Manrope!important;text-align:center!important}
body.dash-page:has(#coachView.active) .coach-security-icon{display:grid!important;place-items:center!important;width:22px!important;height:22px!important;color:#839397!important}
body.dash-page:has(#coachView.active) .coach-security-icon svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.dash-page:has(#coachView.active) .coach-wave{position:relative!important;display:inline-block!important;width:19px!important;height:22px!important;vertical-align:-2px!important;border-radius:9px 9px 7px 7px!important;background:#ffc34f!important;transform:rotate(-18deg)!important;box-shadow:0 0 10px #ffc34f35!important}
body.dash-page:has(#coachView.active) .coach-wave:before{content:""!important;position:absolute!important;left:3px!important;top:-7px!important;width:7px!important;height:13px!important;border-radius:7px 7px 4px 4px!important;background:#ffc34f!important;box-shadow:5px 1px 0 -1px #ffc34f,9px 4px 0 -2px #ffc34f!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-quick-actions{display:none!important}

@media(max-width:700px){
  body.dash-page:has(#coachView.active) .sidebar{width:calc(100% - 28px)!important;height:82px!important;margin-top:14px!important;padding:0 16px!important;border-radius:22px!important}
  body.dash-page:has(#coachView.active) .sidebar .brand-symbol{width:42px!important;height:42px!important;border-radius:13px!important}
  body.dash-page:has(#coachView.active) .sidebar>.app-brand{gap:11px!important;font-size:21px!important}
  body.dash-page:has(#coachView.active) .sidebar .side-user{gap:9px!important}
  body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button{width:44px!important;height:44px!important;font-size:15px!important}
  body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button i{width:13px!important;height:13px!important;border-width:2px!important}
  body.dash-page:has(#coachView.active) .sidebar .side-user strong{font-size:15px!important}
  body.dash-page:has(#coachView.active) .sidebar .side-user>a .logout-door-icon{width:22px!important;height:22px!important}
  body.dash-page:has(#coachView.active) .app-main{padding:0 14px 56px!important}
  body.dash-page:has(#coachView.active) #coachView{width:100%!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-view-title{margin:42px 10px 0!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-view-title small{font-size:14px!important}
  body.dash-page:has(#coachView.active) .coach-reference-identity{gap:18px!important;margin:36px 10px 0!important;padding-bottom:34px!important}
  body.dash-page:has(#coachView.active) .coach-reference-portrait{width:116px!important;height:116px!important;flex-basis:116px!important}
  body.dash-page:has(#coachView.active) .coach-reference-identity-copy{gap:8px!important}
  body.dash-page:has(#coachView.active) .coach-reference-identity-copy h1{font-size:30px!important}
  body.dash-page:has(#coachView.active) .coach-reference-identity-copy p{font-size:14px!important}
  body.dash-page:has(#coachView.active) .coach-reference-identity-copy>span{gap:8px!important;font-size:14px!important}
  body.dash-page:has(#coachView.active) .coach-reference-identity-copy>span i{width:11px!important;height:11px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-thread{padding-top:36px!important}
  body.dash-page:has(#coachView.active) .coach-reference-empty{padding:0 10px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message{gap:14px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-avatar{flex-basis:58px!important;width:58px!important;height:58px!important;margin-top:27px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-stack{width:auto!important;max-width:none!important;flex:1 1 auto!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-meta small{font-size:14px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content{width:auto!important;min-height:0!important;margin-top:12px!important;padding:24px 22px 20px!important;border-radius:15px 27px 27px 27px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content p{font-size:19px!important;margin-bottom:14px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content p:last-of-type{margin-bottom:22px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content time{font-size:14px!important}
  body.dash-page:has(#coachView.active) .coach-reference-moods{gap:8px!important;margin:34px 0 0!important}
  body.dash-page:has(#coachView.active) .coach-reference-moods button{height:62px!important;gap:7px!important;padding:0 5px!important;font-size:13px!important}
  body.dash-page:has(#coachView.active) .coach-mood-icon{width:29px!important;height:29px!important;flex-basis:29px!important;font-size:21px!important}
  body.dash-page:has(#coachView.active) .coach-reference-divider{gap:10px!important;margin:36px 0 0!important;font-size:11px!important;letter-spacing:.14em!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:auto!important;height:100px!important;margin-top:25px!important;border-radius:24px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer-row{padding:0 16px 0 20px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer textarea{font-size:16px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-send-button{flex-basis:52px!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-send-button span:before{font-size:34px!important}
  body.dash-page:has(#coachView.active) .coach-reference-quick-actions{gap:10px!important;margin-top:38px!important;margin-right:0!important}
  body.dash-page:has(#coachView.active) .coach-reference-quick-actions button{height:150px!important;gap:12px!important;border-radius:22px!important;padding:10px 4px!important;font-size:12px!important}
  body.dash-page:has(#coachView.active) .coach-reference-action-icon,.coach-reference-action-icon svg{width:43px!important;height:43px!important}
  body.dash-page:has(#coachView.active) .coach-reference-security{margin-top:62px!important;font-size:12px!important}
  body.dash-page:has(#coachView.active) .coach-security-icon,body.dash-page:has(#coachView.active) .coach-security-icon svg{width:16px!important;height:16px!important}
}

/* Final palette override: the check-in follows the main emerald routine surface. */
.routine-progress-panel{border-color:#29483a;background:radial-gradient(circle at 10% 0,#173b2a 0,transparent 34%),linear-gradient(145deg,#0f1d16,#0a120e 72%)}
.routine-progress-panel:before{background:linear-gradient(120deg,#72e6ae0d,transparent 38%,#49e79b05)}
.routine-progress-kicker small{color:#55e59b}
.routine-progress-icon{border-color:#3b9a6a;background:#123422;color:#75efad;box-shadow:0 0 20px #49e79b14}
.routine-progress-status-pill{border-color:#2d7951;background:#102a1d;color:#9eeabd}
.routine-progress-panel .progress-weight-form{border-color:#244a36;background:linear-gradient(145deg,#10251a,#0b1711)}
.routine-progress-panel .progress-weight-form label{color:#aebfb2}
.routine-progress-panel .progress-weight-form input{border-color:#2d4d3d;background:#08110d}
.routine-progress-panel .progress-weight-form input:focus{border-color:#58e39a;background:#0a160f;box-shadow:0 0 0 3px #49e79b18}
.routine-progress-panel .progress-weight-form label>span{color:#769484}
.routine-progress-panel .progress-kpi-strip,.routine-progress-panel .progress-inline-trend{border-color:#2a5842}
.routine-progress-panel .progress-kpi-strip article{border-color:#2a5842}
.routine-progress-panel .progress-kpi-strip small{color:#769484}
.routine-progress-panel .progress-kpi-strip span{color:#8fa499}
.routine-progress-panel .progress-inline-head small{color:#55e59b}
.routine-progress-panel .progress-inline-head>span{border-color:#2d7951;background:#102a1d;color:#9eeabd}

/* Weight tracking uses a distinct restrained amber, while the save action stays emerald. */
.routine-progress-panel{border-color:#5a5037;background:radial-gradient(circle at 10% 0,#3b321e 0,transparent 34%),linear-gradient(145deg,#1c1b14,#10120e 72%)}
.routine-progress-panel:before{background:linear-gradient(120deg,#e0c47a0d,transparent 38%,#d8b66e05)}
.routine-progress-kicker small{color:#d8b66e}
.routine-progress-icon{border-color:#8c7748;background:#2a2518;color:#e0c47a;box-shadow:0 0 20px #d8b66e14}
.routine-progress-status-pill{border-color:#8c7748;background:#282319;color:#e3c995}
.routine-progress-panel .progress-weight-form{border-color:#514630;background:linear-gradient(145deg,#242116,#161610)}
.routine-progress-panel .progress-weight-form label{color:#c1b58f}
.routine-progress-panel .progress-weight-form input{border-color:#5c5035;background:#11120d}
.routine-progress-panel .progress-weight-form input:focus{border-color:#d4b272;background:#17170f;box-shadow:0 0 0 3px #d8b66e18}
.routine-progress-panel .progress-weight-form label>span{color:#a99b73}
.routine-progress-panel .progress-kpi-strip,.routine-progress-panel .progress-inline-trend{border-color:#4a422f}
.routine-progress-panel .progress-kpi-strip article{border-color:#4a422f}
.routine-progress-panel .progress-kpi-strip small{color:#b6a67d}
.routine-progress-panel .progress-kpi-strip span{color:#9d967d}
.routine-progress-panel .progress-inline-head small{color:#d8b66e}
.routine-progress-panel .progress-inline-head>span{border-color:#8c7748;background:#282319;color:#e3c995}
.routine-progress-panel .body-trend-line{stroke:#d8b66e}
.routine-progress-panel .body-trend-dot{stroke:#e0c47a}
.routine-progress-panel .body-trend-dot.latest{fill:#d8b66e;stroke:#fff1c5}



/* Routine hierarchy: keep daily choices prominent and make settings/history quieter. */
.tracking-page-title p{max-width:720px}
.routine-settings{grid-template-columns:minmax(0,.64fr) minmax(300px,1fr);gap:24px}
.routine-settings h2{font-size:clamp(25px,2.8vw,35px);margin:10px 0 8px}
.routine-settings-copy p{max-width:430px;font-size:13px;line-height:1.5}
.routine-settings-grid{gap:10px}
.routine-setting-field{padding:12px 13px;border-radius:14px}
.routine-setting-field select,.routine-setting-field input{min-height:50px;border-radius:13px;padding-inline:13px}
.routine-section-divider{margin:30px 0 26px}
.routine-progress-only{margin-top:24px}
.routine-progress-panel{border-radius:22px}
.routine-progress-header h2{font-size:clamp(25px,2.8vw,36px)}
.routine-progress-header p{max-width:660px;font-size:12px}
.recovery-group-heading{display:grid;gap:4px;padding:2px 2px 0}
.recovery-group-heading small{color:#abc2ad;font-size:9px;font-weight:850;letter-spacing:.15em}
.recovery-group-heading strong{color:#e6eee6;font:650 16px/1.2 Manrope}
.recovery-group-heading span{color:#84988a;font-size:11px;line-height:1.4}
.recovery-tools-heading{margin-top:4px;padding-top:18px;border-top:1px solid #2e3c34}
.recovery-checkin-grid,.recovery-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.recovery-checkin-grid,.recovery-tools-grid{grid-template-columns:1fr}}
@media(max-width:760px){.routine-settings{grid-template-columns:1fr;gap:18px}.routine-settings h2{font-size:30px}.routine-setting-field{padding:12px}.routine-setting-field select,.routine-setting-field input{min-height:52px}.routine-section-divider{margin:26px 0 24px}.routine-progress-only{margin-top:18px}.recovery-group-heading strong{font-size:15px}.recovery-group-heading span{font-size:10px}.recovery-tools-heading{margin-top:1px;padding-top:16px}}

/* Body history follows the sleep module: keep the summary quiet until the user asks for detail. */
.progress-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #4a422f;color:#9d967d;font-size:10px}
.progress-card-footer>span{display:flex;align-items:center;gap:7px;min-width:0}
.progress-card-footer>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.progress-card-footer>span>i{width:7px;height:7px;flex:none;border-radius:50%;background:#d8b66e;box-shadow:0 0 10px #d8b66e66}
.progress-card-footer button{flex:none;border:1px solid #8c7748;border-radius:999px;padding:8px 12px;background:#282319;color:#e3c995;font:650 10px Manrope;cursor:pointer;transition:background .18s,border-color .18s}
.progress-card-footer button:hover,.progress-card-footer button:focus-visible{border-color:#d8b66e;background:#352d1d;outline:0}
.routine-progress-panel .progress-inline-trend[hidden]{display:none!important}
@media(max-width:760px){.progress-card-footer{align-items:flex-start;flex-direction:column}.progress-card-footer button{align-self:flex-start}}

/* Give the routine introduction a clear breathing space before its first card. */
.tracking-page-title{margin-bottom:40px}
@media(max-width:760px){.tracking-page-title{margin-bottom:34px}}

/* The check-in belongs to the main routine: use its emerald palette, not the neutral sage variant. */
.routine-progress-panel{border-color:#29483a;background:radial-gradient(circle at 10% 0,#173b2a 0,transparent 34%),linear-gradient(145deg,#0f1d16,#0a120e 72%)}
.routine-progress-panel:before{background:linear-gradient(120deg,#72e6ae0d,transparent 38%,#49e79b05)}
.routine-progress-kicker small{color:#55e59b}
.routine-progress-icon{border-color:#3b9a6a;background:#123422;color:#75efad;box-shadow:0 0 20px #49e79b14}
.routine-progress-status-pill{border-color:#2d7951;background:#102a1d;color:#9eeabd}
.routine-progress-panel .progress-weight-form{border-color:#244a36;background:linear-gradient(145deg,#10251a,#0b1711)}
.routine-progress-panel .progress-weight-form label{color:#aebfb2}
.routine-progress-panel .progress-weight-form input{border-color:#2d4d3d;background:#08110d}
.routine-progress-panel .progress-weight-form input:focus{border-color:#58e39a;background:#0a160f;box-shadow:0 0 0 3px #49e79b18}
.routine-progress-panel .progress-weight-form label>span{color:#769484}
.routine-progress-panel .progress-kpi-strip,.routine-progress-panel .progress-inline-trend{border-color:#2a5842}
.routine-progress-panel .progress-kpi-strip article{border-color:#2a5842}
.routine-progress-panel .progress-kpi-strip small{color:#769484}
.routine-progress-panel .progress-kpi-strip span{color:#8fa499}
.routine-progress-panel .progress-inline-head small{color:#55e59b}
.routine-progress-panel .progress-inline-head>span{border-color:#2d7951;background:#102a1d;color:#9eeabd}
.app-view > .title-with-icon h1 { margin-top:4px; }

/* Icon-free home cards keep the same single-column alignment as Ernährung and Training. */
.home-module-card:nth-child(1),
.home-module-card:nth-child(2),
.home-module-card:nth-child(5) {
  grid-template-columns:1fr;
  grid-template-rows:auto 1fr auto;
  align-content:stretch;
  gap:9px;
  min-height:190px;
  padding:22px 22px 20px;
}
.home-module-card:nth-child(1) .home-card-status,
.home-module-card:nth-child(2) .home-card-status,
.home-module-card:nth-child(5) .home-card-status,
.home-module-card:nth-child(1) strong,
.home-module-card:nth-child(2) strong,
.home-module-card:nth-child(5) strong,
.home-module-card:nth-child(1) small,
.home-module-card:nth-child(2) small,
.home-module-card:nth-child(5) small,
.home-module-card:nth-child(1) em,
.home-module-card:nth-child(2) em,
.home-module-card:nth-child(5) em { grid-column:1; }
.home-module-card:nth-child(1) strong,
.home-module-card:nth-child(2) strong,
.home-module-card:nth-child(5) strong { align-self:end; font-size:25px; letter-spacing:-.02em; }

.profile-avatar-button{padding:2px!important;border:0!important;background:conic-gradient(from -35deg,#8b9cff,#72e6ae 42%,#d28cff 72%,#8b9cff)!important;box-shadow:0 0 0 2px #0d1410,0 0 0 3px #72e6ae55,0 8px 22px #00000030!important}
.profile-avatar-button>span{background:linear-gradient(145deg,#a8b0ff,#6971d4)!important;background-size:cover!important;background-position:center!important}
.profile-avatar-button.has-image>span{background-image:var(--avatar-image)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.profile-picker-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:start end;padding:68px 18px 18px;background:transparent}.profile-picker-backdrop[hidden]{display:none}.profile-picker-sheet{width:224px;overflow:hidden;border:1px solid #ffffff28;border-radius:14px;background:#eef2f0;color:#102018;box-shadow:0 12px 32px #0007}.profile-picker-sheet button{display:flex;align-items:center;gap:9px;width:100%;min-height:39px;padding:9px 12px;border:0;border-bottom:1px solid #10201818;background:transparent;color:#102018;text-align:left;font:600 12px Manrope;cursor:pointer}.profile-picker-sheet button:hover{background:#ffffff88}.profile-picker-sheet button span{width:19px;text-align:center;font-size:18px}.profile-picker-sheet .profile-picker-remove{color:#a54f53}.profile-picker-sheet .profile-picker-cancel{justify-content:center;margin-top:5px;border:0;background:#dce4e0;font-weight:700;text-align:center}
.profile-avatar-button i{right:-2px!important;bottom:-1px!important;box-shadow:0 0 10px #72e6ae99}

/* Profile reference surface: compact dark glass cards, icon-led data and a clear completion path. */
#profileView{max-width:1120px}
.profile-shell{background:#071219}
.profile-shell .app-main{background:radial-gradient(circle at 72% 10%,#0b2830 0,transparent 27%),#071219}
.profile-settings{max-width:none;gap:16px}
.profile-welcome-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:center;min-height:214px;padding:22px 24px;border:1px solid #1b5660;border-radius:18px;background:radial-gradient(circle at 80% 45%,#0b4c4e 0,transparent 33%),linear-gradient(105deg,#06151d 0%,#08252b 58%,#073c3a 100%);box-shadow:inset 0 1px 0 #ffffff0a,0 20px 50px #00000025}
.profile-welcome-card:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#5ef0c1,transparent);opacity:.65}
.profile-welcome-copy{position:relative;z-index:2;display:grid;align-content:center;gap:8px}
.profile-welcome-copy h1{margin:0;color:#f2faf5;font:750 clamp(22px,2.5vw,32px)/1.12 Manrope;letter-spacing:-.025em}
.profile-wave-icon{display:inline-flex;width:18px;height:18px;vertical-align:-2px;color:#ffd36b}
.profile-wave-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.profile-wave-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.profile-welcome-copy h1 span{font-family:inherit}
.profile-welcome-copy>p{margin:0;color:#a5c4c2;font-size:12px;line-height:1.45}
.profile-completion-card{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;max-width:310px;margin-top:10px;padding:12px 13px;border:1px solid #2d6870;border-radius:13px;background:#071a22aa;box-shadow:inset 0 1px 0 #ffffff08}
.profile-check-icon{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#4be5a3;color:#071c18}
.profile-check-icon svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.profile-completion-card div{display:grid;gap:3px;min-width:0}.profile-completion-card strong{color:#e9faf2;font-size:11px}.profile-completion-card small{color:#7fa8a8;font-size:9px;line-height:1.3}.profile-completion-card>b{color:#e8fff4;font:800 15px Manrope}
.profile-welcome-save{justify-self:start;margin-top:2px;border:0;border-radius:10px;padding:11px 15px;background:#4be3a0;color:#061811;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px #2bd99724}
.profile-welcome-save:hover{background:#75f0ba;box-shadow:0 14px 30px #2bd99738}
.profile-welcome-art{position:absolute;inset:0 0 0 auto;width:48%;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at 52% 55%,#2adf9c20,transparent 48%)}
.profile-welcome-art svg{width:100%;height:100%;max-height:210px;filter:drop-shadow(0 0 16px #3be5b047)}
.profile-card,.profile-calculator-section{border-color:#24444a;background:linear-gradient(145deg,#0b1b22,#0a171d);border-radius:17px}
.profile-card{padding:18px;gap:15px}
.profile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.profile-card-head h2{margin:0;color:#eff8f4;font:750 19px/1.15 Manrope;letter-spacing:-.015em}
.profile-card-head p{margin:5px 0 0;color:#94abb0;font-size:11px;line-height:1.4}
.profile-edit-button{display:inline-flex;align-items:center;gap:7px;flex:none;border:1px solid #35535a;border-radius:10px;padding:9px 12px;background:#0c2028;color:#d0dedc;font-size:10px;cursor:pointer}
.profile-edit-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.profile-edit-button:hover{border-color:#55dfad;color:#75f1bd;background:#102c2c}
.profile-linked-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.profile-subcard{display:grid;gap:11px;padding:13px;border:1px solid #234149;background:linear-gradient(145deg,#10232a,#0b1a20);border-radius:13px}
.profile-subcard+.profile-subcard{padding-left:13px;border-left:1px solid #234149}
.profile-subcard-head{display:flex;align-items:flex-start;gap:9px;min-width:0}
.profile-subcard-head>div{min-width:0}.profile-subcard-head h3{margin:1px 0 4px;color:#f0f7f4;font:650 14px/1.2 Manrope}.profile-subcard-head p{margin:0;color:#91a7aa;font-size:10px;line-height:1.35}
.profile-subcard-icon{width:28px;height:28px;display:grid;place-items:center;flex:none;border:1px solid #287f67;border-radius:9px;background:#0c3a34;color:#55e7b0;box-shadow:0 0 17px #42e1aa15}.profile-subcard-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.profile-field-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #234149;border-radius:10px;overflow:hidden;background:#0b1a21}
.profile-subcard:nth-child(2) .profile-field-grid{grid-template-columns:1fr 1fr}
.profile-subcard:nth-child(2) .profile-field-grid>[data-name="target_weight_kg"]{grid-column:1/-1}
.profile-field-grid>label,.profile-field-grid>.smart-field{min-width:0;min-height:39px;padding:7px 9px;border-bottom:1px solid #20383f}
.profile-field-grid>label:last-child,.profile-field-grid>.smart-field:last-child{border-bottom:0}
.profile-direct-field,.smart-field{display:grid;align-items:center}
.profile-direct-field{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:6px}
.profile-field-label,.smart-label{display:flex;align-items:center;gap:7px;min-width:0;color:#9db0b1;font-size:10px;line-height:1.2}
.profile-field-icon,.smart-label .profile-field-icon{width:15px;height:15px;flex:none;fill:none;stroke:#c4d2d1;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.profile-value-control{min-width:0}.profile-value-control input{width:100%;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;color:#eff8f3!important;text-align:right;box-shadow:none!important;font-size:10px!important}
.smart-field>label{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:6px;min-width:0}
.smart-control{min-width:0}.smart-control:before{display:none}.smart-control input{width:100%;min-height:0!important;padding:0 23px 0 0!important;border:0!important;background:transparent!important;color:#eff8f3!important;text-align:right;font-size:10px!important;box-shadow:none!important}.smart-control input:focus{box-shadow:none!important}.smart-control b{right:0;color:#8fa5a6;font-size:8px}
.smart-hint{grid-column:1/-1;margin-top:1px;color:#749194;font-size:8px;line-height:1.25}
/* Profile metrics keep the number and its unit in separate columns. This
   prevents narrow mobile/tablet cards from letting long units overlap values. */
.profile-field-grid .smart-number .smart-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px}
.profile-field-grid .smart-number .smart-control input{grid-column:1;width:auto!important;padding:0!important}
.profile-field-grid .smart-number .smart-control b{position:static;grid-column:2;right:auto;white-space:nowrap;color:#8fa5a6;font-size:8px}
.profile-calculator-section{display:grid;gap:13px;padding:18px}
.profile-calculator-section .health-calculator-shell{gap:11px}
.health-calc-tabs{max-width:246px;padding:3px;border-color:#234149;background:#09181d;border-radius:9px;gap:3px}
.health-calc-tabs button{padding:8px 10px;border-radius:7px;color:#91aaab;font-size:10px}.health-calc-tabs button.active{background:#4be3a0;box-shadow:none}
.profile-calculator-section .health-calc-summary-card{display:grid;gap:0;padding:0;border:1px solid #245159;border-radius:13px;background:#0c2529;box-shadow:none;overflow:hidden}
.profile-calculator-section .health-calc-summary-head{display:none}
.health-calc-compact-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:0}
.health-calc-compact-results article{display:grid;align-content:start;min-height:0;padding:13px 11px;border:0;border-right:1px solid #245159;border-radius:0;background:transparent}
.health-calc-compact-results article:last-child{border-right:0}
.health-calc-compact-results .metric-icon{width:22px;height:22px;display:grid;place-items:center;margin-bottom:7px;border-radius:7px;color:#74e7c0;background:#13463e}
.health-calc-compact-results .metric-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.health-calc-compact-results .metric-bmi .metric-icon{color:#e78ba8;background:#48263a}.health-calc-compact-results .metric-calories .metric-icon{color:#ffb365;background:#4e3322}.health-calc-compact-results .metric-protein .metric-icon{color:#a8e9b6;background:#214431}.health-calc-compact-results .metric-water .metric-icon{color:#6edbe7;background:#17424b}
.health-calc-compact-results .metric-label{min-height:24px;color:#d1e0dc;font-size:9px;line-height:1.25}.health-calc-compact-results strong{margin-top:5px;color:#f0fbf7;font:750 17px/1.05 Manrope;white-space:nowrap}.health-calc-compact-results em{display:inline-flex;justify-self:start;margin-top:5px;padding:3px 5px;border-radius:5px;background:#6d68432a;color:#cabe8d;font-size:7px;font-style:normal;line-height:1}.health-calc-compact-results small{display:block;margin-top:5px;color:#a4b8b6;font-size:8px;line-height:1.2}.health-calc-compact-results p{display:block;margin:7px 0 0;color:#93adaa;font-size:8px;line-height:1.3}
.health-calc-notice{display:flex;align-items:center;gap:7px;padding:9px 13px;border-top:1px solid #245159;background:#0b3130;color:#9bc3b9}.health-calc-notice>span{width:14px;height:14px;display:grid;place-items:center;flex:none;border-radius:50%;background:#50dfa8;color:#073028;font:900 9px Manrope}.health-calc-notice p{margin:0;font-size:9px;line-height:1.3}.health-calc-notice strong{color:#afe5d2;font-weight:750}
.profile-nutrition-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.profile-nutrition-grid>.smart-field{min-width:0}.profile-nutrition-grid .smart-field>label{display:block}.profile-nutrition-grid .smart-label{margin-bottom:7px}.profile-nutrition-grid .smart-control{height:39px;padding:0 9px;border:1px solid #234149;border-radius:8px;background:#0b1a21}.profile-nutrition-grid .smart-control input{height:100%;padding-right:0!important;text-align:left;color:#91a9aa!important;font-size:9px!important}.profile-nutrition-grid .smart-ghost{left:9px;font-size:9px}.profile-nutrition-grid .smart-control input:not(:placeholder-shown)+.smart-ghost{display:none}.smart-tags-row{display:flex;align-items:flex-start;gap:7px;margin-top:7px;min-height:27px}.smart-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.smart-chips button{padding:7px 8px;border:1px solid #176d59;background:#103f36;color:#8fe9c2;border-radius:7px;font-size:8px;line-height:1;font-weight:750}.smart-chips button span{margin-left:3px;color:#aaf3d2}.smart-add-button{display:inline-flex;align-items:center;gap:4px;flex:none;padding:7px 8px;border:1px solid #29464a;border-radius:7px;background:#0d2026;color:#a8bcbd;font-size:8px;white-space:nowrap;cursor:pointer}.smart-add-button:hover{border-color:#48dca8;color:#75e9bb}.smart-add-button>span{font-size:13px;line-height:.6}.profile-health-copy{display:flex;align-items:center;gap:7px;grid-column:1/-1;margin:1px 0 0;color:#a4b9b7;font-size:9px;line-height:1.35}.profile-health-copy svg{width:16px;height:16px;flex:none;fill:none;stroke:#dcebe6;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.profile-completion-cta{display:grid;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:0;padding:14px 16px;border:1px solid #1e6658;border-radius:15px;background:linear-gradient(105deg,#0b2927,#0d3a35);box-shadow:inset 0 1px 0 #ffffff08}
.profile-completion-cta .profile-cta-icon{width:38px;height:38px;display:grid;place-items:center;color:#66edba}.profile-cta-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.profile-cta-copy h2{margin:0;color:#f0faf5;font:750 15px/1.2 Manrope}.profile-cta-copy p{margin:4px 0 0;color:#a6c7bd;font-size:9px;line-height:1.35}.profile-completion-cta>button[type=submit]{min-height:40px;border:0;border-radius:9px;padding:10px 14px;background:#4be3a0;color:#061811;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.profile-completion-cta>button[type=submit]:hover{background:#76f0ba}.profile-completion-cta .profile-secondary-action{grid-column:3;justify-self:end;border:0;background:transparent;color:#a8c6be;font-size:9px;cursor:pointer}
.profile-action-bar-top{display:none!important}
.profile-direct-field .profile-field-label svg{width:15px;height:15px;flex:none;fill:none;stroke:#c4d2d1;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){
  .profile-shell .mobile-head{display:flex!important;height:36px;margin:6px 6px 8px;padding:0 10px;border:1px solid #18303a;border-radius:18px;background:#07121ae8;box-shadow:0 8px 24px #00000028}
  .profile-shell .sidebar{display:none!important}
  .profile-shell .mobile-head>.app-brand{display:none}.profile-shell .mobile-head-actions{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:10px}.profile-shell .mobile-head-actions #mobileMenu{display:none}.profile-shell .mobile-notification{position:relative;width:25px;height:27px;padding:3px;border:0;background:transparent;color:#d7e5e3;cursor:pointer}.profile-shell .mobile-notification svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.profile-shell .mobile-notification i{position:absolute;right:1px;top:1px;width:5px;height:5px;border:1px solid #07121a;border-radius:50%;background:#52e3ad}.profile-shell .mobile-profile-avatar{width:25px;height:25px;padding:0;border:1px solid #ad79dc;border-radius:50%;background:linear-gradient(145deg,#8f98ff,#6555a2);color:#f8f5ff;font:800 9px Manrope;cursor:pointer;box-shadow:0 0 0 2px #1c3040}.profile-shell .mobile-profile-avatar i{position:absolute}.profile-shell .mobile-profile-chevron{width:7px;height:7px;margin-left:-4px;border-right:1px solid #d8e2de;border-bottom:1px solid #d8e2de;transform:rotate(45deg) translateY(-2px)}
  .profile-shell .app-main{padding:0 4px 24px;margin:0}.profile-settings{gap:7px}.profile-welcome-card{grid-template-columns:minmax(0,1fr) 150px;min-height:124px;padding:13px 10px;border-radius:10px}.profile-welcome-copy{gap:4px}.profile-welcome-copy h1{font-size:16px;line-height:1.12}.profile-welcome-copy>p{max-width:185px;font-size:8px;line-height:1.35}.profile-completion-card{grid-template-columns:17px minmax(0,1fr) auto;gap:5px;max-width:155px;margin-top:5px;padding:6px 7px;border-radius:8px}.profile-check-icon{width:14px;height:14px}.profile-check-icon svg{width:10px;height:10px}.profile-completion-card strong{font-size:7px}.profile-completion-card small{font-size:6px}.profile-completion-card>b{font-size:10px}.profile-welcome-save{margin-top:2px;padding:7px 10px;border-radius:7px;font-size:8px}.profile-welcome-art{width:49%}.profile-welcome-art svg{max-height:126px}
  .profile-card,.profile-calculator-section{padding:9px;border-radius:10px}.profile-card{gap:8px}.profile-card-head{gap:8px}.profile-card-head h2{font-size:15px}.profile-card-head p{margin-top:3px;font-size:8px}.profile-edit-button{gap:4px;padding:6px 7px;border-radius:7px;font-size:7px}.profile-edit-button svg{width:11px;height:11px}.profile-linked-grid{grid-template-columns:1fr 1fr;gap:5px}.profile-subcard{gap:7px;padding:7px;border-radius:8px}.profile-subcard+.profile-subcard{padding-left:7px}.profile-subcard-head{gap:5px}.profile-subcard-icon{width:21px;height:21px;border-radius:6px}.profile-subcard-icon svg{width:13px;height:13px}.profile-subcard-head h3{margin:0 0 2px;font-size:10px}.profile-subcard-head p{font-size:6.5px;line-height:1.25}.profile-field-grid{border-radius:6px}.profile-field-grid>label,.profile-field-grid>.smart-field{min-height:27px;padding:4px 5px}.profile-field-label,.smart-label{gap:4px;font-size:7px}.profile-field-icon,.smart-label .profile-field-icon{width:10px;height:10px}.profile-direct-field,.smart-field>label{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:3px}.profile-value-control input,.smart-control input{font-size:7px!important}.smart-control input{padding-right:15px!important}.smart-control b{font-size:6px}.smart-hint{font-size:5.5px}.profile-subcard:nth-child(2) .profile-field-grid{grid-template-columns:1fr 1fr}.profile-calculator-section{gap:7px}.profile-calculator-section .health-calculator-shell{gap:7px}.health-calc-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:230px;padding:2px;border-radius:7px}.health-calc-tabs button{padding:6px 7px;border-radius:5px;font-size:7px}.health-calc-compact-results article{padding:8px 4px}.health-calc-compact-results .metric-icon{width:17px;height:17px;margin-bottom:4px;border-radius:5px}.health-calc-compact-results .metric-icon svg{width:11px;height:11px}.health-calc-compact-results .metric-label{min-height:20px;font-size:6.5px}.health-calc-compact-results strong{margin-top:3px;font-size:13px}.health-calc-compact-results em{margin-top:3px;padding:2px 3px;font-size:5px}.health-calc-compact-results small{margin-top:3px;font-size:5.5px}.health-calc-compact-results p{margin-top:4px;font-size:5.5px;line-height:1.2}.health-calc-notice{gap:4px;padding:6px 7px}.health-calc-notice>span{width:10px;height:10px;font-size:6px}.health-calc-notice p{font-size:6px}.profile-nutrition-grid{grid-template-columns:1fr 1fr;gap:9px}.profile-nutrition-grid .smart-label{margin-bottom:4px}.profile-nutrition-grid .smart-control{height:23px;padding:0 5px;border-radius:5px}.profile-nutrition-grid .smart-control input,.profile-nutrition-grid .smart-ghost{font-size:6px!important}.profile-nutrition-grid .smart-ghost{left:5px}.smart-tags-row{gap:3px;margin-top:4px;min-height:17px}.smart-chips{gap:3px}.smart-chips button,.smart-add-button{padding:4px 5px;border-radius:4px;font-size:5.5px}.smart-add-button>span{font-size:9px}.profile-health-copy{gap:4px;font-size:6px}.profile-health-copy svg{width:11px;height:11px}.profile-completion-cta{position:relative;grid-template-columns:34px minmax(0,1fr) auto;min-height:58px;gap:5px;padding:7px;border-radius:9px}.profile-completion-cta .profile-cta-icon{width:29px;height:29px}.profile-cta-icon svg{width:29px;height:29px}.profile-cta-copy h2{font-size:9px}.profile-cta-copy p{margin-top:2px;font-size:5.5px}.profile-completion-cta>button[type=submit]{min-height:27px;padding:6px 7px;border-radius:6px;font-size:6.5px}.profile-completion-cta .profile-secondary-action{position:absolute;right:12px;bottom:3px;font-size:5.5px}
}
.routine-water-pause:disabled{cursor:default;opacity:.72}
.routine-settings{grid-template-columns:1fr;gap:20px}.routine-settings-copy{padding:0}.routine-frame-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.routine-frame-kicker,.routine-plan-kicker{display:flex;align-items:center;gap:8px}.routine-frame-kicker small,.routine-plan-kicker small{color:#72e6ae;font-size:9px;font-weight:850;letter-spacing:.14em}.routine-frame-icon,.routine-plan-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #347c58;border-radius:10px;background:#102d1e;color:#72e6ae}.routine-frame-icon svg,.routine-plan-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.routine-frame-status{flex:none;padding:9px 12px;border:1px solid #347c58;border-radius:999px;background:#102a1c;color:#a4efc1;font-size:10px;font-weight:800;white-space:nowrap}.routine-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.routine-setting-field{padding:15px;border:1px solid #244a36;border-radius:16px;background:#0a1710;box-shadow:inset 0 1px 0 #ffffff05}.routine-plan-kicker{margin-bottom:1px}.routine-plan-meta>span{border-color:#347c58;background:#102a1c;color:#a4efc1}.routine-plan-meta>small{color:#769484}.routine-day-plan{padding:0}.routine-plan-item{background:linear-gradient(145deg,#0e2116,#0a1510)}.routine-plan-item.done{background:linear-gradient(145deg,#123725,#0d2117)}
@media(max-width:760px){.routine-frame-header{flex-direction:column;gap:14px}.routine-frame-status{align-self:flex-start}.routine-settings-grid{grid-template-columns:1fr}.routine-setting-field{padding:15px}.routine-plan-meta{justify-items:start}}
.routine-custom-input[hidden]{display:none!important}.routine-settings h2,.routine-plan-head h2{font-size:clamp(25px,2.8vw,36px);line-height:1.08;margin:10px 0 8px}.routine-settings-copy p{font-size:13px;line-height:1.45}.routine-section-divider{margin:28px 0 24px}.routine-plan-hint{font-size:12px;line-height:1.4}.routine-plan-items{margin-top:18px}
@media(max-width:760px){.routine-combined-panel{padding:20px 16px}.routine-settings{gap:18px}.routine-settings h2,.routine-plan-head h2{font-size:29px;line-height:1.08;margin:9px 0 7px}.routine-settings-copy p{font-size:12px}.routine-frame-icon,.routine-plan-icon{width:28px;height:28px}.routine-setting-field{padding:12px;gap:6px}.routine-setting-field select,.routine-setting-field input{min-height:48px;font-size:14px}.routine-setting-field small{font-size:9.5px}.routine-section-divider{margin:24px 0 22px}.routine-plan-head{gap:10px}.routine-plan-hint{font-size:11px}.routine-plan-items{margin-top:16px;gap:9px}.routine-plan-item{min-height:94px;padding:14px;gap:10px;border-radius:16px}.routine-plan-item time{min-width:40px;padding:5px 6px}.routine-plan-item strong{font-size:14px}.routine-plan-item small{margin-top:5px;font-size:10px;line-height:1.35;max-width:230px}.routine-plan-item>b{width:25px;height:25px;font-size:14px}}

/* Gesundheitsroutine: clearer mobile-first frame and day plan */
.routine-combined-panel{gap:0;padding:clamp(24px,3.2vw,38px);border:1px solid #29483a;border-radius:26px;background:radial-gradient(circle at 10% 0,#173b2a 0,transparent 34%),linear-gradient(145deg,#0f1d16,#0a120e 72%);box-shadow:0 24px 70px #00000022}
.routine-settings{grid-template-columns:minmax(0,.78fr) minmax(320px,1fr);gap:32px;align-items:start;padding:0;background:transparent;border:0}
.routine-settings-copy{padding-top:2px}.routine-step-kicker{display:flex;align-items:center;gap:10px}.routine-step-kicker>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #3b9a6a;border-radius:9px;background:#123422;color:#75efad;font-size:11px;font-weight:850}.routine-step-kicker small{color:#55e59b;font-size:10px;font-weight:850;letter-spacing:.15em}.routine-settings h2,.routine-plan-head h2{margin:14px 0 12px;color:#eff9f2;font:650 clamp(28px,3.4vw,43px)/1.04 Manrope;letter-spacing:-.035em}.routine-settings-copy p{max-width:470px;margin:0;color:#9caf9f;font-size:14px;line-height:1.6}.routine-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.routine-setting-field{display:grid;gap:8px;min-width:0;color:#aebfb2;font-size:11px}.routine-setting-field>span{color:#d9e9de;font-size:12px;font-weight:750}.routine-setting-field>span em{margin-left:5px;color:#6f8c7b;font-size:9px;font-style:normal;font-weight:600}.routine-setting-field select,.routine-setting-field input{width:100%;min-height:56px;border:1px solid #2d4d3d;border-radius:16px;background:#08110d;color:#eef8f1;padding:0 16px;outline:0;font:500 14px Manrope;box-shadow:inset 0 1px 0 #ffffff06;transition:border-color .18s,box-shadow .18s,background .18s}.routine-setting-field select:focus,.routine-setting-field input:focus{border-color:#58e39a;background:#0a160f;box-shadow:0 0 0 4px #49e79b18}.routine-setting-field small{color:#71877a;font-size:10px;line-height:1.35}.routine-custom-input{grid-column:1/-1}.routine-custom-input input{margin:0}.routine-section-divider{height:1px;margin:36px 0 30px;background:linear-gradient(90deg,transparent,#2a5842 14%,#2a5842 86%,transparent)}.routine-day-plan{gap:0;padding:0;background:transparent;border:0}.routine-plan-head{align-items:flex-start;gap:18px}.routine-plan-head h2{max-width:680px;margin-bottom:9px}.routine-plan-hint{max-width:620px;margin:0;color:#8fa499;font-size:13px;line-height:1.5}.routine-plan-meta{display:grid;justify-items:end;gap:8px;flex:none}.routine-plan-meta>span{padding:9px 12px;border:1px solid #2d7951;border-radius:999px;background:#102a1d;color:#9eeabd;font-size:10px;font-weight:800;white-space:nowrap}.routine-plan-meta>small{color:#718d7c;font-size:10px}.routine-plan-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.routine-plan-item{position:relative;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;min-height:136px;padding:18px;border:1px solid #29463a;border-radius:18px;background:linear-gradient(145deg,#10251a,#0b1711);box-shadow:0 10px 25px #00000016;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.routine-plan-item:hover,.routine-plan-item:focus-visible{border-color:#50d98e;background:linear-gradient(145deg,#143321,#0d1e15);box-shadow:0 14px 30px #00000026;outline:0;transform:translateY(-2px)}.routine-plan-item time{align-self:start;min-width:45px;padding:6px 7px;border:1px solid #2c7650;border-radius:8px;background:#102d1e;color:#60e9a0;font-size:10px;font-weight:850;text-align:center}.routine-plan-item>span{align-self:start;min-width:0}.routine-plan-item strong{color:#eaf7ef;font:650 16px/1.2 Manrope}.routine-plan-item small{display:block;margin-top:8px;color:#8da497;font-size:11px;line-height:1.45}.routine-plan-item>b{display:grid;place-items:center;align-self:start;width:26px;height:26px;border:1px solid #466a58;border-radius:50%;color:#769786;font-size:16px;line-height:1}.routine-plan-item.done{border-color:#37a66d;background:linear-gradient(145deg,#123725,#0d2117);box-shadow:0 0 0 1px #49e79b18,0 14px 30px #00000020}.routine-plan-item.done>b{border-color:#49e79b;background:#49e79b;color:#07120b;font-size:14px}.routine-custom-empty{margin-top:24px;padding:18px;border-color:#3d7554;background:#0d2015;color:#9eb8a7;font-size:12px}.routine-custom-empty strong{color:#e0f4e7;font-size:14px}
@media(max-width:760px){.routine-combined-panel{padding:24px 18px;border-radius:22px}.routine-settings{grid-template-columns:1fr;gap:24px}.routine-settings h2,.routine-plan-head h2{font-size:34px;line-height:1.04}.routine-settings-copy p{font-size:13px;line-height:1.55}.routine-settings-grid{grid-template-columns:1fr;gap:14px}.routine-custom-input{grid-column:auto}.routine-setting-field select,.routine-setting-field input{min-height:58px;font-size:15px}.routine-section-divider{margin:32px 0 28px}.routine-plan-head{flex-direction:column;gap:14px}.routine-plan-meta{justify-items:start;gap:7px}.routine-plan-items{grid-template-columns:1fr;gap:11px;margin-top:22px}.routine-plan-item{min-height:112px;padding:17px}.routine-plan-item strong{font-size:16px}.routine-plan-item small{max-width:230px;font-size:11px}.routine-plan-item>b{width:29px;height:29px}}

/* Gesundheitsroutine · Stress & Erholung: derselbe ruhige Kartenfluss wie Schlaf und Trinken. */
.routine-recovery-only{display:block;margin-top:18px}
.routine-recovery-card{position:relative;display:grid;gap:18px;overflow:hidden;padding:clamp(22px,3vw,34px);border:1px solid #4b426d;border-radius:26px;background:radial-gradient(circle at 8% 0,#2e2851 0,transparent 34%),linear-gradient(145deg,#18152b,#0c0d16 76%);box-shadow:0 24px 70px #00000028}
.routine-recovery-card:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(120deg,#b7a5ff0d,transparent 38%,#72e6ae05);opacity:.85}
.routine-recovery-card>*{position:relative;z-index:1}
.routine-recovery-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.routine-recovery-kicker{display:flex;align-items:center;gap:10px}.routine-recovery-kicker small{color:#c4b6ff;font-size:10px;font-weight:850;letter-spacing:.15em}
.routine-recovery-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #7768a8;border-radius:11px;background:#2a2450;color:#c9bcff;box-shadow:0 0 20px #9c83ff16}.routine-recovery-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.routine-recovery-header h2{max-width:620px;margin:15px 0 8px;color:#f3f1ff;font:650 clamp(28px,3.3vw,43px)/1.04 Manrope;letter-spacing:-.035em}.routine-recovery-header p{max-width:620px;margin:0;color:#aaa8bd;font-size:13px;line-height:1.55}
.recovery-source-pill{flex:none;padding:9px 12px;border:1px solid #6e5da8;border-radius:999px;background:#272044;color:#c9bdff;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recovery-item-card{display:grid;align-content:start;gap:14px;min-width:0;padding:18px;border:1px solid #3c3657;border-radius:18px;background:linear-gradient(145deg,#211c38,#151525);box-shadow:inset 0 1px 0 #ffffff08}
.recovery-item-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.recovery-item-card header>div{display:grid;gap:5px;min-width:0}.recovery-item-card header small{color:#b7a8f0;font-size:9px;font-weight:850;letter-spacing:.14em}.recovery-item-card header strong{color:#eeeaff;font:650 15px/1.2 Manrope}.recovery-item-card header>span{flex:none;color:#928ca9;font-size:10px;text-align:right}.recovery-item-copy{margin:0;color:#a39eaf;font-size:11px;line-height:1.5}
.recovery-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.recovery-scale button,.recovery-mood-options button,.recovery-choice-grid button{border:1px solid #40385d;border-radius:12px;background:#171529;color:#a9a4b8;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,color .18s;outline:0}.recovery-scale button{display:grid;justify-items:center;gap:4px;padding:9px 4px}.recovery-scale button b{color:#ddd6f7;font:650 16px/1 Manrope}.recovery-scale button span{font-size:9px;line-height:1.2}.recovery-scale button:hover,.recovery-scale button:focus-visible,.recovery-mood-options button:hover,.recovery-mood-options button:focus-visible,.recovery-choice-grid button:hover,.recovery-choice-grid button:focus-visible{border-color:#9581e8;background:#272044;color:#efeaff;transform:translateY(-1px)}.recovery-scale button.active,.recovery-mood-options button.active,.recovery-choice-grid button.active{border-color:#aa98f1;background:#30265a;color:#f3efff;box-shadow:0 0 0 1px #aa98f126}.recovery-scale button.active b{color:#c9bbff}
.recovery-mood-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.recovery-mood-options button{display:flex;align-items:center;gap:8px;padding:10px 11px;text-align:left}.recovery-mood-options button i{display:grid;place-items:center;width:22px;height:22px;border:1px solid #61577d;border-radius:50%;color:#c1b4f9;font-size:15px;font-style:normal}.recovery-mood-options button span{font-size:10px;font-weight:650}.recovery-mood-options button.active i{border-color:#aa98f1;background:#a996f122}
.recovery-item-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:2px;color:#938da8;font-size:10px}.recovery-item-foot span{color:#bdb3dc}.recovery-item-foot small{font-size:9px;letter-spacing:.06em}
.recovery-history{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:6px;height:72px;padding:9px 7px 0;border:1px solid #393353;border-radius:12px;background:#131121}.recovery-history-day{display:grid;grid-template-rows:auto 1fr auto;align-items:end;justify-items:center;gap:4px;height:100%;min-width:0;color:#77728a;font-size:8px}.recovery-history-day>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recovery-history-day i{align-self:end;display:block;width:100%;height:var(--recovery-height);min-height:5px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#c0afff,#7766b5);box-shadow:0 0 12px #aa98ef1c}.recovery-history-day b{color:#e7e2fc;font-size:9px;font-weight:650}.recovery-history-empty{grid-column:1/-1;align-self:center;color:#9993ac;font-size:10px}
.recovery-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.recovery-choice-grid button{display:grid;align-content:center;gap:5px;min-height:61px;padding:10px;text-align:left}.recovery-choice-grid button b{color:#eeeaff;font:650 12px/1.2 Manrope}.recovery-choice-grid button small{color:#8f8aa2;font-size:9px;line-height:1.3}.recovery-choice-grid button.active b{color:#d8ceff}.recovery-action-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:3px;border-top:1px solid #383151}.recovery-action-row>div{display:grid;gap:4px;min-width:0}.recovery-action-row strong{color:#e9e4fb;font:650 13px/1.2 Manrope}.recovery-action-row small{color:#9892aa;font-size:10px;line-height:1.35}.recovery-action-row button{flex:none;border:1px solid #7764bd;border-radius:999px;padding:9px 12px;background:#2a214d;color:#d7ccff;font:650 10px Manrope;cursor:pointer;transition:background .18s,border-color .18s}.recovery-action-row button:hover,.recovery-action-row button:focus-visible{border-color:#b7a5ff;background:#3a2d69;outline:0}.recovery-relax-copy>span{flex:none;color:#938ca9;font-size:9px}
@media(max-width:900px){.recovery-grid{grid-template-columns:1fr}.recovery-item-card{min-height:0}}
@media(max-width:760px){.routine-recovery-only{margin-top:14px}.routine-recovery-card{gap:15px;padding:22px 18px;border-radius:22px}.routine-recovery-header{flex-direction:column;gap:14px}.recovery-source-pill{align-self:flex-start}.routine-recovery-header h2{font-size:34px;line-height:1.04;margin-top:13px}.routine-recovery-header p{font-size:12px;line-height:1.5}.recovery-item-card{padding:16px}.recovery-scale{gap:5px}.recovery-scale button{padding:9px 2px}.recovery-scale button span{font-size:8px}.recovery-history{gap:5px}.recovery-action-row{align-items:flex-start;flex-direction:column}.recovery-action-row button{align-self:flex-start}.recovery-relax-copy{flex-direction:row;align-items:center}}

/* Gesundheitsroutine · Schlaf: ruhig, persönlich und später gegen echte Importdaten austauschbar. */
.routine-sleep-only{display:block;margin-top:18px}
.routine-sleep-card{position:relative;display:grid;gap:18px;overflow:hidden;padding:clamp(22px,3vw,34px);border:1px solid #4b426d;border-radius:26px;background:radial-gradient(circle at 8% 0,#2e2851 0,transparent 34%),linear-gradient(145deg,#18152b,#0c0d16 76%);box-shadow:0 24px 70px #00000028}
.routine-sleep-card:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(120deg,#b7a5ff0d,transparent 38%,#72e6ae05);opacity:.85}
.routine-sleep-card>*{position:relative;z-index:1}
.routine-sleep-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.routine-sleep-kicker{display:flex;align-items:center;gap:10px}
.routine-sleep-kicker small{color:#c4b6ff;font-size:10px;font-weight:850;letter-spacing:.15em}
.routine-sleep-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #7768a8;border-radius:11px;background:#2a2450;color:#c9bcff;box-shadow:0 0 20px #9c83ff16}
.routine-sleep-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.routine-sleep-header h2{max-width:620px;margin:15px 0 8px;color:#f3f1ff;font:650 clamp(28px,3.3vw,43px)/1.04 Manrope;letter-spacing:-.035em}
.routine-sleep-header p{max-width:620px;margin:0;color:#aaa8bd;font-size:13px;line-height:1.55}
.sleep-source-pill{flex:none;padding:9px 12px;border:1px solid #6e5da8;border-radius:999px;background:#272044;color:#c9bdff;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.sleep-main-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(250px,.82fr);gap:12px}
.sleep-score-panel,.sleep-night-panel,.sleep-detail-card{border:1px solid #3c3657;background:linear-gradient(145deg,#211c38,#151525);box-shadow:inset 0 1px 0 #ffffff08}
.sleep-score-panel{display:flex;align-items:center;gap:22px;min-width:0;padding:22px;border-radius:20px}
.sleep-score-ring{--sleep-score:0%;position:relative;display:grid;flex:none;place-items:center;width:132px;height:132px;border-radius:50%;background:conic-gradient(#b7a5ff 0 var(--sleep-score),#393252 var(--sleep-score) 100%);box-shadow:0 0 30px #9e8cff22}
.sleep-score-ring:before{position:absolute;inset:9px;border-radius:50%;background:#17152a;content:"";box-shadow:inset 0 0 0 1px #ffffff0b}
.sleep-score-ring>div{position:relative;display:grid;justify-items:center;gap:1px}
.sleep-score-ring strong{color:#f3f0ff;font:750 38px/1 Manrope;letter-spacing:-.05em}
.sleep-score-ring span{color:#9690ae;font-size:10px}
.sleep-score-copy{display:grid;gap:5px;min-width:0}
.sleep-score-copy small,.sleep-night-stat small,.sleep-detail-card header small,.sleep-recommendation small,.sleep-history-head small{color:#b7a8f0;font-size:9px;font-weight:850;letter-spacing:.14em}
.sleep-score-copy>strong{color:#f0edff;font:650 20px/1.2 Manrope}
.sleep-score-copy p{max-width:390px;margin:0;color:#a8a4b7;font-size:12px;line-height:1.5}
.sleep-night-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;border-radius:20px}
.sleep-night-stat{display:grid;align-content:center;gap:6px;min-width:0;padding:22px 18px}
.sleep-night-stat+ .sleep-night-stat{border-left:1px solid #3b3555}
.sleep-night-stat strong{color:#f2efff;font:650 clamp(17px,2vw,23px)/1.15 Manrope;overflow-wrap:anywhere}
.sleep-night-stat span{color:#9793aa;font-size:11px;line-height:1.4}
.sleep-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:12px}
.sleep-detail-card{display:grid;align-content:start;gap:17px;min-width:0;padding:18px;border-radius:18px}
.sleep-detail-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.sleep-detail-card header>div{display:grid;gap:5px;min-width:0}
.sleep-detail-card header strong{color:#eeeaff;font:650 15px/1.2 Manrope}
.sleep-detail-card header>span{flex:none;color:#928ca9;font-size:10px;text-align:right}
.sleep-phase-bar{display:flex;width:100%;height:12px;overflow:hidden;border:1px solid #ffffff0d;border-radius:999px;background:#0e0d17}
.sleep-phase-segment{display:block;flex:0 0 var(--phase-width);min-width:2px;height:100%;border-right:1px solid #17152a;transition:flex-basis .2s}
.sleep-phase-segment:last-child{border-right:0}
.sleep-phase-light{background:#a89ae7}.sleep-phase-deep{background:#6553a7}.sleep-phase-rem{background:#d39be8}.sleep-phase-awake{background:#696778}
.sleep-phase-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px}
.sleep-phase-legend span{display:grid;grid-template-columns:8px minmax(0,1fr);column-gap:7px;align-items:center;color:#a7a2b8;font-size:10px;line-height:1.3}
.sleep-phase-legend i{grid-row:1 / span 2;width:8px;height:8px;border-radius:50%}.sleep-phase-legend b{grid-column:2;color:#eeeaff;font-size:11px;font-weight:650}
.sleep-phase-legend .sleep-phase-light{background:#a89ae7}.sleep-phase-legend .sleep-phase-deep{background:#6553a7}.sleep-phase-legend .sleep-phase-rem{background:#d39be8}.sleep-phase-legend .sleep-phase-awake{background:#696778}
.sleep-vitals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto}
.sleep-vitals-grid>div{display:grid;gap:6px;min-width:0;padding:12px;border:1px solid #3a3453;border-radius:13px;background:#141324}
.sleep-vitals-grid small{color:#938ca8;font-size:8px;font-weight:850;letter-spacing:.08em}.sleep-vitals-grid strong{color:#eeeaff;font:650 16px/1.1 Manrope;overflow-wrap:anywhere}.sleep-vitals-grid span{color:#89869b;font-size:10px}
.sleep-snoring-card{background:linear-gradient(145deg,#211d34,#171525)}
.sleep-snoring-card header strong{color:#e9ddff}.sleep-snoring-card p{margin:0;color:#a39eaf;font-size:11px;line-height:1.5}.sleep-snoring-meter{height:7px;overflow:hidden;border-radius:999px;background:#312a46}.sleep-snoring-meter i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8374cb,#db9de7);transition:width .2s}
.sleep-recommendation{display:flex;align-items:flex-start;gap:13px;padding:17px 18px;border:1px solid #5a4c83;border-radius:17px;background:linear-gradient(105deg,#2a2348,#1c1930);box-shadow:inset 0 1px 0 #ffffff0a}
.sleep-recommendation-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:#9580e9;color:#171329;font-size:18px;box-shadow:0 5px 15px #9b84eb30}
.sleep-recommendation>div{display:grid;gap:5px;min-width:0}.sleep-recommendation small{color:#d1c5ff}.sleep-recommendation strong{color:#f1edff;font:650 16px/1.2 Manrope}.sleep-recommendation p{max-width:760px;margin:0;color:#aba5be;font-size:11px;line-height:1.5}
.sleep-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px;color:#8f8aa2;font-size:10px}.sleep-card-footer>span{display:flex;align-items:center;gap:7px;min-width:0}.sleep-card-footer>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sleep-card-footer>span i{width:7px;height:7px;border-radius:50%;background:#b7a5ff;box-shadow:0 0 10px #b7a5ff88}
.sleep-card-footer button{flex:none;border:1px solid #534777;border-radius:999px;padding:8px 12px;background:#211b38;color:#c5b8f6;font:650 10px Manrope;cursor:pointer;transition:background .18s,border-color .18s}.sleep-card-footer button:hover,.sleep-card-footer button:focus-visible{border-color:#aa98f1;background:#30265a;outline:0}
.sleep-more-details{display:grid;gap:16px;padding:18px;border:1px solid #393353;border-radius:17px;background:#131121}.sleep-more-details[hidden]{display:none!important}.sleep-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sleep-history-head>div{display:grid;gap:5px}.sleep-history-head strong{color:#e9e5fb;font:650 15px/1.2 Manrope}.sleep-history-head>span{color:#8e88a6;font-size:10px}.sleep-history-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:9px;min-height:128px}.sleep-history-row{display:grid;grid-template-rows:auto 86px auto;justify-items:center;gap:6px;min-width:0;color:#938da8;font-size:9px}.sleep-history-row>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sleep-history-bar{display:flex;align-items:flex-end;width:100%;height:86px;padding:0 7px;border-bottom:1px solid #393353;background:linear-gradient(180deg,transparent,#ffffff03)}.sleep-history-bar i{display:block;width:100%;min-height:7px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#c0afff,#7766b5);box-shadow:0 0 16px #aa98ef1c}.sleep-history-row strong{color:#e7e2fc;font-size:11px}.sleep-history-row small{color:#777289;font-size:9px;white-space:nowrap}.sleep-history-empty{margin:0;color:#9993ac;font-size:11px}
.sleep-session-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid #5a4c83;border-radius:18px;background:linear-gradient(105deg,#2a2348,#1c1930)}
.sleep-session-copy{display:grid;gap:5px;min-width:0}
.sleep-session-copy small{color:#d1c5ff;font-size:9px;font-weight:850;letter-spacing:.14em}
.sleep-session-copy strong{color:#f1edff;font:650 16px/1.2 Manrope}
.sleep-session-copy p{margin:0;color:#aba5be;font-size:12px;line-height:1.45}
.sleep-session-actions{display:flex;gap:8px;flex-wrap:wrap}
.sleep-session-actions button,.sleep-consent-actions button,.sleep-range button,.sleep-delete-btn{
  border:1px solid #aa98f1;border-radius:999px;padding:10px 14px;background:#b7a5ff;color:#171329;
  font:700 12px Manrope;cursor:pointer
}
#sleepStopBtn,.sleep-delete-btn{background:#211b38;color:#c5b8f6;border-color:#534777}
.sleep-consent{display:grid;gap:10px;padding:16px;border:1px solid #3c3657;border-radius:16px;background:#151427;color:#c9c3d8;font-size:12px;line-height:1.45}
.sleep-consent[hidden],.sleep-session-actions button[hidden]{display:none!important}
.sleep-consent label{display:flex;gap:8px;align-items:flex-start}
.sleep-consent-actions{display:flex;gap:8px;flex-wrap:wrap}
.sleep-phase-note,.sleep-breath-line,.sleep-quality-line,.sleep-trend,.sleep-disclaimer{margin:0;color:#a39eaf;font-size:11px;line-height:1.45}
.sleep-repeat-warning{margin:0;padding:12px;border:1px solid #6e5da8;border-radius:12px;background:#272044;color:#e9ddff;font-size:12px;line-height:1.45}
.sleep-repeat-warning[hidden]{display:none!important}
.sleep-timeline{position:relative;height:18px;overflow:hidden;border:1px solid #393353;border-radius:999px;background:#0e0d17}
.sleep-timeline-empty{display:block;padding:2px 10px;color:#8f8aa2;font-size:10px}
.sleep-tl{position:absolute;top:0;bottom:0;min-width:2px;border-radius:2px}
.sleep-tl-quiet{background:#a89ae7}.sleep-tl-unrest{background:#6553a7}.sleep-tl-awake{background:#696778}
.sleep-tl-snore{background:#d39be8}.sleep-tl-breath_pause{background:#f0c48a}.sleep-tl-speech{background:#7aa7d9}
.sleep-tl-noise{background:#7d778c}.sleep-tl-gap{background:#3a3548}
.sleep-tl-motion{background:#8a7bb8}.sleep-tl-rest{background:#9db6e8}.sleep-tl-cough{background:#c9a27a}
.sleep-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sleep-facts>div{display:grid;gap:4px;padding:12px 14px;border:1px solid #3c3657;border-radius:14px;background:#171525}
.sleep-facts small{color:#b7a8f0;font-size:9px;font-weight:850;letter-spacing:.12em}
.sleep-facts strong{color:#f0edff;font:650 14px/1.2 Manrope}
.sleep-score-parts,.sleep-stages-line,.sleep-stats-line{margin:0;color:#a39eaf;font-size:11px;line-height:1.45}
.sleep-history-bars.is-month{grid-template-columns:repeat(auto-fill,minmax(28px,1fr))}
.sleep-history-row{cursor:pointer;border-radius:8px;background:transparent;border:0;padding:0;font:inherit;color:inherit;width:100%}
.sleep-history-row.is-active i{box-shadow:0 0 0 1px #b7a5ff88}
.sleep-history-row:focus-visible{outline:2px solid #b7a5ff;outline-offset:2px}
@media(max-width:760px){.sleep-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sleep-range{display:flex;gap:6px}
.sleep-range button{padding:7px 10px;background:#211b38;color:#c5b8f6;border-color:#534777;font-size:10px}
.sleep-range button.active{background:#b7a5ff;color:#171329;border-color:#b7a5ff}
.sleep-timeline-wrap{display:grid;gap:10px;margin-bottom:8px}
@media(max-width:760px){
  .sleep-session-panel{grid-template-columns:1fr}
  .sleep-session-actions button{width:100%}
}
@media(max-width:900px){.sleep-main-grid{grid-template-columns:1fr}.sleep-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sleep-phases-card{grid-column:1/-1}}
@media(max-width:760px){.routine-sleep-only{margin-top:14px}.routine-sleep-card{gap:15px;padding:22px 18px;border-radius:22px}.routine-sleep-header{flex-direction:column;gap:14px}.sleep-source-pill{align-self:flex-start}.routine-sleep-header h2{font-size:34px;line-height:1.04;margin-top:13px}.routine-sleep-header p{font-size:12px;line-height:1.5}.sleep-score-panel{align-items:flex-start;flex-direction:column;gap:17px;padding:18px}.sleep-score-ring{width:112px;height:112px}.sleep-score-ring:before{inset:8px}.sleep-score-ring strong{font-size:32px}.sleep-score-copy>strong{font-size:18px}.sleep-night-panel{grid-template-columns:1fr}.sleep-night-stat{padding:17px}.sleep-night-stat+ .sleep-night-stat{border-top:1px solid #3b3555;border-left:0}.sleep-detail-grid{grid-template-columns:1fr}.sleep-phases-card{grid-column:auto}.sleep-detail-card{padding:16px}.sleep-card-footer{align-items:flex-start;flex-direction:column}.sleep-card-footer button{align-self:flex-start}.sleep-more-details{padding:15px}.sleep-history-bars{gap:5px}.sleep-history-bar{padding:0 3px}.sleep-history-row small{font-size:8px}}

/* Stress & Erholung bleibt im selben Layout, bekommt aber bewusst eine eigene warme Farbe. */
.routine-recovery-card{border-color:#704a4c;background:radial-gradient(circle at 8% 0,#4a2c31 0,transparent 34%),linear-gradient(145deg,#24181d,#100e13 76%)}
.routine-recovery-card:before{background:linear-gradient(120deg,#ffb0930d,transparent 38%,#f5c4a305)}
.routine-recovery-kicker small{color:#ffc0a0}.routine-recovery-icon{border-color:#a26865;background:#42282b;color:#ffc2a7;box-shadow:0 0 20px #ff9d8216}
.recovery-source-pill{border-color:#98615e;background:#3b252c;color:#ffd0bc}
.recovery-item-card{border-color:#523b47;background:linear-gradient(145deg,#271a23,#191319)}
.recovery-item-card header small{color:#efa98f}.recovery-item-card header>span{color:#af8f93}.recovery-item-copy{color:#b49ca0}
.recovery-scale button,.recovery-mood-options button,.recovery-choice-grid button{border-color:#61434d;background:#1e151b;color:#c8aeb2}.recovery-scale button b{color:#f0d9cf}.recovery-scale button:hover,.recovery-scale button:focus-visible,.recovery-mood-options button:hover,.recovery-mood-options button:focus-visible,.recovery-choice-grid button:hover,.recovery-choice-grid button:focus-visible{border-color:#d88979;background:#3a242d;color:#fff0e8}.recovery-scale button.active,.recovery-mood-options button.active,.recovery-choice-grid button.active{border-color:#efaa91;background:#523038;color:#fff3eb;box-shadow:0 0 0 1px #efaa9126}.recovery-scale button.active b{color:#ffd0b7}
.recovery-mood-options button i{border-color:#895d60;color:#f0b29f}.recovery-mood-options button.active i{border-color:#efaa91;background:#efaa9122}.recovery-item-foot{color:#ae9297}.recovery-item-foot span{color:#e0b9ae}
.recovery-history{border-color:#523a45;background:#191117}.recovery-history-day{color:#947b82}.recovery-history-day i{background:linear-gradient(180deg,#ffc0a1,#b96f77);box-shadow:0 0 12px #efaa9120}.recovery-history-day b{color:#f6e0d3}
.recovery-choice-grid button b{color:#f5e8e0}.recovery-choice-grid button small{color:#ad9196}.recovery-choice-grid button.active b{color:#ffd0bc}.recovery-action-row{border-top-color:#4c3540}.recovery-action-row strong{color:#f5e5de}.recovery-action-row small{color:#b99ba0}.recovery-action-row button{border-color:#9e625e;background:#42252c;color:#ffd0bc}.recovery-action-row button:hover,.recovery-action-row button:focus-visible{border-color:#ffc0a1;background:#5a3034}.recovery-relax-copy>span{color:#a98d93}

/* Final refinement: restrained slate/sage palette, with color reserved for interaction states. */
.routine-recovery-card{border-color:#3c4b42;background:radial-gradient(circle at 8% 0,#1d2b23 0,transparent 34%),linear-gradient(145deg,#121a16,#0d120f 76%)}
.routine-recovery-card:before{background:linear-gradient(120deg,#b9cdb60a,transparent 38%,#d1b98a04)}
.routine-recovery-kicker small{color:#abc2ad}.routine-recovery-icon{border-color:#536c59;background:#1a2a21;color:#b9cfb7;box-shadow:0 0 20px #9ebd9d12}
.recovery-source-pill{border-color:#536c59;background:#18221c;color:#b9cbb8}
.recovery-item-card{border-color:#2f3d35;background:linear-gradient(145deg,#151e19,#101611)}
.recovery-item-card header small{color:#a7bca9}.recovery-item-card header>span{color:#84988a}.recovery-item-copy{color:#9eaca1}
.recovery-scale button,.recovery-mood-options button,.recovery-choice-grid button{border-color:#35463b;background:#101712;color:#aebaae}.recovery-scale button b{color:#d6e0d4}.recovery-scale button:hover,.recovery-scale button:focus-visible,.recovery-mood-options button:hover,.recovery-mood-options button:focus-visible,.recovery-choice-grid button:hover,.recovery-choice-grid button:focus-visible{border-color:#6d8a72;background:#1b2a21;color:#e4eee3}.recovery-scale button.active,.recovery-mood-options button.active,.recovery-choice-grid button.active{border-color:#819b84;background:#26362b;color:#e4eee3;box-shadow:0 0 0 1px #9eb99f20}.recovery-scale button.active b{color:#c8dbc7}
.recovery-mood-options button i{border-color:#526a59;color:#aec5ad}.recovery-mood-options button.active i{border-color:#819b84;background:#9eb99f18}.recovery-item-foot{color:#84998a}.recovery-item-foot span{color:#b4c4b4}
.recovery-history{border-color:#2f3d35;background:#0e1511}.recovery-history-day{color:#728377}.recovery-history-day i{background:linear-gradient(180deg,#b8cbb4,#627967);box-shadow:0 0 12px #9eb99f18}.recovery-history-day b{color:#d4e0d3}
.recovery-choice-grid button b{color:#dbe5da}.recovery-choice-grid button small{color:#85998a}.recovery-choice-grid button.active b{color:#c8dbc7}.recovery-action-row{border-top-color:#2e3c34}.recovery-action-row strong{color:#dbe5da}.recovery-action-row small{color:#91a294}.recovery-action-row button{border-color:#5f7b65;background:#1b2921;color:#c1d4c2}.recovery-action-row button:hover,.recovery-action-row button:focus-visible{border-color:#9eb99f;background:#293c2e}.recovery-relax-copy>span{color:#819286}

.recovery-session-copy{display:grid;gap:4px;min-width:0}.recovery-session-copy>b{color:#c5d6c4;font:650 11px/1.2 Manrope}.recovery-session-copy>small{color:#829587;font-size:9px;line-height:1.3}.recovery-session-progress{display:block;width:100%;height:4px;overflow:hidden;border-radius:999px;background:#26332a}.recovery-session-progress i{display:block;width:0;height:100%;border-radius:inherit;background:#9eb99f;transition:width .2s linear}
@media(max-width:760px){.recovery-relax-copy{flex-direction:column!important;align-items:flex-start!important}.recovery-session-copy{width:100%}.recovery-session-copy+button{align-self:flex-start}}

/* Gesundheitsroutine home card: calm lifestyle photo with readable copy space. */
.home-module-card:nth-child(5){background-image:linear-gradient(90deg,#07100df5 0%,#07100dce 38%,#07100d66 64%,#07100d18 100%),url('/assets/healthos-routine-menu-v2.webp');background-size:cover;background-position:center;background-repeat:no-repeat}
.home-module-card:nth-child(5):hover,.home-module-card:nth-child(5):focus-visible{background-image:linear-gradient(90deg,#06100cf7 0%,#06100ccf 36%,#06100c4c 65%,#06100c12 100%),url('/assets/healthos-routine-menu-v2.webp');background-size:cover;background-position:center;background-repeat:no-repeat}

.auth-provider-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#718078;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.auth-provider-divider:before,.auth-provider-divider:after{content:"";height:1px;flex:1;background:#26372f}.auth-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.auth-provider-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;border:1px solid #2d4036;border-radius:12px;background:#0a110d;color:#dce9e1;text-decoration:none;font-size:11px;font-weight:750;transition:border-color .18s,background .18s,transform .18s}.auth-provider-button:hover,.auth-provider-button:focus-visible{border-color:#49e79b88;background:#12231a;transform:translateY(-1px);outline:0}.auth-provider-mark{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#1e3026;color:#dff8e9;font:800 11px Manrope}.auth-provider-google .auth-provider-mark{color:#8fc7ff}.auth-provider-apple .auth-provider-mark{color:#fff}.auth-provider-microsoft .auth-provider-mark{color:#a8d1ff}.auth-provider-github .auth-provider-mark{color:#d1c5ff}.auth-provider-note{margin:13px 0 0;color:#718078;text-align:center;font-size:10px;line-height:1.5}@media(max-width:520px){.auth-provider-grid{grid-template-columns:1fr}.auth-provider-button{min-height:47px}}
.serving-stepper button::before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}

/* Match the weight check-in to the established routine section headers. */
.routine-progress-panel{position:relative;grid-template-columns:1fr;grid-template-areas:"copy" "form" "kpis" "trend";align-items:stretch;gap:18px;overflow:hidden;padding:clamp(22px,3vw,34px);border:1px solid #3c4b42;border-radius:26px;background:radial-gradient(circle at 8% 0,#1d2b23 0,transparent 34%),linear-gradient(145deg,#121a16,#0d120f 76%);box-shadow:0 24px 70px #00000022}
.routine-progress-panel:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(120deg,#b9cdb60a,transparent 38%,#d1b98a04);opacity:.85}
.routine-progress-panel>*{position:relative;z-index:1}
.routine-progress-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;min-width:0}
.routine-progress-kicker{display:flex;align-items:center;gap:10px}
.routine-progress-kicker small{color:#abc2ad;font-size:10px;font-weight:850;letter-spacing:.15em}
.routine-progress-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #536c59;border-radius:11px;background:#1a2a21;color:#b9cfb7;box-shadow:0 0 20px #9ebd9d12}
.routine-progress-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.routine-progress-header h2{max-width:620px;margin:15px 0 8px;color:#f3f1ff;font:650 clamp(28px,3.3vw,43px)/1.04 Manrope;letter-spacing:-.035em}
.routine-progress-header p{max-width:620px;margin:0;color:#aaa8bd;font-size:13px;line-height:1.55}
.routine-progress-status-pill{flex:none;padding:9px 12px;border:1px solid #536c59;border-radius:999px;background:#18221c;color:#b9cbb8;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.routine-progress-panel .progress-weight-form{grid-area:form;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin:0;padding:16px;border:1px solid #2f3d35;border-radius:17px;background:linear-gradient(145deg,#151e19,#101611)}
.routine-progress-panel .progress-weight-form label{gap:7px;color:#aebaae;font-size:11px;font-weight:650}
.routine-progress-panel .progress-weight-form input{height:46px;min-height:46px;border-color:#35463b;background:#101712;border-radius:11px;color:#edf7f0;font-size:20px}
.routine-progress-panel .progress-weight-form input:focus{border-color:#819b84;background:#16221a;box-shadow:0 0 0 3px #9eb99f18}
.routine-progress-panel .progress-weight-form label>span{right:12px;bottom:13px;color:#84988a;font-size:11px}
.routine-progress-panel .progress-weight-form button[type=submit]{height:46px;min-height:46px;padding:11px 16px;border-radius:11px;background:#49e79b;color:#07100b;box-shadow:0 8px 18px #49e79b12}
.routine-progress-panel .progress-weight-form button[type=submit]:hover,.routine-progress-panel .progress-weight-form button[type=submit]:focus-visible{background:#72efb0;box-shadow:0 10px 22px #49e79b20;outline:0}
.routine-progress-panel .progress-kpi-strip{border-top:1px solid #2e3c34}
.routine-progress-panel .progress-kpi-strip article{border-color:#2e3c34}
.routine-progress-panel .progress-kpi-strip small{color:#84988a}
.routine-progress-panel .progress-kpi-strip strong{color:#eef5f0}
.routine-progress-panel .progress-kpi-strip span{color:#91a294}
.routine-progress-panel .progress-inline-trend{border-top-color:#2e3c34}
.routine-progress-panel .progress-inline-head small{color:#abc2ad}
.routine-progress-panel .progress-inline-head h2{color:#f3f1ff}
.routine-progress-panel .progress-inline-head p{color:#aaa8bd}
.routine-progress-panel .progress-inline-head>span{border-color:#536c59;background:#18221c;color:#b9cbb8}
@media(max-width:760px){.routine-progress-panel{padding:22px 18px;border-radius:22px}.routine-progress-header{flex-direction:column;gap:14px}.routine-progress-status-pill{align-self:flex-start}.routine-progress-header h2{font-size:34px;line-height:1.04;margin-top:13px}.routine-progress-header p{font-size:12px;line-height:1.5}.routine-progress-panel .progress-weight-form{grid-template-columns:minmax(0,1fr) auto;padding:14px}.routine-progress-panel .progress-weight-form button[type=submit]{width:auto;padding-inline:13px}}
@media(max-width:360px){.routine-progress-panel .progress-weight-form{grid-template-columns:1fr}.routine-progress-panel .progress-weight-form button[type=submit]{justify-self:start}}

/* Final palette override: emerald routine color wins over earlier compatibility rules. */
.routine-progress-panel{border-color:#29483a;background:radial-gradient(circle at 10% 0,#173b2a 0,transparent 34%),linear-gradient(145deg,#0f1d16,#0a120e 72%)}
.routine-progress-panel:before{background:linear-gradient(120deg,#72e6ae0d,transparent 38%,#49e79b05)}
.routine-progress-kicker small{color:#55e59b}
.routine-progress-icon{border-color:#3b9a6a;background:#123422;color:#75efad;box-shadow:0 0 20px #49e79b14}
.routine-progress-status-pill{border-color:#2d7951;background:#102a1d;color:#9eeabd}
.routine-progress-panel .progress-weight-form{border-color:#244a36;background:linear-gradient(145deg,#10251a,#0b1711)}
.routine-progress-panel .progress-weight-form label{color:#aebfb2}
.routine-progress-panel .progress-weight-form input{border-color:#2d4d3d;background:#08110d}
.routine-progress-panel .progress-weight-form input:focus{border-color:#58e39a;background:#0a160f;box-shadow:0 0 0 3px #49e79b18}
.routine-progress-panel .progress-weight-form label>span{color:#769484}
.routine-progress-panel .progress-kpi-strip,.routine-progress-panel .progress-inline-trend{border-color:#2a5842}
.routine-progress-panel .progress-kpi-strip article{border-color:#2a5842}
.routine-progress-panel .progress-kpi-strip small{color:#769484}
.routine-progress-panel .progress-kpi-strip span{color:#8fa499}
.routine-progress-panel .progress-inline-head small{color:#55e59b}
.routine-progress-panel .progress-inline-head>span{border-color:#2d7951;background:#102a1d;color:#9eeabd}

/* Final palette: weight tracking is amber; the save action stays emerald. */
.routine-progress-panel{border-color:#5a5037;background:radial-gradient(circle at 10% 0,#3b321e 0,transparent 34%),linear-gradient(145deg,#1c1b14,#10120e 72%)}
.routine-progress-panel:before{background:linear-gradient(120deg,#e0c47a0d,transparent 38%,#d8b66e05)}
.routine-progress-kicker small{color:#d8b66e}
.routine-progress-icon{border-color:#8c7748;background:#2a2518;color:#e0c47a;box-shadow:0 0 20px #d8b66e14}
.routine-progress-status-pill{border-color:#8c7748;background:#282319;color:#e3c995}
.routine-progress-panel .progress-weight-form{border-color:#514630;background:linear-gradient(145deg,#242116,#161610)}
.routine-progress-panel .progress-weight-form label{color:#c1b58f}
.routine-progress-panel .progress-weight-form input{border-color:#5c5035;background:#11120d}
.routine-progress-panel .progress-weight-form input:focus{border-color:#d4b272;background:#17170f;box-shadow:0 0 0 3px #d8b66e18}
.routine-progress-panel .progress-weight-form label>span{color:#a99b73}
.routine-progress-panel .progress-kpi-strip,.routine-progress-panel .progress-inline-trend{border-color:#4a422f}
.routine-progress-panel .progress-kpi-strip article{border-color:#4a422f}
.routine-progress-panel .progress-kpi-strip small{color:#b6a67d}
.routine-progress-panel .progress-kpi-strip span{color:#9d967d}
.routine-progress-panel .progress-inline-head small{color:#d8b66e}
.routine-progress-panel .progress-inline-head>span{border-color:#8c7748;background:#282319;color:#e3c995}
.routine-progress-panel .body-trend-line{stroke:#d8b66e}
.routine-progress-panel .body-trend-dot{stroke:#e0c47a}
.routine-progress-panel .body-trend-dot.latest{fill:#d8b66e;stroke:#fff1c5}

/* Routine bug fixes: the frame is one column and paused actions are visibly inactive. */
.routine-settings{grid-template-columns:1fr;gap:0}
.routine-plan-item:disabled,.routine-plan-item:disabled:hover{cursor:not-allowed;opacity:.46;transform:none;box-shadow:none;border-color:#29463a;background:#0d1711}
.routine-water-actions button:disabled,.routine-water-actions button:disabled:hover{cursor:not-allowed;opacity:.42;transform:none;border-color:#24444d;background:#0b1a1e;color:#698087}
.routine-water-goal-field:has(input:disabled){opacity:.48;cursor:not-allowed}
.routine-settings select:disabled,.routine-custom-input input:disabled{cursor:not-allowed;opacity:.48}

/* KI-Coach: keep sender name and avatar together in one chat header row. */
.coach-premium-shell .coach-message{align-items:flex-end!important}
.coach-premium-shell .coach-message.user{justify-content:flex-end!important}
.coach-premium-shell .coach-message-stack{min-width:0!important;max-width:min(78%,620px)!important}
.coach-premium-shell .coach-message-meta{display:flex!important;align-items:center!important;gap:8px!important;min-height:30px!important;margin:0 0 7px 2px!important}
.coach-premium-shell .coach-message.user .coach-message-meta{justify-content:flex-start!important;margin-left:0!important;margin-right:2px!important;flex-direction:row-reverse!important}
.coach-premium-shell .coach-message-meta small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important}
.coach-premium-shell .coach-message-avatar{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;margin-bottom:2px!important;border:1px solid #40574a!important;border-radius:50%!important;background:#16261d!important;color:#c8f7d9!important;font:800 10px/1 Manrope!important;letter-spacing:.02em!important;overflow:hidden!important;box-shadow:0 6px 16px #0000002e,inset 0 1px 0 #ffffff18!important}
.coach-premium-shell .coach-message-avatar-assistant{background:#737bdd url('/assets/healthos-coach-avatar.webp') center/cover no-repeat!important;border-color:#8b9cff88!important;color:transparent!important;box-shadow:0 6px 18px #6e78df33!important}
.coach-premium-shell .coach-message-avatar-user{background:linear-gradient(145deg,#a8b0ff,#6971d4)!important;border-color:#72e6ae88!important;color:#f7fffb!important}
.coach-premium-shell .coach-message-avatar-user.has-image{background-image:var(--coach-user-avatar-image)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;color:transparent!important}
@media(max-width:820px){.coach-premium-shell .coach-message-stack{max-width:94%!important}.coach-premium-shell .coach-message-avatar{flex-basis:28px!important;width:28px!important;height:28px!important}}

/* Coach follow-up action: make it a deliberate footer of the answer bubble. */
.coach-premium-shell .coach-message.assistant .coach-message-content:has(+ .coach-quick-actions){border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
.coach-premium-shell .coach-message.assistant .coach-quick-actions{display:flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:10px 12px 12px!important;border:1px solid #2d4437!important;border-top:0!important;border-radius:0 0 18px 18px!important;background:#19241e!important}
.coach-premium-shell .coach-message.assistant .coach-quick-actions button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-height:38px!important;margin:0!important;padding:8px 9px 8px 12px!important;border:1px solid #3b604d!important;border-radius:11px!important;background:linear-gradient(135deg,#142b20,#102018)!important;color:#baf4d0!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;text-align:left!important;box-shadow:inset 0 1px 0 #ffffff0a,0 8px 18px #0000001c!important;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease!important}
.coach-premium-shell .coach-message.assistant .coach-quick-actions button:before{content:"→"!important;order:2!important;display:grid!important;place-items:center!important;flex:0 0 24px!important;width:24px!important;height:24px!important;margin:0 0 0 auto!important;border-radius:8px!important;background:#2b6a4b!important;color:#e0ffed!important;font-size:16px!important;font-weight:500!important;line-height:1!important}
.coach-premium-shell .coach-message.assistant .coach-quick-actions button:hover,.coach-premium-shell .coach-message.assistant .coach-quick-actions button:focus-visible{border-color:#72e6ae!important;background:linear-gradient(135deg,#193a29,#143022)!important;color:#e5fff0!important;transform:translateY(-1px)!important;box-shadow:0 10px 22px #49e79b18!important;outline:0!important}
.coach-premium-shell .coach-message.assistant .coach-message-content:not(:has(.coach-artifact-card)):has(+ .coach-quick-actions){padding:14px 15px!important;background:linear-gradient(145deg,#17221c,#121a16)!important;border:1px solid #30483b!important;border-radius:18px 18px 0 0!important;box-shadow:0 12px 28px #00000020!important;color:#e6f0ea!important}

/* Keep long Coach replies inside the mobile chat card. */
.coach-premium-shell .coach-message.assistant .coach-message-stack{width:min(82%,680px)!important;max-width:min(82%,680px)!important;min-width:0!important}
.coach-premium-shell .coach-message.assistant .coach-message-content{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.coach-premium-shell .coach-message.assistant .coach-answer-flow,.coach-premium-shell .coach-message.assistant .coach-answer-flow p,.coach-premium-shell .coach-message.assistant .coach-answer-list,.coach-premium-shell .coach-message.assistant .coach-answer-list li{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important}
@media(max-width:820px){.coach-premium-shell .coach-message.assistant .coach-message-stack{width:92%!important;max-width:92%!important}.coach-premium-shell .coach-message.assistant .coach-message-content{overflow:hidden!important}}

/* Coach atmosphere: organic ambient light instead of a flat technical surface. */
.coach-premium-shell .coach-chat-card{background:linear-gradient(155deg,#0d1a13 0%,#0a1510 48%,#080f0c 100%)!important}
.coach-premium-shell .coach-chat-topbar{background:linear-gradient(135deg,#14251b 0%,#111b16 58%,#141827 100%)!important}
.coach-premium-shell .coach-thread{position:relative!important;isolation:isolate!important;background:radial-gradient(ellipse 80% 58% at 8% 8%,#49e79b1a 0%,transparent 66%),radial-gradient(ellipse 72% 60% at 93% 34%,#8f8df01a 0%,transparent 67%),radial-gradient(ellipse 68% 52% at 48% 105%,#276d4a1a 0%,transparent 70%),linear-gradient(155deg,#0e1b14 0%,#0a1510 48%,#09100d 100%)!important}
.coach-premium-shell .coach-thread:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,#7df4bd24 0%,transparent 35%),radial-gradient(circle at 92% 42%,#8d8cf426 0%,transparent 40%);filter:blur(24px);opacity:.68;animation:coachAmbientBreath 18s ease-in-out infinite alternate}
.coach-premium-shell .coach-thread:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#07100b00 0%,#07100b0a 48%,#04080635 100%),radial-gradient(ellipse at center,transparent 42%,#0408062b 100%)}
.coach-premium-shell .coach-thread>*{position:relative;z-index:1}
.coach-premium-shell .coach-composer{background:linear-gradient(180deg,#0e1813 0%,#0a120e 100%)!important}
@keyframes coachAmbientBreath{0%{opacity:.52}100%{opacity:.78}}
@media(prefers-reduced-motion:reduce){.coach-premium-shell .coach-thread:before{animation:none}}

/* Corner correction: clip every child to the rounded chat frame. */
.coach-premium-shell .coach-chat-card{overflow:hidden!important;border-radius:28px!important;isolation:isolate!important}
.coach-premium-shell .coach-chat-topbar{border-radius:27px 27px 0 0!important;overflow:hidden!important}
.coach-premium-shell .coach-composer{border-radius:0 0 27px 27px!important}
@media(max-width:820px){.coach-premium-shell .coach-chat-card{border-radius:24px!important}.coach-premium-shell .coach-chat-topbar{border-radius:23px 23px 0 0!important}.coach-premium-shell .coach-composer{border-radius:0 0 23px 23px!important}}

/* Follow-up action finish: one clean pill, without a box inside a box. */
.coach-premium-shell .coach-message.assistant .coach-message-content:has(+ .coach-quick-actions){border-radius:18px!important}
.coach-premium-shell .coach-message.assistant .coach-quick-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;margin:0!important;padding:10px 2px 0!important;border:0!important;border-radius:0!important;background:transparent!important}
.coach-premium-shell .coach-message.assistant .coach-quick-actions button{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;min-width:0!important;min-height:38px!important;margin:0!important;padding:8px 10px 8px 15px!important;border:1px solid #72e6ae88!important;border-radius:999px!important;background:linear-gradient(135deg,#173d2b,#12291e)!important;color:#c9f9da!important;font-size:12px!important;font-weight:800!important;line-height:1.2!important;text-align:left!important;box-shadow:0 8px 22px #00000022,inset 0 1px 0 #ffffff12!important;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease!important}
.coach-premium-shell .coach-message.assistant .coach-quick-actions button:before{content:"→"!important;order:2!important;display:grid!important;place-items:center!important;flex:0 0 22px!important;width:22px!important;height:22px!important;margin:0!important;border-radius:50%!important;background:#3b9868!important;color:#effff5!important;font-size:15px!important;font-weight:500!important;line-height:1!important}
.coach-premium-shell .coach-message.assistant .coach-quick-actions button:hover,.coach-premium-shell .coach-message.assistant .coach-quick-actions button:focus-visible{border-color:#b1ffcf!important;background:linear-gradient(135deg,#20543a,#173624)!important;color:#effff5!important;transform:translateY(-1px)!important;box-shadow:0 11px 24px #49e79b20!important;outline:0!important}

/* Keep the answer bubble fully rounded when its follow-up action sits below it. */
.coach-premium-shell .coach-message.assistant .coach-message-content:not(:has(.coach-artifact-card)):has(+ .coach-quick-actions){border-radius:18px!important}

/* Final action treatment: one calm inline action, never a button inside a second box. */
.coach-premium-shell .coach-message.assistant .coach-quick-actions{display:flex!important;align-items:center!important;width:auto!important;margin:0!important;padding:12px 2px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.coach-premium-shell .coach-message.assistant .coach-quick-actions button{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:auto!important;min-width:0!important;min-height:32px!important;margin:0!important;padding:4px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#9ff0bf!important;font-size:12px!important;font-weight:850!important;line-height:1.2!important;text-align:left!important;box-shadow:none!important;transition:color .18s ease,transform .18s ease!important}
.coach-premium-shell .coach-message.assistant .coach-quick-actions button:before{content:"→"!important;order:2!important;display:grid!important;place-items:center!important;flex:0 0 24px!important;width:24px!important;height:24px!important;margin:0!important;border:1px solid #72e6ae88!important;border-radius:50%!important;background:#22583d!important;color:#effff5!important;font-size:15px!important;font-weight:500!important;line-height:1!important;box-shadow:0 5px 14px #49e79b18!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}
.coach-premium-shell .coach-message.assistant .coach-quick-actions button:hover,.coach-premium-shell .coach-message.assistant .coach-quick-actions button:focus-visible{border:0!important;background:transparent!important;color:#eafff1!important;transform:translateX(2px)!important;box-shadow:none!important;outline:0!important}
.coach-premium-shell .coach-message.assistant .coach-quick-actions button:hover:before,.coach-premium-shell .coach-message.assistant .coach-quick-actions button:focus-visible:before{border-color:#b1ffcf!important;background:#31885a!important;transform:translateX(2px)!important}

/* Premium Aurora finish: stronger depth and a more recognizable wellness atmosphere. */
.coach-premium-shell .coach-chat-card{border-color:#385746!important;box-shadow:0 34px 100px #00000055,0 0 90px #49e79b12,inset 0 1px 0 #ffffff0b!important}
.coach-premium-shell .coach-chat-topbar{background:linear-gradient(135deg,#173326 0%,#111f18 48%,#20213b 100%)!important;box-shadow:inset 0 -1px 0 #ffffff08,0 12px 34px #0000001f!important;backdrop-filter:blur(18px) saturate(125%)!important}
.coach-premium-shell .coach-thread{background:radial-gradient(ellipse 72% 58% at 5% 4%,#49e79b35 0%,transparent 64%),radial-gradient(ellipse 68% 62% at 98% 27%,#9795ff32 0%,transparent 64%),radial-gradient(ellipse 64% 48% at 42% 98%,#5ad6aa24 0%,transparent 68%),linear-gradient(145deg,#10251a 0%,#0b1711 42%,#101126 100%)!important}
.coach-premium-shell .coach-thread:before{background:radial-gradient(ellipse 58% 45% at 10% 9%,#7df4bd5c 0%,transparent 72%),radial-gradient(ellipse 56% 48% at 94% 31%,#a6a3ff50 0%,transparent 72%),radial-gradient(ellipse 54% 38% at 52% 88%,#62d9b03b 0%,transparent 72%);filter:blur(38px) saturate(128%);opacity:.88;animation:coachAuroraPulse 20s ease-in-out infinite alternate}
.coach-premium-shell .coach-thread:after{background:linear-gradient(180deg,#07100b00 0%,#07100b08 48%,#04070a48 100%),radial-gradient(ellipse at center,transparent 34%,#03050842 100%)}
.coach-premium-shell .coach-message.assistant .coach-message-content:not(:has(.coach-artifact-card)){background:linear-gradient(145deg,#1a3025d9,#101e17d9)!important;border-color:#3b5d49!important;backdrop-filter:blur(14px) saturate(118%)!important}
.coach-premium-shell .coach-composer{background:linear-gradient(180deg,#122219 0%,#0b1510 100%)!important;box-shadow:0 -14px 34px #00000020,inset 0 1px 0 #ffffff08!important}
@keyframes coachAuroraPulse{0%{opacity:.58}100%{opacity:.94}}
@media(prefers-reduced-motion:reduce){.coach-premium-shell .coach-thread:before{animation:none}}

/* Higher-specificity mobile override: the legacy active-view rule must not reopen the frame. */
#coachView.active .coach-premium-shell .coach-chat-card{overflow:hidden!important;border-radius:24px!important}
#coachView.active .coach-premium-shell .coach-chat-topbar{border-radius:23px 23px 0 0!important;overflow:hidden!important}

/* Final mobile profile proportions. */
@media(max-width:760px){
  .profile-welcome-card{min-height:124px;padding:10px}
  .profile-welcome-copy{gap:3px}
  .profile-completion-card{padding:5px 7px}
  .profile-welcome-save{padding:6px 10px}
  .profile-welcome-copy h1{font-size:14px;white-space:nowrap}
  .profile-welcome-copy>p{max-width:220px;font-size:7px;white-space:nowrap}
  .profile-welcome-art svg{max-height:124px}
  .profile-direct-field .profile-field-label svg{width:10px;height:10px}
  .profile-completion-cta>button[type=submit]{transform:translateY(-3px)}
  .profile-completion-cta .profile-secondary-action{position:absolute;right:12px;bottom:3px;min-height:0!important;height:auto!important;padding:0!important;font-size:5.5px;line-height:1.2}
}

@media (min-width:761px) and (max-width:900px){
  .profile-shell .app-main{width:calc(100vw - 19px);max-width:none;padding-right:0}
  .profile-shell .mobile-head{width:calc(100vw - 19px)}
  .profile-shell .profile-welcome-card{margin-left:-8px;margin-right:0}
  .profile-shell .profile-welcome-card{background:radial-gradient(circle at 80% 45%,#0b4c4e 0,transparent 33%),linear-gradient(105deg,#06151d 0%,#06151d 58%,#073c3a 100%)}
  .profile-shell .profile-welcome-art{width:328px;background-image:linear-gradient(90deg,#06151d 0%,#06151dcc 14%,#06151d00 36%),url('/assets/healthos-profile-hero-reference.webp');background-position:center;background-size:100% 100%;background-repeat:no-repeat}
  .profile-shell .profile-welcome-art svg{display:none}
  .profile-shell .profile-welcome-copy{grid-template-columns:250px auto;transform:translateY(10px)}
  .profile-shell .profile-linked-grid{min-width:0;gap:13px;grid-template-columns:46.5% minmax(0,1fr)}
  .profile-shell .profile-subcard{min-width:0}
  .profile-shell .profile-completion-card{padding:16px 15px}
  .profile-shell .profile-welcome-save{width:120px;min-height:38px;height:38px;margin:0;padding:0;white-space:nowrap}
  .profile-shell .profile-card-identity{gap:33px;padding-bottom:15px}
  .profile-shell .profile-subcard{gap:24px}
  .profile-shell .profile-linked-grid{grid-template-columns:47% minmax(0,1fr)}
  .profile-shell .profile-calculator-section{padding:15px 2px}
  .profile-shell .profile-card-wide{padding:8px 2px}
  .profile-shell .profile-subcard-icon{box-shadow:0 0 20px #42e1aa25}
  .profile-shell .profile-subcard:first-child .profile-subcard-icon svg circle{fill:currentColor;stroke:none}
  .profile-shell .profile-subcard:first-child .profile-subcard-icon svg path{fill:currentColor;stroke:none}
  .profile-shell .profile-completion-cta{grid-template-columns:64px minmax(0,1fr) auto;padding-left:10px;padding-right:24px}
  .profile-shell .profile-completion-cta .profile-cta-icon{width:48px;height:48px}
  .profile-shell .profile-cta-icon svg{width:48px;height:48px}
  .profile-shell .profile-completion-cta>button[type=submit]{width:268px}
  .profile-shell .profile-completion-cta .profile-secondary-action{right:40px}
  .profile-shell .profile-welcome-copy{transform:translateY(13px)}
  .profile-shell .profile-welcome-save{margin-top:11px}
  .profile-shell .profile-subcard:first-child{gap:0}
  .profile-shell .profile-subcard:first-child .profile-field-grid{height:149px;align-self:start;grid-template-rows:repeat(3,49px)}
  .profile-shell .profile-subcard:first-child .profile-field-grid>label,.profile-shell .profile-subcard:first-child .profile-field-grid>.smart-field{height:49px;min-height:49px}
  .profile-shell .profile-calculator-section .health-calc-summary-card{margin-right:15px}
}

/* Final mobile profile overrides: keep every section readable at phone width. */
@media (max-width:760px){
  .profile-shell .app-main{width:auto;max-width:none;margin:0;padding:0 12px 28px}
  .profile-shell .mobile-head{width:auto;height:48px;margin:8px 12px 12px;padding:0 14px;border-radius:16px}
  .profile-shell .mobile-head-actions{gap:18px;padding-right:0}
  .profile-shell .mobile-notification{width:28px;height:30px;padding:2px;left:auto}.profile-shell .mobile-notification svg{width:23px;height:23px}.profile-shell .mobile-notification i{right:0;top:0;width:6px;height:6px}
  .profile-shell .mobile-profile-avatar{position:relative;left:auto;width:38px;height:38px;border-color:#9b6fc0;background:radial-gradient(circle at 52% 45%,#5b528f 0 54%,#30204f 55% 100%);font-size:13px;box-shadow:0 0 0 2px #1d172f,0 0 0 3px #46365d}.profile-shell .mobile-profile-avatar i{position:absolute;right:-2px;bottom:0;width:7px;height:7px;display:block;border:1px solid #07121a;border-radius:50%;background:#52e3ad}.profile-shell .mobile-profile-chevron{position:relative;left:auto;width:10px;height:10px;margin-left:-8px;transform:rotate(45deg) translateY(-3px)}
  .profile-shell .profile-settings{gap:12px}
  .profile-shell .profile-welcome-card{grid-template-columns:minmax(0,1fr) 156px;min-height:190px;margin:0;padding:16px;border-radius:16px;background:radial-gradient(circle at 82% 50%,#0b4c4e 0,transparent 34%),linear-gradient(105deg,#06151d 0%,#06151d 58%,#073c3a 100%)}
  .profile-shell .profile-welcome-copy{grid-template-columns:1fr;grid-template-rows:none;align-content:start;gap:8px;transform:none}.profile-shell .profile-welcome-copy h1{grid-column:auto;font-size:18px;line-height:1.12;white-space:normal}.profile-shell .profile-welcome-copy>p{grid-column:auto;max-width:175px;font-size:10px;line-height:1.35;white-space:normal}
  .profile-shell .profile-completion-card{grid-column:auto;grid-row:auto;width:178px;max-width:178px;margin-top:2px;padding:8px 9px;border-radius:10px;grid-template-columns:18px minmax(0,1fr) auto;gap:7px}.profile-shell .profile-check-icon{width:18px;height:18px}.profile-shell .profile-check-icon svg{width:12px;height:12px}.profile-shell .profile-completion-card strong{font-size:9px}.profile-shell .profile-completion-card small{font-size:7px}.profile-shell .profile-completion-card>b{font-size:13px}.profile-shell .profile-welcome-save{width:112px;height:35px;min-height:35px;margin:0;padding:0;border-radius:8px;font-size:10px}
  .profile-shell .profile-welcome-art{inset:0 0 0 auto;width:172px;height:100%;background:linear-gradient(90deg,#06151d 0%,#06151dcc 16%,#06151d00 48%),url('/assets/healthos-profile-hero-reference.webp') center/100% 100% no-repeat;opacity:.92}.profile-shell .profile-welcome-art svg{display:none}
  .profile-shell .profile-card,.profile-shell .profile-calculator-section{padding:16px;border-radius:16px}.profile-shell .profile-card-head{gap:10px}.profile-shell .profile-card-head h2{font-size:22px;line-height:1.12}.profile-shell .profile-card-head p{margin-top:5px;font-size:11px}.profile-shell .profile-edit-button{gap:6px;padding:8px 10px;border-radius:9px;font-size:10px}.profile-shell .profile-edit-button svg{width:13px;height:13px}.profile-shell .profile-card-identity{gap:12px}
  .profile-shell .profile-linked-grid{grid-template-columns:1fr;gap:10px}.profile-shell .profile-subcard,.profile-shell .profile-subcard+.profile-subcard{gap:10px;padding:12px;border-radius:12px;border-left:1px solid #234149}.profile-shell .profile-subcard-head{gap:8px}.profile-shell .profile-subcard-icon{width:30px;height:30px;border-radius:9px}.profile-shell .profile-subcard-icon svg{width:18px;height:18px}.profile-shell .profile-subcard-head h3{margin:1px 0 3px;font-size:14px}.profile-shell .profile-subcard-head p{font-size:10px}
  .profile-shell .profile-field-grid{border-radius:9px}.profile-shell .profile-field-grid>label,.profile-shell .profile-field-grid>.smart-field{min-height:45px;padding:8px 9px}.profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="height_cm"],.profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="weight_kg"],.profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="target_weight_kg"]{min-height:56px}.profile-shell .profile-field-label,.profile-shell .smart-label{gap:6px;font-size:10px}.profile-shell .profile-field-icon,.profile-shell .profile-direct-field .profile-field-label svg,.profile-shell .smart-label .profile-field-icon{width:14px;height:14px}.profile-shell .profile-value-control input,.profile-shell .smart-control input{font-size:10px!important}.profile-shell .smart-control b{font-size:8px}.profile-shell .smart-hint{font-size:8px}
  .profile-shell .profile-calculator-section{gap:12px}.profile-shell .profile-calculator-section .health-calculator-shell{gap:10px}.profile-shell .health-calc-tabs{max-width:280px;padding:3px;border-radius:9px}.profile-shell .health-calc-tabs button{padding:8px 10px;font-size:10px}.profile-shell .health-calc-compact-results{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-shell .health-calc-compact-results article{min-height:126px;padding:12px 10px;border-right:1px solid #245159;border-bottom:1px solid #245159}.profile-shell .health-calc-compact-results article:nth-child(2n){border-right:0}.profile-shell .health-calc-compact-results article:nth-child(n+3){border-bottom:0}.profile-shell .health-calc-compact-results .metric-icon{width:26px;height:26px;margin-bottom:7px;border-radius:7px}.profile-shell .health-calc-compact-results .metric-icon svg{width:17px;height:17px}.profile-shell .health-calc-compact-results .metric-label{min-height:25px;font-size:9px}.profile-shell .health-calc-compact-results strong{font-size:18px}.profile-shell .health-calc-compact-results em{font-size:7px}.profile-shell .health-calc-compact-results small{font-size:8px}.profile-shell .health-calc-compact-results p{font-size:8px}.profile-shell .health-calc-notice{padding:9px 11px}.profile-shell .health-calc-notice p{font-size:8px}
  .profile-shell .profile-card-wide{padding:16px}.profile-shell .profile-nutrition-grid{grid-template-columns:1fr;gap:14px}.profile-shell .profile-nutrition-grid .smart-label{margin-bottom:6px;font-size:10px}.profile-shell .profile-nutrition-grid .smart-control{height:40px;padding:0 9px;border-radius:8px}.profile-shell .profile-nutrition-grid .smart-control input,.profile-shell .profile-nutrition-grid .smart-ghost{font-size:9px!important}.profile-shell .profile-nutrition-grid .smart-ghost{left:9px}.profile-shell .smart-tags-row{gap:7px;margin-top:7px;min-height:26px}.profile-shell .smart-chips{gap:6px}.profile-shell .smart-chips button,.profile-shell .smart-add-button{padding:7px 8px;border-radius:7px;font-size:8px}.profile-shell .smart-add-button>span{font-size:13px}.profile-shell .profile-health-copy{gap:7px;font-size:9px}.profile-shell .profile-health-copy svg{width:15px;height:15px}
  .profile-shell .profile-completion-cta{position:relative;bottom:auto;grid-template-columns:42px minmax(0,1fr);min-height:140px;gap:8px;padding:14px 14px 34px;border-radius:15px}.profile-shell .profile-completion-cta .profile-cta-icon{width:40px;height:40px}.profile-shell .profile-cta-icon svg{width:40px;height:40px}.profile-shell .profile-cta-copy h2{font-size:14px}.profile-shell .profile-cta-copy p{font-size:8px}.profile-shell .profile-completion-cta>button[type=submit]{grid-column:1/-1;width:100%;min-height:40px;padding:10px;font-size:10px;transform:none}.profile-shell .profile-completion-cta .profile-secondary-action{grid-column:auto;width:max-content!important;max-width:calc(100% - 28px);white-space:nowrap;right:14px;bottom:8px;font-size:8px}
}

/* Profile hero: use the generated holographic body illustration on the right
   while preserving a calm, readable surface for the welcome copy. */
.profile-shell .profile-welcome-art{
  width:48%;
  background-image:linear-gradient(90deg,#06151d 0%,#06151de8 16%,#06151d9c 38%,#06151d20 70%,transparent 100%),url('/assets/healthos-profile-body-3d-v1.webp');
  background-position:center center,right center;
  background-size:100% 100%,auto 100%;
  background-repeat:no-repeat;
  box-shadow:inset 26px 0 34px #06151d66,inset 0 -26px 34px #06151d38;
}
.profile-shell .profile-welcome-art::before{
  content:"";
  position:absolute;
  inset:8% 8% 0 28%;
  border-radius:50%;
  background:radial-gradient(ellipse at 58% 62%,#52e9bc52 0%,#1bbd9650 25%,transparent 67%);
  filter:blur(15px);
  opacity:.72;
  pointer-events:none;
}
.profile-shell .profile-welcome-art svg{display:none!important}

@media(max-width:760px){
  .profile-shell .profile-welcome-art{inset:0;width:100%;z-index:0;opacity:1;filter:brightness(1.16) saturate(1.08);background-image:linear-gradient(90deg,#06151df5 0%,#06151ddf 30%,#06151d8a 52%,#06151d2e 76%,transparent 100%),url('/assets/healthos-profile-body-3d-v1.webp');background-size:100% 100%,cover;background-position:center center,center center;background-repeat:no-repeat;box-shadow:none}
  .profile-shell .profile-welcome-art::before{inset:8% 5% 0 46%;opacity:.52}
}

/* Richtwerte: Einheit bleibt als Teil des Zahlenwerts in derselben Zeile. */
.health-calc-compact-results .metric-value{display:inline-flex;align-items:baseline;gap:4px;min-width:0;max-width:100%;margin-top:8px;white-space:nowrap}
.health-calc-compact-results .metric-value strong{margin-top:0;min-width:0;white-space:nowrap}
.health-calc-compact-results .metric-value .metric-unit{display:inline-flex;align-items:baseline;flex:none;margin:0;color:#a4b8b6;font-size:9px;line-height:1;white-space:nowrap}
.health-calc-compact-results .metric-context{display:block;margin-top:4px;color:#80958b;font-size:8px;line-height:1.15;white-space:nowrap}
@media(max-width:760px){
  .health-calc-compact-results .metric-value{gap:3px;margin-top:3px}
  .health-calc-compact-results .metric-value .metric-unit{font-size:7px}
  .health-calc-compact-results .metric-context{margin-top:3px;font-size:6px}
}

/* Im Profil ist die separate Mobile-Buttonleiste nicht notwendig. */
@media(max-width:760px){
  .profile-shell .mobile-head{display:none!important}
}

/* Nur der Profilbild-Button bleibt in der Profil-Topbar sichtbar. */
@media(max-width:760px){
  .profile-shell .mobile-head{display:flex!important;position:relative;width:100%;height:60px!important;min-height:60px;margin:0!important;padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;overflow:visible}
  .profile-shell .mobile-head-actions{position:absolute;top:12px;right:14px;width:auto;gap:0;padding:0;z-index:40}
  .profile-shell .mobile-head-actions #mobileMenu{display:none!important}
}

.mobile-profile-avatar.has-image{background-image:var(--avatar-image)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.mobile-profile-avatar.has-image>span{font-size:0!important}

/* Profile selects (Geschlecht etc.): same right-aligned value column as Name/Alter. */
.profile-select-field{min-width:0}
.profile-select-field>label{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  align-items:center;
  gap:6px;
  min-width:0;
  width:100%;
}
.profile-select-field .profile-select-control{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  width:100%;
  min-width:0;
  min-height:1.25em;
}
.profile-select-field .profile-select-control:before{display:none!important}
.profile-select-field .profile-select-value{
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  padding:0 14px 0 0;
  color:#eff8f3;
  font:inherit;
  font-size:inherit;
  line-height:1.25;
  text-align:right;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}
.profile-select-field .profile-select-control:after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:6px;
  height:6px;
  border-right:1.5px solid #8fa5a6;
  border-bottom:1.5px solid #8fa5a6;
  transform:translateY(-65%) rotate(45deg);
  pointer-events:none;
  z-index:1;
}
.profile-select-field select{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0!important;
  margin:0;
  border:0!important;
  background:transparent!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  border-radius:0;
  padding:0!important;
  outline:none;
  appearance:none;
  -webkit-appearance:none;
  font:inherit;
  font-size:inherit!important;
  box-shadow:none!important;
  cursor:pointer;
  z-index:2;
  opacity:0.01;
}
.profile-select-field select:focus{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.profile-shell .profile-select-field .profile-select-value,
.profile-shell .profile-select-field select{
  font-size:13px!important;
}
@media(max-width:760px){
  .profile-select-field>label{
    width:100%;
    margin:0;
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
    gap:6px;
  }
  .profile-select-field .profile-select-value{padding-right:14px}
  .profile-select-field .profile-select-control:after{right:0;width:6px;height:6px}
  .profile-shell .profile-select-field .profile-select-value,
  .profile-shell .profile-select-field select{font-size:13px!important}
}

/* Final profile type scale: readable on every viewport, including mobile. */
.profile-shell .profile-welcome-copy>p,
.profile-shell .profile-card-head p,
.profile-shell .profile-subcard-head p,
.profile-shell .profile-health-copy{font-size:13px}
.profile-shell .profile-field-label,
.profile-shell .smart-label{font-size:12px}
.profile-shell .profile-value-control input,
.profile-shell .smart-control input,
.profile-shell .profile-select-field select{font-size:13px!important}
.profile-shell .smart-control b,
.profile-shell .smart-hint{font-size:11px}
.profile-shell .profile-completion-card strong{font-size:12px}
.profile-shell .profile-completion-card small{font-size:10px}
.profile-shell .profile-welcome-save{font-size:12px}
.profile-shell .profile-edit-button{font-size:12px}
.profile-shell .profile-nutrition-grid .smart-control input,
.profile-shell .profile-nutrition-grid .smart-ghost{font-size:12px!important}
.profile-shell .smart-chips button,
.profile-shell .smart-add-button{font-size:11px}
.profile-shell .health-calc-tabs button{font-size:12px}
.profile-shell .health-calc-compact-results .metric-label{font-size:12px}
.profile-shell .health-calc-compact-results em{font-size:10px}
.profile-shell .health-calc-compact-results small,
.profile-shell .health-calc-compact-results p,
.profile-shell .health-calc-notice p{font-size:11px}
.profile-shell .health-calc-compact-results .metric-value .metric-unit{font-size:10px}
.profile-shell .health-calc-compact-results .metric-context{font-size:10px}
.profile-shell .profile-completion-cta .profile-cta-copy p{font-size:12px}
.profile-shell .profile-completion-cta>button[type=submit]{font-size:13px}
.profile-shell .profile-completion-cta .profile-secondary-action{font-size:11px}

@media(max-width:760px){
  .profile-shell .profile-welcome-card{min-height:218px;padding:18px 16px}
  .profile-shell .profile-welcome-card{grid-template-columns:minmax(0,1fr) 142px}
  .profile-shell .profile-welcome-copy{min-width:0}
  .profile-shell .profile-welcome-copy{gap:9px}
  .profile-shell .profile-welcome-copy h1{max-width:100%;font-size:24px;line-height:1.12;overflow-wrap:anywhere}
  .profile-shell .profile-welcome-copy>p{max-width:185px;font-size:13px;line-height:1.35}
  .profile-shell .profile-completion-card{width:190px;max-width:100%;padding:10px 11px;gap:8px}
  .profile-shell .profile-completion-card>b{font-size:16px}
  .profile-shell .profile-welcome-save{width:124px;height:38px;min-height:38px;font-size:12px}
  .profile-shell .profile-card-head h2{font-size:24px}
  .profile-shell .profile-card-head p{font-size:13px}
  .profile-shell .profile-edit-button{padding:9px 11px;font-size:12px}
  .profile-shell .profile-subcard-head h3{font-size:17px}
  .profile-shell .profile-subcard-head p{font-size:12px}
  .profile-shell .profile-field-grid>label,
  .profile-shell .profile-field-grid>.smart-field{min-height:52px;padding:10px 11px}
  .profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="height_cm"],
  .profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="weight_kg"],
  .profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="target_weight_kg"]{min-height:64px}
  .profile-shell .profile-field-label,
  .profile-shell .smart-label{font-size:12px}
  .profile-shell .profile-value-control input,
  .profile-shell .smart-control input,
  .profile-shell .profile-select-field select{font-size:13px!important}
  .profile-shell .smart-control b{font-size:11px}
  .profile-shell .smart-hint{font-size:11px}
  .profile-shell .health-calc-tabs button{padding:9px 11px;font-size:12px}
  .profile-shell .health-calc-compact-results article{min-height:138px;padding:14px 12px}
  .profile-shell .health-calc-compact-results .metric-label{font-size:12px}
  .profile-shell .health-calc-compact-results strong{font-size:22px}
  .profile-shell .health-calc-compact-results em{font-size:10px}
  .profile-shell .health-calc-compact-results small,
  .profile-shell .health-calc-compact-results p,
  .profile-shell .health-calc-notice p{font-size:11px}
  .profile-shell .health-calc-compact-results .metric-value .metric-unit{font-size:10px}
  .profile-shell .health-calc-compact-results .metric-context{font-size:10px}
  .profile-shell .profile-nutrition-grid .smart-label{font-size:13px}
  .profile-shell .profile-nutrition-grid .smart-control{height:46px;padding:0 11px}
  .profile-shell .profile-nutrition-grid .smart-control input,
  .profile-shell .profile-nutrition-grid .smart-ghost{font-size:12px!important}
  .profile-shell .profile-nutrition-grid .smart-ghost{left:11px}
  .profile-shell .smart-tags-row{gap:8px;margin-top:9px;min-height:30px}
  .profile-shell .smart-chips{gap:7px}
  .profile-shell .smart-chips button,
  .profile-shell .smart-add-button{padding:8px 10px;font-size:11px}
  .profile-shell .profile-health-copy{gap:8px;font-size:11px}
  .profile-shell .profile-completion-cta{min-height:158px;padding:16px 16px 40px;gap:10px}
  .profile-shell .profile-completion-cta .profile-cta-copy h2{font-size:18px}
  .profile-shell .profile-completion-cta .profile-cta-copy p{font-size:12px}
  .profile-shell .profile-completion-cta>button[type=submit]{min-height:44px;padding:11px 14px;font-size:13px}
  .profile-shell .profile-completion-cta .profile-secondary-action{right:16px;bottom:10px;font-size:11px}
}

@media(max-width:400px){
  /* Large mobile type needs a full-width value row for body measurements. */
  .profile-shell .profile-subcard:nth-child(2) .profile-field-grid{grid-template-columns:1fr}
  .profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="target_weight_kg"]{grid-column:auto}
  .profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="height_cm"],
  .profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="weight_kg"],
  .profile-shell .profile-subcard:nth-child(2) .profile-field-grid>[data-name="target_weight_kg"]{min-height:52px}
}

@media(max-width:350px){
  .profile-shell .profile-welcome-card{grid-template-columns:1fr}
  .profile-shell .profile-welcome-copy{min-width:0}
}

/* Keep generated smart-field labels visually identical to the direct Name row. */
.profile-shell .profile-field-label,
.profile-shell .smart-label,
.profile-shell .smart-field label>.smart-label{font-weight:500!important}

/* iPhone Safari must keep the authored profile scale instead of inflating text. */
html,
body{-webkit-text-size-adjust:100%;text-size-adjust:100%}

@media(max-width:760px){
  /* iOS Safari zooms the whole page when a focused form control is below 16px. */
  .profile-shell .profile-settings input,
  .profile-shell .profile-settings select,
  .profile-shell .profile-settings textarea,
  .profile-shell .profile-nutrition-grid .smart-control input,
  .profile-shell .profile-nutrition-grid .smart-ghost{font-size:16px!important}
}

/* Final mobile profile scale: labels and values must have the same visual size. */
@media(max-width:760px){
  .profile-shell .profile-field-label,
  .profile-shell .smart-label{font-size:13px!important}
  .profile-shell .profile-settings input,
  .profile-shell .profile-settings select,
  .profile-shell .profile-settings textarea,
  .profile-shell .profile-nutrition-grid .smart-control input,
  .profile-shell .profile-nutrition-grid .smart-ghost{font-size:13px!important}
}

/* Completion status: an integrated profile signal instead of a separate form box. */
.profile-shell .profile-completion-card{
  position:relative;
  overflow:hidden;
  grid-template-columns:36px minmax(0,1fr) auto;
  gap:10px;
  width:min(100%,340px);
  max-width:none;
  margin-top:12px;
  padding:11px 12px;
  border:1px solid #49e79b52;
  border-radius:16px;
  background:linear-gradient(135deg,#49e79b0b 0%,#0b343817 56%,#071a2228 100%);
  box-shadow:0 12px 28px #0000000d,inset 0 1px 0 #ffffff12,0 0 0 1px #49e79b0a;
  backdrop-filter:blur(16px) saturate(120%);
}
.profile-shell .profile-completion-card:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,#49e79b,#8ff8c8 68%,transparent);
  opacity:.9;
}
.profile-shell .profile-check-icon{
  width:30px;
  height:30px;
  background:linear-gradient(145deg,#70f4bd,#32d99b);
  color:#062119;
  box-shadow:0 0 0 4px #49e79b14,0 8px 18px #49e79b25;
}
.profile-shell .profile-check-icon svg{width:16px;height:16px}
.profile-shell .profile-completion-card div{gap:2px}
.profile-shell .profile-completion-card strong{color:#effff6;font-size:13px;font-weight:800;letter-spacing:.01em}
.profile-shell .profile-completion-card small{color:#9fc9bb;font-size:10px;line-height:1.3}
.profile-shell .profile-completion-card>b{
  min-width:58px;
  padding-left:12px;
  border-left:1px solid #49e79b38;
  color:#b4ffda;
  font:800 21px/1 Manrope;
  text-align:right;
  text-shadow:0 0 18px #49e79b40;
}
@media(max-width:760px){
  .profile-shell .profile-completion-card{
    grid-template-columns:30px minmax(0,1fr) auto;
    width:190px;
    max-width:calc(100% - 8px);
    gap:8px;
    margin-top:5px;
    padding:9px 10px 10px;
    border-radius:14px;
  }
  .profile-shell .profile-check-icon{width:26px;height:26px}
  .profile-shell .profile-check-icon svg{width:14px;height:14px}
  .profile-shell .profile-completion-card strong{font-size:12px}
  .profile-shell .profile-completion-card small{font-size:9px}
  .profile-shell .profile-completion-card>b{min-width:48px;padding-left:9px;font-size:18px}
}

/* Health Coach compact responsive flow: keep the conversation useful without an endless page. */
body.dash-page:has(#coachView.active) .app-main{padding-bottom:36px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-view-title{margin-top:32px!important}
body.dash-page:has(#coachView.active) .coach-reference-identity{gap:24px!important;margin-top:24px!important;padding-bottom:28px!important}
body.dash-page:has(#coachView.active) .coach-reference-portrait{width:112px!important;height:112px!important;flex-basis:112px!important}
body.dash-page:has(#coachView.active) .coach-reference-identity-copy{gap:8px!important}
body.dash-page:has(#coachView.active) .coach-reference-identity-copy h1{font-size:34px!important}
body.dash-page:has(#coachView.active) .coach-reference-identity-copy p{font-size:18px!important}
body.dash-page:has(#coachView.active) .coach-reference-identity-copy>span{gap:9px!important;font-size:15px!important}
body.dash-page:has(#coachView.active) .coach-reference-identity-copy>span i{width:11px!important;height:11px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-thread{
  max-height:clamp(260px,42vh,430px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#31584b transparent!important;
  padding:26px 10px 14px!important;
  scroll-padding-bottom:18px!important;
}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-thread::-webkit-scrollbar{width:6px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-thread::-webkit-scrollbar-thumb{border-radius:999px!important;background:#31584b!important}
body.dash-page:has(#coachView.active) .coach-reference-empty{padding:0 10px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message{gap:18px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-avatar{flex-basis:54px!important;width:54px!important;height:54px!important;margin-top:26px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-meta small{font-size:15px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content{min-height:0!important;margin-top:12px!important;padding:22px 24px 18px!important;border-radius:15px 26px 26px 26px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content p{margin-bottom:12px!important;font-size:18px!important;line-height:1.4!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content p:last-of-type{margin-bottom:16px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content time{font-size:13px!important}
body.dash-page:has(#coachView.active) .coach-reference-moods{gap:10px!important;margin:20px 40px 0!important}
body.dash-page:has(#coachView.active) .coach-reference-moods button{height:58px!important;gap:9px!important;font-size:15px!important}
body.dash-page:has(#coachView.active) .coach-mood-icon{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:21px!important}
body.dash-page:has(#coachView.active) .coach-reference-divider{margin:22px 40px 0!important;font-size:12px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer{height:82px!important;margin-top:16px!important;border-radius:24px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer-row{padding:0 16px 0 22px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer textarea{height:48px!important;min-height:48px!important;font-size:16px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-send-button{flex-basis:50px!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important}
body.dash-page:has(#coachView.active) .coach-reference-shell .coach-send-button span:before{font-size:32px!important}
body.dash-page:has(#coachView.active) .coach-reference-quick-actions{gap:12px!important;margin:24px 0 0!important}
body.dash-page:has(#coachView.active) .coach-reference-quick-actions button{flex-direction:row!important;height:82px!important;gap:12px!important;padding:12px 14px!important;border-radius:22px!important;font-size:14px!important}
body.dash-page:has(#coachView.active) .coach-reference-action-icon,body.dash-page:has(#coachView.active) .coach-reference-action-icon svg{width:36px!important;height:36px!important;flex:0 0 36px!important}
body.dash-page:has(#coachView.active) .coach-reference-security{margin-top:24px!important;font-size:12px!important}

@media(max-width:700px){
  body.dash-page:has(#coachView.active) .app-main{padding-bottom:20px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-view-title{margin-top:16px!important}
  body.dash-page:has(#coachView.active) .coach-reference-identity{gap:12px!important;margin-top:12px!important;padding-bottom:14px!important}
  body.dash-page:has(#coachView.active) .coach-reference-portrait{width:60px!important;height:60px!important;flex-basis:60px!important}
  body.dash-page:has(#coachView.active) .coach-reference-identity-copy{gap:4px!important}
  body.dash-page:has(#coachView.active) .coach-reference-identity-copy h1{font-size:21px!important}
  body.dash-page:has(#coachView.active) .coach-reference-identity-copy p{font-size:12px!important}
  body.dash-page:has(#coachView.active) .coach-reference-identity-copy>span{gap:6px!important;font-size:10px!important}
  body.dash-page:has(#coachView.active) .coach-reference-identity-copy>span i{width:8px!important;height:8px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-thread{max-height:34svh!important;padding:12px 2px 8px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message{gap:8px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-avatar{flex-basis:34px!important;width:34px!important;height:34px!important;margin-top:21px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-meta small{font-size:11px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content{margin-top:7px!important;padding:12px 13px 10px!important;border-radius:12px 19px 19px 19px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content p{margin-bottom:8px!important;font-size:13px!important;line-height:1.42!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content time{font-size:10px!important}
  body.dash-page:has(#coachView.active) .coach-reference-moods{gap:7px!important;margin:11px 0 0!important}
  body.dash-page:has(#coachView.active) .coach-reference-moods button{height:42px!important;padding:0 5px!important;font-size:11px!important}
  body.dash-page:has(#coachView.active) .coach-mood-icon{width:22px!important;height:22px!important;flex-basis:22px!important;font-size:16px!important}
  body.dash-page:has(#coachView.active) .coach-reference-divider{margin:12px 0 0!important;font-size:9px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer{height:68px!important;margin-top:12px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer textarea{font-size:16px!important}
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-send-button{flex-basis:44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  body.dash-page:has(#coachView.active) .coach-reference-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:12px!important}
  body.dash-page:has(#coachView.active) .coach-reference-quick-actions button{height:54px!important;gap:7px!important;padding:7px 9px!important;border-radius:15px!important;font-size:10px!important}
  body.dash-page:has(#coachView.active) .coach-reference-quick-actions button:last-child{grid-column:1/-1!important}
  body.dash-page:has(#coachView.active) .coach-reference-action-icon,body.dash-page:has(#coachView.active) .coach-reference-action-icon svg{width:24px!important;height:24px!important;flex-basis:24px!important}
  body.dash-page:has(#coachView.active) .coach-reference-security{margin-top:12px!important;font-size:9px!important}
}

@media(max-width:380px){
  body.dash-page:has(#coachView.active) .coach-reference-moods button{font-size:0!important}
  body.dash-page:has(#coachView.active) .coach-reference-quick-actions{grid-template-columns:1fr!important}
  body.dash-page:has(#coachView.active) .coach-reference-quick-actions button:last-child{grid-column:auto!important}
}

/* Direct functional demo entry on the login screen. */
.auth-demo-access{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:18px;padding:17px 18px;border:1px solid #35654b;background:linear-gradient(135deg,#10261a,#0b1711);border-radius:16px;box-shadow:inset 0 1px #ffffff08}.auth-demo-access>div{display:grid;gap:4px}.auth-demo-access small{color:#62eaa6;font-size:8px;font-weight:850;letter-spacing:.14em}.auth-demo-access strong{color:#eef8f2;font:700 15px Manrope}.auth-demo-access p{max-width:460px;margin:1px 0 0;color:#8fa198;font-size:10px;line-height:1.45}.auth-demo-access>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:0 14px;border:1px solid #5bedaa;border-radius:12px;background:#50e59d;color:#07110b;text-decoration:none;font-size:11px;font-weight:850;white-space:nowrap;transition:transform .18s,box-shadow .18s}.auth-demo-access>a:hover,.auth-demo-access>a:focus-visible{transform:translateY(-1px);box-shadow:0 12px 30px #49e79b24;outline:2px solid #d8ffe8;outline-offset:2px}.auth-demo-access>a span{font-size:16px}@media(max-width:520px){.auth-demo-access{grid-template-columns:1fr;padding:15px}.auth-demo-access>a{width:100%;min-height:47px}}

/* ===== Auth full-bleed sharp bg + transparent UI overlay 2026-07-19 ===== */
/* Lock page to exactly one viewport — no document scroll */
html:has(body.auth-page-modern){height:100%;overflow:hidden!important}
.auth-page-modern{
  position:relative;
  isolation:isolate;
  background:transparent!important;
  overflow:hidden!important;
  height:100vh!important;
  height:100dvh!important;
  max-height:100vh!important;
  max-height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:stretch;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.auth-page-modern:before{display:none!important}
/* Full-viewport background image — always edge-to-edge behind UI */
.auth-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.auth-bg picture{position:absolute;inset:0;width:100%;height:100%;display:block}
.auth-bg-img{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  object-fit:cover;
  /* Prefer faces/bodies of both people (duo gym shot) */
  object-position:50% 42%;
  filter:brightness(1.08) contrast(1.06) saturate(1.06);
  image-rendering:auto;
  transform:scale(1.06);
  transform-origin:50% 40%;
}
/* Soft vignette only — keep mid-frame people bright/clear */
.auth-bg-scrim{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(4,10,8,.18) 0%,rgba(4,10,8,.02) 18%,rgba(4,10,8,.0) 38%,rgba(4,10,8,.08) 58%,rgba(4,10,8,.38) 82%,rgba(4,10,8,.58) 100%),
  radial-gradient(ellipse 78% 62% at 50% 38%,transparent 0%,rgba(4,10,8,.12) 100%);
  pointer-events:none}
.auth-ambient,.auth-orb{display:none!important}
.auth-forgot-hint{display:block;margin-top:4px;color:#9aaba2;font-size:10px;font-weight:600;line-height:1.3}
.auth-forgot-hint a{color:#79f4b7;text-decoration:none}
.auth-forgot-hint a:hover{text-decoration:underline}
/* Password field label row + forgot link (login) */
.auth-field-label-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  padding-left:2px;
  box-sizing:border-box;
}
.auth-field-label-row>span{flex:0 1 auto}
.auth-forgot-link{
  flex:0 0 auto;
  color:#79f4b7;
  font-size:11px;
  font-weight:750;
  letter-spacing:.01em;
  text-decoration:none;
  white-space:nowrap;
  text-shadow:none;
  transition:color .15s,opacity .15s;
}
.auth-forgot-link:hover,.auth-forgot-link:focus-visible{
  color:#b8ffd8;
  text-decoration:underline;
  outline:0;
}
/* Success banner + reset result card */
.auth-pro-success{
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(73,231,155,.42);
  background:rgba(18,48,32,.62);
  color:#d8ffe8;
  font-size:13px;
  font-weight:650;
  line-height:1.45;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.18);
}
.auth-page-modern .auth-pro-error{
  margin:0 0 14px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,120,120,.35);
  background:rgba(48,16,16,.55);
  color:#ffd6d6;
  font-size:13px;
  font-weight:650;
  line-height:1.45;
}
.auth-reset-card{
  display:grid;
  gap:14px;
  margin:0 0 8px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(8,16,12,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 40px rgba(0,0,0,.2);
}
.auth-reset-card-copy{
  margin:0;
  color:#d8e6de;
  font-size:13.5px;
  line-height:1.55;
  font-weight:550;
}
.auth-reset-card-note{
  margin:0;
  color:#9aaba2;
  font-size:11.5px;
  line-height:1.45;
}
.auth-reset-primary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:52px;
  padding:0 18px;
  border-radius:14px;
  border:0;
  background:linear-gradient(135deg,#79f4b7,#49e79b 55%,#37dc91);
  color:#07100b;
  font:850 14px Manrope,sans-serif;
  text-decoration:none;
  box-shadow:0 16px 36px rgba(73,231,155,.28),inset 0 1px rgba(255,255,255,.35);
  transition:transform .18s,box-shadow .18s;
}
.auth-reset-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 44px rgba(73,231,155,.34),inset 0 1px rgba(255,255,255,.35);
}
.auth-reset-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(8,14,11,.48);
  color:#e8f2ec;
  font:700 12.5px Manrope,sans-serif;
  text-decoration:none;
  transition:border-color .15s,background .15s;
}
.auth-reset-secondary:hover{
  border-color:rgba(121,244,183,.45);
  background:rgba(12,28,20,.62);
  color:#d8ffe8;
}
.auth-reset-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.auth-mode-forgot .auth-demo-access,
.auth-mode-forgot_sent .auth-demo-access,
.auth-mode-reset .auth-demo-access,
.auth-mode-forgot .auth-provider-grid,
.auth-mode-forgot_sent .auth-provider-grid,
.auth-mode-reset .auth-provider-grid,
.auth-mode-forgot .auth-provider-divider,
.auth-mode-forgot_sent .auth-provider-divider,
.auth-mode-reset .auth-provider-divider{display:none!important}
/* Full-screen transparent shell over the photo */
.auth-page-modern .auth-pro-shell{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  max-height:100dvh;
  min-height:0!important;
  border-radius:0;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  overflow:hidden!important;
}
/* Kill legacy pro/login min-heights that force scroll */
.auth-page-modern.auth-page-pro,
.auth-page-modern.auth-login-page,
.auth-page-modern.auth-register-page{min-height:0!important}
.auth-page-modern .auth-pro-story,
.auth-page-modern.auth-login-page .auth-pro-shell,
.auth-page-modern.auth-register-page .auth-pro-shell,
.auth-page-modern .auth-pro-shell{min-height:0!important}
.auth-page-modern .auth-pro-story{gap:26px;padding:clamp(28px,4vh,48px) clamp(28px,4vw,52px);border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(4,10,8,.22) 0%,rgba(4,10,8,.04) 55%,transparent 100%);overflow:hidden;position:relative}
.auth-page-modern .auth-pro-story:before{display:none}
.auth-page-modern .auth-pro-story:after{display:none}
.auth-page-modern .auth-pro-story>*:not(.auth-mobile-hero){position:relative;z-index:1}
.auth-page-modern .auth-pro-brand .brand-symbol{width:38px;height:38px;border-radius:12px;box-shadow:0 12px 28px rgba(73,231,155,.22)}
.auth-page-modern .auth-pro-brand .brand-word{font-size:21px;letter-spacing:-.02em}
.auth-page-modern .auth-pro-copy{align-self:end;max-width:520px;margin-bottom:2px}
.auth-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(73,231,155,.35);background:rgba(8,18,13,.55);color:#79f4b7;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.auth-eyebrow i{width:7px;height:7px;border-radius:50%;background:#49e79b;box-shadow:0 0 12px #49e79b}
.auth-page-modern .auth-pro-copy h1{margin:18px 0 14px;font:760 clamp(38px,4.6vw,56px)/1.02 Manrope,sans-serif;letter-spacing:-.03em;color:#f4fbf7;max-width:520px;text-shadow:none}
.auth-page-modern .auth-pro-copy p{max-width:460px;color:#e0ebe4;font-size:15px;line-height:1.65;text-shadow:none}
.auth-page-modern .auth-pro-preview{display:grid;grid-template-columns:1fr;gap:14px;width:min(500px,100%);margin-top:4px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(8,16,12,.48);box-shadow:0 24px 60px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06);backdrop-filter:none;-webkit-backdrop-filter:none}
.auth-page-modern .auth-pro-preview-head{grid-column:auto;margin-bottom:0;color:#b7c8bf;font-size:11px}
.auth-page-modern .auth-pro-preview-head strong{color:#eef8f2;font:700 15px Manrope,sans-serif}
.auth-page-modern .auth-pro-vitals{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:0;border:0;background:transparent;border-radius:0}
/* SVG readiness ring */
.auth-page-modern .auth-pro-ring{
  position:relative;
  width:100px;height:100px;
  border-radius:50%;
  display:grid;place-items:center;
  background:radial-gradient(circle at center,rgba(7,16,12,.92) 0 56%,transparent 58%);
  box-shadow:0 0 36px rgba(73,231,155,.18);
}
.auth-page-modern .auth-pro-ring-svg{
  position:absolute;inset:0;width:100%;height:100%;
  transform:rotate(-90deg);
  overflow:visible;
}
.auth-page-modern .auth-pro-ring-track{
  fill:none;
  stroke:rgba(32,53,42,.95);
  stroke-width:7.5;
}
.auth-page-modern .auth-pro-ring-progress{
  fill:none;
  stroke-width:7.5;
  stroke-linecap:round;
  stroke-dasharray:0 100;
  animation:
    authRingDraw 1.35s cubic-bezier(.22,1,.36,1) .15s forwards,
    authRingGlowPulse 2.8s ease-in-out 1.6s infinite;
}
.auth-page-modern .auth-pro-ring-cap{
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
  animation:
    authRingCapIn .35s ease-out 1.4s forwards,
    authRingCapPulse 1.8s ease-in-out 1.75s infinite;
}
.auth-page-modern .auth-pro-ring span{
  position:relative;z-index:1;
  display:grid;place-items:center;text-align:center;
  color:#eef8f2;font:800 28px/1 Manrope,sans-serif;line-height:1;
}
.auth-page-modern .auth-pro-ring small{
  display:block;margin-top:4px;color:#79f4b7;
  font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  transform:none;grid-row:auto;
}
/* Override legacy conic-ring styles on login */
.auth-page-modern.auth-login-page .auth-pro-ring,
.auth-page-modern .auth-pro-ring{
  background:radial-gradient(circle at center,rgba(7,16,12,.92) 0 56%,transparent 58%)!important;
  box-shadow:0 0 36px rgba(73,231,155,.18)!important;
}
@keyframes authRingDraw{
  0%{stroke-dasharray:0 100}
  100%{stroke-dasharray:84 16}
}
@keyframes authRingCapIn{to{opacity:1}}
@keyframes authRingCapPulse{
  0%,100%{transform:scale(1);opacity:.85}
  50%{transform:scale(1.35);opacity:1}
}
@keyframes authRingGlowPulse{
  0%,100%{filter:drop-shadow(0 0 4px rgba(73,231,155,.35))}
  50%{filter:drop-shadow(0 0 10px rgba(121,244,183,.65))}
}
/* Energy wave SVG */
.auth-pro-wave-wrap{min-width:0;position:relative}
.auth-page-modern .auth-pro-wave{width:100%;height:68px;overflow:visible}
.auth-page-modern .auth-pro-wave-ghost,
.auth-page-modern .auth-pro-wave-line,
.auth-page-modern.auth-login-page .auth-pro-wave path{
  fill:none!important;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:none;
}
.auth-page-modern .auth-pro-wave-ghost{
  stroke:rgba(121,244,183,.2)!important;
  stroke-width:3.5!important;
}
.auth-page-modern .auth-pro-wave-line,
.auth-page-modern.auth-login-page .auth-pro-wave-line{
  stroke:url(#authWaveGrad)!important;
  stroke-width:3.5!important;
  stroke-dasharray:32 210;
  animation:authWaveFlow 2.5s linear infinite;
  filter:drop-shadow(0 0 8px rgba(73,231,155,.55))!important;
}
.auth-page-modern .auth-pro-wave-dot{
  filter:drop-shadow(0 0 7px rgba(154,247,200,.95));
  transform-box:fill-box;
  transform-origin:center;
  animation:authWaveDotPulse 1.15s ease-in-out infinite;
}
.auth-pro-wave-label{display:block;margin-top:4px;color:#a8b8af;font-size:10px}
@keyframes authWaveFlow{
  to{stroke-dashoffset:-242}
}
@keyframes authWaveDotPulse{
  0%,100%{transform:scale(.9);opacity:.7}
  50%{transform:scale(1.25);opacity:1}
}
/* Metrics */
.auth-page-modern .auth-pro-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.auth-page-modern .auth-pro-metrics span{display:grid;align-content:space-between;gap:10px;min-height:78px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(7,15,11,.45)}
.auth-page-modern .auth-pro-metrics b{color:#effaf4;font:750 17px Manrope,sans-serif}
.auth-page-modern .auth-pro-metrics small{color:#b0c0b7;font-size:10px}
.auth-metric-dot:before{
  content:"";width:8px;height:8px;border-radius:50%;
  background:#49e79b;box-shadow:0 0 10px rgba(73,231,155,.5);
  animation:authMetricPulse 2.2s ease-in-out infinite;
}
.auth-metric-dot.blue:before{
  background:#6aa8ff;box-shadow:0 0 10px rgba(106,168,255,.45);
  animation-delay:.35s;
}
.auth-metric-dot.violet:before{
  background:#c4a1ff;box-shadow:0 0 10px rgba(196,161,255,.4);
  animation-delay:.7s;
}
@keyframes authMetricPulse{
  0%,100%{transform:scale(1);opacity:.85;box-shadow:0 0 8px currentColor}
  50%{transform:scale(1.25);opacity:1;box-shadow:0 0 14px currentColor}
}
@media (prefers-reduced-motion:reduce){
  .auth-page-modern .auth-pro-ring-progress,
  .auth-page-modern .auth-pro-ring-cap,
  .auth-page-modern .auth-pro-wave-line,
  .auth-page-modern .auth-pro-wave-dot,
  .auth-metric-dot:before{animation:none!important}
  .auth-page-modern .auth-pro-ring-progress{stroke-dasharray:84 16}
  .auth-page-modern .auth-pro-ring-cap{opacity:1}
  .auth-page-modern .auth-pro-wave-line{stroke-dasharray:none}
  .auth-page-modern .auth-pro-wave-dot{display:none}
}
.auth-pro-chips{display:flex;flex-wrap:wrap;gap:8px}
.auth-pro-chips span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(8,16,12,.5);color:#e4f0e9;font-size:11px;font-weight:600}
.auth-pro-chips em{width:6px;height:6px;border-radius:50%;background:#49e79b;font-style:normal}
/* Form panel: translucent so photo + people show through */
.auth-page-modern .auth-pro-panel{padding:clamp(28px,4vh,48px) clamp(28px,3.5vw,44px);background:rgba(6,12,10,.36);backdrop-filter:none;-webkit-backdrop-filter:none;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:center;min-height:0;overflow:auto}
.auth-page-modern .auth-pro-panel-head{margin-bottom:22px}
.auth-page-modern .auth-pro-panel-head small{color:#79f4b7;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;text-shadow:none}
.auth-page-modern .auth-pro-panel-head h2{margin:10px 0 8px;font:740 34px/1.05 Manrope,sans-serif;letter-spacing:-.02em;color:#f1faf5;text-shadow:none}
.auth-page-modern .auth-pro-panel-head p{margin:0;color:#c5d4cb;font-size:13.5px;line-height:1.55;text-shadow:none}
.auth-page-modern .auth-pro-form{gap:14px}
.auth-field{display:grid;gap:7px;color:#d0ddd6;font-size:11px;font-weight:700}
.auth-field>span:first-child{padding-left:2px}
.auth-control{position:relative;display:block}
.auth-page-modern .auth-pro-form input{width:100%;min-height:54px;border:1px solid rgba(255,255,255,.22);background:rgba(5,11,8,.52);color:#eff8f2;border-radius:15px;padding:14px 46px 14px 16px;outline:0;font-size:16px!important;transition:border-color .18s,box-shadow .18s,background .18s;backdrop-filter:none;-webkit-backdrop-filter:none}
.auth-page-modern .auth-pro-form input::placeholder{color:#9aaba2}
.auth-page-modern .auth-pro-form input:focus{border-color:#79f4b7;box-shadow:0 0 0 4px rgba(121,244,183,.14);background:rgba(6,14,10,.72)}
.auth-field-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#9aaba2;pointer-events:none}
.auth-field-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Password show/hide toggle (clickable eye) */
.auth-control-password input{padding-right:48px!important}
.auth-password-toggle{
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  display:inline-grid!important;
  place-items:center;
  width:40px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#9aaba2!important;
  box-shadow:none!important;
  cursor:pointer;
  pointer-events:auto;
  -webkit-tap-highlight-color:transparent;
  transition:color .15s,background .15s;
}
.auth-password-toggle:hover,
.auth-password-toggle:focus-visible{
  color:#79f4b7!important;
  background:rgba(121,244,183,.1)!important;
  outline:0;
  transform:translateY(-50%)!important;
  box-shadow:none!important;
}
.auth-password-toggle:focus-visible{
  box-shadow:0 0 0 2px rgba(121,244,183,.35)!important;
}
.auth-password-toggle svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.85;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
.auth-password-toggle .auth-eye-hide{display:none}
.auth-password-toggle.is-shown .auth-eye-show{display:none}
.auth-password-toggle.is-shown .auth-eye-hide{display:block}
.auth-page-modern .auth-pro-form button[type="submit"],
.auth-page-modern .auth-pro-form .auth-submit-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;margin-top:4px;border:0;border-radius:15px;padding:0 18px;background:linear-gradient(135deg,#79f4b7,#49e79b 55%,#37dc91);color:#07100b;font:850 15px Manrope,sans-serif;cursor:pointer;box-shadow:0 18px 40px rgba(73,231,155,.28),inset 0 1px rgba(255,255,255,.35);transition:transform .18s,box-shadow .18s;backdrop-filter:none;-webkit-backdrop-filter:none}
.auth-page-modern .auth-pro-form button[type="submit"]:hover,
.auth-page-modern .auth-pro-form .auth-submit-btn:hover{transform:translateY(-1px);box-shadow:0 22px 48px rgba(73,231,155,.32),inset 0 1px rgba(255,255,255,.35)}
.auth-page-modern .auth-pro-form button[type="submit"]:focus-visible,
.auth-page-modern .auth-pro-form .auth-submit-btn:focus-visible{outline:2px solid #d8ffe8;outline-offset:3px}
.auth-page-modern .auth-demo-access{margin-top:16px;padding:15px 16px;border-radius:18px;border:1px solid rgba(73,231,155,.32);background:rgba(10,28,18,.5);box-shadow:inset 0 1px rgba(255,255,255,.06);gap:14px;backdrop-filter:none;-webkit-backdrop-filter:none}
.auth-page-modern .auth-demo-access small{color:#79f4b7;font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.auth-page-modern .auth-demo-access strong{color:#eef8f2;font:700 14px Manrope,sans-serif}
.auth-page-modern .auth-demo-access p{max-width:280px;color:#b8c9c0;font-size:11px;line-height:1.45}
.auth-page-modern .auth-demo-access>a{min-height:42px;padding:0 14px;border-radius:12px;border:1px solid #5bedaa;background:#50e59d;color:#07110b;font-size:12px;font-weight:850;box-shadow:0 10px 24px rgba(73,231,155,.22)}
.auth-page-modern .auth-provider-divider{margin:20px 0 14px}
.auth-page-modern .auth-provider-divider:before,.auth-page-modern .auth-provider-divider:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}
.auth-page-modern .auth-provider-button{min-height:46px;border-radius:13px;background:rgba(8,14,11,.48);border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:700;color:#e8f2ec;backdrop-filter:none;-webkit-backdrop-filter:none}
.auth-page-modern .auth-provider-note{margin-top:13px;color:#b8c9c0}
.auth-page-modern .auth-pro-switch{margin-top:18px!important;color:#d0ddd6}
.auth-page-modern .auth-pro-health-grid{display:none}
/* dual titles/copy: desktop full, mobile short */
.auth-title-short,.auth-copy-short{display:none}
.auth-title-full,.auth-copy-full{display:block}
/* mobile hero block unused — full page uses .auth-bg */
.auth-mobile-hero{display:none!important}
.auth-mobile-pills{display:none}

@media(max-width:980px){
  /* One-screen fit: no scroll, full-bleed photo, compact overlay UI */
  html:has(body.auth-page-modern){height:100%;overflow:hidden!important}
  body.auth-page.auth-page-pro.auth-page-modern,
  body.auth-page-modern.auth-login-page,
  body.auth-page-modern.auth-register-page,
  .auth-page.auth-page-pro.auth-page-modern,
  .auth-page-modern.auth-login-page,
  .auth-page-modern.auth-register-page,
  .auth-page-modern{
    padding:0!important;
    margin:0!important;
    min-height:0!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    place-items:stretch!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    background:transparent!important;
  }
  body.auth-page.auth-page-pro.auth-page-modern:before,
  .auth-page-modern.auth-login-page:before,
  .auth-page-modern.auth-register-page:before{display:none!important}
  .auth-bg{display:block!important}
  /* Zoom + frame both people (faces mid) across full phone screen */
  .auth-bg-img{
    object-position:50% 38%!important;
    transform:scale(1.14)!important;
    transform-origin:50% 36%!important;
    filter:brightness(1.12) contrast(1.08) saturate(1.1)!important;
  }
  .auth-bg-scrim{background:
    linear-gradient(180deg,rgba(4,10,8,.20) 0%,rgba(4,10,8,.04) 12%,rgba(4,10,8,.0) 28%,rgba(4,10,8,.0) 48%,rgba(4,10,8,.06) 64%,rgba(4,10,8,.36) 82%,rgba(4,10,8,.58) 100%)!important}
  .auth-page-modern .auth-pro-shell,
  .auth-login-page .auth-pro-shell,
  .auth-register-page .auth-pro-shell{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    width:100%!important;
    max-width:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
    overflow:hidden!important;
  }
  /* Header strip only — logo large, form starts high */
  .auth-page-modern .auth-pro-story{
    border:0!important;
    padding:0!important;
    gap:0!important;
    flex:0 0 auto!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-items:stretch!important;
    background:transparent!important;
    overflow:visible!important;
    position:relative!important;
  }
  .auth-page-modern .auth-pro-story:before{display:none}
  .auth-page-modern .auth-pro-story > *:not(.auth-mobile-hero){position:relative;z-index:2}
  /* Premium oversized brand mark */
  .auth-page-modern .auth-pro-brand{
    position:relative;
    align-self:center;
    margin:max(14px,env(safe-area-inset-top)) 16px 10px;
    z-index:4;
    display:inline-flex!important;
    align-items:center;
    gap:12px;
    padding:10px 18px 10px 10px;
    border-radius:999px;
    background:linear-gradient(145deg,rgba(10,22,16,.62),rgba(6,14,11,.48));
    border:1px solid rgba(255,255,255,.22);
    box-shadow:
      0 16px 40px rgba(0,0,0,.35),
      0 0 0 1px rgba(73,231,155,.12),
      inset 0 1px 0 rgba(255,255,255,.16);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .auth-page-modern .auth-pro-brand .brand-symbol{
    width:46px!important;
    height:46px!important;
    border-radius:15px!important;
    box-shadow:0 10px 28px rgba(73,231,155,.35),inset 0 1px 0 rgba(255,255,255,.28)!important;
  }
  .auth-page-modern .auth-pro-brand .brand-word{
    font:780 24px/1 Manrope,sans-serif!important;
    letter-spacing:-.03em!important;
    color:#f4fbf7!important;
    text-shadow:none!important;
  }
  .auth-page-modern .auth-pro-brand .brand-word>span{
    color:#79f4b7!important;
    font-weight:850!important;
  }
  /* Hide story copy on mobile — form sits higher */
  .auth-page-modern .auth-pro-copy,
  .auth-page-modern .auth-eyebrow,
  .auth-page-modern .auth-pro-copy p,
  .auth-mobile-pills,
  .auth-page-modern .auth-pro-preview,
  .auth-pro-chips,
  .auth-forgot-hint{display:none!important}
  /* Keep "Passwort vergessen?" visible on login (not the old hint class) */
  .auth-page-modern .auth-forgot-link{display:inline!important;font-size:10.5px}
  .auth-page-modern .auth-field-label-row{gap:8px}
  .auth-page-modern .auth-pro-success{margin:0 0 8px;padding:10px 12px;font-size:12px}
  .auth-page-modern .auth-reset-card{padding:14px;gap:12px;margin:0}
  .auth-page-modern .auth-reset-primary{min-height:48px;font-size:13.5px}
  .auth-page-modern .auth-reset-card-copy{font-size:12.5px}
  .auth-page-modern .auth-reset-card-note{font-size:11px}
  /* Compact panel head for forgot/reset modes on mobile */
  .auth-mode-forgot .auth-pro-panel-head p,
  .auth-mode-forgot_sent .auth-pro-panel-head p,
  .auth-mode-reset .auth-pro-panel-head p{display:none}
  .auth-title-full,.auth-copy-full,.auth-title-short,.auth-copy-short{display:none!important}
  /* Form sheet raised high under logo — fills rest of screen */
  .auth-page-modern .auth-pro-panel{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:16px 16px max(12px,env(safe-area-inset-bottom))!important;
    border-radius:26px 26px 0 0!important;
    margin:0!important;
    position:relative;
    z-index:3;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.18)!important;
    box-shadow:
      0 -18px 50px rgba(0,0,0,.38),
      inset 0 1px 0 rgba(255,255,255,.1);
    background:linear-gradient(180deg,rgba(7,13,10,.38) 0%,rgba(7,13,10,.55) 100%)!important;
    overflow:hidden!important;
  }
  .auth-page-modern .auth-pro-panel-head{margin-bottom:6px!important;flex:0 0 auto}
  .auth-page-modern .auth-pro-panel-head small{
    display:inline-flex;
    font-size:9px!important;
    letter-spacing:.14em!important;
    font-weight:850;
    color:#79f4b7!important;
  }
  .auth-page-modern .auth-pro-panel-head h2{
    font:760 28px/1.05 Manrope,sans-serif!important;
    margin:6px 0 0!important;
    letter-spacing:-.02em;
    color:#f5fbf7!important;
    text-shadow:none!important;
  }
  .auth-page-modern .auth-pro-panel-head p{display:none!important}
  .auth-page-modern .auth-pro-error{margin:0 0 4px;padding:8px 10px;font-size:11px}
  .auth-page-modern .auth-pro-form{gap:9px!important;flex:0 0 auto;margin:0}
  .auth-page-modern .auth-field{gap:5px!important;font-size:11px!important;color:#d8e6de!important}
  .auth-page-modern .auth-pro-form input{
    min-height:48px!important;
    height:48px!important;
    border-radius:14px!important;
    padding:10px 44px 10px 14px!important;
    font-size:16px!important;
    background:rgba(5,11,8,.46)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    color:#eff8f2!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  }
  .auth-page-modern .auth-pro-form input:focus{
    border-color:#79f4b7!important;
    box-shadow:0 0 0 3px rgba(121,244,183,.16)!important;
    background:rgba(6,14,10,.62)!important;
  }
  .auth-page-modern .auth-pro-form button[type="submit"],.auth-page-modern .auth-pro-form .auth-submit-btn{
    min-height:50px!important;
    height:50px!important;
    margin-top:4px!important;
    border-radius:14px!important;
    font:850 15px/1 Manrope,sans-serif!important;
    background:linear-gradient(135deg,#8ff8c4,#49e79b 55%,#37dc91)!important;
    border:0!important;
    color:#07100b!important;
    box-shadow:0 14px 32px rgba(73,231,155,.3),inset 0 1px 0 rgba(255,255,255,.4)!important;
  }
  .auth-page-modern .auth-field-icon{right:14px;width:18px;height:18px;color:#a8b9b0}
  .auth-page-modern .auth-pro-form .auth-field small{
    margin-top:2px!important;
    font-size:9px!important;
    line-height:1.25;
  }
  .auth-page-modern .auth-demo-access{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center;
    gap:10px!important;
    margin-top:6px!important;
    padding:12px 12px!important;
    border-radius:16px!important;
    background:rgba(10,28,18,.42)!important;
    border:1px solid rgba(73,231,155,.34)!important;
    flex:0 0 auto;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  }
  .auth-page-modern .auth-demo-access p{display:none!important}
  .auth-page-modern .auth-demo-access small{font-size:8px!important;letter-spacing:.12em}
  .auth-page-modern .auth-demo-access strong{font:720 14px/1.2 Manrope,sans-serif!important}
  .auth-page-modern .auth-demo-access>a{
    width:auto!important;
    min-height:40px!important;
    height:40px!important;
    padding:0 14px!important;
    font-size:12px!important;
    font-weight:850!important;
    border-radius:12px!important;
    white-space:nowrap;
  }
  .auth-page-modern .auth-provider-divider{margin:8px 0 6px!important;font-size:9px!important;flex:0 0 auto;opacity:.9}
  .auth-page-modern .auth-provider-grid{grid-template-columns:1fr 1fr;gap:8px!important;flex:0 0 auto}
  .auth-page-modern .auth-provider-button{
    min-height:42px!important;
    height:42px!important;
    border-radius:12px!important;
    font-size:12px!important;
    font-weight:700!important;
    background:rgba(8,14,11,.4)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    color:#eef5f0!important;
  }
  .auth-page-modern .auth-provider-note{display:none!important}
  .auth-page-modern .auth-pro-switch{
    margin:8px 0 0!important;
    padding:0!important;
    font-size:12px!important;
    text-align:center;
    color:#d8e6de!important;
    flex:0 0 auto;
  }
  .auth-page-modern .auth-pro-switch a{color:#79f4b7!important;font-weight:700}
  /* Register: more fields → slightly tighter but still raised */
  .auth-register-page .auth-pro-brand{margin-bottom:8px}
  .auth-register-page .auth-pro-panel{padding-top:12px!important;gap:6px!important}
  .auth-register-page .auth-pro-panel-head{margin-bottom:2px!important}
  .auth-register-page .auth-pro-panel-head h2{font-size:24px!important}
  .auth-register-page .auth-pro-form{gap:6px!important}
  .auth-register-page .auth-pro-form input{min-height:42px!important;height:42px!important;font-size:15px!important}
  .auth-register-page .auth-pro-form button[type="submit"],.auth-register-page .auth-pro-form .auth-submit-btn{min-height:46px!important;height:46px!important}
  .auth-register-page .auth-provider-button{min-height:38px!important;height:38px!important;font-size:11px}
  .auth-register-page .auth-provider-divider{margin:5px 0 4px!important}
  .auth-register-page .auth-demo-access{display:none!important}
}
@media(max-width:980px) and (max-height:760px){
  .auth-page-modern .auth-pro-brand{
    margin-top:max(10px,env(safe-area-inset-top))!important;
    margin-bottom:6px!important;
    padding:8px 14px 8px 8px!important;
    gap:10px!important;
  }
  .auth-page-modern .auth-pro-brand .brand-symbol{width:40px!important;height:40px!important;border-radius:13px!important}
  .auth-page-modern .auth-pro-brand .brand-word{font-size:20px!important}
  .auth-page-modern .auth-pro-panel{padding-top:12px!important;border-radius:22px 22px 0 0!important}
  .auth-page-modern .auth-pro-panel-head h2{font-size:24px!important}
  .auth-page-modern .auth-pro-form input{min-height:44px!important;height:44px!important}
  .auth-page-modern .auth-pro-form button[type="submit"],.auth-page-modern .auth-pro-form .auth-submit-btn{min-height:46px!important;height:46px!important}
  .auth-page-modern .auth-demo-access strong{font-size:13px}
  .auth-page-modern .auth-provider-button{min-height:38px!important;height:38px!important;font-size:11px}
}
@media(max-width:980px) and (max-height:680px){
  .auth-page-modern .auth-pro-brand .brand-symbol{width:36px!important;height:36px!important}
  .auth-page-modern .auth-pro-brand .brand-word{font-size:18px!important}
  .auth-page-modern .auth-pro-panel-head small{display:none}
  .auth-page-modern .auth-pro-panel-head h2{font-size:20px!important}
  .auth-page-modern .auth-pro-form{gap:6px!important}
  .auth-page-modern .auth-pro-form input{min-height:40px!important;height:40px!important;font-size:15px!important}
  .auth-page-modern .auth-pro-form button[type="submit"],.auth-page-modern .auth-pro-form .auth-submit-btn{min-height:42px!important;height:42px!important;font-size:13px}
  .auth-page-modern .auth-demo-access{padding:8px 10px!important}
  .auth-page-modern .auth-demo-access>a{min-height:34px!important;height:34px!important}
  .auth-page-modern .auth-provider-button{min-height:34px!important;height:34px!important}
  .auth-register-page .auth-pro-form input{min-height:36px!important;height:36px!important}
  .auth-register-page .auth-provider-grid{gap:6px}
}
@media(max-width:380px){
  .auth-page-modern .auth-provider-grid{grid-template-columns:1fr 1fr}
  .auth-page-modern .auth-pro-copy h1{font-size:20px}
  .auth-page-modern .auth-demo-access{grid-template-columns:1fr!important}
  .auth-page-modern .auth-demo-access>a{width:100%!important}
}

/* Desktop: full-bleed photo + full-screen shell, people on left story side */
@media(min-width:981px){
  .auth-page-modern{
    padding:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  .auth-bg-img{
    object-position:42% 45%!important;
    transform:scale(1.08)!important;
    transform-origin:40% 45%!important;
  }
  .auth-page-modern .auth-pro-shell{
    height:100%!important;
    max-height:100dvh!important;
    min-height:0!important;
    width:100%!important;
    border-radius:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .auth-page-modern .auth-pro-story{
    min-height:0!important;
    gap:clamp(10px,2vh,26px);
    padding:clamp(28px,4vh,52px) clamp(28px,4vw,56px);
    background:linear-gradient(90deg,rgba(4,10,8,.28) 0%,rgba(4,10,8,.08) 48%,transparent 78%)!important;
  }
  .auth-page-modern .auth-pro-panel{
    min-height:0;
    overflow:auto;
    padding:clamp(24px,3.6vh,48px) clamp(28px,3.4vw,48px);
    background:linear-gradient(180deg,rgba(6,12,10,.34) 0%,rgba(6,12,10,.48) 100%)!important;
    border-left:1px solid rgba(255,255,255,.12)!important;
  }
  .auth-page-modern .auth-pro-copy h1{font-size:clamp(30px,4.2vw,56px);margin:clamp(8px,1.4vh,18px) 0 clamp(6px,1vh,14px)}
  .auth-page-modern .auth-pro-preview{padding:clamp(10px,1.6vh,18px);background:rgba(8,16,12,.38)!important}
  .auth-page-modern .auth-pro-ring{width:clamp(72px,10vh,100px);height:clamp(72px,10vh,100px)}
  .auth-page-modern .auth-pro-wave{height:clamp(42px,6vh,68px)}
  .auth-page-modern .auth-pro-metrics span{min-height:clamp(52px,8vh,78px);padding:clamp(8px,1.2vh,14px)}
  .auth-page-modern .auth-pro-form input{min-height:clamp(44px,6.2vh,54px);background:rgba(5,11,8,.46)!important}
  .auth-page-modern .auth-pro-form button[type="submit"],.auth-page-modern .auth-pro-form .auth-submit-btn{min-height:clamp(46px,6.4vh,56px)}
  .auth-page-modern .auth-pro-panel-head{margin-bottom:clamp(10px,2vh,22px)}
  .auth-page-modern .auth-pro-panel-head h2{font-size:clamp(24px,3.4vh,34px);margin:clamp(4px,.8vh,10px) 0 clamp(4px,.6vh,8px)}
}
@media(min-width:981px) and (max-height:860px){
  .auth-pro-chips{display:none}
  .auth-page-modern .auth-pro-form{gap:10px}
  .auth-page-modern .auth-demo-access{margin-top:10px;padding:12px}
  .auth-page-modern .auth-provider-divider{margin:12px 0 10px}
  .auth-page-modern .auth-provider-button{min-height:40px}
}
@media(min-width:981px) and (max-height:760px){
  .auth-page-modern .auth-pro-preview{display:none}
  .auth-page-modern .auth-pro-copy p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .auth-page-modern .auth-pro-panel-head p{display:none}
  .auth-page-modern .auth-forgot-hint{display:none}
  .auth-page-modern .auth-forgot-link{font-size:10px}
}


/* HealthOS theme toggle + light mode overrides */
.theme-toggle-btn{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #2d3932;border-radius:10px;background:#101713;color:#dce8e1;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}
.theme-toggle-btn:hover,.theme-toggle-btn:focus-visible{border-color:#49e79b66;background:#13241b;color:#49e79b;outline:0}
.theme-toggle-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle-btn .theme-icon-light{display:none}
html[data-theme="light"] .theme-toggle-btn .theme-icon-dark{display:none}
html[data-theme="light"] .theme-toggle-btn .theme-icon-light{display:block}
.side-theme-toggle{width:34px;height:34px;margin-left:auto;border-radius:10px;background:#101713;border:1px solid #26342d;color:#819089}
.side-user .side-theme-toggle+a{margin-left:0}
.mobile-head-actions{display:flex;align-items:center;gap:8px}


/* ===== LIGHT MODE ===== */
html[data-theme="light"]{color-scheme:light}
html[data-theme="light"] body{background:#f3f7f4;color:#132018}
html[data-theme="light"] .dash-page{background:#f3f7f4;color:#132018}
html[data-theme="light"] .app-brand,html[data-theme="light"] .brand-word{color:#132018}
html[data-theme="light"] .brand-word{color:#132018}
html[data-theme="light"] .brand-word>span{color:#1f9f68}
html[data-theme="light"] .sidebar{background:#ffffff;border-right-color:#d7e3db;color:#132018}
html[data-theme="light"] .sidebar nav button{color:#5f7167}
html[data-theme="light"] .sidebar nav button.active{background:#e7f7ef;color:#1f9f68}
html[data-theme="light"] .sidebar nav.side-tile-nav button{border-color:#d5e4db;background:linear-gradient(145deg,#ffffff,#f4f9f6);color:#5d7066;box-shadow:inset 0 0 0 1px #ffffffaa}
html[data-theme="light"] .sidebar nav.side-tile-nav button:hover,
html[data-theme="light"] .sidebar nav.side-tile-nav button:focus-visible{border-color:#49e79b88;background:#eefaf4;color:#164b34;box-shadow:0 10px 22px #1f9f6814}
html[data-theme="light"] .sidebar nav.side-tile-nav button.active{border-color:#49e79baa;background:linear-gradient(145deg,#e7f8ef,#d8f3e5);color:#167a4d;box-shadow:0 12px 24px #1f9f6812}
html[data-theme="light"] .sidebar nav.side-tile-nav .side-tile-icon{border-color:#cfe3d7;background:#f4faf6}
html[data-theme="light"] .sidebar nav.side-tile-nav button.active .side-tile-icon{border-color:#49e79b88;background:#dff6ea;color:#1f9f68}
html[data-theme="light"] .side-user{border-top-color:#d7e3db}
html[data-theme="light"] .side-user strong{color:#132018}
html[data-theme="light"] .side-user a,
html[data-theme="light"] .side-theme-toggle{border-color:#d0dfd6;background:#f4f9f6;color:#5d7066}
html[data-theme="light"] .side-user a:hover,
html[data-theme="light"] .side-user a:focus-visible,
html[data-theme="light"] .side-theme-toggle:hover,
html[data-theme="light"] .side-theme-toggle:focus-visible{border-color:#49e79b88;background:#e7f7ef;color:#1f9f68}
html[data-theme="light"] .theme-toggle-btn{border-color:#d0dfd6;background:#f4f9f6;color:#3f5649}
html[data-theme="light"] .theme-toggle-btn:hover,
html[data-theme="light"] .theme-toggle-btn:focus-visible{border-color:#49e79b88;background:#e7f7ef;color:#1f9f68}
html[data-theme="light"] .mobile-head{background:#fffffff2;border-bottom-color:#d7e3db}
html[data-theme="light"] .mobile-head button:not(.mobile-profile-avatar){border-color:#d0dfd6;color:#132018;background:#f4f9f6}
html[data-theme="light"] .app-heading h1,
html[data-theme="light"] .view-title h1,
html[data-theme="light"] .home-hero h1,
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3{color:#132018}
html[data-theme="light"] .app-heading p,
html[data-theme="light"] .view-title p,
html[data-theme="light"] .muted,
html[data-theme="light"] .home-hero p{color:#5f7167}
html[data-theme="light"] .panel,
html[data-theme="light"] .program-grid article:not(.program-choice-card),
html[data-theme="light"] .recipe-grid article,
html[data-theme="light"] .calculator-grid article,
html[data-theme="light"] .stats-row article,
html[data-theme="light"] .active-program,
html[data-theme="light"] .app-grid article,
html[data-theme="light"] .chat-panel,
html[data-theme="light"] .progress-panel,
html[data-theme="light"] .daily-check,
html[data-theme="light"] .training-section,
html[data-theme="light"] .recipe-finder,
html[data-theme="light"] .profile-card,
html[data-theme="light"] .profile-calculator-section,
html[data-theme="light"] .profile-subcard,
html[data-theme="light"] .profile-welcome-card,
html[data-theme="light"] .nutrition-steps,
html[data-theme="light"] .nutrition-steps button,
html[data-theme="light"] .session-card,
html[data-theme="light"] .week-step,
html[data-theme="light"] .training-rhythm,
html[data-theme="light"] .coach-chat-card,
html[data-theme="light"] .coach-today-card,
html[data-theme="light"] .coach-next-card,
html[data-theme="light"] .coach-prompt-panel,
html[data-theme="light"] .coach-answer-card{border-color:#d5e4db;background:#ffffff;color:#132018;box-shadow:0 10px 28px #1320180a}
html[data-theme="light"] .profile-card,
html[data-theme="light"] .profile-calculator-section,
html[data-theme="light"] .profile-subcard,
html[data-theme="light"] .profile-welcome-card{background:linear-gradient(145deg,#ffffff,#f5faf7)}
html[data-theme="light"] .profile-card-head h2,
html[data-theme="light"] .profile-subcard-head h3,
html[data-theme="light"] .profile-welcome-copy h1,
html[data-theme="light"] .profile-cta-copy h2{color:#132018}
html[data-theme="light"] .profile-card-head p,
html[data-theme="light"] .profile-subcard-head p,
html[data-theme="light"] .profile-welcome-copy>p,
html[data-theme="light"] .profile-cta-copy p,
html[data-theme="light"] .profile-health-copy,
html[data-theme="light"] .profile-theme-hint{color:#5f7167}
html[data-theme="light"] .profile-completion-card{border-color:#cfe3d7;background:#f0faf4}
html[data-theme="light"] .profile-edit-button,
html[data-theme="light"] .profile-secondary-action{border-color:#d0dfd6;background:#f4f9f6;color:#3f5649}
html[data-theme="light"] .profile-field-grid,
html[data-theme="light"] .profile-value-control,
html[data-theme="light"] .smart-control,
html[data-theme="light"] .compact-form input,
html[data-theme="light"] .compact-form select,
html[data-theme="light"] .stack-form input,
html[data-theme="light"] .profile-form input,
html[data-theme="light"] .profile-form select,
html[data-theme="light"] .inline-form input,
html[data-theme="light"] .recipe-finder-form input,
html[data-theme="light"] .meal-photo-form select,
html[data-theme="light"] .profile-settings input,
html[data-theme="light"] .profile-settings select,
html[data-theme="light"] .profile-settings textarea,
html[data-theme="light"] .health-calc-form input,
html[data-theme="light"] .health-calc-form select,
html[data-theme="light"] .health-calc-direct-panel input,
html[data-theme="light"] .health-calc-direct-panel select,
html[data-theme="light"] .coach-composer textarea,
html[data-theme="light"] .chat-panel textarea{border-color:#cfdfd6;background:#ffffff;color:#132018}
html[data-theme="light"] .profile-settings input:focus,
html[data-theme="light"] .profile-settings select:focus,
html[data-theme="light"] .profile-settings textarea:focus,
html[data-theme="light"] .compact-form input:focus,
html[data-theme="light"] .recipe-finder-form input:focus,
html[data-theme="light"] .coach-composer textarea:focus{border-color:#49e79b;background:#f7fcf9;box-shadow:0 0 0 3px #49e79b22}
/* Light mode: keep photo cards (do not wipe background-image with solid fills) */
html[data-theme="light"] .home-module-card{
  border-color:#c5d8cc;
  color:#eef5f0;
  box-shadow:0 14px 32px #13201814;
  /* keep dark photo treatment; only soft border for light chrome */
}
html[data-theme="light"] .home-module-card.profile-home-card{
  background-color:#101a2a!important;
}
html[data-theme="light"] .home-module-card strong{
  color:#f4fbf7!important;
  text-shadow:0 2px 14px #000000aa;
}
html[data-theme="light"] .home-module-card small,
html[data-theme="light"] .home-module-card em,
html[data-theme="light"] .home-card-status{
  color:#d5e7dc!important;
  text-shadow:0 2px 12px #00000099;
}
html[data-theme="light"] .home-module-card:hover,
html[data-theme="light"] .home-module-card:focus-visible{
  border-color:#49e79baa;
  box-shadow:0 16px 34px #1f9f6818,0 0 0 1px #49e79b33;
}
/* Program photo cards: keep art :before, light text on dark scrim */
html[data-theme="light"] .training-start-selection .program-choice-card.program-everyday-energy,
html[data-theme="light"] .training-start-selection .program-choice-card.program-lean-start,
html[data-theme="light"] .training-start-selection .program-choice-card.program-build-strong{
  background:#12191f!important;
  color:#eef5f0;
}
html[data-theme="light"] .training-start-selection .program-choice-card h2,
html[data-theme="light"] .training-start-selection .program-choice-card>span,
html[data-theme="light"] .training-start-selection .program-choice-card .program-card-step,
html[data-theme="light"] .training-start-selection .program-choice-card .program-card-fit{
  color:inherit;
}
html[data-theme="light"] .training-start-selection .program-choice-card.program-everyday-energy h2{color:#fff8ea!important}
html[data-theme="light"] .training-start-selection .program-choice-card.program-lean-start h2{color:#fff4ed!important}
html[data-theme="light"] .training-start-selection .program-choice-card.program-build-strong h2{color:#f3f0ff!important}
html[data-theme="light"] .training-start-selection .program-choice-card.program-everyday-energy>span,
html[data-theme="light"] .training-start-selection .program-choice-card.program-everyday-energy .program-card-step,
html[data-theme="light"] .training-start-selection .program-choice-card.program-everyday-energy .program-card-fit,
html[data-theme="light"] .training-start-selection .program-choice-card.program-lean-start>span,
html[data-theme="light"] .training-start-selection .program-choice-card.program-lean-start .program-card-step,
html[data-theme="light"] .training-start-selection .program-choice-card.program-lean-start .program-card-fit,
html[data-theme="light"] .training-start-selection .program-choice-card.program-build-strong>span,
html[data-theme="light"] .training-start-selection .program-choice-card.program-build-strong .program-card-step,
html[data-theme="light"] .training-start-selection .program-choice-card.program-build-strong .program-card-fit{
  color:#d6d5cf!important;
}
/* Profile welcome art stays visible over light card shell */
html[data-theme="light"] .profile-shell .profile-welcome-art{
  opacity:1!important;
  filter:none;
}
html[data-theme="light"] .nutrition-hero-art img,
html[data-theme="light"] .training-generator-art img,
html[data-theme="light"] .coach-reference-portrait img,
html[data-theme="light"] .auth-mobile-hero-img{
  opacity:1!important;
  visibility:visible!important;
}
html[data-theme="light"] .intensity-picker button,
html[data-theme="light"] .habit-list button,
html[data-theme="light"] .coach-category-tabs button,
html[data-theme="light"] .coach-prompt-grid button,
html[data-theme="light"] .training-demo-controls button,
html[data-theme="light"] .photo-actions button,
html[data-theme="light"] .recipe-detail-toggle,
html[data-theme="light"] .recipe-favorite-btn,
html[data-theme="light"] .price-strategy button,
html[data-theme="light"] .price-compare button,
html[data-theme="light"] .store-picker label,
html[data-theme="light"] .store-group{border-color:#d0dfd6;background:#f7fbf8;color:#3f5649}
html[data-theme="light"] .dash-page[data-intensity=leicht] [data-value=leicht],
html[data-theme="light"] .dash-page[data-intensity=normal] [data-value=normal],
html[data-theme="light"] .dash-page[data-intensity=intensiv] [data-value=intensiv],
html[data-theme="light"] .price-strategy button.active,
html[data-theme="light"] .price-compare button.selected,
html[data-theme="light"] .store-picker.guided label:has(input:checked),
html[data-theme="light"] .nutrition-steps button.active{border-color:#49e79b;background:#e7f7ef;color:#167a4d}
html[data-theme="light"] .nutrition-steps{background:linear-gradient(135deg,#ffffff,#f3f9f5)}
html[data-theme="light"] .nutrition-steps button{background:linear-gradient(145deg,#ffffff,#f5faf7);color:#132018}
html[data-theme="light"] .nutrition-steps button span{border-color:#cfe3d7;background:#eef8f2;color:#1f9f68}
html[data-theme="light"] .nutrition-steps button.active span{background:#49e79b;color:#07100b;border-color:#49e79b}
html[data-theme="light"] .nutrition-steps button small,
html[data-theme="light"] .nutrition-steps button.active small{color:#5f7167}
html[data-theme="light"] .nutrition-step-panel.active-step .panel,
html[data-theme="light"] .nutrition-step-panel.active-step.recipe-assist,
html[data-theme="light"] .nutrition-step-panel.active-step.recipe-finder{border-color:#49e79b;box-shadow:0 0 0 1px #49e79b22,0 14px 28px #1f9f6810}
html[data-theme="light"] .meal-list>div,
html[data-theme="light"] .shopping-list li,
html[data-theme="light"] .goal-row,
html[data-theme="light"] .shopping-panel .shopping-list li{border-color:#d7e3db;background:#ffffff}
html[data-theme="light"] .shopping-panel .shopping-list li{background:#ffffff}
html[data-theme="light"] .shopping-total{border-color:#bfe8d2;background:linear-gradient(135deg,#eefaf4,#e3f6eb)}
html[data-theme="light"] .shopping-total span{color:#5f7167}
html[data-theme="light"] .shopping-total strong{color:#132018}
html[data-theme="light"] .recipe-body h3,
html[data-theme="light"] .recipe-card-top h3,
html[data-theme="light"] .recipe-head h2,
html[data-theme="light"] .session-copy h3,
html[data-theme="light"] .session-detail h4,
html[data-theme="light"] .training-section-head h2,
html[data-theme="light"] .training-rhythm h2,
html[data-theme="light"] .level-focus-card h3,
html[data-theme="light"] .saved-recipes-group-head strong{color:#132018}
html[data-theme="light"] .recipe-body p,
html[data-theme="light"] .recipe-intro,
html[data-theme="light"] .session-copy p,
html[data-theme="light"] .training-section-head p,
html[data-theme="light"] .training-rhythm p,
html[data-theme="light"] .training-rhythm span,
html[data-theme="light"] .program-grid p,
html[data-theme="light"] .active-program p{color:#5f7167}
html[data-theme="light"] .smart-recipes article,
html[data-theme="light"] .saved-recipe-card,
html[data-theme="light"] .saved-recipes-group,
html[data-theme="light"] .recipe-result-card,
html[data-theme="light"] .recipe-result-summary,
html[data-theme="light"] .recipe-loading-shell{border-color:#d5e4db!important;background:linear-gradient(180deg,#ffffff,#f5faf7)!important}
html[data-theme="light"] .recipe-personalized{border-color:#d0dfd6;background:#f4f9f6}
html[data-theme="light"] .recipe-personalized strong{color:#1f9f68}
html[data-theme="light"] .recipe-personalized li{color:#3d5247}
html[data-theme="light"] .recipe-personalized{border-color:#d0dfd6;background:#f4f9f6}
html[data-theme="light"] .recipe-personalized strong{color:#1f9f68}
html[data-theme="light"] .recipe-personalized li{color:#3d5247}
html[data-theme="light"] .recipe-result-card .recipe-intro,
html[data-theme="light"] .recipe-loading-copy p,
html[data-theme="light"] .recipe-result-summary b{color:#3f5649!important}
html[data-theme="light"] .recipe-result-summary b,
html[data-theme="light"] .recipe-loading-copy strong,
html[data-theme="light"] .recipe-meta-row b{color:#132018!important}
html[data-theme="light"] .recipe-meta-row span,
html[data-theme="light"] .recipe-chip-board,
html[data-theme="light"] .recipe-detail-grid>section,
html[data-theme="light"] .recipe-prep,
html[data-theme="light"] .recipe-check,
html[data-theme="light"] .recipe-shopping,
html[data-theme="light"] .recipe-serving-control,
html[data-theme="light"] .serving-stepper{border-color:#d0dfd6;background:#f7fbf8}
html[data-theme="light"] .recipe-match span,
html[data-theme="light"] .recipe-chip-board em{border-color:#d0dfd6;background:#eef4f0;color:#5f7167}
html[data-theme="light"] .recipe-match span.matched,
html[data-theme="light"] .recipe-chip-board span.matched{border-color:#49e79b88;background:#e3f7ec;color:#167a4d}
html[data-theme="light"] .recipe-match-badge{background:#e7f7ef;color:#167a4d!important;border-color:#49e79b66}
html[data-theme="light"] .session-card,
html[data-theme="light"] .week-step{background:#ffffff}
html[data-theme="light"] .session-card.active,
html[data-theme="light"] .week-step.active{background:linear-gradient(145deg,#e9f9f0,#f7fcf9);border-color:#49e79b}
html[data-theme="light"] .session-card.completed,
html[data-theme="light"] .week-step.completed{background:#f0faf4;border-color:#bfe8d2}
html[data-theme="light"] .video-placeholder{border-color:#c5dcd0;background:#f4faf6}
html[data-theme="light"] .video-placeholder strong{color:#132018}
html[data-theme="light"] .video-placeholder small{color:#5f7167}
html[data-theme="light"] .training-hero{background:radial-gradient(circle at 8% 0,#dff6ea 0,#f4faf6 42%,#ffffff 80%);border-color:#bfe8d2}
html[data-theme="light"] .training-progress,
html[data-theme="light"] .level-focus-card,
html[data-theme="light"] .session-detail,
html[data-theme="light"] .session-exercise-list li{border-color:#d0dfd6;background:#f7fbf8}
html[data-theme="light"] .training-progress b,
html[data-theme="light"] .level-focus-card h3,
html[data-theme="light"] .session-detail h4{color:#132018}
html[data-theme="light"] .training-progress span,
html[data-theme="light"] .training-progress em,
html[data-theme="light"] .level-focus-card p{color:#5f7167}
html[data-theme="light"] .progress-track{background:#dce9e1}
html[data-theme="light"] .training-rhythm{background:linear-gradient(135deg,#ffffff,#f3f9f5)}
html[data-theme="light"] .training-feedback{background:linear-gradient(135deg,#e7f7ef,#f4faf6);color:#164b34;border-color:#bfe8d2}
html[data-theme="light"] .training-feedback strong{color:#132018}
html[data-theme="light"] .training-feedback p{color:#5f7167}
html[data-theme="light"] .training-milestone{background:linear-gradient(135deg,#e7f7ef,#f7fcf9);border-color:#49e79baa}
html[data-theme="light"] .training-milestone h2{color:#132018}
html[data-theme="light"] .training-milestone p{color:#5f7167}
html[data-theme="light"] .coach-chat-card,
html[data-theme="light"] .coach-chat-head,
html[data-theme="light"] .coach-composer{background:#ffffff!important;border-color:#d5e4db!important}
html[data-theme="light"] .coach-thread{background:radial-gradient(circle at 50% 0,#eefaf4 0,#f5f9f6 45%,#ffffff 100%)!important}
html[data-theme="light"] .coach-message>div{border-color:#d5e4db;background:#ffffff;box-shadow:0 10px 24px #1320180c}
html[data-theme="light"] .coach-message p{color:#2a3d33}
html[data-theme="light"] .coach-message.assistant>div{background:linear-gradient(145deg,#f4faf6,#eef7f2);border-left-color:#49e79b}
html[data-theme="light"] .coach-message.user>div{background:#49e79b;color:#07100b;border-color:#49e79b}
html[data-theme="light"] .coach-chat-head strong{color:#132018}
html[data-theme="light"] .coach-chat-head span{color:#5f7167}
html[data-theme="light"] .coach-composer textarea{background:#f7fbf8;color:#132018;border-color:#cfdfd6}
html[data-theme="light"] body.dash-page:has(#coachView.active){background:#f0f6f3!important;color:#132018!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .sidebar{border-color:#d5e4db!important;background:linear-gradient(145deg,#ffffffee,#f3f9f5ee)!important;box-shadow:0 16px 36px #13201812,inset 0 1px 0 #ffffff!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .sidebar .side-user strong{color:#132018!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-identity-copy h1{color:#132018!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-identity-copy p{color:#5f7167!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content{border-color:#d5e4db!important;background:linear-gradient(145deg,#ffffff,#f4faf6)!important;color:#132018!important;box-shadow:0 14px 30px #13201810,inset 0 1px 0 #ffffff!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content p{color:#2a3d33!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content time,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-meta small{color:#5f7167!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message.user .coach-message-content{background:#49e79b!important;color:#06100a!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-moods button{border-color:#d0dfd6!important;background:#ffffff!important;color:#132018!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-moods button:hover,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-moods button:focus-visible,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-moods button.active{border-color:#49e79b!important;background:#e7f7ef!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer{border-color:#d5e4db!important;background:linear-gradient(145deg,#ffffff,#f4faf6)!important;box-shadow:0 12px 28px #13201810!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer textarea{color:#132018!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer textarea::placeholder{color:#7a8d83!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-divider{color:#7a8d83!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-divider:before,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-divider:after{background:#d5e4db!important}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-identity{border-bottom-color:#d5e4db!important}
html[data-theme="light"] .chat.assistant{background:linear-gradient(145deg,#f4faf6,#eef4f0);border-color:#d5e4db;color:#2a3d33}
html[data-theme="light"] .chat.assistant h3{color:#132018}
html[data-theme="light"] .chat.assistant em{color:#5f7167}

html[data-theme="light"] .app-modal-layer{background:#13201855}
html[data-theme="light"] .app-modal-card{background:#ffffff;border-color:#d5e4db;color:#132018}
html[data-theme="light"] .app-modal-copy p{color:#5f7167}
html[data-theme="light"] .toast{box-shadow:0 12px 28px #1f9f6830}
html[data-theme="light"] .profile-picker-sheet{background:#ffffff;border-color:#d5e4db}
html[data-theme="light"] .profile-picker-sheet button{color:#132018;border-color:#d7e3db;background:#f7fbf8}
html[data-theme="light"] .profile-picker-cancel{color:#5f7167}
html[data-theme="light"] .auth-page:not(.auth-page-modern){background:radial-gradient(circle at 50% 0,#d9f3e6,#f3f7f4 48%)}
html[data-theme="light"] .auth-card{border-color:#d5e4db;background:rgba(255,255,255,.92);box-shadow:0 28px 70px #13201818}
html[data-theme="light"] .auth-card h1{color:#132018}
html[data-theme="light"] .auth-card>p,
html[data-theme="light"] .auth-card label{color:#5f7167}
html[data-theme="light"] .auth-card input,
html[data-theme="light"] .auth-card select{border-color:#cfdfd6;background:#ffffff;color:#132018}
/* Auth always keeps full-bleed photo; UI stays translucent even in light pref */
html[data-theme="light"] .auth-page-modern{background:transparent!important}
html[data-theme="light"] .auth-page-modern .auth-pro-shell{border:0!important;background:transparent!important;box-shadow:none!important}
html[data-theme="light"] .auth-page-modern .auth-pro-story{border-right-color:rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(4,10,8,.28) 0%,rgba(4,10,8,.08) 48%,transparent 78%)!important}
html[data-theme="light"] .auth-page-modern .auth-pro-copy h1{color:#f4fbf7!important}
html[data-theme="light"] .auth-page-modern .auth-pro-copy p{color:#e0ebe4!important}
html[data-theme="light"] .auth-page-modern .auth-pro-panel{background:rgba(8,14,11,.48)!important;border-left-color:rgba(255,255,255,.1)}
html[data-theme="light"] .auth-page-modern .auth-pro-panel-head h2{color:#f1faf5!important}
html[data-theme="light"] .auth-page-modern .auth-pro-panel-head p{color:#c5d4cb!important}
html[data-theme="light"] .auth-page-modern .auth-pro-panel input,
html[data-theme="light"] .auth-page-modern .auth-pro-panel select{
  border-color:rgba(255,255,255,.22)!important;
  background:rgba(5,11,8,.52)!important;
  color:#eff8f2!important;
  -webkit-text-fill-color:#eff8f2!important;
  color-scheme:dark;
}
@media(max-width:980px){
  html[data-theme="light"] .auth-page-modern .auth-pro-shell{background:transparent!important}
  html[data-theme="light"] .auth-page-modern .auth-pro-story{background:transparent!important}
  html[data-theme="light"] .auth-page-modern .auth-pro-copy h1{color:#f4fbf7!important}
  html[data-theme="light"] .auth-page-modern .auth-pro-copy p{color:#e8f2ec!important}
  html[data-theme="light"] .auth-page-modern .auth-pro-panel{background:rgba(7,13,10,.42)!important;border-top-color:rgba(255,255,255,.14)}
}
/* keep mint accent buttons intact in light mode */
html[data-theme="light"] .auth-card button,
html[data-theme="light"] .workout-card button,
html[data-theme="light"] .program-grid button,
html[data-theme="light"] .compact-form button,
html[data-theme="light"] .stack-form button,
html[data-theme="light"] .profile-form button,
html[data-theme="light"] .inline-form button,
html[data-theme="light"] .profile-action-bar button[type=submit],
html[data-theme="light"] .profile-welcome-save,
html[data-theme="light"] .recipe-finder-form button,
html[data-theme="light"] .recipe-shopping button,
html[data-theme="light"] .meal-photo-form button{background:#49e79b;color:#07100b}

html[data-theme="light"] .dash-page .side-user strong{color:#132018!important}
html[data-theme="light"] .dash-page .side-user small{color:#5f7167!important}
html[data-theme="light"] .dash-page .side-user a{color:#5d7066!important}
html[data-theme="light"] .dash-page .side-user a:hover{background:#e7f7ef!important;color:#1f9f68!important}
html[data-theme="light"] .side-theme-toggle{width:30px!important;height:30px!important;flex:none}

/* Image load speed: keep space + soft fade-in once ready */
img{max-width:100%;height:auto}
.auth-mobile-hero-img,.nutrition-hero-art img,.training-generator-art img,.coach-reference-portrait img{background:#0d1511}
.auth-mobile-hero-img{width:100%;height:100%;object-fit:cover;display:block}
.home-module-card{background-color:#101713}
.home-module-card.profile-home-card{background-color:#101a2a}
img.is-ready{animation:imgReadyIn .22s ease both}
@keyframes imgReadyIn{from{opacity:.72}to{opacity:1}}


/* Mobile image fast-path: smaller WebP variants (<=980px) */
@media (max-width: 980px) {
  .profile-home-card {
    --profile-image: url('/assets/healthos-profile-menu-duo-v3-m.webp');
  }
  .home-module-card:nth-child(2),
  .home-module-card:nth-child(2):hover,
  .home-module-card:nth-child(2):focus-visible {
    background-image: linear-gradient(90deg,#08100df5 0%,#08100dca 42%,#08100d24 100%),url('/assets/healthos-coach-menu-m.webp');
  }
  .home-module-card:nth-child(3),
  .home-module-card:nth-child(3):hover,
  .home-module-card:nth-child(3):focus-visible {
    background-image: linear-gradient(90deg,#08100df2 0%,#08100dca 42%,#08100d30 100%),url('/assets/healthos-nutrition-menu-m.webp');
  }
  .home-module-card:nth-child(4),
  .home-module-card:nth-child(4):hover,
  .home-module-card:nth-child(4):focus-visible {
    background-image: linear-gradient(90deg,#08100df2 0%,#08100dca 42%,#08100d30 100%),url('/assets/healthos-training-menu-m.webp');
  }
  .home-module-card:nth-child(5),
  .home-module-card:nth-child(5):hover,
  .home-module-card:nth-child(5):focus-visible {
    background-image: linear-gradient(90deg,#07100df5 0%,#07100dce 38%,#07100d66 64%,#07100d18 100%),url('/assets/healthos-routine-menu-v2-m.webp');
  }
  .training-start-selection .program-choice-card.program-everyday-energy:before {
    background-image: linear-gradient(90deg,#111920f4 0%,#111920da 38%,#11192073 60%,#1119201c 82%,#11192042 100%),linear-gradient(180deg,#1119200a 0%,#111920a8 100%),url('/assets/healthos-everyday-energy-program-v1-m.webp');
  }
  .training-start-selection .program-choice-card.program-lean-start:before {
    background-image: linear-gradient(90deg,#141719f4 0%,#141719dc 38%,#14171978 60%,#1417191e 82%,#14171942 100%),linear-gradient(180deg,#1417190a 0%,#141719a8 100%),url('/assets/healthos-lean-start-program-v1-m.webp');
  }
  .training-start-selection .program-choice-card.program-build-strong:before {
    background-image: linear-gradient(90deg,#0d141ff5 0%,#0d141fe0 38%,#0d141f80 60%,#0d141f1f 82%,#0d141f48 100%),linear-gradient(180deg,#0d141f0a 0%,#0d141fb3 100%),url('/assets/healthos-build-strong-program-v1-m.webp');
  }
  .profile-shell .profile-welcome-art {
    background-image: linear-gradient(90deg,#06151df5 0%,#06151ddf 30%,#06151d8a 52%,#06151d2e 76%,transparent 100%),url('/assets/healthos-profile-body-3d-v1-m.webp') !important;
  }
  body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-avatar {
    background-image: url('/assets/healthos-coach-sarah-v1-m.webp') !important;
  }
}


/* Stable home card photos: never wiped by hover/focus/theme/nav */
/* Dark default: lighter scrims + gloss so department photos shine */
.home-card-grid .home-module-card{
  --home-photo: none;
  --home-photo-gloss: linear-gradient(145deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.08) 18%,transparent 42%),linear-gradient(180deg,rgba(255,255,255,.10) 0%,transparent 32%,transparent 68%,rgba(0,0,0,.22) 100%);
  --home-photo-scrim: linear-gradient(105deg,rgba(8,16,13,.78) 0%,rgba(8,16,13,.42) 34%,rgba(8,16,13,.12) 58%,rgba(8,16,13,.02) 100%);
  background-color: #0a100d;
  background-image: var(--home-photo-gloss), var(--home-photo-scrim), var(--home-photo) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, filter .22s ease !important;
}
.home-card-grid .home-module-card:nth-child(1),
.home-card-grid .profile-home-card{
  --home-photo: var(--profile-image, url('/assets/healthos-profile-menu-duo-v3.webp'));
  --home-photo-scrim: linear-gradient(105deg,rgba(7,13,24,.72) 0%,rgba(7,13,24,.40) 30%,rgba(7,13,24,.12) 56%,rgba(7,13,24,.02) 100%);
  background-color: #101a2a !important;
}
.home-card-grid .home-module-card:nth-child(2){
  --home-photo: url('/assets/healthos-coach-menu.webp');
  --home-photo-scrim: linear-gradient(105deg,rgba(14,10,22,.72) 0%,rgba(14,10,22,.38) 32%,rgba(14,10,22,.10) 58%,rgba(14,10,22,.02) 100%);
}
.home-card-grid .home-module-card:nth-child(3){
  --home-photo: url('/assets/healthos-nutrition-menu.webp');
  --home-photo-scrim: linear-gradient(105deg,rgba(22,14,8,.72) 0%,rgba(22,14,8,.38) 32%,rgba(22,14,8,.10) 58%,rgba(22,14,8,.02) 100%);
}
.home-card-grid .home-module-card:nth-child(4){
  --home-photo: url('/assets/healthos-training-menu.webp');
  --home-photo-scrim: linear-gradient(105deg,rgba(6,16,22,.72) 0%,rgba(6,16,22,.38) 32%,rgba(6,16,22,.10) 58%,rgba(6,16,22,.02) 100%);
}
.home-card-grid .home-module-card:nth-child(5){
  --home-photo: url('/assets/healthos-routine-menu-v2.webp');
  --home-photo-scrim: linear-gradient(105deg,rgba(6,16,12,.74) 0%,rgba(6,16,12,.40) 34%,rgba(6,16,12,.12) 60%,rgba(6,16,12,.02) 100%);
}
.home-card-grid .home-module-card:hover,
.home-card-grid .home-module-card:focus,
.home-card-grid .home-module-card:focus-visible,
.home-card-grid .home-module-card:active{
  background-image: var(--home-photo-gloss), var(--home-photo-scrim), var(--home-photo) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
@media (max-width: 980px) {
  .home-card-grid .home-module-card:nth-child(1),
  .home-card-grid .profile-home-card{
    --home-photo: var(--profile-image, url('/assets/healthos-profile-menu-duo-v3-m.webp'));
  }
  .home-card-grid .home-module-card:nth-child(2){ --home-photo: url('/assets/healthos-coach-menu-m.webp'); }
  .home-card-grid .home-module-card:nth-child(3){ --home-photo: url('/assets/healthos-nutrition-menu-m.webp'); }
  .home-card-grid .home-module-card:nth-child(4){ --home-photo: url('/assets/healthos-training-menu-m.webp'); }
  .home-card-grid .home-module-card:nth-child(5){ --home-photo: url('/assets/healthos-routine-menu-v2-m.webp'); }
}
/* Program cards: lock art on :before so white fills / re-renders cannot drop photos */
.training-start-selection .program-choice-card.program-everyday-energy:before,
.training-start-selection .program-choice-card.program-lean-start:before,
.training-start-selection .program-choice-card.program-build-strong:before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: .98 !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: 56% center !important;
}
.training-start-selection .program-choice-card.program-everyday-energy:before{
  background-image: linear-gradient(90deg,#111920f4 0%,#111920da 38%,#11192073 60%,#1119201c 82%,#11192042 100%),linear-gradient(180deg,#1119200a 0%,#111920a8 100%),url('/assets/healthos-everyday-energy-program-v1.webp') !important;
}
.training-start-selection .program-choice-card.program-lean-start:before{
  background-image: linear-gradient(90deg,#141719f4 0%,#141719dc 38%,#14171978 60%,#1417191e 82%,#14171942 100%),linear-gradient(180deg,#1417190a 0%,#141719a8 100%),url('/assets/healthos-lean-start-program-v1.webp') !important;
}
.training-start-selection .program-choice-card.program-build-strong:before{
  background-image: linear-gradient(90deg,#0d141ff5 0%,#0d141fe0 38%,#0d141f80 60%,#0d141f1f 82%,#0d141f48 100%),linear-gradient(180deg,#0d141f0a 0%,#0d141fb3 100%),url('/assets/healthos-build-strong-program-v1.webp') !important;
}
@media (max-width: 980px) {
  .training-start-selection .program-choice-card.program-everyday-energy:before{
    background-image: linear-gradient(90deg,#111920f4 0%,#111920da 38%,#11192073 60%,#1119201c 82%,#11192042 100%),linear-gradient(180deg,#1119200a 0%,#111920a8 100%),url('/assets/healthos-everyday-energy-program-v1-m.webp') !important;
  }
  .training-start-selection .program-choice-card.program-lean-start:before{
    background-image: linear-gradient(90deg,#141719f4 0%,#141719dc 38%,#14171978 60%,#1417191e 82%,#14171942 100%),linear-gradient(180deg,#1417190a 0%,#141719a8 100%),url('/assets/healthos-lean-start-program-v1-m.webp') !important;
  }
  .training-start-selection .program-choice-card.program-build-strong:before{
    background-image: linear-gradient(90deg,#0d141ff5 0%,#0d141fe0 38%,#0d141f80 60%,#0d141f1f 82%,#0d141f48 100%),linear-gradient(180deg,#0d141f0a 0%,#0d141fb3 100%),url('/assets/healthos-build-strong-program-v1-m.webp') !important;
  }
}


/* Light mode readability v3 — full audit contrast pass */
html[data-theme="light"]{
  color-scheme: light;
  --lt-ink: #0a1410;
  --lt-ink-2: #15241c;
  --lt-body: #1e3026;
  --lt-muted: #334840;
  --lt-soft: #3f564c;
  --lt-faint: #4d675b;
  --lt-line: #b9cfc2;
  --lt-line-strong: #9bb5a7;
  --lt-surface: #ffffff;
  --lt-surface-2: #f3f8f5;
  --lt-surface-3: #e7f1eb;
  --lt-accent: #0c7a4d;
  --lt-accent-deep: #085c3a;
  --lt-accent-soft: #dcf5e8;
  --lt-blue: #0b6f8f;
  --lt-violet: #5b48b8;
  --lt-amber: #8a5a10;
  --lt-shadow: 0 12px 28px rgba(10,20,16,.08);
}

/* Base page */
html[data-theme="light"] body,
html[data-theme="light"] .dash-page,
html[data-theme="light"] .auth-page,
html[data-theme="light"] .app-main{
  background: #e9f0eb !important;
  color: var(--lt-body) !important;
}

/* Global text on light UI — excludes photo cards & green primary buttons */
html[data-theme="light"] .app-main :where(h1,h2,h3,h4,h5,h6),
html[data-theme="light"] .sidebar :where(h1,h2,h3,h4,strong),
html[data-theme="light"] .mobile-head :where(h1,h2,strong){
  color: var(--lt-ink) !important;
}
html[data-theme="light"] .app-main :where(p,li,label,td,th),
html[data-theme="light"] .sidebar :where(p,small,span,a){
  color: var(--lt-muted) !important;
}
html[data-theme="light"] .app-main :where(strong,b){
  color: var(--lt-ink-2) !important;
}
html[data-theme="light"] .app-main small,
html[data-theme="light"] .sidebar small,
html[data-theme="light"] .view-title small,
html[data-theme="light"] .home-section-head small,
html[data-theme="light"] .training-section-head small,
html[data-theme="light"] .tracking-section-head small,
html[data-theme="light"] .tracking-side-head small,
html[data-theme="light"] .routine-frame-header small,
html[data-theme="light"] .routine-plan-head small,
html[data-theme="light"] .routine-water-header small,
html[data-theme="light"] .body-card-kicker,
html[data-theme="light"] .profile-card-head small,
html[data-theme="light"] .profile-subcard-head small,
html[data-theme="light"] .recipe-head small,
html[data-theme="light"] .saved-recipes-group-head small,
html[data-theme="light"] .coach-view-title small,
html[data-theme="light"] .daily-check small,
html[data-theme="light"] .panel > small,
html[data-theme="light"] article > small{
  color: var(--lt-accent-deep) !important;
  font-weight: 750 !important;
  opacity: 1 !important;
}

/* Restore primary green buttons (dark text on green fill) */
html[data-theme="light"] .app-main button[type="submit"],
html[data-theme="light"] .auth-card button[type="submit"],
html[data-theme="light"] .compact-form button,
html[data-theme="light"] .stack-form button,
html[data-theme="light"] .profile-form button[type="submit"],
html[data-theme="light"] .profile-action-bar button[type="submit"],
html[data-theme="light"] .meal-photo-form button,
html[data-theme="light"] .recipe-finder-form button,
html[data-theme="light"] .recipe-shopping button,
html[data-theme="light"] .workout-card button:not(.done),
html[data-theme="light"] .smart-meal-form button,
html[data-theme="light"] .coach-premium-shell .coach-send-button,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-shell .coach-send-button{
  color: #06140c !important;
}

/* Surfaces */
html[data-theme="light"] .panel,
html[data-theme="light"] .program-grid article:not(.program-choice-card),
html[data-theme="light"] .recipe-grid article,
html[data-theme="light"] .calculator-grid article,
html[data-theme="light"] .stats-row article,
html[data-theme="light"] .active-program,
html[data-theme="light"] .app-grid article,
html[data-theme="light"] .chat-panel,
html[data-theme="light"] .progress-panel,
html[data-theme="light"] .daily-check,
html[data-theme="light"] .training-section:not(.training-generator-card),
html[data-theme="light"] .recipe-finder,
html[data-theme="light"] .profile-card,
html[data-theme="light"] .profile-calculator-section,
html[data-theme="light"] .profile-subcard,
html[data-theme="light"] .profile-welcome-card,
html[data-theme="light"] .nutrition-steps,
html[data-theme="light"] .session-card,
html[data-theme="light"] .week-step,
html[data-theme="light"] .training-rhythm,
html[data-theme="light"] .coach-chat-card,
html[data-theme="light"] .coach-today-card,
html[data-theme="light"] .coach-next-card,
html[data-theme="light"] .coach-prompt-panel,
html[data-theme="light"] .coach-answer-card,
html[data-theme="light"] .meal-list > .meal-row,
html[data-theme="light"] .shopping-list li,
html[data-theme="light"] .recovery-item-card,
html[data-theme="light"] .sleep-detail-card,
html[data-theme="light"] .body-checkin-card,
html[data-theme="light"] .body-trend-card,
html[data-theme="light"] .routine-combined-panel,
html[data-theme="light"] .smart-recipes article,
html[data-theme="light"] .saved-recipe-card,
html[data-theme="light"] .recipe-result-card,
html[data-theme="light"] .tracking-hero-card,
html[data-theme="light"] .sleep-card,
html[data-theme="light"] .recovery-card,
html[data-theme="light"] .health-calc-summary,
html[data-theme="light"] .profile-completion-card{
  background: var(--lt-surface) !important;
  border-color: var(--lt-line) !important;
  color: var(--lt-body) !important;
  box-shadow: var(--lt-shadow) !important;
}

/* Sidebar / chrome */
html[data-theme="light"] .sidebar{
  background: #ffffff !important;
  border-right-color: var(--lt-line) !important;
  color: var(--lt-ink-2) !important;
}
html[data-theme="light"] .sidebar nav button,
html[data-theme="light"] .sidebar nav.side-tile-nav button{
  color: var(--lt-body) !important;
}
html[data-theme="light"] .sidebar nav button.active,
html[data-theme="light"] .sidebar nav.side-tile-nav button.active{
  color: var(--lt-accent-deep) !important;
  background: var(--lt-accent-soft) !important;
}
html[data-theme="light"] .sidebar nav.side-tile-nav button{
  border-color: var(--lt-line) !important;
  background: var(--lt-surface) !important;
}
html[data-theme="light"] .side-user strong,
html[data-theme="light"] .app-brand,
html[data-theme="light"] .brand-word{
  color: var(--lt-ink) !important;
}
html[data-theme="light"] .brand-word > span{ color: var(--lt-accent) !important; }
html[data-theme="light"] .side-user a,
html[data-theme="light"] .side-theme-toggle,
html[data-theme="light"] .theme-toggle-btn,
html[data-theme="light"] .mobile-head button:not(.mobile-profile-avatar){
  color: var(--lt-ink-2) !important;
  border-color: var(--lt-line) !important;
  background: var(--lt-surface-2) !important;
}
html[data-theme="light"] .mobile-head{
  background: rgba(255,255,255,.97) !important;
  border-bottom-color: var(--lt-line) !important;
}
html[data-theme="light"] .side-user small{ color: var(--lt-soft) !important; }

/* Forms */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .compact-form input,
html[data-theme="light"] .compact-form select,
html[data-theme="light"] .compact-form textarea,
html[data-theme="light"] .stack-form input,
html[data-theme="light"] .profile-settings input,
html[data-theme="light"] .profile-settings select,
html[data-theme="light"] .profile-settings textarea,
html[data-theme="light"] .profile-value-control input,
html[data-theme="light"] .profile-select-field select,
html[data-theme="light"] .smart-control input,
html[data-theme="light"] .smart-control select,
html[data-theme="light"] .meal-photo-form select,
html[data-theme="light"] .recipe-finder-form input,
html[data-theme="light"] .routine-setting-field select,
html[data-theme="light"] .routine-setting-field input,
html[data-theme="light"] .routine-water-goal-field input,
html[data-theme="light"] .coach-composer textarea,
html[data-theme="light"] .auth-card input{
  background: #ffffff !important;
  color: var(--lt-ink) !important;
  border-color: var(--lt-line-strong) !important;
}
/* Auth modern form keeps dark inputs even in light theme (readability on hero) */
html[data-theme="light"] .auth-pro-form input{
  background: rgba(5,11,8,.52) !important;
  color: #eff8f2 !important;
  border-color: rgba(255,255,255,.22) !important;
  -webkit-text-fill-color: #eff8f2 !important;
  color-scheme: dark;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder,
html[data-theme="light"] .smart-ghost,
html[data-theme="light"] .recipe-finder-ghost,
html[data-theme="light"] .coach-composer textarea::placeholder{
  color: var(--lt-faint) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .profile-field-label,
html[data-theme="light"] .smart-label,
html[data-theme="light"] .smart-label span,
html[data-theme="light"] .smart-hint,
html[data-theme="light"] .compact-form label,
html[data-theme="light"] .body-checkin-form label{
  color: var(--lt-ink-2) !important;
}
html[data-theme="light"] .smart-hint{
  color: var(--lt-soft) !important;
  font-weight: 500 !important;
}
html[data-theme="light"] .smart-control b,
html[data-theme="light"] .profile-value-control b{
  color: var(--lt-soft) !important; /* units cm/kg */
}

/* ========== HOME photo cards: keep light text ========== */
html[data-theme="light"] .home-card-grid .home-module-card,
html[data-theme="light"] .home-card-grid .home-module-card :where(strong,small,em,span,.home-card-status){
  color: #f7fcf9 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.72) !important;
}
html[data-theme="light"] .home-card-grid .home-module-card .home-card-status{
  background: rgba(6,14,10,.58) !important;
  border-color: rgba(255,255,255,.24) !important;
}

/* ========== TRAINING ========== */
/* Generator: keep dark shell so light text works; do NOT force white section fill on it */
html[data-theme="light"] .training-generator-card,
html[data-theme="light"] .training-section.training-generator-card,
html[data-theme="light"] .weekly-plan-card.training-generator-card{
  background-color: #071019 !important;
  border-color: #38596a !important;
  color: #eef5f0 !important;
  box-shadow: 0 22px 48px rgba(7,16,25,.18) !important;
}
html[data-theme="light"] .training-generator-card .weekly-plan-head h2,
html[data-theme="light"] .training-generator-card .weekly-plan-head small,
html[data-theme="light"] .training-generator-card .weekly-plan-head p,
html[data-theme="light"] .training-generator-card .training-generator-badge,
html[data-theme="light"] .training-generator-card .generator-week-head,
html[data-theme="light"] .training-generator-card .generator-week-head small,
html[data-theme="light"] .training-generator-card .generator-week-head h2,
html[data-theme="light"] .training-generator-card .generator-detected,
html[data-theme="light"] .training-generator-card .generator-detected small,
html[data-theme="light"] .training-generator-card label,
html[data-theme="light"] .training-generator-card textarea,
html[data-theme="light"] .training-generator-card p,
html[data-theme="light"] .training-generator-card small,
html[data-theme="light"] .training-generator-card strong,
html[data-theme="light"] .training-generator-card span,
html[data-theme="light"] .training-generator-card b{
  color: #f2fbf7 !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.4);
}
html[data-theme="light"] .training-generator-card textarea{
  background: rgba(7,16,25,.72) !important;
  border-color: rgba(255,255,255,.18) !important;
  color: #f4fbf8 !important;
}
html[data-theme="light"] .training-generator-card textarea::placeholder{
  color: #b7c9c0 !important;
}
html[data-theme="light"] .training-generator-card button{
  color: #06140c !important;
}

/* Program photo cards keep light text */
html[data-theme="light"] .training-start-selection .program-choice-card,
html[data-theme="light"] .training-start-selection .program-choice-card :where(h2,span,p,small,strong,b,em){
  color: #f3f4f0 !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.55);
}
html[data-theme="light"] .training-start-selection .program-choice-card.program-everyday-energy h2{ color:#fff8ea !important; }
html[data-theme="light"] .training-start-selection .program-choice-card.program-lean-start h2{ color:#fff4ed !important; }
html[data-theme="light"] .training-start-selection .program-choice-card.program-build-strong h2{ color:#f3f0ff !important; }

/* Training light surfaces text */
html[data-theme="light"] .training-hero,
html[data-theme="light"] .training-progress,
html[data-theme="light"] .level-focus-card,
html[data-theme="light"] .session-card,
html[data-theme="light"] .week-step,
html[data-theme="light"] .training-feedback,
html[data-theme="light"] .training-milestone,
html[data-theme="light"] .weekly-session-card,
html[data-theme="light"] .weekly-plan-refresh,
html[data-theme="light"] .weekly-plan-inline-feedback{
  color: var(--lt-body) !important;
}
html[data-theme="light"] .training-hero h2,
html[data-theme="light"] .training-progress b,
html[data-theme="light"] .level-focus-card h3,
html[data-theme="light"] .session-copy h3,
html[data-theme="light"] .training-feedback strong,
html[data-theme="light"] .training-milestone h2,
html[data-theme="light"] .weekly-session-copy h3{
  color: var(--lt-ink) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .training-hero-copy span,
html[data-theme="light"] .training-hero-copy .training-meta,
html[data-theme="light"] .training-progress span,
html[data-theme="light"] .training-progress em,
html[data-theme="light"] .level-focus-card p,
html[data-theme="light"] .level-focus-card small,
html[data-theme="light"] .session-copy p,
html[data-theme="light"] .training-feedback p,
html[data-theme="light"] .training-milestone p,
html[data-theme="light"] .weekly-session-copy em,
html[data-theme="light"] .training-demo-controls,
html[data-theme="light"] .training-section-head p{
  color: var(--lt-muted) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .training-demo-controls small,
html[data-theme="light"] .training-demo-controls button{
  color: var(--lt-soft) !important;
}

/* ========== NUTRITION ========== */
html[data-theme="light"] .nutrition-steps button{
  background: var(--lt-surface) !important;
  color: var(--lt-ink) !important;
  border-color: var(--lt-line) !important;
}
html[data-theme="light"] .nutrition-steps button strong{ color: var(--lt-ink) !important; }
html[data-theme="light"] .nutrition-steps button small,
html[data-theme="light"] .nutrition-steps button em,
html[data-theme="light"] .nutrition-steps button:after{
  color: var(--lt-muted) !important;
}
html[data-theme="light"] .nutrition-steps button.active{
  border-color: #2faf74 !important;
  background: linear-gradient(145deg,#e6f8ef,#f7fcf9) !important;
}
html[data-theme="light"] .nutrition-steps button.active strong{ color: var(--lt-accent-deep) !important; }
html[data-theme="light"] .nutrition-steps button span{
  background: var(--lt-accent-soft) !important;
  color: var(--lt-accent-deep) !important;
  border-color: #a6d9bf !important;
}
html[data-theme="light"] .nutrition-reference-hero .view-title h1,
html[data-theme="light"] .nutrition-reference-hero .view-title p,
html[data-theme="light"] .nutrition-reference-hero .view-title small{
  color: var(--lt-ink) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .nutrition-reference-hero .view-title p,
html[data-theme="light"] .nutrition-reference-hero .view-title small{
  color: var(--lt-muted) !important;
}
html[data-theme="light"] .nutrition-reference-hero .view-title small{
  color: var(--lt-accent-deep) !important;
}
html[data-theme="light"] .meal-row-main strong,
html[data-theme="light"] .meal-clear-panel strong,
html[data-theme="light"] .shopping-total strong,
html[data-theme="light"] .saved-recipes-group-head strong,
html[data-theme="light"] .recipe-body h3,
html[data-theme="light"] .recipe-card-top h3,
html[data-theme="light"] .recipe-result-summary b,
html[data-theme="light"] .recipe-loading-copy strong,
html[data-theme="light"] .recipe-prep > strong,
html[data-theme="light"] .recipe-match strong,
html[data-theme="light"] .recipe-portion-list > strong{
  color: var(--lt-ink) !important;
}
html[data-theme="light"] .meal-row-main small,
html[data-theme="light"] .meal-clear-panel small,
html[data-theme="light"] .shopping-total span,
html[data-theme="light"] .recipe-body p,
html[data-theme="light"] .recipe-intro,
html[data-theme="light"] .recipe-ingredients,
html[data-theme="light"] .recipe-steps,
html[data-theme="light"] .recipe-shopping small,
html[data-theme="light"] .recipe-check small,
html[data-theme="light"] .recipe-check em,
html[data-theme="light"] .recipe-loading-copy p,
html[data-theme="light"] .recipe-result-summary small,
html[data-theme="light"] .recipe-head p,
html[data-theme="light"] .muted{
  color: var(--lt-muted) !important;
}
html[data-theme="light"] .recipe-match span,
html[data-theme="light"] .recipe-chip-board em,
html[data-theme="light"] .recipe-meta-row span,
html[data-theme="light"] .recipe-portion-list label{
  color: var(--lt-ink-2) !important;
  background: var(--lt-surface-2) !important;
  border-color: var(--lt-line) !important;
}
html[data-theme="light"] .recipe-match span.matched{
  color: var(--lt-accent-deep) !important;
  background: var(--lt-accent-soft) !important;
  border-color: #8fd4b0 !important;
}
html[data-theme="light"] .recipe-match span.missing{
  color: var(--lt-amber) !important;
  background: #fff6e6 !important;
  border-color: #e6c98a !important;
}
html[data-theme="light"] .recipe-favorite-btn{
  color: var(--lt-ink-2) !important;
  background: var(--lt-surface-2) !important;
  border-color: var(--lt-line) !important;
}
html[data-theme="light"] .store-picker.guided span,
html[data-theme="light"] .store-group > strong,
html[data-theme="light"] .price-strategy b{
  color: var(--lt-ink) !important;
}
html[data-theme="light"] .store-picker.guided small,
html[data-theme="light"] .price-strategy small{
  color: var(--lt-muted) !important;
}
html[data-theme="light"] .price-strategy button,
html[data-theme="light"] .store-picker.guided label,
html[data-theme="light"] .store-group{
  background: var(--lt-surface) !important;
  border-color: var(--lt-line) !important;
  color: var(--lt-body) !important;
}

/* ========== COACH ========== */
html[data-theme="light"] body.dash-page:has(#coachView.active){
  background: #e9f0eb !important;
  color: var(--lt-body) !important;
}
html[data-theme="light"] .coach-reference-identity-copy h1,
html[data-theme="light"] .coach-premium-shell .coach-view-title h1,
html[data-theme="light"] .coach-chat-head strong,
html[data-theme="light"] .coach-detail-head h2,
html[data-theme="light"] .coach-response-block h3,
html[data-theme="light"] .coach-signal-grid strong,
html[data-theme="light"] .coach-plan-compact article strong,
html[data-theme="light"] .coach-answer-flow strong,
html[data-theme="light"] .coach-message-content strong{
  color: var(--lt-ink) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .coach-reference-identity-copy p,
html[data-theme="light"] .coach-chat-head span,
html[data-theme="light"] .coach-message-meta small,
html[data-theme="light"] .coach-reference-divider,
html[data-theme="light"] .coach-empty-state p,
html[data-theme="light"] .coach-answer-flow p,
html[data-theme="light"] .coach-message p,
html[data-theme="light"] .coach-security-icon + span,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message-content p{
  color: var(--lt-body) !important;
}
html[data-theme="light"] .coach-reference-identity-copy span,
html[data-theme="light"] .coach-reference-identity-copy span i,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-identity-copy span{
  color: var(--lt-accent-deep) !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .coach-reference-moods button,
html[data-theme="light"] .coach-reference-actions button,
html[data-theme="light"] [data-coach-suggestion],
html[data-theme="light"] .coach-suggestion-chips button,
html[data-theme="light"] .coach-empty-state .coach-suggestion-chips button,
html[data-theme="light"] .coach-quick-actions button,
html[data-theme="light"] .coach-premium-shell .coach-message.assistant .coach-quick-actions button{
  color: var(--lt-ink) !important;
  background: #ffffff !important;
  border-color: var(--lt-line) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .coach-reference-actions button span,
html[data-theme="light"] [data-coach-suggestion] span,
html[data-theme="light"] .coach-suggestion-chips button span{
  color: var(--lt-ink) !important;
}
html[data-theme="light"] .coach-reference-moods button:hover,
html[data-theme="light"] .coach-reference-actions button:hover,
html[data-theme="light"] [data-coach-suggestion]:hover,
html[data-theme="light"] .coach-suggestion-chips button:hover{
  color: var(--lt-accent-deep) !important;
  background: var(--lt-accent-soft) !important;
  border-color: #8fd4b0 !important;
}
html[data-theme="light"] .coach-reference-shell .coach-message-content,
html[data-theme="light"] .coach-message > div,
html[data-theme="light"] .coach-composer,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-shell .coach-composer{
  background: #ffffff !important;
  border-color: var(--lt-line) !important;
  color: var(--lt-ink) !important;
}
html[data-theme="light"] .coach-clear-button{
  color: var(--lt-ink-2) !important;
  background: var(--lt-surface-2) !important;
  border-color: var(--lt-line) !important;
}
html[data-theme="light"] .coach-message.user .coach-message-content,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-shell .coach-message.user .coach-message-content{
  background: #1f9f68 !important;
  color: #04140c !important;
}
html[data-theme="light"] .coach-message.user .coach-message-content p,
html[data-theme="light"] .coach-message.user .coach-message-content *{
  color: #04140c !important;
}

/* ========== TRACKING / ROUTINE / SLEEP / RECOVERY ========== */
html[data-theme="light"] .tracking-hero-copy h2,
html[data-theme="light"] .tracking-hero-card strong,
html[data-theme="light"] .tracking-section-head h2,
html[data-theme="light"] .tracking-side-head h2,
html[data-theme="light"] .routine-settings h2,
html[data-theme="light"] .routine-plan-head h2,
html[data-theme="light"] .routine-water-progress-copy strong,
html[data-theme="light"] .routine-water-progress-ring strong,
html[data-theme="light"] .sleep-detail-card strong,
html[data-theme="light"] .recovery-item-copy strong,
html[data-theme="light"] .body-checkin-card h2,
html[data-theme="light"] .body-trend-card h2{
  color: var(--lt-ink) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .tracking-hero-copy p,
html[data-theme="light"] .tracking-section-head p,
html[data-theme="light"] .routine-settings-copy,
html[data-theme="light"] .routine-plan-hint,
html[data-theme="light"] .recovery-item-copy,
html[data-theme="light"] .recovery-session-copy,
html[data-theme="light"] .sleep-history-empty,
html[data-theme="light"] .body-history-empty,
html[data-theme="light"] .body-chart-empty,
html[data-theme="light"] .body-checkin-card > p{
  color: var(--lt-muted) !important;
}

/* Tracking section labels were pastel on white — force deep accent colors */
html[data-theme="light"] .routine-frame-header small,
html[data-theme="light"] .routine-plan-head small,
html[data-theme="light"] .routine-water-header small,
html[data-theme="light"] .tracking-section-head small,
html[data-theme="light"] .sleep-detail-card small,
html[data-theme="light"] .recovery-group-heading,
html[data-theme="light"] .recovery-group-heading small,
html[data-theme="light"] .recovery-item-card small,
html[data-theme="light"] .body-card-kicker{
  color: var(--lt-accent-deep) !important;
  font-weight: 800 !important;
}
/* Sleep / recovery metric values */
html[data-theme="light"] .sleep-detail-card b,
html[data-theme="light"] .sleep-history-row strong,
html[data-theme="light"] .recovery-item-card b,
html[data-theme="light"] .recovery-session-copy b,
html[data-theme="light"] .routine-water-progress-copy b,
html[data-theme="light"] .routine-water-progress-ring b{
  color: var(--lt-ink) !important;
}
html[data-theme="light"] .sleep-detail-card span,
html[data-theme="light"] .recovery-item-card span,
html[data-theme="light"] .recovery-history-day span,
html[data-theme="light"] .recovery-history-day b{
  color: var(--lt-muted) !important;
}
/* Water action buttons */
html[data-theme="light"] .routine-water-undo,
html[data-theme="light"] .routine-water-pause,
html[data-theme="light"] .routine-water-actions button,
html[data-theme="light"] .routine-water-only .routine-water-actions button{
  color: var(--lt-ink) !important;
  background: var(--lt-surface-2) !important;
  border-color: var(--lt-line) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .routine-water-actions button:last-child,
html[data-theme="light"] .routine-water-only .routine-water-actions button:last-child{
  color: #042018 !important;
  background: #2db87a !important;
  border-color: #2db87a !important;
  font-weight: 750 !important;
}
html[data-theme="light"] .routine-water-undo:hover,
html[data-theme="light"] .routine-water-pause:hover{
  color: var(--lt-blue) !important;
  background: #e8f7fc !important;
  border-color: #8ccfe3 !important;
}
/* Recovery scale / mood buttons */
html[data-theme="light"] .recovery-scale button,
html[data-theme="light"] .recovery-mood-options button,
html[data-theme="light"] .recovery-choice-grid button,
html[data-theme="light"] .habit-list button,
html[data-theme="light"] .intensity-picker button{
  color: var(--lt-ink-2) !important;
  background: var(--lt-surface) !important;
  border-color: var(--lt-line) !important;
}
html[data-theme="light"] .recovery-scale button.active,
html[data-theme="light"] .recovery-mood-options button.active,
html[data-theme="light"] .recovery-choice-grid button.active,
html[data-theme="light"] .intensity-picker button.active,
html[data-theme="light"] .dash-page[data-intensity=leicht] [data-value=leicht],
html[data-theme="light"] .dash-page[data-intensity=normal] [data-value=normal],
html[data-theme="light"] .dash-page[data-intensity=intensiv] [data-value=intensiv]{
  color: var(--lt-accent-deep) !important;
  background: var(--lt-accent-soft) !important;
  border-color: #7dcea8 !important;
}
html[data-theme="light"] .habit-list strong,
html[data-theme="light"] .habit-list p,
html[data-theme="light"] .habit-list small{
  color: var(--lt-body) !important;
}
html[data-theme="light"] .habit-list strong{ color: var(--lt-ink) !important; }

/* ========== PROFILE ========== */
html[data-theme="light"] .profile-card-head h2,
html[data-theme="light"] .profile-subcard-head h3,
html[data-theme="light"] .profile-welcome-copy h1,
html[data-theme="light"] .profile-cta-copy h2,
html[data-theme="light"] .health-calc-summary-head h2,
html[data-theme="light"] .health-calc-result-grid strong,
html[data-theme="light"] .health-calc-compact-results strong,
html[data-theme="light"] .profile-completion-card strong,
html[data-theme="light"] .profile-completion-card > b{
  color: var(--lt-ink) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .profile-completion-card{
  background: linear-gradient(145deg,#e8f8ef,#f4fbf7) !important;
  border-color: #9ed9b8 !important;
}
html[data-theme="light"] .profile-completion-card strong,
html[data-theme="light"] .profile-completion-card > b,
html[data-theme="light"] .profile-completion-card small{
  color: var(--lt-accent-deep) !important;
}
html[data-theme="light"] .profile-card-head p,
html[data-theme="light"] .profile-subcard-head p,
html[data-theme="light"] .profile-welcome-copy > p,
html[data-theme="light"] .profile-cta-copy p,
html[data-theme="light"] .profile-health-copy,
html[data-theme="light"] .profile-theme-hint,
html[data-theme="light"] .profile-completion-card small{
  color: var(--lt-muted) !important;
}
html[data-theme="light"] .profile-edit-button,
html[data-theme="light"] .profile-secondary-action{
  color: var(--lt-ink-2) !important;
  background: var(--lt-surface-2) !important;
  border-color: var(--lt-line) !important;
}

/* ========== AUTH ========== */
html[data-theme="light"] .auth-card,
html[data-theme="light"] .auth-pro-form,
html[data-theme="light"] .auth-panel,
html[data-theme="light"] .auth-pro-panel{
  background: #ffffff !important;
  color: var(--lt-body) !important;
  border-color: var(--lt-line) !important;
  box-shadow: var(--lt-shadow) !important;
}
html[data-theme="light"] .auth-card h1,
html[data-theme="light"] .auth-card h2,
html[data-theme="light"] .auth-pro-form h1,
html[data-theme="light"] .auth-pro-panel-head h2,
html[data-theme="light"] .auth-pro-copy h1,
html[data-theme="light"] .auth-pro-metrics b,
html[data-theme="light"] .auth-demo-access strong,
html[data-theme="light"] .auth-pro-preview-head strong,
html[data-theme="light"] .auth-pro-ring span{
  color: var(--lt-ink) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .auth-card p,
html[data-theme="light"] .auth-card label,
html[data-theme="light"] .auth-card small,
html[data-theme="light"] .auth-pro-form p,
html[data-theme="light"] .auth-pro-form label,
html[data-theme="light"] .auth-pro-copy p{
  color: var(--lt-muted) !important;
}
html[data-theme="light"] .auth-card a,
html[data-theme="light"] .auth-pro-form a{ color: var(--lt-accent-deep) !important; font-weight: 650; }
/* Auth page modern story side can stay dark with light text if hero present */
html[data-theme="light"] .auth-page-modern .auth-pro-story,
html[data-theme="light"] .auth-page-modern .auth-pro-copy h1,
html[data-theme="light"] .auth-page-modern .auth-pro-copy p,
html[data-theme="light"] .auth-page-modern .auth-pro-metrics b{
  /* if story sits on dark ambient, keep readable light text only when over dark */
}
html[data-theme="light"] .auth-page-modern .auth-pro-form-wrap,
html[data-theme="light"] .auth-page-modern .auth-pro-form{
  background: #ffffff !important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-form h1,
html[data-theme="light"] .auth-page-modern .auth-pro-form h2,
html[data-theme="light"] .auth-page-modern .auth-pro-form label,
html[data-theme="light"] .auth-page-modern .auth-pro-form p,
html[data-theme="light"] .auth-page-modern .auth-pro-form small,
html[data-theme="light"] .auth-page-modern .auth-pro-panel-head h2{
  color: var(--lt-ink) !important;
  text-shadow: none !important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-form p,
html[data-theme="light"] .auth-page-modern .auth-pro-form label,
html[data-theme="light"] .auth-page-modern .auth-pro-form small{
  color: var(--lt-muted) !important;
}

/* Modals / toast */
html[data-theme="light"] .app-modal-card{
  background: #ffffff !important;
  color: var(--lt-body) !important;
  border-color: var(--lt-line) !important;
}
html[data-theme="light"] .app-modal-copy h2{ color: var(--lt-ink) !important; }
html[data-theme="light"] .app-modal-copy p{ color: var(--lt-muted) !important; }
html[data-theme="light"] #toast,
html[data-theme="light"] .toast{
  background: #123028 !important;
  color: #f3faf6 !important;
}

/* Catch-all: secondary UI chips */
html[data-theme="light"] .weekly-goal-picker button,
html[data-theme="light"] .meal-clear-panel button,
html[data-theme="light"] .recipe-meta-row span,
html[data-theme="light"] .coach-memory-bar,
html[data-theme="light"] .health-calc-tabs button{
  color: var(--lt-ink-2) !important;
  background: var(--lt-surface-2) !important;
  border-color: var(--lt-line) !important;
}
html[data-theme="light"] .weekly-goal-picker button.active,
html[data-theme="light"] .health-calc-tabs button.active{
  color: var(--lt-accent-deep) !important;
  background: var(--lt-accent-soft) !important;
  border-color: #7dcea8 !important;
}

/* Icons */
html[data-theme="light"] .ui-icon,
html[data-theme="light"] .meal-list .meal-row-icon{
  color: var(--lt-accent-deep) !important;
  border-color: #a6d9bf !important;
  background: var(--lt-accent-soft) !important;
}

/* Links */
html[data-theme="light"] a{ color: var(--lt-accent-deep); }
html[data-theme="light"] .side-user a{ color: var(--lt-ink-2) !important; }

/* Ensure nutrition hero title area not washed out */
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title h1{
  color: var(--lt-ink) !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title p{
  color: var(--lt-muted) !important;
}


/* Light mode readability v3b — remaining low-contrast spots from re-audit */
html[data-theme="light"] .coach-view-title small,
html[data-theme="light"] .coach-premium-shell .coach-view-title small,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-view-title small,
html[data-theme="light"] body.dash-page:has(#coachView.active) .view-title small{
  color: var(--lt-accent-deep) !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .coach-reference-divider,
html[data-theme="light"] .coach-reference-divider span,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-divider,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-divider span{
  color: var(--lt-soft) !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .coach-message-meta small,
html[data-theme="light"] .coach-message-meta b{
  color: var(--lt-soft) !important;
}

/* Tracking units & secondary spans */
html[data-theme="light"] .routine-water-goal-field span,
html[data-theme="light"] .routine-water-progress-copy span,
html[data-theme="light"] .routine-setting-field span,
html[data-theme="light"] .routine-water-actions span,
html[data-theme="light"] .body-checkin-form span,
html[data-theme="light"] .body-trend-card span,
html[data-theme="light"] .body-history-empty span,
html[data-theme="light"] .body-chart-empty span,
html[data-theme="light"] .sleep-detail-card span,
html[data-theme="light"] .sleep-history-row span,
html[data-theme="light"] .sleep-history-row small,
html[data-theme="light"] .recovery-item-copy span,
html[data-theme="light"] .recovery-session-copy span,
html[data-theme="light"] .tracking-hero-card span,
html[data-theme="light"] .tracking-side-head span,
html[data-theme="light"] #trackingView span{
  color: var(--lt-muted) !important;
}
html[data-theme="light"] #trackingView strong,
html[data-theme="light"] #trackingView b,
html[data-theme="light"] #trackingView h2,
html[data-theme="light"] #trackingView h3{
  color: var(--lt-ink) !important;
}
html[data-theme="light"] #trackingView small{
  color: var(--lt-accent-deep) !important;
  font-weight: 750 !important;
}

/* Green primary water buttons: dark ink on green (incl. unit spans) */
html[data-theme="light"] .routine-water-actions button:last-child,
html[data-theme="light"] .routine-water-only .routine-water-actions button:last-child,
html[data-theme="light"] .routine-water-actions button:last-child span,
html[data-theme="light"] .routine-water-only .routine-water-actions button:last-child span,
html[data-theme="light"] .routine-water-actions button:last-child b,
html[data-theme="light"] .routine-water-actions button:last-child strong{
  color: #042018 !important;
  text-shadow: none !important;
}

/* Body / sleep metric secondary text */
html[data-theme="light"] .body-trend-card p,
html[data-theme="light"] .body-checkin-card span,
html[data-theme="light"] .sleep-detail-card p,
html[data-theme="light"] .sleep-score-copy,
html[data-theme="light"] .sleep-score-copy span,
html[data-theme="light"] .sleep-phase-legend,
html[data-theme="light"] .sleep-phase-legend span{
  color: var(--lt-muted) !important;
}

/* Profile units already handled; reinforce */
html[data-theme="light"] .smart-control b,
html[data-theme="light"] .profile-value-control b,
html[data-theme="light"] .body-checkin-form b{
  color: var(--lt-soft) !important;
  font-weight: 700 !important;
}

/* Light mode readability v3c — final micro contrast */
html[data-theme="light"] .coach-message-meta b,
html[data-theme="light"] .coach-message-meta small b{
  color: var(--lt-soft) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .routine-water-goal-field,
html[data-theme="light"] .routine-water-goal-field span,
html[data-theme="light"] .routine-water-goal-field b,
html[data-theme="light"] .routine-water-progress-copy span{
  color: var(--lt-ink-2) !important;
  font-weight: 650;
}


/* Light mode area titles — high specificity (beats dark-theme title colors; no :where) */
html[data-theme="light"] .view-title h1,
html[data-theme="light"] .view-title h2,
html[data-theme="light"] .app-heading h1,
html[data-theme="light"] .home-hero h1,
html[data-theme="light"] .home-section-head h2,
html[data-theme="light"] .training-section-head h2,
html[data-theme="light"] .tracking-page-title h1,
html[data-theme="light"] .tracking-section-head h2,
html[data-theme="light"] .tracking-side-head h2,
html[data-theme="light"] .habit-section-head h2,
html[data-theme="light"] .habit-focus-copy h2,
html[data-theme="light"] .routine-settings h2,
html[data-theme="light"] .routine-plan-head h2,
html[data-theme="light"] .recipe-head h2,
html[data-theme="light"] .recipe-finder-head h2,
html[data-theme="light"] .saved-recipes-group-head strong,
html[data-theme="light"] .profile-card-head h2,
html[data-theme="light"] .profile-subcard-head h3,
html[data-theme="light"] .profile-welcome-copy h1,
html[data-theme="light"] .profile-cta-copy h2,
html[data-theme="light"] .body-checkin-card h2,
html[data-theme="light"] .body-trend-card h2,
html[data-theme="light"] .health-calc-summary-head h2,
html[data-theme="light"] .panel > h2,
html[data-theme="light"] .panel h2,
html[data-theme="light"] .title-with-icon h1,
html[data-theme="light"] .title-with-icon h2,
html[data-theme="light"] .coach-premium-shell .coach-view-title h1,
html[data-theme="light"] .coach-view-title h1,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-view-title h1,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-identity-copy h1,
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title h1,
html[data-theme="light"] #nutritionView .nutrition-reference-hero .view-title h1,
html[data-theme="light"] #nutritionView .view-title h1,
html[data-theme="light"] #trainingView .view-title h1,
html[data-theme="light"] #trainingView .training-section-head h2,
html[data-theme="light"] #trackingView .view-title h1,
html[data-theme="light"] #trackingView .tracking-page-title h1,
html[data-theme="light"] #trackingView .tracking-section-head h2,
html[data-theme="light"] #profileView .view-title h1,
html[data-theme="light"] #coachView .view-title h1,
html[data-theme="light"] #homeView .home-hero h1,
html[data-theme="light"] #homeView .home-section-head h2{
  color: #07140f !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #07140f !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Eyebrow labels above titles */
html[data-theme="light"] .view-title small,
html[data-theme="light"] .app-heading small,
html[data-theme="light"] .home-hero small,
html[data-theme="light"] .home-section-head small,
html[data-theme="light"] .training-section-head small,
html[data-theme="light"] .tracking-page-title small,
html[data-theme="light"] .tracking-section-head small,
html[data-theme="light"] .tracking-side-head small,
html[data-theme="light"] .habit-section-head small,
html[data-theme="light"] .habit-focus-copy small,
html[data-theme="light"] .routine-frame-header small,
html[data-theme="light"] .routine-plan-head small,
html[data-theme="light"] .routine-water-header small,
html[data-theme="light"] .recipe-head small,
html[data-theme="light"] .recipe-finder-head small,
html[data-theme="light"] .saved-recipes-group-head small,
html[data-theme="light"] .profile-card-head small,
html[data-theme="light"] .profile-subcard-head small,
html[data-theme="light"] .body-card-kicker,
html[data-theme="light"] .daily-check small,
html[data-theme="light"] .title-with-icon small,
html[data-theme="light"] .coach-premium-shell .coach-view-title small,
html[data-theme="light"] .coach-view-title small,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-view-title small,
html[data-theme="light"] body.dash-page:has(#coachView.active) .view-title small,
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title small,
html[data-theme="light"] #nutritionView .nutrition-reference-hero .view-title small,
html[data-theme="light"] #nutritionView .view-title small,
html[data-theme="light"] #trainingView .view-title small,
html[data-theme="light"] #trackingView .view-title small,
html[data-theme="light"] #trackingView .tracking-page-title small,
html[data-theme="light"] #profileView .view-title small,
html[data-theme="light"] #coachView .view-title small,
html[data-theme="light"] #homeView .home-hero small,
html[data-theme="light"] #homeView .home-section-head small,
html[data-theme="light"] article > small.view-kicker{
  color: #065c38 !important;
  -webkit-text-fill-color: #065c38 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

/* Subtitles under area titles */
html[data-theme="light"] .view-title p,
html[data-theme="light"] .app-heading p,
html[data-theme="light"] .home-hero p,
html[data-theme="light"] .home-section-head p,
html[data-theme="light"] .training-section-head p,
html[data-theme="light"] .tracking-page-title p,
html[data-theme="light"] .tracking-section-head p,
html[data-theme="light"] .habit-section-head p,
html[data-theme="light"] .recipe-head p,
html[data-theme="light"] .title-with-icon p,
html[data-theme="light"] .coach-premium-shell .coach-view-title p,
html[data-theme="light"] .coach-view-title p,
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title p,
html[data-theme="light"] #nutritionView .nutrition-reference-hero .view-title p,
html[data-theme="light"] #nutritionView .view-title p,
html[data-theme="light"] #trainingView .view-title p,
html[data-theme="light"] #trackingView .tracking-page-title p,
html[data-theme="light"] #trackingView .view-title p,
html[data-theme="light"] #profileView .view-title p,
html[data-theme="light"] #coachView .view-title p,
html[data-theme="light"] #homeView .home-hero p,
html[data-theme="light"] #homeView .home-section-head p{
  color: #2a4035 !important;
  -webkit-text-fill-color: #2a4035 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Nutrition hero is a dark panel in dark mode — in light mode make it a light readable header */
html[data-theme="light"] #nutritionView .nutrition-reference-hero{
  background: linear-gradient(145deg, #ffffff, #eef6f1 70%, #e7f2eb) !important;
  border-color: #b7d0c2 !important;
  box-shadow: 0 14px 32px rgba(10,20,16,.07) !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title h1,
html[data-theme="light"] #nutritionView .nutrition-reference-hero .view-title h1{
  color: #07140f !important;
  -webkit-text-fill-color: #07140f !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title small,
html[data-theme="light"] #nutritionView .nutrition-reference-hero .view-title small{
  color: #065c38 !important;
  -webkit-text-fill-color: #065c38 !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title p,
html[data-theme="light"] #nutritionView .nutrition-reference-hero .view-title p{
  color: #2a4035 !important;
  -webkit-text-fill-color: #2a4035 !important;
}

/* Coach page title strip */
html[data-theme="light"] .coach-premium-shell .coach-view-title,
html[data-theme="light"] #coachView .coach-view-title,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-view-title{
  color: #07140f !important;
}
html[data-theme="light"] .coach-premium-shell .coach-view-title h1,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-premium-shell .coach-view-title h1{
  color: #07140f !important;
  -webkit-text-fill-color: #07140f !important;
}
html[data-theme="light"] .coach-premium-shell .coach-view-title small,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-premium-shell .coach-view-title small{
  color: #065c38 !important;
  -webkit-text-fill-color: #065c38 !important;
}
html[data-theme="light"] .coach-premium-shell .coach-view-title p,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-premium-shell .coach-view-title p{
  color: #2a4035 !important;
  -webkit-text-fill-color: #2a4035 !important;
}

/* Training page top title if present */
html[data-theme="light"] #trainingView > .view-title h1,
html[data-theme="light"] #trainingView > .view-title small,
html[data-theme="light"] #trainingView > .view-title p{
  text-shadow: none !important;
}

/* Profile welcome is a dark photo hero — keep light text (do NOT force black ink) */
html[data-theme="light"] .profile-shell .profile-welcome-copy h1,
html[data-theme="light"] .profile-shell .profile-welcome-copy p,
html[data-theme="light"] .profile-shell .profile-welcome-copy small{
  text-shadow: 0 1px 14px rgba(0,0,0,.55) !important;
}
html[data-theme="light"] .profile-shell .profile-welcome-copy h1{
  color: #f5fcf8 !important;
  -webkit-text-fill-color: #f5fcf8 !important;
}
html[data-theme="light"] .profile-shell .profile-welcome-copy p{
  color: #c8e6e0 !important;
  -webkit-text-fill-color: #c8e6e0 !important;
}
html[data-theme="light"] .profile-shell .profile-welcome-copy small{
  color: #7ef0b4 !important;
  -webkit-text-fill-color: #7ef0b4 !important;
}

/* Auth titles on form side */
html[data-theme="light"] .auth-card h1,
html[data-theme="light"] .auth-pro-form h1,
html[data-theme="light"] .auth-pro-form h2,
html[data-theme="light"] .auth-page-modern .auth-pro-form h1,
html[data-theme="light"] .auth-page-modern .auth-pro-form h2,
html[data-theme="light"] .auth-page-modern .auth-pro-panel-head h2{
  color: #07140f !important;
  -webkit-text-fill-color: #07140f !important;
  text-shadow: none !important;
}

/* ===== LIGHT MODE area titles v4 — fix dark shells + section heads =====
   Later title rules forced near-black text globally. Dark panels/photo shells
   still keep dark backgrounds, so titles became unreadable. Restore surfaces
   and re-assert light text only where shells stay dark. */

/* Home "Alle Bereiche" shell was still dark while titles went black */
html[data-theme="light"] .home-modules{
  background: linear-gradient(145deg, #ffffff, #eef6f1 72%, #e7f2eb) !important;
  border-color: #b7d0c2 !important;
  box-shadow: 0 14px 32px rgba(10,20,16,.07) !important;
  color: #132018 !important;
}
html[data-theme="light"] .home-modules .home-section-head h2,
html[data-theme="light"] .home-modules .home-section-head small,
html[data-theme="light"] .home-modules .home-section-head p{
  color: #07140f !important;
  -webkit-text-fill-color: #07140f !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
html[data-theme="light"] .home-modules .home-section-head small{
  color: #065c38 !important;
  -webkit-text-fill-color: #065c38 !important;
  font-weight: 800 !important;
}
html[data-theme="light"] .home-modules .home-section-head p{
  color: #2a4035 !important;
  -webkit-text-fill-color: #2a4035 !important;
}

/* Photo home cards must keep bright titles on dark images */
html[data-theme="light"] .home-module-card,
html[data-theme="light"] .home-module-card strong,
html[data-theme="light"] .home-module-card small,
html[data-theme="light"] .home-module-card em,
html[data-theme="light"] .home-module-card .home-card-status,
html[data-theme="light"] .home-module-card .home-card-icon,
html[data-theme="light"] .home-card-grid .home-module-card,
html[data-theme="light"] .home-card-grid .home-module-card strong,
html[data-theme="light"] .home-card-grid .home-module-card small,
html[data-theme="light"] .home-card-grid .home-module-card em,
html[data-theme="light"] .home-card-grid .home-module-card .home-card-status{
  color: #f7fcf9 !important;
  -webkit-text-fill-color: #f7fcf9 !important;
  text-shadow: 0 2px 14px rgba(0,0,0,.72) !important;
  opacity: 1 !important;
  filter: none !important;
}
html[data-theme="light"] .home-module-card em{
  color: #9af0c6 !important;
  -webkit-text-fill-color: #9af0c6 !important;
}

/* Training generator keeps dark photo shell — force light titles again */
html[data-theme="light"] .training-generator-card,
html[data-theme="light"] .training-section.training-generator-card,
html[data-theme="light"] .weekly-plan-card.training-generator-card{
  color: #eef5f0 !important;
}
html[data-theme="light"] .training-generator-card h1,
html[data-theme="light"] .training-generator-card h2,
html[data-theme="light"] .training-generator-card h3,
html[data-theme="light"] .training-generator-card h4,
html[data-theme="light"] .training-generator-card .weekly-plan-head h2,
html[data-theme="light"] .training-generator-card .weekly-plan-head small,
html[data-theme="light"] .training-generator-card .weekly-plan-head p,
html[data-theme="light"] .training-generator-card .generator-week-head h2,
html[data-theme="light"] .training-generator-card .generator-week-head h3,
html[data-theme="light"] .training-generator-card .generator-week-head small,
html[data-theme="light"] .training-generator-card .generator-week-head p,
html[data-theme="light"] .training-generator-card .training-generator-badge,
html[data-theme="light"] .training-generator-card .generator-detected,
html[data-theme="light"] .training-generator-card .generator-detected small,
html[data-theme="light"] .training-generator-card .generator-detected strong,
html[data-theme="light"] .training-generator-card label,
html[data-theme="light"] .training-generator-card p,
html[data-theme="light"] .training-generator-card small,
html[data-theme="light"] .training-generator-card strong,
html[data-theme="light"] .training-generator-card span,
html[data-theme="light"] .training-generator-card b{
  color: #f2fbf7 !important;
  -webkit-text-fill-color: #f2fbf7 !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.45) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .training-generator-card .weekly-plan-head small,
html[data-theme="light"] .training-generator-card .generator-week-head small,
html[data-theme="light"] .training-generator-card .generator-detected small{
  color: #7ef0b4 !important;
  -webkit-text-fill-color: #7ef0b4 !important;
}

/* Program photo cards: light titles on dark images */
html[data-theme="light"] .training-start-selection .program-choice-card h2,
html[data-theme="light"] .training-start-selection .program-choice-card > span,
html[data-theme="light"] .training-start-selection .program-choice-card p,
html[data-theme="light"] .training-start-selection .program-choice-card small,
html[data-theme="light"] .training-start-selection .program-choice-card strong,
html[data-theme="light"] .training-start-selection .program-choice-card .program-card-step,
html[data-theme="light"] .training-start-selection .program-choice-card .program-card-fit{
  color: #f7f8f4 !important;
  -webkit-text-fill-color: #f7f8f4 !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.55) !important;
}

/* Profile completion CTA keeps dark teal gradient */
html[data-theme="light"] .profile-completion-cta,
html[data-theme="light"] .profile-action-bar.profile-completion-cta,
html[data-theme="light"] .profile-shell .profile-completion-cta{
  color: #f0faf5 !important;
}
html[data-theme="light"] .profile-completion-cta h2,
html[data-theme="light"] .profile-completion-cta .profile-cta-copy h2,
html[data-theme="light"] .profile-completion-cta .profile-cta-copy p,
html[data-theme="light"] .profile-completion-cta .profile-cta-icon,
html[data-theme="light"] .profile-shell .profile-completion-cta h2,
html[data-theme="light"] .profile-shell .profile-completion-cta .profile-cta-copy h2,
html[data-theme="light"] .profile-shell .profile-completion-cta .profile-cta-copy p{
  color: #f0faf5 !important;
  -webkit-text-fill-color: #f0faf5 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
html[data-theme="light"] .profile-completion-cta .profile-cta-copy p{
  color: #c5e4d8 !important;
  -webkit-text-fill-color: #c5e4d8 !important;
}

/* Main area page titles: heavier + pure ink for clearer reading on light bg */
html[data-theme="light"] .view-title h1,
html[data-theme="light"] .app-heading h1,
html[data-theme="light"] .home-hero h1,
html[data-theme="light"] .title-with-icon h1,
html[data-theme="light"] #homeView .home-hero h1,
html[data-theme="light"] #trainingView .view-title h1,
html[data-theme="light"] #nutritionView .view-title h1,
html[data-theme="light"] #trackingView .view-title h1,
html[data-theme="light"] #trackingView .tracking-page-title h1,
html[data-theme="light"] #profileView .view-title h1,
html[data-theme="light"] #coachView .view-title h1{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
  font-weight: 750 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}
html[data-theme="light"] .view-title small,
html[data-theme="light"] .home-hero small,
html[data-theme="light"] .title-with-icon small,
html[data-theme="light"] .tracking-page-title small,
html[data-theme="light"] .coach-view-title small{
  color: #045c37 !important;
  -webkit-text-fill-color: #045c37 !important;
  font-weight: 850 !important;
  opacity: 1 !important;
}
html[data-theme="light"] .view-title p,
html[data-theme="light"] .home-hero p,
html[data-theme="light"] .title-with-icon p,
html[data-theme="light"] .tracking-page-title p{
  color: #1e3329 !important;
  -webkit-text-fill-color: #1e3329 !important;
  opacity: 1 !important;
}

/* Nutrition hero light surface already set — keep title ink strong */
html[data-theme="light"] #nutritionView .nutrition-reference-hero .view-title h1{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
  font-weight: 750 !important;
}

/* ===== LIGHT MODE nutrition hero art polish (v5) =====
   Dark #0d1511 placeholder behind the bowl made a hard rectangle on the
   white hero. Replace with a soft product-style floating bowl treatment. */
html[data-theme="light"] #nutritionView .nutrition-reference-hero{
  position: relative;
  overflow: hidden;
  padding: 36px 26px 18px !important;
  background:
    radial-gradient(ellipse 42% 38% at 86% 18%, rgba(126, 214, 170, .26) 0%, transparent 68%),
    radial-gradient(ellipse 28% 30% at 74% 8%, rgba(232, 248, 238, .9) 0%, transparent 72%),
    linear-gradient(145deg, #ffffff 0%, #f6fbf8 52%, #eef7f1 100%) !important;
  border: 1px solid #c5dccf !important;
  border-radius: 28px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.95) inset,
    0 16px 36px rgba(16, 40, 28, .06) !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title{
  position: relative;
  z-index: 3;
  max-width: min(520px, 54%);
  margin: 0 0 36px !important;
  padding-left: 8px !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title small{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
  letter-spacing: .14em !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title h1{
  color: #06140e !important;
  -webkit-text-fill-color: #06140e !important;
  font-weight: 750 !important;
  letter-spacing: -.03em !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title p{
  color: #2c4337 !important;
  -webkit-text-fill-color: #2c4337 !important;
  max-width: 420px !important;
}

/* Soft ambient orb — mint, not dark */
html[data-theme="light"] #nutritionView .nutrition-hero-art{
  right: 22px !important;
  top: 28px !important;
  transform: none !important;
  width: min(340px, 40vw) !important;
  height: min(230px, 28vw) !important;
  z-index: 3 !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none !important;
}
html[data-theme="light"] #nutritionView .nutrition-hero-art span{
  width: 210px !important;
  height: 210px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.95) 0%, rgba(210, 242, 224, .7) 28%, rgba(146, 214, 178, .28) 58%, transparent 72%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.55) inset,
    0 24px 48px rgba(49, 140, 96, .12) !important;
  filter: blur(.2px);
  opacity: .95;
}
/* Kill the dark rectangle behind the bowl image */
html[data-theme="light"] #nutritionView .nutrition-hero-art img,
html[data-theme="light"] #nutritionView .nutrition-hero-art picture,
html[data-theme="light"] .nutrition-hero-art img{
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] #nutritionView .nutrition-hero-art img{
  position: relative;
  z-index: 2;
  width: min(320px, 40vw) !important;
  height: auto !important;
  max-height: 230px !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 18px 28px rgba(12, 36, 24, .16))
    drop-shadow(0 4px 10px rgba(12, 36, 24, .08))
    saturate(1.05)
    contrast(1.02) !important;
  mix-blend-mode: normal;
  opacity: 1 !important;
}

/* Subtle separator glow between copy and art — no hard white wash */
html[data-theme="light"] #nutritionView .nutrition-reference-hero:after{
  content: "";
  position: absolute;
  z-index: 2;
  left: 40%;
  right: 0;
  top: 0;
  height: 250px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 42%);
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title{
  z-index: 4 !important;
}
html[data-theme="light"] #nutritionView .nutrition-hero-art{
  z-index: 3 !important;
}

@media (max-width: 900px){
  html[data-theme="light"] #nutritionView .nutrition-hero-art{
    right: 4px !important;
    width: min(280px, 46vw) !important;
    height: min(200px, 34vw) !important;
    opacity: .92 !important;
  }
  html[data-theme="light"] #nutritionView .nutrition-hero-art img{
    width: min(260px, 44vw) !important;
    max-height: 190px !important;
  }
  html[data-theme="light"] #nutritionView .nutrition-hero-art span{
    width: 160px !important;
    height: 160px !important;
  }
  html[data-theme="light"] #nutritionView .nutrition-reference-hero > .view-title{
    max-width: 58% !important;
  }
}
@media (max-width: 700px){
  html[data-theme="light"] #nutritionView .nutrition-reference-hero{
    min-height: 188px;
    padding: 22px 14px 14px !important;
  }
  html[data-theme="light"] #nutritionView .nutrition-hero-art{
    right: -18px !important;
    top: 12px !important;
    transform: none !important;
    width: 180px !important;
    height: 140px !important;
    opacity: .88 !important;
  }
  html[data-theme="light"] #nutritionView .nutrition-hero-art img{
    width: 175px !important;
    max-height: 130px !important;
  }
  html[data-theme="light"] #nutritionView .nutrition-hero-art span{
    width: 110px !important;
    height: 110px !important;
  }
  html[data-theme="light"] #nutritionView .nutrition-reference-hero:after{
    left: 28%;
    background: linear-gradient(90deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.5) 30%, rgba(255,255,255,0) 58%);
  }
}

/* Nutrition steps on light hero shell */
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-steps{
  position: relative;
  z-index: 4;
  background: rgba(255,255,255,.78) !important;
  border-color: #c9dfd2 !important;
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 24px rgba(16,40,28,.05) !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-steps button{
  background: linear-gradient(145deg, #ffffff, #f3faf6) !important;
  border-color: #d0e4d8 !important;
  color: #132018 !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-steps button strong{
  color: #0d1f16 !important;
  -webkit-text-fill-color: #0d1f16 !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-steps button.active{
  border-color: #49e79b !important;
  background: linear-gradient(145deg, #e8f9f0, #f7fcf9) !important;
  box-shadow: 0 0 0 1px #49e79b22, 0 10px 22px rgba(31,159,104,.08) !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-step-icon{
  background: #e7f7ef !important;
  color: #167a4d !important;
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-steps button:after{
  color: #5f7167 !important;
}


/* ===== LIGHT MODE routine / tracking shells (v6) =====
   Setting fields + plan items kept dark shells while global light text
   forced dark ink → unreadable labels/hints/plan cards. Lighten shells. */
html[data-theme="light"] .routine-setting-field{
  background: #ffffff !important;
  border-color: #c5d8cc !important;
  color: #132018 !important;
  box-shadow: 0 8px 20px rgba(16,40,28,.05) !important;
}
html[data-theme="light"] .routine-setting-field > span,
html[data-theme="light"] .routine-setting-field span{
  color: #0d1f16 !important;
  -webkit-text-fill-color: #0d1f16 !important;
  font-weight: 750 !important;
  opacity: 1 !important;
}
html[data-theme="light"] .routine-setting-field > span em,
html[data-theme="light"] .routine-setting-field span em{
  color: #5a7365 !important;
  -webkit-text-fill-color: #5a7365 !important;
  font-weight: 600 !important;
}
html[data-theme="light"] .routine-setting-field small{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
  opacity: 1 !important;
}
html[data-theme="light"] .routine-setting-field select,
html[data-theme="light"] .routine-setting-field input{
  background: #f4f9f6 !important;
  color: #0d1f16 !important;
  -webkit-text-fill-color: #0d1f16 !important;
  border-color: #b7d0c2 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
}
html[data-theme="light"] .routine-setting-field select:focus,
html[data-theme="light"] .routine-setting-field input:focus{
  border-color: #49e79b !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(73,231,155,.16) !important;
}

/* Plan items as light cards */
html[data-theme="light"] .routine-plan-item,
html[data-theme="light"] .routine-plan-items article{
  background: linear-gradient(145deg, #ffffff, #f3f9f5) !important;
  border-color: #c5d8cc !important;
  color: #132018 !important;
  box-shadow: 0 10px 24px rgba(16,40,28,.06) !important;
}
html[data-theme="light"] .routine-plan-item strong,
html[data-theme="light"] .routine-plan-items article strong,
html[data-theme="light"] #trackingView .routine-plan-item strong{
  color: #0a1610 !important;
  -webkit-text-fill-color: #0a1610 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}
html[data-theme="light"] .routine-plan-item small,
html[data-theme="light"] .routine-plan-items article small,
html[data-theme="light"] .routine-plan-items article p,
html[data-theme="light"] #trackingView .routine-plan-item small{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
  opacity: 1 !important;
}
html[data-theme="light"] .routine-plan-item time,
html[data-theme="light"] .routine-plan-items article time{
  background: #e7f7ef !important;
  border-color: #9ed9b8 !important;
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .routine-plan-item > b,
html[data-theme="light"] .routine-plan-items article > span,
html[data-theme="light"] .routine-plan-items article > b{
  border-color: #b7d0c2 !important;
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
  background: #f4f9f6 !important;
}
html[data-theme="light"] .routine-plan-item.done,
html[data-theme="light"] .routine-plan-items article.done{
  background: linear-gradient(145deg, #e8f9f0, #f7fcf9) !important;
  border-color: #7dcea8 !important;
  box-shadow: 0 0 0 1px rgba(73,231,155,.12), 0 12px 26px rgba(16,40,28,.06) !important;
}
html[data-theme="light"] .routine-plan-item.done > b{
  border-color: #49e79b !important;
  background: #49e79b !important;
  color: #07120b !important;
  -webkit-text-fill-color: #07120b !important;
}
html[data-theme="light"] .routine-plan-item:hover,
html[data-theme="light"] .routine-plan-item:focus-visible{
  border-color: #7dcea8 !important;
  background: linear-gradient(145deg, #ffffff, #eef8f2) !important;
}

/* Meta badge e.g. Schichtarbeit */
html[data-theme="light"] .routine-plan-meta > span,
html[data-theme="light"] .routine-frame-status{
  background: #e7f7ef !important;
  border-color: #9ed9b8 !important;
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .routine-plan-meta > small{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}

/* Kickers / icons on light page */
html[data-theme="light"] .routine-step-kicker > span,
html[data-theme="light"] .routine-frame-icon,
html[data-theme="light"] .routine-plan-icon{
  background: #e7f7ef !important;
  border-color: #9ed9b8 !important;
  color: #0a6b42 !important;
}
html[data-theme="light"] .routine-step-kicker small,
html[data-theme="light"] .routine-frame-kicker small,
html[data-theme="light"] .routine-plan-kicker small{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}

/* Combined panel / day plan stay transparent on light page bg */
html[data-theme="light"] .routine-combined-panel,
html[data-theme="light"] .routine-settings,
html[data-theme="light"] .routine-day-plan{
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #132018 !important;
}
html[data-theme="light"] .routine-settings h2,
html[data-theme="light"] .routine-plan-head h2{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .routine-settings-copy p,
html[data-theme="light"] .routine-plan-hint{
  color: #2a4035 !important;
  -webkit-text-fill-color: #2a4035 !important;
}
html[data-theme="light"] .routine-section-divider{
  background: linear-gradient(90deg, transparent, #c5d8cc 14%, #c5d8cc 86%, transparent) !important;
}
html[data-theme="light"] .routine-custom-empty{
  background: #f4f9f6 !important;
  border-color: #b7d0c2 !important;
  color: #3d5648 !important;
}
html[data-theme="light"] .routine-custom-empty strong{
  color: #0d1f16 !important;
}
html[data-theme="light"] .routine-plan-item:disabled,
html[data-theme="light"] .routine-plan-item:disabled:hover{
  background: #eef3f0 !important;
  border-color: #d0dfd6 !important;
  opacity: .62 !important;
}

/* Light mode sleep shells (v7) — "Wie war deine Nacht"
   Base stays dark purple night theme; light mode forced dark ink on those shells → unreadable.
   Soft lavender shells + dark ink, same approach as routine v6. */
html[data-theme="light"] .routine-sleep-card{
  border-color: #c8bddf !important;
  background:
    radial-gradient(circle at 10% 0, rgba(183,165,255,.18) 0, transparent 38%),
    linear-gradient(145deg, #f7f5fc, #eef2f7 72%) !important;
  box-shadow: 0 18px 40px rgba(40, 32, 72, .08) !important;
  color: #1a1628 !important;
}
html[data-theme="light"] .routine-sleep-card:before{
  background: linear-gradient(120deg, rgba(183,165,255,.12), transparent 42%, rgba(114,230,174,.05)) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .routine-sleep-kicker small{
  color: #5b4aa8 !important;
  -webkit-text-fill-color: #5b4aa8 !important;
}
html[data-theme="light"] .routine-sleep-icon{
  border-color: #c0b3e6 !important;
  background: #ebe6fb !important;
  color: #4f3f9e !important;
  box-shadow: 0 0 16px rgba(156,131,255,.12) !important;
}
html[data-theme="light"] .routine-sleep-header h2{
  color: #140f22 !important;
  -webkit-text-fill-color: #140f22 !important;
}
html[data-theme="light"] .routine-sleep-header p{
  color: #4a4560 !important;
  -webkit-text-fill-color: #4a4560 !important;
}
html[data-theme="light"] .sleep-source-pill{
  border-color: #c5b8e8 !important;
  background: #ebe5fb !important;
  color: #4a3a96 !important;
  -webkit-text-fill-color: #4a3a96 !important;
}
html[data-theme="light"] .sleep-session-panel,
html[data-theme="light"] .sleep-consent,
html[data-theme="light"] .sleep-repeat-warning{
  border-color:#d2cbe6 !important;
  background:linear-gradient(145deg,#ffffff,#f5f3fb) !important;
  color:#1a1628 !important;
}
html[data-theme="light"] .sleep-session-copy strong,
html[data-theme="light"] .sleep-consent p{color:#140f22 !important}
html[data-theme="light"] .sleep-session-copy p,
html[data-theme="light"] .sleep-phase-note,
html[data-theme="light"] .sleep-disclaimer,
html[data-theme="light"] .sleep-trend{color:#4a4560 !important}
html[data-theme="light"] .sleep-timeline{background:#eeeaf8;border-color:#d2cbe6}
html[data-theme="light"] #sleepStopBtn,
html[data-theme="light"] .sleep-delete-btn,
html[data-theme="light"] .sleep-range button{
  background:#ebe5fb !important;color:#4a3a96 !important;border-color:#c5b8e8 !important
}

/* Inner panels */
html[data-theme="light"] .sleep-score-panel,
html[data-theme="light"] .sleep-night-panel,
html[data-theme="light"] .sleep-detail-card,
html[data-theme="light"] .sleep-more-details{
  border-color: #d2cbe6 !important;
  background: linear-gradient(145deg, #ffffff, #f5f3fb) !important;
  box-shadow: 0 10px 24px rgba(40, 32, 72, .05), inset 0 1px 0 #ffffff !important;
  color: #1a1628 !important;
}
html[data-theme="light"] .sleep-score-ring{
  background: conic-gradient(#7d6ad4 0 var(--sleep-score), #ddd6f0 var(--sleep-score) 100%) !important;
  box-shadow: 0 0 24px rgba(125,106,212,.16) !important;
}
html[data-theme="light"] .sleep-score-ring:before{
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px #e6e0f4 !important;
}
html[data-theme="light"] .sleep-score-ring strong{
  color: #140f22 !important;
  -webkit-text-fill-color: #140f22 !important;
}
html[data-theme="light"] .sleep-score-ring span{
  color: #6a6480 !important;
  -webkit-text-fill-color: #6a6480 !important;
}
html[data-theme="light"] .sleep-score-copy small,
html[data-theme="light"] .sleep-night-stat small,
html[data-theme="light"] .sleep-detail-card header small,
html[data-theme="light"] .sleep-recommendation small,
html[data-theme="light"] .sleep-history-head small{
  color: #5b4aa8 !important;
  -webkit-text-fill-color: #5b4aa8 !important;
}
html[data-theme="light"] .sleep-score-copy > strong,
html[data-theme="light"] .sleep-night-stat strong,
html[data-theme="light"] .sleep-detail-card header strong,
html[data-theme="light"] .sleep-history-head strong,
html[data-theme="light"] .sleep-history-row strong,
html[data-theme="light"] .sleep-vitals-grid strong,
html[data-theme="light"] .sleep-phase-legend b{
  color: #140f22 !important;
  -webkit-text-fill-color: #140f22 !important;
}
html[data-theme="light"] .sleep-score-copy p,
html[data-theme="light"] .sleep-night-stat span,
html[data-theme="light"] .sleep-detail-card header > span,
html[data-theme="light"] .sleep-detail-card p,
html[data-theme="light"] .sleep-phase-legend,
html[data-theme="light"] .sleep-phase-legend span,
html[data-theme="light"] .sleep-vitals-grid span,
html[data-theme="light"] .sleep-vitals-grid small,
html[data-theme="light"] .sleep-snoring-card p,
html[data-theme="light"] .sleep-history-head > span,
html[data-theme="light"] .sleep-history-row,
html[data-theme="light"] .sleep-history-row span,
html[data-theme="light"] .sleep-history-row small,
html[data-theme="light"] .sleep-history-empty,
html[data-theme="light"] .sleep-card-footer,
html[data-theme="light"] .sleep-card-footer > span{
  color: #4a4560 !important;
  -webkit-text-fill-color: #4a4560 !important;
}
html[data-theme="light"] .sleep-night-stat + .sleep-night-stat{
  border-left-color: #ddd6ec !important;
}
@media (max-width: 760px){
  html[data-theme="light"] .sleep-night-stat + .sleep-night-stat{
    border-top-color: #ddd6ec !important;
    border-left-color: transparent !important;
  }
}

/* Phase bar + vitals tiles */
html[data-theme="light"] .sleep-phase-bar{
  border-color: #ddd6ec !important;
  background: #ebe7f6 !important;
}
html[data-theme="light"] .sleep-phase-segment{
  border-right-color: #f5f3fb !important;
}
html[data-theme="light"] .sleep-phase-light{ background: #8f7dd9 !important; }
html[data-theme="light"] .sleep-phase-deep{ background: #5a4899 !important; }
html[data-theme="light"] .sleep-phase-rem{ background: #c47ad4 !important; }
html[data-theme="light"] .sleep-phase-awake{ background: #9a94ad !important; }
html[data-theme="light"] .sleep-phase-legend .sleep-phase-light{ background: #8f7dd9 !important; }
html[data-theme="light"] .sleep-phase-legend .sleep-phase-deep{ background: #5a4899 !important; }
html[data-theme="light"] .sleep-phase-legend .sleep-phase-rem{ background: #c47ad4 !important; }
html[data-theme="light"] .sleep-phase-legend .sleep-phase-awake{ background: #9a94ad !important; }
html[data-theme="light"] .sleep-vitals-grid > div{
  border-color: #d5cdea !important;
  background: #f3f0fa !important;
}
html[data-theme="light"] .sleep-snoring-card{
  background: linear-gradient(145deg, #ffffff, #f4f1fb) !important;
}
html[data-theme="light"] .sleep-snoring-meter{
  background: #e4def4 !important;
}
html[data-theme="light"] .sleep-snoring-meter i{
  background: linear-gradient(90deg, #7d6ad4, #c47ad4) !important;
}

/* Recommendation footer */
html[data-theme="light"] .sleep-recommendation{
  border-color: #c8bbea !important;
  background: linear-gradient(105deg, #f0ebfb, #e8f5ef) !important;
  box-shadow: 0 10px 22px rgba(40, 32, 72, .05), inset 0 1px 0 #ffffff !important;
}
html[data-theme="light"] .sleep-recommendation-icon{
  background: #7d6ad4 !important;
  color: #ffffff !important;
  box-shadow: 0 5px 14px rgba(125,106,212,.25) !important;
}
html[data-theme="light"] .sleep-recommendation strong{
  color: #140f22 !important;
  -webkit-text-fill-color: #140f22 !important;
}
html[data-theme="light"] .sleep-recommendation p{
  color: #4a4560 !important;
  -webkit-text-fill-color: #4a4560 !important;
}
html[data-theme="light"] .sleep-card-footer > span i{
  background: #7d6ad4 !important;
  box-shadow: 0 0 10px rgba(125,106,212,.45) !important;
}
html[data-theme="light"] .sleep-card-footer button{
  border-color: #c5b8e8 !important;
  background: #ebe5fb !important;
  color: #3f328a !important;
  -webkit-text-fill-color: #3f328a !important;
}
html[data-theme="light"] .sleep-card-footer button:hover,
html[data-theme="light"] .sleep-card-footer button:focus-visible{
  border-color: #9f8fd4 !important;
  background: #ddd4f5 !important;
}
html[data-theme="light"] .sleep-history-bar{
  border-bottom-color: #ddd6ec !important;
  background: linear-gradient(180deg, transparent, rgba(125,106,212,.04)) !important;
}
html[data-theme="light"] .sleep-history-bar i{
  background: linear-gradient(180deg, #a898ef, #6f5cb8) !important;
  box-shadow: 0 0 12px rgba(125,106,212,.18) !important;
}

/* Light mode profile Richtwerte / health-calc shells (v8)
   Summary card + metric grid stay dark teal while light mode forces dark ink → unreadable. */
html[data-theme="light"] .profile-calculator-section{
  color: #132018 !important;
}
html[data-theme="light"] .profile-calculator-section > .profile-card-head h2{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .profile-calculator-section > .profile-card-head p{
  color: #2a4035 !important;
  -webkit-text-fill-color: #2a4035 !important;
}

/* Tabs */
html[data-theme="light"] .health-calc-tabs{
  border-color: #c5d8cc !important;
  background: #eef5f1 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .health-calc-tabs button{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
  background: transparent !important;
  border-color: transparent !important;
}
html[data-theme="light"] .health-calc-tabs button.active{
  color: #042018 !important;
  -webkit-text-fill-color: #042018 !important;
  background: #49e79b !important;
  border-color: transparent !important;
  box-shadow: 0 10px 22px rgba(73,231,155,.18) !important;
}

/* Summary card shell */
html[data-theme="light"] .health-calc-summary-card,
html[data-theme="light"] .profile-calculator-section .health-calc-summary-card,
html[data-theme="light"] .health-calc-empty-state,
html[data-theme="light"] .health-calc-summary,
html[data-theme="light"] .health-calc-direct-panel,
html[data-theme="light"] .health-calc-foundation-panel,
html[data-theme="light"] .health-calc-story-card,
html[data-theme="light"] .health-calc-basis-card,
html[data-theme="light"] .health-calc-source-card,
html[data-theme="light"] .health-calc-interpretation,
html[data-theme="light"] .health-calc-form.compact{
  border-color: #c5d8cc !important;
  background:
    radial-gradient(circle at 16% 0, rgba(73,231,155,.12) 0, transparent 40%),
    linear-gradient(145deg, #ffffff, #f3f9f5 78%) !important;
  box-shadow: 0 14px 32px rgba(16,40,28,.06) !important;
  color: #132018 !important;
}
html[data-theme="light"] .health-calc-summary-card:before,
html[data-theme="light"] .health-calc-direct-panel:before{
  background: linear-gradient(90deg, #49e79b, rgba(73,231,155,0)) !important;
  opacity: .85 !important;
}
html[data-theme="light"] .health-calc-summary-head small,
html[data-theme="light"] .health-calc-card-head small,
html[data-theme="light"] .health-calc-story-card small{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .health-calc-summary-head h2,
html[data-theme="light"] .health-calc-card-head h2,
html[data-theme="light"] .health-calc-story-card h2{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .health-calc-summary-head p,
html[data-theme="light"] .health-calc-card-head p,
html[data-theme="light"] .health-calc-story-card p,
html[data-theme="light"] .health-calc-empty p,
html[data-theme="light"] .health-calc-form-head p,
html[data-theme="light"] .health-calc-form > p,
html[data-theme="light"] .health-calc-form > small,
html[data-theme="light"] .health-calc-foundation-row span{
  color: #2a4035 !important;
  -webkit-text-fill-color: #2a4035 !important;
}

/* Compact metric grid (main Richtwerte view) */
html[data-theme="light"] .health-calc-compact-results,
html[data-theme="light"] .health-calc-result-grid{
  border-color: #d0dfd6 !important;
}
html[data-theme="light"] .health-calc-compact-results article,
html[data-theme="light"] .health-calc-result-grid article{
  border-color: #d0dfd6 !important;
  border-right-color: #d0dfd6 !important;
  border-bottom-color: #d0dfd6 !important;
  background: transparent !important;
  color: #132018 !important;
}
html[data-theme="light"] .health-calc-compact-results .metric-label,
html[data-theme="light"] .health-calc-result-grid span{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .health-calc-compact-results strong,
html[data-theme="light"] .health-calc-result-grid strong,
html[data-theme="light"] .health-calc-compact-results .metric-value strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .health-calc-compact-results small,
html[data-theme="light"] .health-calc-compact-results .metric-unit,
html[data-theme="light"] .health-calc-compact-results .metric-context,
html[data-theme="light"] .health-calc-compact-results p,
html[data-theme="light"] .health-calc-result-grid small,
html[data-theme="light"] .health-calc-result-grid p{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}
html[data-theme="light"] .health-calc-compact-results em,
html[data-theme="light"] .health-calc-badge,
html[data-theme="light"] .health-calc-card-head > span{
  border-color: #c5d8a8 !important;
  background: #f4f7e8 !important;
  color: #5a5a1f !important;
  -webkit-text-fill-color: #5a5a1f !important;
}

/* Metric icons: soft pastels on light */
html[data-theme="light"] .health-calc-compact-results .metric-icon{
  color: #0a6b42 !important;
  background: #e7f7ef !important;
}
html[data-theme="light"] .health-calc-compact-results .metric-bmi .metric-icon{
  color: #9b3a5c !important;
  background: #fcecf2 !important;
}
html[data-theme="light"] .health-calc-compact-results .metric-calories .metric-icon{
  color: #a65a12 !important;
  background: #fff1e4 !important;
}
html[data-theme="light"] .health-calc-compact-results .metric-protein .metric-icon{
  color: #1f6b3a !important;
  background: #e8f7ec !important;
}
html[data-theme="light"] .health-calc-compact-results .metric-water .metric-icon{
  color: #0d6f7a !important;
  background: #e6f7f9 !important;
}

/* Notice bar */
html[data-theme="light"] .health-calc-notice{
  border-top-color: #c5d8cc !important;
  background: #eef8f2 !important;
  color: #2a4035 !important;
}
html[data-theme="light"] .health-calc-notice p{
  color: #2a4035 !important;
  -webkit-text-fill-color: #2a4035 !important;
}
html[data-theme="light"] .health-calc-notice strong{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .health-calc-notice > span{
  background: #49e79b !important;
  color: #042018 !important;
}

/* Empty / profile values / forms */
html[data-theme="light"] .health-calc-empty{
  border-color: #c5d8cc !important;
  background: #f4f9f6 !important;
}
html[data-theme="light"] .health-calc-empty strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .health-calc-profile-values span,
html[data-theme="light"] .health-calc-interpretation > div{
  border-color: #c5d8cc !important;
  background: #f4f9f6 !important;
}
html[data-theme="light"] .health-calc-profile-values small{
  color: #3d5648 !important;
}
html[data-theme="light"] .health-calc-profile-values strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .health-calc-form label,
html[data-theme="light"] .health-calc-direct-panel label{
  color: #2a4035 !important;
  -webkit-text-fill-color: #2a4035 !important;
}
html[data-theme="light"] .health-calc-form input,
html[data-theme="light"] .health-calc-form select,
html[data-theme="light"] .health-calc-direct-panel input,
html[data-theme="light"] .health-calc-direct-panel select{
  border-color: #c5d8cc !important;
  background: #ffffff !important;
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .health-calc-form input:focus,
html[data-theme="light"] .health-calc-form select:focus,
html[data-theme="light"] .health-calc-direct-panel input:focus,
html[data-theme="light"] .health-calc-direct-panel select:focus{
  border-color: #49e79b !important;
  box-shadow: 0 0 0 3px rgba(73,231,155,.16) !important;
  background: #ffffff !important;
}
html[data-theme="light"] .health-calc-actions button,
html[data-theme="light"] .health-calc-form button,
html[data-theme="light"] .health-calc-temp-actions button{
  border-color: #9ed9b8 !important;
  background: #e7f7ef !important;
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .health-calc-actions button:first-child,
html[data-theme="light"] .health-calc-form button[type=submit],
html[data-theme="light"] .health-calc-temp-actions button:first-child{
  border: 0 !important;
  background: #49e79b !important;
  color: #042018 !important;
  -webkit-text-fill-color: #042018 !important;
}
html[data-theme="light"] .health-calc-foundation-row button{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .health-calc-story-card li{
  color: #2a4035 !important;
}
html[data-theme="light"] .health-calc-story-card li:before{
  background: #49e79b !important;
}

/* Mobile borders on compact results stay light */
@media (max-width: 980px){
  html[data-theme="light"] .health-calc-compact-results article,
  html[data-theme="light"] .profile-shell .health-calc-compact-results article{
    border-right-color: #d0dfd6 !important;
    border-bottom-color: #d0dfd6 !important;
  }
}

/* Light mode coach quick-actions (v10) — Trainingsplan / Ernährung / Schlaf
   Buttons stay dark shells while light mode forces dark ink → unreadable labels. */
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-quick-actions button,
html[data-theme="light"] .coach-reference-quick-actions button{
  border-color: #c5d8cc !important;
  background: linear-gradient(145deg, #ffffff, #eef6f1) !important;
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
  box-shadow: 0 10px 22px rgba(16,40,28,.07) !important;
  text-shadow: none !important;
}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-quick-actions button:hover,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-quick-actions button:focus-visible,
html[data-theme="light"] .coach-reference-quick-actions button:hover,
html[data-theme="light"] .coach-reference-quick-actions button:focus-visible{
  border-color: #7dcea8 !important;
  background: linear-gradient(145deg, #f7fcf9, #e5f6ed) !important;
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
  box-shadow: 0 14px 28px rgba(73,231,155,.14) !important;
  transform: translateY(-1px) !important;
}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-quick-actions button span,
html[data-theme="light"] .coach-reference-quick-actions button span{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-action-icon,
html[data-theme="light"] .coach-reference-action-icon{
  color: #0a6b42 !important;
  filter: none !important;
}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-action-icon svg,
html[data-theme="light"] .coach-reference-action-icon svg{
  stroke: currentColor !important;
  fill: none !important;
}
/* Security footer under actions */
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-security-note,
html[data-theme="light"] .coach-security-note,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-security-row,
html[data-theme="light"] [class*="coach-security"]{
  color: #3d5648 !important;
}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-security-icon,
html[data-theme="light"] .coach-security-icon{
  color: #5f7a6a !important;
}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-security,
html[data-theme="light"] .coach-reference-security,
html[data-theme="light"] .coach-reference-security > span{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-security .coach-security-icon{
  color: #5f7a6a !important;
}
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-quick-actions button .coach-reference-action-icon,
html[data-theme="light"] body.dash-page:has(#coachView.active) .coach-reference-quick-actions button .coach-reference-action-icon svg,
html[data-theme="light"] .coach-reference-quick-actions button .coach-reference-action-icon,
html[data-theme="light"] .coach-reference-quick-actions button .coach-reference-action-icon svg{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
  stroke: #0a6b42 !important;
  fill: none !important;
  filter: none !important;
}

/* ==========================================================================
   Light mode full-audit shells (v11) — project-wide dark shells + forced dark ink
   Pattern: lighten form/panel shells; keep photo/generator heroes with light text.
   ========================================================================== */

/* --- Recovery (same purple family as sleep; outer card had ZERO light rules) --- */
html[data-theme="light"] .routine-recovery-card{
  border-color: #c8bddf !important;
  background:
    radial-gradient(circle at 10% 0, rgba(183,165,255,.18) 0, transparent 38%),
    linear-gradient(145deg, #f7f5fc, #eef2f7 72%) !important;
  box-shadow: 0 18px 40px rgba(40, 32, 72, .08) !important;
  color: #1a1628 !important;
}
html[data-theme="light"] .routine-recovery-card:before{
  background: linear-gradient(120deg, rgba(183,165,255,.12), transparent 42%, rgba(114,230,174,.05)) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .routine-recovery-kicker small{
  color: #5b4aa8 !important;
  -webkit-text-fill-color: #5b4aa8 !important;
}
html[data-theme="light"] .routine-recovery-icon{
  border-color: #c0b3e6 !important;
  background: #ebe6fb !important;
  color: #4f3f9e !important;
  box-shadow: 0 0 16px rgba(156,131,255,.12) !important;
}
html[data-theme="light"] .routine-recovery-header h2{
  color: #140f22 !important;
  -webkit-text-fill-color: #140f22 !important;
}
html[data-theme="light"] .routine-recovery-header p{
  color: #4a4560 !important;
  -webkit-text-fill-color: #4a4560 !important;
}
html[data-theme="light"] .recovery-source-pill{
  border-color: #c5b8e8 !important;
  background: #ebe5fb !important;
  color: #4a3a96 !important;
  -webkit-text-fill-color: #4a3a96 !important;
}
html[data-theme="light"] .recovery-item-card{
  border-color: #d2cbe6 !important;
  background: linear-gradient(145deg, #ffffff, #f5f3fb) !important;
  box-shadow: 0 10px 24px rgba(40, 32, 72, .05), inset 0 1px 0 #ffffff !important;
  color: #1a1628 !important;
}
html[data-theme="light"] .recovery-item-card header small{
  color: #5b4aa8 !important;
  -webkit-text-fill-color: #5b4aa8 !important;
}
html[data-theme="light"] .recovery-item-card header strong,
html[data-theme="light"] .recovery-choice-grid button b,
html[data-theme="light"] .recovery-action-row strong,
html[data-theme="light"] .recovery-history-day b,
html[data-theme="light"] .recovery-scale button b{
  color: #140f22 !important;
  -webkit-text-fill-color: #140f22 !important;
}
html[data-theme="light"] .recovery-item-card header > span,
html[data-theme="light"] .recovery-item-copy,
html[data-theme="light"] .recovery-item-foot,
html[data-theme="light"] .recovery-item-foot span,
html[data-theme="light"] .recovery-item-foot small,
html[data-theme="light"] .recovery-choice-grid button small,
html[data-theme="light"] .recovery-action-row small,
html[data-theme="light"] .recovery-history-empty,
html[data-theme="light"] .recovery-history-day,
html[data-theme="light"] .recovery-history-day > span,
html[data-theme="light"] .recovery-relax-copy > span{
  color: #4a4560 !important;
  -webkit-text-fill-color: #4a4560 !important;
}
html[data-theme="light"] .recovery-scale button,
html[data-theme="light"] .recovery-mood-options button,
html[data-theme="light"] .recovery-choice-grid button{
  border-color: #d0c8e6 !important;
  background: #f4f1fb !important;
  color: #3a3550 !important;
  -webkit-text-fill-color: #3a3550 !important;
}
html[data-theme="light"] .recovery-scale button:hover,
html[data-theme="light"] .recovery-scale button:focus-visible,
html[data-theme="light"] .recovery-mood-options button:hover,
html[data-theme="light"] .recovery-mood-options button:focus-visible,
html[data-theme="light"] .recovery-choice-grid button:hover,
html[data-theme="light"] .recovery-choice-grid button:focus-visible,
html[data-theme="light"] .recovery-scale button.active,
html[data-theme="light"] .recovery-mood-options button.active,
html[data-theme="light"] .recovery-choice-grid button.active{
  border-color: #a898ef !important;
  background: #ebe5fb !important;
  color: #2a2250 !important;
  -webkit-text-fill-color: #2a2250 !important;
  box-shadow: 0 0 0 1px rgba(170,152,241,.18) !important;
}
html[data-theme="light"] .recovery-mood-options button i{
  border-color: #c0b3e6 !important;
  color: #5b4aa8 !important;
}
html[data-theme="light"] .recovery-mood-options button.active i{
  border-color: #7d6ad4 !important;
  background: rgba(169,150,241,.16) !important;
}
html[data-theme="light"] .recovery-history{
  border-color: #d2cbe6 !important;
  background: #f3f0fa !important;
}
html[data-theme="light"] .recovery-history-day i{
  background: linear-gradient(180deg, #a898ef, #6f5cb8) !important;
  box-shadow: 0 0 12px rgba(125,106,212,.16) !important;
}
html[data-theme="light"] .recovery-action-row{
  border-top-color: #ddd6ec !important;
}
html[data-theme="light"] .recovery-action-row button{
  border-color: #c5b8e8 !important;
  background: #ebe5fb !important;
  color: #3f328a !important;
  -webkit-text-fill-color: #3f328a !important;
}
html[data-theme="light"] .recovery-action-row button:hover,
html[data-theme="light"] .recovery-action-row button:focus-visible{
  border-color: #9f8fd4 !important;
  background: #ddd4f5 !important;
}

/* --- Habit shells --- */
html[data-theme="light"] .habit-focus,
html[data-theme="light"] .habit-panel,
html[data-theme="light"] .habit-card,
html[data-theme="light"] .habit-goal-card,
html[data-theme="light"] .habit-demo-controls,
html[data-theme="light"] .habit-focus-meter{
  border-color: #c5d8cc !important;
  background: linear-gradient(145deg, #ffffff, #f3f9f5 78%) !important;
  box-shadow: 0 12px 28px rgba(16,40,28,.06) !important;
  color: #132018 !important;
}
html[data-theme="light"] .habit-focus:before{
  background: linear-gradient(90deg, #49e79b, rgba(73,231,155,0)) !important;
}
html[data-theme="light"] .habit-focus h2,
html[data-theme="light"] .habit-section-head h2,
html[data-theme="light"] .habit-card h3,
html[data-theme="light"] .habit-goal-card h3,
html[data-theme="light"] .habit-focus-meter strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
  text-shadow: none !important;
}
html[data-theme="light"] .habit-focus p,
html[data-theme="light"] .habit-card p,
html[data-theme="light"] .habit-goal-card p,
html[data-theme="light"] .habit-focus-meter span,
html[data-theme="light"] .habit-card-foot em,
html[data-theme="light"] .habit-rule,
html[data-theme="light"] .habit-section-head > span{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}
html[data-theme="light"] .habit-focus-copy small,
html[data-theme="light"] .habit-section-head small,
html[data-theme="light"] .habit-card small,
html[data-theme="light"] .habit-goal-card small{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .habit-card.complete,
html[data-theme="light"] .habit-goal-card.primary{
  border-color: #9ed9b8 !important;
  background: linear-gradient(145deg, #f0faf5, #e5f6ed) !important;
}
html[data-theme="light"] .habit-card-top > span{
  border-color: #c5d8cc !important;
  background: #eef6f1 !important;
  color: #3d5648 !important;
}
html[data-theme="light"] .habit-card.complete .habit-card-top > span{
  border-color: #49e79b !important;
  background: #49e79b !important;
  color: #042018 !important;
}
html[data-theme="light"] .habit-rule,
html[data-theme="light"] .habit-goal-rules span,
html[data-theme="light"] .habit-rule-item{
  border-color: #d0dfd6 !important;
  background: #f4f9f6 !important;
  color: #2a4035 !important;
}
html[data-theme="light"] .habit-goal-rules em,
html[data-theme="light"] .habit-rule-item em{
  color: #132018 !important;
}
html[data-theme="light"] .habit-goal-rules small,
html[data-theme="light"] .habit-rule-item small{
  color: #5f7167 !important;
}
html[data-theme="light"] .habit-goal-rules span.done,
html[data-theme="light"] .habit-rule-item.done{
  border-color: #9ed9b8 !important;
  background: #e7f7ef !important;
}
html[data-theme="light"] .habit-card-foot button,
html[data-theme="light"] .habit-rule-item button,
html[data-theme="light"] .habit-demo-controls button{
  border-color: #9ed9b8 !important;
  background: #e7f7ef !important;
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .habit-feedback{
  border-color: #9ed9b8 !important;
  background: #e7f7ef !important;
  color: #0a4f32 !important;
}
html[data-theme="light"] .habit-focus-meter div,
html[data-theme="light"] .habit-progress span,
html[data-theme="light"] .habit-rule-progress span{
  background: #d8e8de !important;
}
html[data-theme="light"] .habit-progress b{ color: #2a4035 !important; }

/* --- Body tracking shells --- */
html[data-theme="light"] .body-checkin-card,
html[data-theme="light"] .body-trend-card,
html[data-theme="light"] .body-insights article,
html[data-theme="light"] .body-goal-picker,
html[data-theme="light"] .body-mood-check,
html[data-theme="light"] .body-history,
html[data-theme="light"] .body-metrics div,
html[data-theme="light"] .body-reassurance{
  border-color: #c5d8cc !important;
  background: linear-gradient(145deg, #ffffff, #f3f9f5 78%) !important;
  box-shadow: 0 12px 28px rgba(16,40,28,.06) !important;
  color: #132018 !important;
}
html[data-theme="light"] .body-checkin-card:before,
html[data-theme="light"] .body-trend-card:before{
  background: linear-gradient(90deg, #49e79b, rgba(73,231,155,0)) !important;
  opacity: 1 !important;
}
html[data-theme="light"] .body-card-kicker,
html[data-theme="light"] .body-insights span{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .body-checkin-card h2,
html[data-theme="light"] .body-trend-card h2,
html[data-theme="light"] .body-insights h3,
html[data-theme="light"] .body-history h3,
html[data-theme="light"] .body-metrics strong,
html[data-theme="light"] .body-history-list strong,
html[data-theme="light"] .body-chart-empty strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
  text-shadow: none !important;
}
html[data-theme="light"] .body-checkin-card > p,
html[data-theme="light"] .body-empty-copy,
html[data-theme="light"] .body-trend-note,
html[data-theme="light"] .body-insights p,
html[data-theme="light"] .body-insights small,
html[data-theme="light"] .body-history small,
html[data-theme="light"] .body-history-list span,
html[data-theme="light"] .body-history-list p,
html[data-theme="light"] .body-metrics small,
html[data-theme="light"] .body-mood-check small,
html[data-theme="light"] .body-goal-picker small,
html[data-theme="light"] .body-reassurance,
html[data-theme="light"] .body-chart-empty span{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}
html[data-theme="light"] .body-checkin-form label{ color: #2a4035 !important; }
html[data-theme="light"] .body-checkin-form input{
  border-color: #c5d8cc !important;
  background: #ffffff !important;
  color: #04110c !important;
}
html[data-theme="light"] .body-mood-check button,
html[data-theme="light"] .body-goal-picker button,
html[data-theme="light"] .body-history-actions button{
  border-color: #c5d8cc !important;
  background: #f4f9f6 !important;
  color: #2a4035 !important;
}
html[data-theme="light"] .body-mood-check button.active,
html[data-theme="light"] .body-mood-check button:hover,
html[data-theme="light"] .body-goal-picker button.active,
html[data-theme="light"] .body-goal-picker button:hover{
  border-color: #49e79b !important;
  background: #e7f7ef !important;
  color: #0a6b42 !important;
}
html[data-theme="light"] .body-trend-head small{
  border-color: #9ed9b8 !important;
  background: #e7f7ef !important;
  color: #0a6b42 !important;
}
html[data-theme="light"] .body-chart{
  border-color: #c5d8cc !important;
  background: radial-gradient(circle at 20% 0, #e8f7ef, #f4f9f6 68%) !important;
}
html[data-theme="light"] .body-grid-line{ stroke: #c5d8cc !important; }
html[data-theme="light"] .body-chart text{ fill: #5f7167 !important; }
html[data-theme="light"] .body-history-list div{
  border-color: #d0dfd6 !important;
  background: #ffffff !important;
}
html[data-theme="light"] .body-history-actions button:first-child{
  border-color: #9ed9b8 !important;
  background: #e7f7ef !important;
  color: #0a6b42 !important;
}

/* --- Weekly plan (non-generator) --- */
html[data-theme="light"] .weekly-plan-card:not(.training-generator-card),
html[data-theme="light"] .weekly-goal-picker,
html[data-theme="light"] .weekly-plan-empty,
html[data-theme="light"] .weekly-plan-progress,
html[data-theme="light"] .weekly-plan-day,
html[data-theme="light"] .weekly-level-step,
html[data-theme="light"] .weekly-current-session,
html[data-theme="light"] .weekly-plan-detail,
html[data-theme="light"] .weekly-plan-complete,
html[data-theme="light"] .weekly-plan-video,
html[data-theme="light"] .weekly-completed-rail,
html[data-theme="light"] .generator-soft-note,
html[data-theme="light"] .generated-workout-empty,
html[data-theme="light"] .generated-workout-card,
html[data-theme="light"] .generator-current-level,
html[data-theme="light"] .generator-chat-card,
html[data-theme="light"] .generator-detected,
html[data-theme="light"] .generator-coach-message,
html[data-theme="light"] .generated-exercise-grid article{
  border-color: #c5d8cc !important;
  background: linear-gradient(145deg, #ffffff, #f3f9f5 78%) !important;
  color: #132018 !important;
  box-shadow: 0 10px 24px rgba(16,40,28,.05) !important;
}
/* Keep generator chat/cards inside dark hero readable with light text */
html[data-theme="light"] .training-generator-card .generator-chat-card,
html[data-theme="light"] .training-generator-card .generated-workout-empty,
html[data-theme="light"] .training-generator-card .generated-workout-card,
html[data-theme="light"] .training-generator-card .generator-current-level,
html[data-theme="light"] .training-generator-card .generator-coach-message,
html[data-theme="light"] .training-generator-card .generator-detected,
html[data-theme="light"] .training-generator-card .weekly-plan-progress,
html[data-theme="light"] .training-generator-card .weekly-completed-rail,
html[data-theme="light"] .training-generator-card .weekly-plan-refresh,
html[data-theme="light"] .training-generator-card .weekly-session-detail,
html[data-theme="light"] .training-generator-card .weekly-session-card{
  border-color: #315666 !important;
  background-color: rgba(7,19,27,.88) !important;
  background-image: none !important;
  color: #eef5f0 !important;
  box-shadow: 0 14px 35px rgba(0,0,0,.22) !important;
}
html[data-theme="light"] .weekly-plan-card:not(.training-generator-card) .weekly-plan-head h2,
html[data-theme="light"] .weekly-plan-day h3,
html[data-theme="light"] .weekly-level-step strong,
html[data-theme="light"] .weekly-current-session h3,
html[data-theme="light"] .weekly-plan-detail h3,
html[data-theme="light"] .weekly-plan-complete strong,
html[data-theme="light"] .weekly-plan-empty strong,
html[data-theme="light"] .weekly-plan-progress b,
html[data-theme="light"] .weekly-plan-video strong,
html[data-theme="light"] .generated-workout-card h3,
html[data-theme="light"] .generated-workout-empty strong,
html[data-theme="light"] .generator-current-level strong,
html[data-theme="light"] .generated-exercise-grid h4,
html[data-theme="light"] .generator-detected strong,
html[data-theme="light"] .generator-week-head h3{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
  text-shadow: none !important;
}
html[data-theme="light"] .weekly-plan-card:not(.training-generator-card) .weekly-plan-head p,
html[data-theme="light"] .weekly-plan-day p,
html[data-theme="light"] .weekly-current-session p,
html[data-theme="light"] .weekly-current-session em,
html[data-theme="light"] .weekly-plan-detail p,
html[data-theme="light"] .weekly-plan-complete p,
html[data-theme="light"] .weekly-plan-empty p,
html[data-theme="light"] .weekly-plan-progress span,
html[data-theme="light"] .weekly-plan-video small,
html[data-theme="light"] .generated-workout-empty p,
html[data-theme="light"] .generated-workout-head p,
html[data-theme="light"] .generator-week-head p,
html[data-theme="light"] .generated-exercise-grid p,
html[data-theme="light"] .generated-exercise-grid em,
html[data-theme="light"] .generator-detected p,
html[data-theme="light"] .generator-chat-actions small,
html[data-theme="light"] .generator-soft-note{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
  text-shadow: none !important;
}
html[data-theme="light"] .weekly-plan-card:not(.training-generator-card) .weekly-plan-head small,
html[data-theme="light"] .weekly-plan-day small,
html[data-theme="light"] .weekly-goal-picker small,
html[data-theme="light"] .weekly-level-step small,
html[data-theme="light"] .weekly-current-session small,
html[data-theme="light"] .weekly-plan-detail small,
html[data-theme="light"] .generated-workout-head small,
html[data-theme="light"] .generator-current-level small,
html[data-theme="light"] .generator-detected small,
html[data-theme="light"] .generator-coach-message small,
html[data-theme="light"] .generator-week-head small,
html[data-theme="light"] .generated-exercise-grid small{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .weekly-plan-adjust button,
html[data-theme="light"] .weekly-goal-picker button,
html[data-theme="light"] .weekly-level-step > span,
html[data-theme="light"] .weekly-level-step b,
html[data-theme="light"] .weekly-plan-day button,
html[data-theme="light"] .weekly-plan-actions button:last-child,
html[data-theme="light"] .weekly-plan-complete button,
html[data-theme="light"] .weekly-completed-rail span{
  border-color: #c5d8cc !important;
  background: #f4f9f6 !important;
  color: #2a4035 !important;
}
html[data-theme="light"] .weekly-plan-adjust button.active,
html[data-theme="light"] .weekly-plan-adjust button:hover,
html[data-theme="light"] .weekly-goal-picker button.active,
html[data-theme="light"] .weekly-goal-picker button:hover,
html[data-theme="light"] .weekly-level-step.active,
html[data-theme="light"] .weekly-plan-day.active,
html[data-theme="light"] .weekly-plan-day:hover{
  border-color: #49e79b !important;
  background: #e7f7ef !important;
  color: #0a6b42 !important;
}
html[data-theme="light"] .weekly-plan-progress div{ background: #d8e8de !important; }
html[data-theme="light"] .weekly-plan-head > span,
html[data-theme="light"] .weekly-plan-complete span{
  border-color: #9ed9b8 !important;
  background: #e7f7ef !important;
  color: #0a6b42 !important;
}

/* --- Tracking hero / progress --- */
html[data-theme="light"] .tracking-hero-panel,
html[data-theme="light"] .tracking-section-panel,
html[data-theme="light"] .tracking-side-panel,
html[data-theme="light"] .progress-command-panel,
html[data-theme="light"] .progress-weight-form{
  border-color: #c5d8cc !important;
  background: linear-gradient(145deg, #ffffff, #f3f9f5 78%) !important;
  color: #132018 !important;
  box-shadow: 0 14px 32px rgba(16,40,28,.06) !important;
}
html[data-theme="light"] .tracking-hero-panel:before{
  background: radial-gradient(circle, rgba(73,231,155,.16) 0, transparent 70%) !important;
}
html[data-theme="light"] .tracking-hero-copy h2,
html[data-theme="light"] .tracking-section-head h2,
html[data-theme="light"] .tracking-side-head h2,
html[data-theme="light"] .progress-command-copy h2,
html[data-theme="light"] .tracking-hero-card strong,
html[data-theme="light"] .progress-kpi-strip strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
  text-shadow: none !important;
}
html[data-theme="light"] .tracking-hero-copy p,
html[data-theme="light"] .tracking-section-head p,
html[data-theme="light"] .tracking-side-head p,
html[data-theme="light"] .progress-command-copy p,
html[data-theme="light"] .tracking-hero-card span,
html[data-theme="light"] .tracking-page-title p{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}
html[data-theme="light"] .tracking-hero-copy small,
html[data-theme="light"] .tracking-section-head small,
html[data-theme="light"] .tracking-side-head small,
html[data-theme="light"] .progress-command-copy small,
html[data-theme="light"] .progress-kpi-strip small{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .tracking-hero-card{
  border-color: #d0dfd6 !important;
  background: linear-gradient(145deg, #ffffff, #eef6f1) !important;
}
html[data-theme="light"] .tracking-hero-card small{ color: #5f7167 !important; }
html[data-theme="light"] .tracking-section-head > span{
  border-color: #c5d8cc !important;
  background: #f4f9f6 !important;
  color: #3d5648 !important;
}
html[data-theme="light"] .progress-kpi-strip{ border-top-color: #d0dfd6 !important; }
html[data-theme="light"] .progress-kpi-strip article{ border-right-color: #d0dfd6 !important; }

/* --- Nutrition summary + meal tools --- */
html[data-theme="light"] #nutritionView .nutrition-summary > div,
html[data-theme="light"] .nutrition-summary > div{
  border-color: #c5d8cc !important;
  background: linear-gradient(145deg, #ffffff, #f3f9f5 78%) !important;
  color: #132018 !important;
  box-shadow: 0 12px 28px rgba(16,40,28,.06) !important;
}
html[data-theme="light"] #nutritionView .nutrition-summary span,
html[data-theme="light"] .nutrition-summary span{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] #nutritionView .nutrition-summary small,
html[data-theme="light"] .nutrition-summary small{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}
html[data-theme="light"] #nutritionView .nutrition-metric-icon{
  color: #0a6b42 !important;
}
html[data-theme="light"] .meal-suggestions:not(:empty),
html[data-theme="light"] .meal-analysis:not(:empty),
html[data-theme="light"] .meal-photo-form,
html[data-theme="light"] .meal-photo-result:not(:empty),
html[data-theme="light"] .meal-analysis-metrics span,
html[data-theme="light"] .smart-meal-form > details{
  border-color: #c5d8cc !important;
  background: linear-gradient(145deg, #ffffff, #f3f9f5) !important;
  color: #132018 !important;
}
html[data-theme="light"] .meal-suggestions strong,
html[data-theme="light"] .meal-photo-result strong,
html[data-theme="light"] .meal-analysis strong,
html[data-theme="light"] .meal-analysis-metrics b,
html[data-theme="light"] .meal-suggestions button b{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .meal-suggestions button{
  border-color: #c5d8cc !important;
  background: #f4f9f6 !important;
  color: #2a4035 !important;
}
html[data-theme="light"] .meal-suggestions button small,
html[data-theme="light"] .meal-photo-result > span,
html[data-theme="light"] .meal-photo-result p,
html[data-theme="light"] .meal-analysis span,
html[data-theme="light"] .meal-analysis em,
html[data-theme="light"] .meal-analysis-metrics small,
html[data-theme="light"] .smart-meal-form summary,
html[data-theme="light"] .smart-meal-form details label{
  color: #3d5648 !important;
}
html[data-theme="light"] .meal-photo-form label{
  border-color: #9ed9b8 !important;
  color: #2a4035 !important;
  background: #f4f9f6 !important;
}
html[data-theme="light"] #nutritionView .meal-photo-form button{
  border-color: #49e79b !important;
  background: linear-gradient(90deg, #e7f7ef, #d8f3e5) !important;
  color: #0a6b42 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .photo-recipes > small{ color: #0a6b42 !important; }

/* --- Coach artifact / detail / memory leftovers --- */
html[data-theme="light"] .coach-artifact-card{
  border-color: #c5d8cc !important;
  background: linear-gradient(145deg, #ffffff, #f3f9f5) !important;
  color: #132018 !important;
  box-shadow: 0 10px 22px rgba(16,40,28,.06) !important;
}
html[data-theme="light"] .coach-artifact-card span{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .coach-artifact-card strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .coach-artifact-card small{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}
html[data-theme="light"] .coach-artifact-card:hover,
html[data-theme="light"] .coach-artifact-card:focus-visible{
  border-color: #7dcea8 !important;
  background: #eefaf4 !important;
}
html[data-theme="light"] .coach-detail-sheet section{
  border-color: #c5d8cc !important;
  background: #ffffff !important;
  color: #132018 !important;
}
html[data-theme="light"] .coach-detail-head{
  border-bottom-color: #d0dfd6 !important;
}
html[data-theme="light"] .coach-detail-head h2{
  color: #04110c !important;
}
html[data-theme="light"] .coach-detail-head small{ color: #0a6b42 !important; }
html[data-theme="light"] .coach-detail-head button{
  border-color: #c5d8cc !important;
  background: #f4f9f6 !important;
  color: #2a4035 !important;
}
html[data-theme="light"] .coach-detail-body .coach-plan-compact article{
  border-color: #d0dfd6 !important;
  background: #f4f9f6 !important;
}
html[data-theme="light"] .coach-memory-card,
html[data-theme="light"] .coach-older-thread{
  border-color: #c5d8cc !important;
  background: #f4f9f6 !important;
  color: #132018 !important;
}
html[data-theme="light"] .coach-memory-card p,
html[data-theme="light"] .coach-response-block p,
html[data-theme="light"] .coach-response-block li{
  color: #2a4035 !important;
}
html[data-theme="light"] .coach-memory-card small,
html[data-theme="light"] .coach-older-thread > small{
  color: #0a6b42 !important;
}
html[data-theme="light"] .coach-response-block{
  border-color: #d0dfd6 !important;
  background: #f4f9f6 !important;
}
html[data-theme="light"] .coach-response-block h3{
  color: #04110c !important;
}
html[data-theme="light"] .coach-plan-card,
html[data-theme="light"] .coach-plan-card article{
  border-color: #c5d8cc !important;
  background: linear-gradient(145deg, #ffffff, #f3f9f5) !important;
}
html[data-theme="light"] .coach-plan-card article p{
  color: #2a4035 !important;
}
html[data-theme="light"] .coach-clear-button{
  border-color: #e0c8c4 !important;
  background: #fff6f4 !important;
  color: #5a3530 !important;
}
html[data-theme="light"] .coach-clear-button svg{ color: #c45a4e !important; }

/* --- Generic panels still dark in base that light ink hits --- */
html[data-theme="light"] .recipe-loading-shell,
html[data-theme="light"] .meal-save-skeleton,
html[data-theme="light"] .weight-hero,
html[data-theme="light"] .calculator-panel,
html[data-theme="light"] .app-modal-card{
  border-color: #c5d8cc !important;
  background: linear-gradient(145deg, #ffffff, #f3f9f5) !important;
  color: #132018 !important;
  box-shadow: 0 14px 32px rgba(16,40,28,.08) !important;
}
html[data-theme="light"] .app-modal-copy h2{ color: #04110c !important; }
html[data-theme="light"] .app-modal-copy p{ color: #3d5648 !important; }
html[data-theme="light"] .app-modal-secondary{
  border-color: #c5d8cc !important;
  background: #f4f9f6 !important;
  color: #2a4035 !important;
}
html[data-theme="light"] .app-modal-layer{
  background: rgba(240, 246, 242, .72) !important;
}

/* --- Goal rows / habit list buttons --- */
html[data-theme="light"] .goal-row button{
  border-color: #9ed9b8 !important;
  background: #e7f7ef !important;
  color: #0a6b42 !important;
}
html[data-theme="light"] .goal-row span{ color: #5f7167 !important; }
html[data-theme="light"] .habit-list button{
  border-color: #c5d8cc !important;
  background: #ffffff !important;
  color: #132018 !important;
}
html[data-theme="light"] .habit-list button.complete{
  border-color: #9ed9b8 !important;
  background: #e7f7ef !important;
}

/* Safety: any remaining dark-teal panel children with forced light ink stay readable */
html[data-theme="light"] .panel h2,
html[data-theme="light"] .panel h3,
html[data-theme="light"] .panel strong,
html[data-theme="light"] .app-grid article h2,
html[data-theme="light"] .app-grid article h3,
html[data-theme="light"] .app-grid article strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .panel p,
html[data-theme="light"] .panel small,
html[data-theme="light"] .app-grid article p,
html[data-theme="light"] .app-grid article small{
  color: #3d5648 !important;
}

/* ==========================================================================
   Light mode audit hotfix (v11.1) — residual contrast failures
   ========================================================================== */

/* Meal clear panel: dark shell + forced dark ink → lighten shell */
html[data-theme="light"] .meal-clear-panel,
html[data-theme="light"] .meal-clear-panel[data-empty="true"]{
  border-color: #c5d8cc !important;
  background: linear-gradient(145deg, #ffffff, #f3f9f5) !important;
  color: #132018 !important;
  box-shadow: 0 10px 22px rgba(16,40,28,.05) !important;
}
html[data-theme="light"] .meal-clear-panel strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .meal-clear-panel small{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}
html[data-theme="light"] .meal-clear-panel button{
  border-color: #9ed9b8 !important;
  background: #e7f7ef !important;
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .meal-clear-panel button:disabled{
  color: #7a9084 !important;
  border-color: #d0dfd6 !important;
  background: #f4f9f6 !important;
}

/* Profile completion CTA: keep dark teal shell + light text (do not lighten) */
html[data-theme="light"] .profile-completion-cta,
html[data-theme="light"] .profile-action-bar.profile-completion-cta,
html[data-theme="light"] .profile-shell .profile-completion-cta{
  border-color: #1e6658 !important;
  background: linear-gradient(105deg, #0b2927, #0d3a35) !important;
  color: #f0faf5 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
}
html[data-theme="light"] .profile-completion-cta .profile-cta-copy h2,
html[data-theme="light"] .profile-shell .profile-completion-cta .profile-cta-copy h2{
  color: #f0faf5 !important;
  -webkit-text-fill-color: #f0faf5 !important;
  text-shadow: none !important;
}
html[data-theme="light"] .profile-completion-cta .profile-cta-copy p,
html[data-theme="light"] .profile-shell .profile-completion-cta .profile-cta-copy p{
  color: #c5e4d8 !important;
  -webkit-text-fill-color: #c5e4d8 !important;
}
html[data-theme="light"] .profile-completion-cta .profile-cta-icon{
  color: #66edba !important;
}
html[data-theme="light"] .profile-completion-cta .profile-secondary-action{
  color: #a8c6be !important;
  background: transparent !important;
}

/* Training generator: restore light text on dark shells (v11 unscoped rules broke this) */
html[data-theme="light"] .training-generator-card .generator-chat-card,
html[data-theme="light"] .training-generator-card .generated-workout-empty,
html[data-theme="light"] .training-generator-card .generated-workout-card,
html[data-theme="light"] .training-generator-card .generator-current-level,
html[data-theme="light"] .training-generator-card .generator-coach-message,
html[data-theme="light"] .training-generator-card .generator-detected,
html[data-theme="light"] .training-generator-card .weekly-plan-progress,
html[data-theme="light"] .training-generator-card .weekly-completed-rail,
html[data-theme="light"] .training-generator-card .weekly-plan-refresh,
html[data-theme="light"] .training-generator-card .weekly-session-detail,
html[data-theme="light"] .training-generator-card .weekly-session-card,
html[data-theme="light"] .training-generator-card .generated-exercise-grid article,
html[data-theme="light"] .training-generator-card .weekly-plan-complete{
  border-color: #315666 !important;
  background: rgba(7,19,27,.92) !important;
  background-image: none !important;
  color: #eef5f0 !important;
  box-shadow: 0 14px 35px rgba(0,0,0,.22) !important;
}
html[data-theme="light"] .training-generator-card .training-generator-badge{
  border-color: rgba(97,217,255,.35) !important;
  background: rgba(11,38,51,.9) !important;
  color: #c5f3ff !important;
  -webkit-text-fill-color: #c5f3ff !important;
  text-shadow: none !important;
}
html[data-theme="light"] .training-generator-card h2,
html[data-theme="light"] .training-generator-card h3,
html[data-theme="light"] .training-generator-card h4,
html[data-theme="light"] .training-generator-card label,
html[data-theme="light"] .training-generator-card p,
html[data-theme="light"] .training-generator-card small,
html[data-theme="light"] .training-generator-card strong,
html[data-theme="light"] .training-generator-card span,
html[data-theme="light"] .training-generator-card b,
html[data-theme="light"] .training-generator-card em,
html[data-theme="light"] .training-generator-card .generated-workout-empty strong,
html[data-theme="light"] .training-generator-card .generated-workout-empty p,
html[data-theme="light"] .training-generator-card .generator-chat-actions small,
html[data-theme="light"] .training-generator-card .generator-current-level strong,
html[data-theme="light"] .training-generator-card .generator-current-level span,
html[data-theme="light"] .training-generator-card .weekly-plan-head h2,
html[data-theme="light"] .training-generator-card .weekly-plan-head p,
html[data-theme="light"] .training-generator-card .weekly-plan-head small{
  color: #f2fbf7 !important;
  -webkit-text-fill-color: #f2fbf7 !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.4) !important;
}
html[data-theme="light"] .training-generator-card .weekly-plan-head small,
html[data-theme="light"] .training-generator-card .generator-week-head small,
html[data-theme="light"] .training-generator-card .generator-detected small,
html[data-theme="light"] .training-generator-card .generator-coach-message small{
  color: #7ed7f5 !important;
  -webkit-text-fill-color: #7ed7f5 !important;
}
/* Mint primary actions inside generator keep dark ink */
html[data-theme="light"] .training-generator-card .generator-chat-actions button,
html[data-theme="light"] .training-generator-card .weekly-session-detail-main > button,
html[data-theme="light"] .training-generator-card .weekly-session-card.active > button{
  color: #06131b !important;
  -webkit-text-fill-color: #06131b !important;
  text-shadow: none !important;
  background: linear-gradient(135deg, #d5f8ff 0%, #61d9ff 100%) !important;
  border-color: transparent !important;
}
/* Secondary dark buttons keep light cyan text */
html[data-theme="light"] .training-generator-card .weekly-plan-refresh button,
html[data-theme="light"] .training-generator-card .weekly-session-detail-top button,
html[data-theme="light"] .training-generator-card .weekly-session-card > button:not(.active),
html[data-theme="light"] .training-generator-card .generated-workout-head button{
  color: #61d9ff !important;
  -webkit-text-fill-color: #61d9ff !important;
  background: #0d2029 !important;
  border-color: #3e7288 !important;
  text-shadow: none !important;
}
/* Program start buttons on photo cards: light text */
html[data-theme="light"] .training-start-selection .program-choice-card button{
  color: #f7f8f4 !important;
  -webkit-text-fill-color: #f7f8f4 !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.5) !important;
  border-color: rgba(255,255,255,.28) !important;
  background: rgba(0,0,0,.35) !important;
}

/* Shopping / price strategy chips if still dark */
html[data-theme="light"] .price-strategy button,
html[data-theme="light"] .store-group,
html[data-theme="light"] .store-picker label{
  border-color: #c5d8cc !important;
  background: #ffffff !important;
  color: #132018 !important;
}
html[data-theme="light"] .price-strategy button b,
html[data-theme="light"] .store-group strong{
  color: #04110c !important;
}
html[data-theme="light"] .price-strategy button small,
html[data-theme="light"] .store-picker label small{
  color: #3d5648 !important;
}
html[data-theme="light"] .price-strategy button.active{
  border-color: #49e79b !important;
  background: #e7f7ef !important;
}

/* ==========================================================================
   Light mode audit hotfix (v12) — residual dark shells + dark ink
   Profile welcome photo restored; water inner panels lightened; pills/units.
   ========================================================================== */

/* Profile welcome: early light rules wiped the dark hero to white while v9
   forced light text → unreadable. Restore dark photo shell + light ink. */
html[data-theme="light"] .profile-welcome-card,
html[data-theme="light"] .profile-shell .profile-welcome-card{
  border-color: #1b5660 !important;
  background:
    radial-gradient(circle at 80% 45%, #0b4c4e 0, transparent 33%),
    linear-gradient(105deg, #06151d 0%, #08252b 58%, #073c3a 100%) !important;
  color: #f2faf5 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 50px rgba(0,0,0,.18) !important;
}
html[data-theme="light"] .profile-welcome-copy h1,
html[data-theme="light"] .profile-shell .profile-welcome-copy h1,
html[data-theme="light"] .profile-welcome-copy h1 span,
html[data-theme="light"] .profile-shell .profile-welcome-copy h1 span{
  color: #f5fcf8 !important;
  -webkit-text-fill-color: #f5fcf8 !important;
  text-shadow: 0 1px 14px rgba(0,0,0,.45) !important;
}
html[data-theme="light"] .profile-welcome-copy > p,
html[data-theme="light"] .profile-shell .profile-welcome-copy > p{
  color: #c8e6e0 !important;
  -webkit-text-fill-color: #c8e6e0 !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.35) !important;
}
/* Completion chip sits on dark hero → glass + readable light text */
html[data-theme="light"] .profile-welcome-card .profile-completion-card,
html[data-theme="light"] .profile-shell .profile-welcome-card .profile-completion-card{
  border-color: rgba(73, 231, 155, .35) !important;
  background: linear-gradient(145deg, rgba(8, 40, 32, .72), rgba(7, 28, 36, .78)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.2) !important;
  color: #eafff4 !important;
}
html[data-theme="light"] .profile-welcome-card .profile-completion-card strong,
html[data-theme="light"] .profile-shell .profile-welcome-card .profile-completion-card strong{
  color: #effff6 !important;
  -webkit-text-fill-color: #effff6 !important;
}
html[data-theme="light"] .profile-welcome-card .profile-completion-card small,
html[data-theme="light"] .profile-shell .profile-welcome-card .profile-completion-card small,
html[data-theme="light"] .profile-welcome-card #profileCompletionHint{
  color: #9fe8c8 !important;
  -webkit-text-fill-color: #9fe8c8 !important;
}
html[data-theme="light"] .profile-welcome-card .profile-completion-card > b,
html[data-theme="light"] .profile-shell .profile-welcome-card .profile-completion-card > b{
  color: #e8fff4 !important;
  -webkit-text-fill-color: #e8fff4 !important;
}
html[data-theme="light"] .profile-welcome-card .profile-check-icon{
  color: #66edba !important;
  border-color: rgba(102, 237, 186, .4) !important;
  background: rgba(8, 40, 32, .55) !important;
}
/* Keep art visible on light theme */
html[data-theme="light"] .profile-shell .profile-welcome-art{
  opacity: 1 !important;
  filter: brightness(1.08) saturate(1.05) !important;
}

/* Profile bottom CTA: dark teal + light text (readable) — reinforce secondary */
html[data-theme="light"] .profile-completion-cta .profile-secondary-action,
html[data-theme="light"] .profile-shell .profile-completion-cta .profile-secondary-action{
  color: #c5e4d8 !important;
  -webkit-text-fill-color: #c5e4d8 !important;
}

/* ---------- Water module: lighten ALL still-dark inner shells ---------- */
html[data-theme="light"] .routine-water-only .routine-water,
html[data-theme="light"] .routine-module.routine-water{
  border-color: #b7d0c8 !important;
  background:
    radial-gradient(circle at 9% 0, rgba(114, 217, 255, .14) 0, transparent 38%),
    linear-gradient(145deg, #ffffff, #eef8f9 62%, #f3f9f6) !important;
  color: #132018 !important;
  box-shadow: 0 14px 32px rgba(16, 40, 48, .06) !important;
}
html[data-theme="light"] .routine-water h2,
html[data-theme="light"] .routine-water-header h2{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
  text-shadow: none !important;
}
html[data-theme="light"] .routine-water-header p,
html[data-theme="light"] .routine-water-header > div > p{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}
html[data-theme="light"] .routine-water-kicker small{
  color: #0a6b8a !important;
  -webkit-text-fill-color: #0a6b8a !important;
}
html[data-theme="light"] .routine-water-icon{
  border-color: #8ccfe3 !important;
  background: #e8f7fc !important;
  color: #0a6b8a !important;
}
html[data-theme="light"] .routine-water-status-pill{
  border-color: #8ccfe3 !important;
  background: #e8f7fc !important;
  color: #0a4f68 !important;
  -webkit-text-fill-color: #0a4f68 !important;
}
html[data-theme="light"] .routine-water-status-pill[data-state="done"]{
  border-color: #7bcfa3 !important;
  background: #e7f7ef !important;
  color: #0a5c38 !important;
  -webkit-text-fill-color: #0a5c38 !important;
}
html[data-theme="light"] .routine-water-status-pill[data-state="paused"]{
  border-color: #d4c8a0 !important;
  background: #f7f3e6 !important;
  color: #5c4e28 !important;
  -webkit-text-fill-color: #5c4e28 !important;
}
html[data-theme="light"] .routine-water-progress-panel,
html[data-theme="light"] .routine-water-actions-panel{
  border-color: #c5d8d4 !important;
  background: linear-gradient(145deg, #ffffff, #f2f9fa) !important;
  color: #132018 !important;
  box-shadow: 0 8px 20px rgba(16, 40, 48, .04) !important;
}
html[data-theme="light"] .routine-water-progress-ring{
  background: conic-gradient(#2eb8e0 0 var(--water-progress), #d5e8ec var(--water-progress) 100%) !important;
  box-shadow: 0 0 24px rgba(46, 184, 224, .12) !important;
}
html[data-theme="light"] .routine-water-progress-ring::before{
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(46, 184, 224, .12) !important;
}
html[data-theme="light"] .routine-water-progress-ring strong,
html[data-theme="light"] .routine-water-progress-copy strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .routine-water-progress-ring span,
html[data-theme="light"] .routine-water-progress-copy span,
html[data-theme="light"] .routine-water-remaining,
html[data-theme="light"] #routineWaterRemaining{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}
html[data-theme="light"] .routine-water-progress-copy small{
  color: #0a6b8a !important;
  -webkit-text-fill-color: #0a6b8a !important;
  font-weight: 750 !important;
}
html[data-theme="light"] .routine-water-actions-head strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .routine-water-actions-head small{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}
html[data-theme="light"] .routine-water-actions-head > span{
  color: #0a6b8a !important;
}
html[data-theme="light"] .routine-water-actions button{
  border-color: #9ed0dc !important;
  background: #eef8fa !important;
  color: #0a4f68 !important;
  -webkit-text-fill-color: #0a4f68 !important;
}
html[data-theme="light"] .routine-water-actions button b,
html[data-theme="light"] .routine-water-actions button strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .routine-water-actions button span{
  color: #3d6878 !important;
  -webkit-text-fill-color: #3d6878 !important;
}
html[data-theme="light"] .routine-water-actions button:hover,
html[data-theme="light"] .routine-water-actions button:focus-visible{
  border-color: #2eb8e0 !important;
  background: #e0f4f9 !important;
  color: #063a4c !important;
}
/* Green primary (+1 Liter) stays high-contrast dark ink on mint */
html[data-theme="light"] .routine-water-actions button:last-child,
html[data-theme="light"] .routine-water-only .routine-water-actions button:last-child{
  border-color: #2db87a !important;
  background: #2db87a !important;
  color: #042018 !important;
  -webkit-text-fill-color: #042018 !important;
}
html[data-theme="light"] .routine-water-actions button:last-child b,
html[data-theme="light"] .routine-water-actions button:last-child span,
html[data-theme="light"] .routine-water-actions button:last-child strong{
  color: #042018 !important;
  -webkit-text-fill-color: #042018 !important;
}
html[data-theme="light"] .routine-water-footer{
  border-top-color: #c5d8d4 !important;
}
html[data-theme="light"] .routine-water-goal{
  border-color: #b7d0c2 !important;
  background: linear-gradient(135deg, #ffffff, #eef6f1) !important;
  color: #132018 !important;
}
html[data-theme="light"] .routine-water-goal-copy strong{
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .routine-water-goal-copy small{
  color: #3d5648 !important;
  -webkit-text-fill-color: #3d5648 !important;
}
html[data-theme="light"] .routine-water-goal-field{
  border-color: #9ed9b8 !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgba(73, 231, 155, .08), 0 4px 12px rgba(16,40,28,.05) !important;
  color: #132018 !important;
}
html[data-theme="light"] .routine-water-goal-field input{
  background: transparent !important;
  color: #04110c !important;
  -webkit-text-fill-color: #04110c !important;
}
html[data-theme="light"] .routine-water-goal-field b,
html[data-theme="light"] .routine-water-goal-field span{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .routine-water-undo,
html[data-theme="light"] .routine-water-pause{
  border-color: #b7cfd4 !important;
  background: #ffffff !important;
  color: #2a4035 !important;
  -webkit-text-fill-color: #2a4035 !important;
}
html[data-theme="light"] .routine-water-undo:hover:not(:disabled),
html[data-theme="light"] .routine-water-pause:hover,
html[data-theme="light"] .routine-water-undo:focus-visible,
html[data-theme="light"] .routine-water-pause:focus-visible{
  border-color: #2eb8e0 !important;
  background: #e8f7fc !important;
  color: #0a4f68 !important;
  -webkit-text-fill-color: #0a4f68 !important;
}

/* Progress status pill on body check-in (still dark amber shell) */
html[data-theme="light"] .routine-progress-status-pill{
  border-color: #d4c8a0 !important;
  background: #f7f3e6 !important;
  color: #5c4e28 !important;
  -webkit-text-fill-color: #5c4e28 !important;
}

/* Meal clear disabled: slightly stronger ink for ≥4.5 */
html[data-theme="light"] .meal-clear-panel button:disabled{
  color: #4a6356 !important;
  -webkit-text-fill-color: #4a6356 !important;
  border-color: #c5d8cc !important;
  background: #eef4f0 !important;
  opacity: 1 !important;
}

/* Generic dark status pills still used in tracking */
html[data-theme="light"] .routine-progress-kicker small{
  color: #0a6b42 !important;
  -webkit-text-fill-color: #0a6b42 !important;
}
html[data-theme="light"] .routine-progress-icon{
  border-color: #9ed9b8 !important;
  background: #e7f7ef !important;
  color: #0a6b42 !important;
}

/* ==========================================================================
   Light mode audit hotfix (v12.1) — coach topbar + send + sleep ring unit
   ========================================================================== */

/* Coach chat topbar stays dark photo-style; force light text (not global dark ink) */
html[data-theme="light"] .coach-premium-shell .coach-chat-topbar,
html[data-theme="light"] .coach-chat-topbar{
  background: linear-gradient(135deg, #173326 0%, #111f18 48%, #20213b 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  color: #f0f8f3 !important;
}
html[data-theme="light"] .coach-chat-topbar strong,
html[data-theme="light"] .coach-premium-shell .coach-chat-topbar strong{
  color: #f5fcf8 !important;
  -webkit-text-fill-color: #f5fcf8 !important;
  text-shadow: none !important;
}
html[data-theme="light"] .coach-chat-topbar small,
html[data-theme="light"] .coach-premium-shell .coach-chat-topbar small{
  color: #9ee9bd !important;
  -webkit-text-fill-color: #9ee9bd !important;
}
html[data-theme="light"] .coach-chat-topbar small i,
html[data-theme="light"] .coach-topbar-dot{
  background: #49e79b !important;
  color: #49e79b !important;
  box-shadow: 0 0 0 3px rgba(73,231,155,.18) !important;
}

/* Send button: dark gradient shell needs light ink (v3 forced dark ink) */
html[data-theme="light"] .coach-premium-shell .coach-send-button,
html[data-theme="light"] .coach-send-button{
  background: linear-gradient(145deg, #49e79b 0%, #2db87a 55%, #5b6fd4 100%) !important;
  border-color: #9ef0c8 !important;
  color: #04140c !important;
  -webkit-text-fill-color: #04140c !important;
  box-shadow: 0 10px 22px rgba(73,231,155,.28), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
html[data-theme="light"] .coach-premium-shell .coach-send-button span,
html[data-theme="light"] .coach-send-button span{
  color: #04140c !important;
  -webkit-text-fill-color: #04140c !important;
}
html[data-theme="light"] .coach-premium-shell .coach-send-button:before{
  filter: brightness(0.15) contrast(1.1) drop-shadow(0 1px 1px rgba(255,255,255,.3)) !important;
}
html[data-theme="light"] .coach-premium-shell .coach-send-button:hover:not(:disabled){
  background: linear-gradient(145deg, #5cf0a8 0%, #36c88a 55%, #6b7ce0 100%) !important;
  filter: none !important;
}

/* Composer row still dark in premium shell — lighten for light mode */
html[data-theme="light"] .coach-premium-shell .coach-composer-row{
  border-color: #c5d8cc !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(16,40,28,.06) !important;
}
html[data-theme="light"] .coach-premium-shell .coach-composer{
  background: linear-gradient(180deg, #f7fbf8, #eef6f1) !important;
  border-top-color: #d5e4db !important;
}
html[data-theme="light"] .coach-premium-shell .coach-composer textarea{
  color: #132018 !important;
  -webkit-text-fill-color: #132018 !important;
  background: transparent !important;
}
html[data-theme="light"] .coach-premium-shell .coach-composer textarea::placeholder{
  color: #6a7d73 !important;
}
html[data-theme="light"] .coach-premium-shell .coach-mic-button{
  background: #e7f7ef !important;
  color: #0a6b42 !important;
}

/* Chat card shell light surface; thread keeps soft mint */
html[data-theme="light"] .coach-premium-shell .coach-chat-card{
  border-color: #c5d8cc !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4f9f6 100%) !important;
  box-shadow: 0 20px 48px rgba(16,40,28,.08) !important;
}
html[data-theme="light"] .coach-premium-shell .coach-thread{
  background: radial-gradient(circle at 50% -18%, #e8f8ef 0, #f4f9f6 40%, #eef4f0 100%) !important;
}

/* Sleep score unit: reinforce dark ink on white ring center (scanner false-pos on conic) */
html[data-theme="light"] .sleep-score-ring > div span,
html[data-theme="light"] .sleep-score-ring span{
  color: #4a4560 !important;
  -webkit-text-fill-color: #4a4560 !important;
  position: relative;
  z-index: 1;
}
html[data-theme="light"] .sleep-score-ring > div strong{
  color: #140f22 !important;
  -webkit-text-fill-color: #140f22 !important;
  position: relative;
  z-index: 1;
}
html[data-theme="light"] .sleep-score-ring:before{
  background: #ffffff !important;
  z-index: 0;
}

/* ===== v13: DE avatar + theme header controls (profile + coach) =====
   Light mode was wiping purple DE chips via .mobile-head button rules.
   Coach topbar oversized (70px avatar + 32px brand) overlapped HealthOS. */

/* Profile mobile top controls: sun + DE chip, clear gap, no overlap */
.profile-shell .mobile-head-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  padding:0 !important;
}
.profile-shell .mobile-head-actions .theme-toggle-btn{
  width:40px !important;
  height:40px !important;
  flex:none !important;
  border-radius:12px !important;
}
.profile-shell .mobile-head-actions .mobile-profile-avatar,
.profile-shell .mobile-profile-avatar{
  position:relative !important;
  left:auto !important;
  top:auto !important;
  width:42px !important;
  height:42px !important;
  flex:none !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border:1px solid #9b6fc0 !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 52% 45%,#5b528f 0 54%,#30204f 55% 100%) !important;
  color:#f8f5ff !important;
  font:800 14px/1 Manrope !important;
  box-shadow:0 0 0 2px #1d172f,0 0 0 3px #46365d !important;
  overflow:visible !important;
}
.profile-shell .mobile-profile-avatar > span{
  color:#f8f5ff !important;
  font:inherit !important;
  line-height:1 !important;
}
.profile-shell .mobile-profile-avatar i{
  position:absolute !important;
  right:-1px !important;
  bottom:0 !important;
  width:9px !important;
  height:9px !important;
  display:block !important;
  border:2px solid #07121a !important;
  border-radius:50% !important;
  background:#52e3ad !important;
  box-shadow:none !important;
}
.profile-shell .mobile-profile-chevron{display:none !important}

/* Light: keep purple DE avatar (never flatten to mint button shell) */
html[data-theme="light"] .mobile-head button.mobile-profile-avatar,
html[data-theme="light"] .mobile-profile-avatar,
html[data-theme="light"] .profile-shell .mobile-profile-avatar{
  border:1px solid #ad79dc !important;
  background:radial-gradient(circle at 52% 45%,#6a5fad 0 54%,#3a2a5f 55% 100%) !important;
  color:#f8f5ff !important;
  box-shadow:0 0 0 2px #ffffff,0 0 0 3px #c9b6e8 !important;
}
html[data-theme="light"] .mobile-profile-avatar > span,
html[data-theme="light"] .profile-shell .mobile-profile-avatar > span{
  color:#f8f5ff !important;
}
html[data-theme="light"] .mobile-profile-avatar i,
html[data-theme="light"] .profile-shell .mobile-profile-avatar i{
  border-color:#ffffff !important;
  background:#1f9f68 !important;
}
html[data-theme="light"] .profile-shell .mobile-head-actions .theme-toggle-btn{
  border-color:#d0dfd6 !important;
  background:#f4f9f6 !important;
  color:#3f5649 !important;
}
html[data-theme="light"] .profile-shell .mobile-head{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Side DE avatar: keep purple ring + initials in light mode */
html[data-theme="light"] .profile-avatar-button{
  color:#11152f !important;
  background:conic-gradient(from -35deg,#8b9cff,#72e6ae 42%,#d28cff 72%,#8b9cff) !important;
  border:0 !important;
  box-shadow:0 0 0 2px #ffffff,0 0 0 3px #b7c4ff88,0 8px 18px #13201818 !important;
}
html[data-theme="light"] .profile-avatar-button > span{
  background:linear-gradient(145deg,#a8b0ff,#6971d4) !important;
  color:#11152f !important;
}
html[data-theme="light"] .profile-avatar-button i{
  border-color:#ffffff !important;
  background:#1f9f68 !important;
  box-shadow:0 0 8px #1f9f6844 !important;
}
html[data-theme="light"] body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button{
  border:2px solid #cf75ee !important;
  background:linear-gradient(145deg,#9da6ff,#7257b5) !important;
  color:#121827 !important;
  box-shadow:0 0 0 3px #ffffff,0 0 18px #b76ef440 !important;
}
html[data-theme="light"] body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button > span{
  background:linear-gradient(145deg,#a8b0ff,#6971d4) !important;
  color:#121827 !important;
}
html[data-theme="light"] body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button i{
  border-color:#ffffff !important;
  background:#1f9f68 !important;
}

/* Coach topbar: brand left, user controls right — no DE-over-logo */
body.dash-page:has(#coachView.active) .sidebar{
  height:auto !important;
  min-height:72px !important;
  padding:12px 22px !important;
  grid-template-columns:auto minmax(12px,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  overflow:visible !important;
}
body.dash-page:has(#coachView.active) .sidebar > .app-brand{
  grid-column:1 !important;
  grid-row:1 !important;
  justify-self:start !important;
  min-width:0 !important;
  max-width:100% !important;
  gap:12px !important;
  font:750 20px/1 Manrope !important;
  z-index:2 !important;
  overflow:hidden !important;
}
body.dash-page:has(#coachView.active) .sidebar .brand-symbol{
  width:40px !important;
  height:40px !important;
  border-radius:12px !important;
  flex:none !important;
}
body.dash-page:has(#coachView.active) .sidebar .brand-word{
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.dash-page:has(#coachView.active) .sidebar .side-user{
  grid-column:3 !important;
  grid-row:1 !important;
  justify-self:end !important;
  width:auto !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:10px !important;
  z-index:2 !important;
}
body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button{
  display:none !important;
}
body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button > span{
  font:800 13px/1 Manrope !important;
  color:#121827 !important;
}
body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button i{
  right:-2px !important;
  bottom:0 !important;
  width:12px !important;
  height:12px !important;
  border-width:2px !important;
}
body.dash-page:has(#coachView.active) .sidebar .side-user strong{
  font:700 14px/1 Manrope !important;
  max-width:88px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
body.dash-page:has(#coachView.active) .sidebar .locale-switch-side{
  order:2 !important;
  flex:none !important;
  margin:0 2px 0 4px !important;
}
body.dash-page:has(#coachView.active) .sidebar .locale-switch-side .locale-switch-btn{
  width:40px !important;
  min-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 !important;
  border-radius:12px !important;
  display:grid !important;
  place-items:center !important;
  font:800 12px/1 Inter !important;
}
body.dash-page:has(#coachView.active) .sidebar .side-user strong{order:1 !important}
body.dash-page:has(#coachView.active) .sidebar .side-theme-toggle{order:3 !important}
body.dash-page:has(#coachView.active) .sidebar .side-user>a{order:4 !important}
body.dash-page:has(#coachView.active) .sidebar .side-theme-toggle{
  width:34px !important;
  height:34px !important;
  margin-left:0 !important;
  flex:none !important;
}
body.dash-page:has(#coachView.active) .sidebar .side-user > a{
  width:32px !important;
  height:32px !important;
  margin:0 !important;
  flex:none !important;
}
body.dash-page:has(#coachView.active) .sidebar .side-user > a .logout-door-icon{
  width:20px !important;
  height:20px !important;
}
@media(max-width:900px){
  body.dash-page:has(#coachView.active) .sidebar{
    width:calc(100% - 28px) !important;
    min-height:64px !important;
    padding:10px 14px !important;
    gap:8px !important;
  }
  body.dash-page:has(#coachView.active) .sidebar > .app-brand{font-size:17px !important;gap:8px !important}
  body.dash-page:has(#coachView.active) .sidebar .brand-symbol{width:34px !important;height:34px !important;border-radius:10px !important}
  body.dash-page:has(#coachView.active) .sidebar .side-user{gap:7px !important}
  body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button{width:38px !important;height:38px !important;font-size:12px !important}
  body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button > span{font-size:12px !important}
  body.dash-page:has(#coachView.active) .sidebar .side-user strong{max-width:64px !important;font-size:13px !important}
  body.dash-page:has(#coachView.active) .sidebar .side-theme-toggle{width:30px !important;height:30px !important}
}
@media(max-width:560px){
  body.dash-page:has(#coachView.active) .sidebar .side-user strong{display:none !important}
  body.dash-page:has(#coachView.active) .sidebar > .app-brand{font-size:15px !important}
  body.dash-page:has(#coachView.active) .sidebar .profile-avatar-button{width:36px !important;height:36px !important}
}

/* The dock belongs to the document flow so it can never cover a dashboard card. */
@media(max-width:980px){
  #homeView .home-bottom-dock{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:22px 0 0!important}
  #homeView .home-spatial{padding-bottom:max(28px,env(safe-area-inset-bottom))!important}
  body:has(#homeView.active) .sidebar{
    top:max(22px,env(safe-area-inset-top))!important;left:20px!important;right:auto!important;width:calc(100% - 40px)!important;height:60px!important;min-height:60px!important;
    padding:4px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    position:fixed!important;z-index:80!important;margin:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  }
  body:has(#homeView.active) .sidebar>.app-brand{flex:0 0 auto!important;width:auto!important;padding:0!important;gap:8px!important}
  body:has(#homeView.active) .sidebar>.app-brand .brand-symbol{width:36px!important;height:36px!important;border-radius:12px!important}
  body:has(#homeView.active) .sidebar>.app-brand .brand-word{font-size:20px!important;color:#f7fbf8!important;text-shadow:0 2px 18px #0008!important}
  body:has(#homeView.active) .sidebar .side-user{flex:0 0 auto!important;width:auto!important;margin:0!important;gap:7px!important}
  body:has(#homeView.active) .sidebar .side-user>strong{order:4!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border:1px solid #ffffff35!important;border-radius:50%!important;background:rgba(8,20,14,.62)!important;color:transparent!important;font-size:0!important;box-shadow:inset 0 1px 0 #ffffff28,0 8px 22px #0005!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
  body:has(#homeView.active) .sidebar .side-user>strong::after{content:attr(data-user-initial);color:#eff8f3;font:650 15px/1 Inter,sans-serif}
  body:has(#homeView.active) .sidebar .locale-switch{order:1!important;margin:0!important}
  body:has(#homeView.active) .sidebar .locale-switch-btn,body:has(#homeView.active) .sidebar .side-theme-toggle{width:42px!important;height:42px!important;border:1px solid #ffffff35!important;border-radius:15px!important;background:rgba(8,20,14,.48)!important;color:#eef7f2!important;box-shadow:inset 0 1px 0 #ffffff20!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
  body:has(#homeView.active) .sidebar .side-theme-toggle{order:2!important}
  body:has(#homeView.active) .sidebar .side-user>a{display:none!important}
  html[data-theme="light"] body:has(#homeView.active) .sidebar>.app-brand .brand-word{color:#102219!important;text-shadow:0 1px 14px #ffffffb8!important}
  html[data-theme="light"] body:has(#homeView.active) .sidebar>.app-brand .brand-word>span{color:#08784b!important}
}

@media(max-width:980px){
  html:has(#homeView.active),body:has(#homeView.active){height:100%;overflow:hidden!important;background:#06100b!important}
  body:has(#homeView.active) .sidebar,body:has(#homeView.active) .mobile-head{display:none!important}
  body:has(#homeView.active) .app-main{position:fixed!important;inset:0!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#06100b!important}
  #homeView.app-view.active{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  #homeView.app-view.active::before,#homeView.app-view.active::after{display:none!important}
  #homeView .home-gate.home-spatial{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#06100b url('/assets/healthos-dashboard-sunrise-v1.webp') center/cover no-repeat!important}
  #homeView .home-gate.home-spatial::after{content:""!important;display:block!important;position:absolute!important;z-index:0!important;inset:-18px!important;background:rgba(3,12,8,.20)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;pointer-events:none!important}
  #homeView .home-reference-canvas{position:absolute!important;z-index:1!important;left:0!important;right:0!important;top:50%!important;bottom:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:928/1694!important;object-fit:contain!important;object-position:center!important;transform:translateY(-50%)!important;border:0!important;pointer-events:none!important;user-select:none!important}
  #homeView .home-spatial-intro,#homeView .home-spatial-grid,#homeView .home-progress,#homeView .home-bottom-dock{display:none!important}
  #homeView .home-reference-hotspots{position:absolute!important;z-index:5!important;left:0!important;right:0!important;top:50%!important;bottom:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:928/1694!important;transform:translateY(-50%)!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
  #homeView .home-reference-hit{position:absolute!important;display:block!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:18px!important;background:transparent!important;color:transparent!important;font-size:0!important;opacity:.001!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important}
}


/* ===== v14: dark mode department photos — brighter + glossy =====
   Heavy #08100df5 scrims made Abteil images muddy. Lighter tint + gloss
   sheen, accent glow, readable text shadows. Light theme keeps photo cards. */
html:not([data-theme="light"]) .home-card-grid .home-module-card{
  border-color: color-mix(in srgb, var(--area-accent, #49e79b) 28%, #2a3b32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -18px 36px rgba(0,0,0,.18),
    0 18px 42px rgba(0,0,0,.38),
    0 0 28px color-mix(in srgb, var(--area-accent, #49e79b) 18%, transparent) !important;
  filter: saturate(1.12) brightness(1.08) contrast(1.04);
}
html:not([data-theme="light"]) .home-card-grid .home-module-card:hover,
html:not([data-theme="light"]) .home-card-grid .home-module-card:focus-visible{
  border-color: color-mix(in srgb, var(--area-accent, #49e79b) 72%, #ffffff) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -14px 30px rgba(0,0,0,.12),
    0 22px 48px rgba(0,0,0,.42),
    0 0 40px color-mix(in srgb, var(--area-accent, #49e79b) 32%, transparent) !important;
  filter: saturate(1.22) brightness(1.14) contrast(1.05);
  transform: translateY(-2px);
}
html:not([data-theme="light"]) .home-card-grid .home-module-card strong{
  color: #f6fcf8 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.12), 0 2px 16px rgba(0,0,0,.85), 0 0 22px rgba(0,0,0,.45) !important;
}
html:not([data-theme="light"]) .home-card-grid .home-module-card small,
html:not([data-theme="light"]) .home-card-grid .home-module-card em{
  text-shadow: 0 1px 10px rgba(0,0,0,.88), 0 0 18px rgba(0,0,0,.4) !important;
}
html:not([data-theme="light"]) .home-card-grid .home-module-card .home-card-status{
  background: rgba(8,16,12,.42) !important;
  border-color: rgba(255,255,255,.28) !important;
  backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 6px 16px rgba(0,0,0,.25);
}
html:not([data-theme="light"]) .home-card-grid .home-module-card:nth-child(1),
html:not([data-theme="light"]) .home-card-grid .profile-home-card{
  filter: saturate(1.16) brightness(1.12) contrast(1.04);
}
html:not([data-theme="light"]) .home-card-grid .home-module-card:nth-child(2){
  filter: saturate(1.18) brightness(1.10) contrast(1.04);
}
html:not([data-theme="light"]) .home-card-grid .home-module-card:nth-child(3){
  filter: saturate(1.16) brightness(1.10) contrast(1.04);
}
html:not([data-theme="light"]) .home-card-grid .home-module-card:nth-child(4){
  filter: saturate(1.14) brightness(1.10) contrast(1.04);
}
html:not([data-theme="light"]) .home-card-grid .home-module-card:nth-child(5){
  filter: saturate(1.14) brightness(1.10) contrast(1.04);
}
/* Soft specular streak on photo cards (shine) */
html:not([data-theme="light"]) .home-card-grid .home-module-card:after{
  content: "" !important;
  position: absolute !important;
  inset: -20% auto auto 28% !important;
  width: 58% !important;
  height: 70% !important;
  border-radius: 40% !important;
  background: linear-gradient(125deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.06) 28%, transparent 58%) !important;
  opacity: .55 !important;
  transform: rotate(12deg) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  mix-blend-mode: soft-light !important;
}
html:not([data-theme="light"]) .home-card-grid .home-module-card:hover:after,
html:not([data-theme="light"]) .home-card-grid .home-module-card:focus-visible:after{
  opacity: .78 !important;
  filter: brightness(1.15);
}
html:not([data-theme="light"]) .home-card-grid .home-module-card > *{
  position: relative;
  z-index: 1;
}
/* Program department photo cards (Training) — same brighter treatment */
html:not([data-theme="light"]) .training-start-selection .program-choice-card.program-everyday-energy:before,
html:not([data-theme="light"]) .training-start-selection .program-choice-card.program-lean-start:before,
html:not([data-theme="light"]) .training-start-selection .program-choice-card.program-build-strong:before{
  opacity: 1 !important;
  filter: saturate(1.14) brightness(1.12) contrast(1.04) !important;
}
html:not([data-theme="light"]) .training-start-selection .program-choice-card.program-everyday-energy:before{
  background-image:
    linear-gradient(145deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 20%,transparent 46%),
    linear-gradient(90deg,rgba(17,25,32,.72) 0%,rgba(17,25,32,.40) 36%,rgba(17,25,32,.12) 62%,rgba(17,25,32,.04) 100%),
    linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 30%,rgba(0,0,0,.18) 100%),
    url('/assets/healthos-everyday-energy-program-v1.webp') !important;
}
html:not([data-theme="light"]) .training-start-selection .program-choice-card.program-lean-start:before{
  background-image:
    linear-gradient(145deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 20%,transparent 46%),
    linear-gradient(90deg,rgba(20,23,25,.72) 0%,rgba(20,23,25,.40) 36%,rgba(20,23,25,.12) 62%,rgba(20,23,25,.04) 100%),
    linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 30%,rgba(0,0,0,.18) 100%),
    url('/assets/healthos-lean-start-program-v1.webp') !important;
}
html:not([data-theme="light"]) .training-start-selection .program-choice-card.program-build-strong:before{
  background-image:
    linear-gradient(145deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.05) 20%,transparent 46%),
    linear-gradient(90deg,rgba(13,20,31,.72) 0%,rgba(13,20,31,.40) 36%,rgba(13,20,31,.12) 62%,rgba(13,20,31,.04) 100%),
    linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 30%,rgba(0,0,0,.18) 100%),
    url('/assets/healthos-build-strong-program-v1.webp') !important;
}
html:not([data-theme="light"]) .training-start-selection .program-choice-card.program-everyday-energy:hover:before,
html:not([data-theme="light"]) .training-start-selection .program-choice-card.program-lean-start:hover:before,
html:not([data-theme="light"]) .training-start-selection .program-choice-card.program-build-strong:hover:before,
html:not([data-theme="light"]) .training-start-selection .program-choice-card.program-everyday-energy:focus-visible:before,
html:not([data-theme="light"]) .training-start-selection .program-choice-card.program-lean-start:focus-visible:before,
html:not([data-theme="light"]) .training-start-selection .program-choice-card.program-build-strong:focus-visible:before{
  filter: saturate(1.22) brightness(1.18) contrast(1.05) !important;
  transform: scale(1.035);
}

/* ===== AUTH light theme: fully clear over photo =====
   No white/dark panel fill — only the hero image shows.
   Text is clean (no text-shadow) + anti-aliased for sharp edges.
   Solid mint only for primary CTAs (Anmelden / Demo). */
html[data-theme="light"] body.auth-page-modern,
html[data-theme="light"] .auth-page-modern,
html[data-theme="light"] .auth-page-modern.auth-login-page,
html[data-theme="light"] .auth-page-modern.auth-register-page{
  background:transparent!important;
  color:#f4fbf7!important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-shell,
html[data-theme="light"] .auth-page-modern .auth-pro-story,
html[data-theme="light"] .auth-page-modern .auth-pro-panel,
html[data-theme="light"] .auth-page-modern .auth-pro-form,
html[data-theme="light"] .auth-page-modern .auth-pro-form-wrap{
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-story{
  border-right:0!important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-panel{
  border:0!important;
  color:#f4fbf7!important;
}

/* Brand + story: light on photo */
html[data-theme="light"] .auth-page-modern .auth-pro-brand,
html[data-theme="light"] .auth-page-modern .auth-pro-brand .brand-word,
html[data-theme="light"] .auth-page-modern .auth-pro-copy h1,
html[data-theme="light"] .auth-page-modern .auth-pro-copy p,
html[data-theme="light"] .auth-page-modern .auth-title-full,
html[data-theme="light"] .auth-page-modern .auth-title-short,
html[data-theme="light"] .auth-page-modern .auth-copy-full,
html[data-theme="light"] .auth-page-modern .auth-copy-short{
  color:#f4fbf7!important;
  -webkit-text-fill-color:#f4fbf7!important;
  text-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-brand .brand-word>span{
  color:#79f4b7!important;
  -webkit-text-fill-color:#79f4b7!important;
}
html[data-theme="light"] .auth-page-modern .auth-eyebrow,
html[data-theme="light"] .auth-page-modern .auth-pro-preview,
html[data-theme="light"] .auth-page-modern .auth-pro-metrics span,
html[data-theme="light"] .auth-page-modern .auth-pro-chips span{
  background:transparent!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#f4fbf7!important;
  box-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-preview-head,
html[data-theme="light"] .auth-page-modern .auth-pro-preview-head strong,
html[data-theme="light"] .auth-page-modern .auth-pro-metrics b,
html[data-theme="light"] .auth-page-modern .auth-pro-metrics small,
html[data-theme="light"] .auth-page-modern .auth-pro-ring span,
html[data-theme="light"] .auth-page-modern .auth-pro-wave-label{
  color:#f4fbf7!important;
  -webkit-text-fill-color:#f4fbf7!important;
  text-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-ring small{color:#79f4b7!important;-webkit-text-fill-color:#79f4b7!important}

/* Form titles + labels: light text, clean (no shadow) over photo */
html[data-theme="light"] .auth-page-modern .auth-pro-panel-head small{
  color:#79f4b7!important;
  -webkit-text-fill-color:#79f4b7!important;
  text-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-panel-head h2,
html[data-theme="light"] .auth-page-modern .auth-pro-form h1,
html[data-theme="light"] .auth-page-modern .auth-pro-form h2{
  color:#f7fcf9!important;
  -webkit-text-fill-color:#f7fcf9!important;
  text-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-panel-head p,
html[data-theme="light"] .auth-page-modern .auth-pro-form p,
html[data-theme="light"] .auth-page-modern .auth-pro-form label,
html[data-theme="light"] .auth-page-modern .auth-pro-form small,
html[data-theme="light"] .auth-page-modern .auth-field,
html[data-theme="light"] .auth-page-modern .auth-field-label-row,
html[data-theme="light"] .auth-page-modern .auth-field-label-row>span,
html[data-theme="light"] .auth-page-modern .auth-provider-note,
html[data-theme="light"] .auth-page-modern .auth-pro-switch,
html[data-theme="light"] .auth-page-modern .auth-provider-divider{
  color:#e8f2ec!important;
  -webkit-text-fill-color:#e8f2ec!important;
  text-shadow:none!important;
  font-weight:700!important;
}
html[data-theme="light"] .auth-page-modern .auth-forgot-link,
html[data-theme="light"] .auth-page-modern .auth-pro-form a,
html[data-theme="light"] .auth-page-modern .auth-pro-switch a{
  color:#9af7c8!important;
  -webkit-text-fill-color:#9af7c8!important;
  text-shadow:none!important;
  font-weight:800!important;
}
html[data-theme="light"] .auth-page-modern .auth-forgot-link:hover,
html[data-theme="light"] .auth-page-modern .auth-pro-form a:hover,
html[data-theme="light"] .auth-page-modern .auth-pro-switch a:hover{
  color:#d8ffe8!important;
  -webkit-text-fill-color:#d8ffe8!important;
}

/* Inputs: same dark glass fill as dark mode (readable on hero photo) */
html[data-theme="light"] .auth-page-modern .auth-pro-form input,
html[data-theme="light"] .auth-page-modern .auth-pro-panel input,
html[data-theme="light"] .auth-page-modern .auth-pro-panel select{
  background:rgba(5,11,8,.52)!important;
  color:#eff8f2!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:none!important;
  -webkit-text-fill-color:#eff8f2!important;
  color-scheme:dark;
  caret-color:#eff8f2;
}
html[data-theme="light"] .auth-page-modern .auth-pro-form input::placeholder,
html[data-theme="light"] .auth-page-modern .auth-pro-panel input::placeholder,
html[data-theme="light"] .auth-page-modern .auth-pro-panel select::placeholder{
  color:#9aaba2!important;
  opacity:1!important;
  -webkit-text-fill-color:#9aaba2!important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-form input:focus,
html[data-theme="light"] .auth-page-modern .auth-pro-panel input:focus,
html[data-theme="light"] .auth-page-modern .auth-pro-panel select:focus{
  border-color:#79f4b7!important;
  box-shadow:0 0 0 4px rgba(121,244,183,.14)!important;
  background:rgba(6,14,10,.72)!important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-form input:-webkit-autofill,
html[data-theme="light"] .auth-page-modern .auth-pro-form input:-webkit-autofill:hover,
html[data-theme="light"] .auth-page-modern .auth-pro-form input:-webkit-autofill:focus,
html[data-theme="light"] .auth-page-modern .auth-pro-panel input:-webkit-autofill,
html[data-theme="light"] .auth-page-modern .auth-pro-panel input:-webkit-autofill:hover,
html[data-theme="light"] .auth-page-modern .auth-pro-panel input:-webkit-autofill:focus{
  -webkit-text-fill-color:#eff8f2!important;
  caret-color:#eff8f2;
  box-shadow:0 0 0 1000px rgba(5,11,8,.85) inset!important;
  transition:background-color 99999s ease-out 0s;
  border:1px solid rgba(255,255,255,.22)!important;
}
html[data-theme="light"] .auth-page-modern .auth-field-icon,
html[data-theme="light"] .auth-page-modern .auth-password-toggle,
html[data-theme="light"] .auth-page-modern .auth-pro-form button.auth-password-toggle{
  color:rgba(247,252,249,.85)!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-password-toggle:hover,
html[data-theme="light"] .auth-page-modern .auth-password-toggle:focus-visible,
html[data-theme="light"] .auth-page-modern .auth-pro-form button.auth-password-toggle:hover,
html[data-theme="light"] .auth-page-modern .auth-pro-form button.auth-password-toggle:focus-visible{
  color:#79f4b7!important;
  background:transparent!important;
  transform:translateY(-50%)!important;
  box-shadow:none!important;
}

/* Alerts: thin tint only, still mostly clear */
html[data-theme="light"] .auth-page-modern .auth-pro-success{
  background:transparent!important;
  border:1.5px solid rgba(121,244,183,.65)!important;
  color:#d8ffe8!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-error,
html[data-theme="light"] .auth-page-modern .error{
  background:transparent!important;
  border:1.5px solid rgba(255,160,150,.7)!important;
  color:#ffd6d0!important;
  text-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-reset-card{
  background:transparent!important;
  border:1.5px solid rgba(255,255,255,.4)!important;
  box-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-reset-card-copy,
html[data-theme="light"] .auth-page-modern .auth-reset-card-note{
  color:#eef8f2!important;
  text-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-reset-secondary{
  background:transparent!important;
  border:1.5px solid rgba(255,255,255,.5)!important;
  color:#f4fbf7!important;
}
html[data-theme="light"] .auth-page-modern .auth-reset-secondary:hover{
  border-color:#79f4b7!important;
  color:#d8ffe8!important;
  background:transparent!important;
}
html[data-theme="light"] .auth-page-modern .auth-reset-primary{
  background:linear-gradient(135deg,#79f4b7,#49e79b 55%,#37dc91)!important;
  color:#07100b!important;
}

/* Demo + OAuth: outline only */
html[data-theme="light"] .auth-page-modern .auth-demo-access{
  background:transparent!important;
  border:1.5px solid rgba(121,244,183,.45)!important;
  box-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-demo-access small{color:#79f4b7!important;text-shadow:none!important}
html[data-theme="light"] .auth-page-modern .auth-demo-access strong,
html[data-theme="light"] .auth-page-modern .auth-demo-access p{
  color:#f4fbf7!important;
  -webkit-text-fill-color:#f4fbf7!important;
  text-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-demo-access>a{
  background:#49e79b!important;
  border-color:#37dc91!important;
  color:#07100b!important;
}
html[data-theme="light"] .auth-page-modern .auth-provider-divider:before,
html[data-theme="light"] .auth-page-modern .auth-provider-divider:after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)!important;
}
html[data-theme="light"] .auth-page-modern .auth-provider-button{
  background:transparent!important;
  border:1.5px solid rgba(255,255,255,.5)!important;
  color:#f4fbf7!important;
  box-shadow:none!important;
}
html[data-theme="light"] .auth-page-modern .auth-provider-button:hover,
html[data-theme="light"] .auth-page-modern .auth-provider-button:focus-visible{
  border-color:#79f4b7!important;
  background:transparent!important;
  color:#d8ffe8!important;
}
html[data-theme="light"] .auth-page-modern .auth-provider-mark{
  background:transparent!important;
  border:1px solid rgba(255,255,255,.35)!important;
  color:#79f4b7!important;
}
html[data-theme="light"] .auth-page-modern .auth-pro-form button[type="submit"],
html[data-theme="light"] .auth-page-modern .auth-pro-form .auth-submit-btn{
  background:linear-gradient(135deg,#79f4b7,#49e79b 55%,#37dc91)!important;
  color:#07100b!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
}

@media(max-width:980px){
  html[data-theme="light"] .auth-page-modern .auth-pro-story,
  html[data-theme="light"] .auth-page-modern .auth-pro-panel,
  html[data-theme="light"] .auth-page-modern .auth-pro-form{
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    border-color:transparent!important;
  }
  html[data-theme="light"] .auth-page-modern .auth-pro-panel{
    border:0!important;
    border-top:0!important;
    border-radius:0!important;
  }
  html[data-theme="light"] .auth-page-modern .auth-pro-brand{
    background:transparent!important;
    border:1px solid rgba(255,255,255,.35)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.25)!important;
  }
  html[data-theme="light"] .auth-page-modern .auth-pro-brand .brand-word,
  html[data-theme="light"] .auth-page-modern .auth-pro-brand .brand-word>span{
    color:#f4fbf7!important;
    -webkit-text-fill-color:#f4fbf7!important;
    text-shadow:none!important;
  }
  html[data-theme="light"] .auth-page-modern .auth-pro-brand .brand-word>span{
    color:#79f4b7!important;
    -webkit-text-fill-color:#79f4b7!important;
  }
  html[data-theme="light"] .auth-page-modern .auth-pro-panel-head h2,
  html[data-theme="light"] .auth-page-modern .auth-field{
    color:#f7fcf9!important;
    -webkit-text-fill-color:#f7fcf9!important;
  }
  html[data-theme="light"] .auth-page-modern .auth-pro-form input,
  html[data-theme="light"] .auth-page-modern .auth-pro-panel input,
  html[data-theme="light"] .auth-page-modern .auth-pro-panel select{
    background:rgba(5,11,8,.52)!important;
    color:#eff8f2!important;
    border-color:rgba(255,255,255,.22)!important;
    -webkit-text-fill-color:#eff8f2!important;
  }
  html[data-theme="light"] .auth-page-modern .auth-forgot-link,
  html[data-theme="light"] .auth-page-modern .auth-pro-switch a{
    color:#9af7c8!important;
  }
}

/* ===== Auth theme toggle (login/register/forgot/reset) ===== */
.auth-theme-toggle{
  position:fixed;
  top:max(14px, env(safe-area-inset-top));
  right:max(14px, env(safe-area-inset-right));
  z-index:40;
  width:44px;
  height:44px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(8,16,12,.42);
  color:#eef8f2;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.auth-theme-toggle:hover,
.auth-theme-toggle:focus-visible{
  border-color:rgba(121,244,183,.55);
  background:rgba(12,28,20,.55);
  color:#79f4b7;
  outline:0;
  transform:none;
}
html[data-theme="light"] .auth-theme-toggle{
  border-color:rgba(255,255,255,.45)!important;
  background:rgba(255,255,255,.18)!important;
  color:#f4fbf7!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}
html[data-theme="light"] .auth-theme-toggle:hover,
html[data-theme="light"] .auth-theme-toggle:focus-visible{
  border-color:rgba(121,244,183,.65)!important;
  background:rgba(255,255,255,.28)!important;
  color:#79f4b7!important;
}
@media(max-width:980px){
  .auth-theme-toggle{
    top:max(12px, env(safe-area-inset-top));
    right:max(12px, env(safe-area-inset-right));
    width:42px;
    height:42px;
    border-radius:13px;
  }
}

/* ===== Auth text: no shadows, clean anti-aliased glyphs =====
   Final override so every auth label/title/link stays sharp. */
body.auth-page-modern,
body.auth-page-modern .auth-pro-shell,
body.auth-page-modern .auth-pro-story,
body.auth-page-modern .auth-pro-panel,
body.auth-page-modern .auth-pro-form,
body.auth-page-modern .auth-pro-panel-head,
body.auth-page-modern .auth-pro-panel-head small,
body.auth-page-modern .auth-pro-panel-head h1,
body.auth-page-modern .auth-pro-panel-head h2,
body.auth-page-modern .auth-pro-panel-head p,
body.auth-page-modern .auth-pro-copy,
body.auth-page-modern .auth-pro-copy h1,
body.auth-page-modern .auth-pro-copy p,
body.auth-page-modern .auth-pro-brand,
body.auth-page-modern .auth-pro-brand .brand-word,
body.auth-page-modern .auth-pro-brand .brand-word > span,
body.auth-page-modern .auth-field,
body.auth-page-modern .auth-field-label-row,
body.auth-page-modern .auth-field-label-row > span,
body.auth-page-modern .auth-forgot-link,
body.auth-page-modern .auth-pro-switch,
body.auth-page-modern .auth-pro-switch a,
body.auth-page-modern .auth-pro-form a,
body.auth-page-modern .auth-pro-form label,
body.auth-page-modern .auth-pro-form p,
body.auth-page-modern .auth-pro-form small,
body.auth-page-modern .auth-pro-form input,
body.auth-page-modern .auth-pro-form button,
body.auth-page-modern .auth-demo-access,
body.auth-page-modern .auth-demo-access small,
body.auth-page-modern .auth-demo-access strong,
body.auth-page-modern .auth-demo-access p,
body.auth-page-modern .auth-provider-note,
body.auth-page-modern .auth-provider-divider,
body.auth-page-modern .auth-provider-button,
body.auth-page-modern .auth-pro-success,
body.auth-page-modern .auth-pro-error,
body.auth-page-modern .error,
body.auth-page-modern .auth-reset-card,
body.auth-page-modern .auth-reset-card-copy,
body.auth-page-modern .auth-reset-card-note,
body.auth-page-modern .auth-eyebrow,
body.auth-page-modern .auth-title-full,
body.auth-page-modern .auth-title-short,
body.auth-page-modern .auth-copy-full,
body.auth-page-modern .auth-copy-short,
html[data-theme="light"] body.auth-page-modern,
html[data-theme="light"] body.auth-page-modern .auth-pro-panel-head small,
html[data-theme="light"] body.auth-page-modern .auth-pro-panel-head h2,
html[data-theme="light"] body.auth-page-modern .auth-pro-panel-head p,
html[data-theme="light"] body.auth-page-modern .auth-field,
html[data-theme="light"] body.auth-page-modern .auth-forgot-link,
html[data-theme="light"] body.auth-page-modern .auth-pro-switch,
html[data-theme="light"] body.auth-page-modern .auth-pro-switch a,
html[data-theme="light"] body.auth-page-modern .auth-demo-access small,
html[data-theme="light"] body.auth-page-modern .auth-demo-access strong,
html[data-theme="light"] body.auth-page-modern .auth-demo-access p{
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* ===== Auth hero lightsafe (2026-07-19) =====
   Desktop only: darker dusk plate + light-theme exposure for readable white UI text.
   Mobile keeps prior sharp-v3 crop/filter/scrim (do not override max-width:980 rules). */
@media (min-width: 981px) {
  html[data-theme="light"] .auth-page-modern .auth-bg-img{
    filter:brightness(.88) contrast(1.08) saturate(.98);
  }
  html[data-theme="light"] .auth-page-modern .auth-bg-scrim{
    background:
      linear-gradient(90deg,rgba(6,14,11,.42) 0%,rgba(6,14,11,.18) 34%,rgba(6,14,11,.28) 62%,rgba(6,14,11,.46) 100%),
      linear-gradient(180deg,rgba(4,10,8,.28) 0%,rgba(4,10,8,.08) 22%,rgba(4,10,8,.04) 48%,rgba(4,10,8,.22) 78%,rgba(4,10,8,.52) 100%),
      radial-gradient(ellipse 72% 58% at 50% 40%,transparent 0%,rgba(4,10,8,.22) 100%)!important;
  }
  /* Dark theme keeps a bit of lift so the new dusk plate still feels premium */
  html[data-theme="dark"] .auth-page-modern .auth-bg-img,
  html:not([data-theme="light"]) .auth-page-modern .auth-bg-img{
    filter:brightness(1.02) contrast(1.06) saturate(1.04);
  }
}

/* Catalog status card (profile) */
@media(min-width:720px){
}


/* Plain-language UX: demo honesty + progressive disclosure (2026-07-19) */
.sleep-demo-banner{
  margin:0 0 12px;
  padding:10px 12px;
  border-radius:12px;
  background:color-mix(in srgb, var(--panel, #122028) 88%, #49e79b 12%);
  border:1px solid color-mix(in srgb, #49e79b 28%, transparent);
  font-size:.92rem;
  line-height:1.35;
}
[data-theme="light"] .sleep-demo-banner{
  background:color-mix(in srgb, #eef8f2 90%, #49e79b 10%);
  border-color:color-mix(in srgb, #1a9a63 18%, transparent);
  color:#173528;
}
@media (max-width:980px){
  /* Nutrition: keep step 1 primary; secondary steps denser */
  /* Sleep secondary detail denser on first view */
  .sleep-detail-secondary{
    opacity:.96;
  }
  .sleep-detail-secondary .sleep-detail-card header small{
    letter-spacing:.02em;
  }
  /* Recovery tools: keep readable */
  .recovery-tools-secondary .recovery-choice-grid b{
    font-size:.95rem;
  }
}

@media (max-width:980px){
  .sleep-detail-secondary{
    max-height:0;
    overflow:hidden;
    opacity:0;
    margin:0;
    padding:0;
    border:0;
    transition:max-height .25s ease, opacity .2s ease;
  }
  .sleep-module-expanded .sleep-detail-secondary,
  #sleepModule.is-expanded .sleep-detail-secondary{
    max-height:2000px;
    opacity:1;
    overflow:visible;
    margin:inherit;
    padding:inherit;
  }
}



/* Routine progressive disclosure only (nutrition steps fully restored) */
.routine-more-wrap{display:none}
.routine-more-toggle{
  width:100%;
  margin:10px 0 4px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid color-mix(in srgb, #49e79b 28%, transparent);
  background:color-mix(in srgb, var(--panel,#122028) 90%, #49e79b 10%);
  color:inherit;
  font:inherit;
  font-weight:650;
  cursor:pointer;
  text-align:center;
}
.routine-more-hint{margin:6px 0 12px;font-size:.9rem;line-height:1.35}
@media (max-width:980px){
  .routine-more-wrap{display:block}
  .body-tracking-shell.routine-compact .routine-secondary-block{display:none}
  .body-tracking-shell.routine-expanded .routine-secondary-block{display:block}
  .body-tracking-shell.routine-expanded .routine-more-hint{display:none}
}
@media (min-width:981px){
  .body-tracking-shell .routine-secondary-block{display:block}
  .routine-more-wrap{display:none}
}

html[data-theme="light"] #nutritionView .nutrition-budget-kind{color:#1d7a4a}
html[data-theme="light"] #nutritionView .nutrition-budget-meta div{border-color:#d5e2da;background:#f3f8f5}
html[data-theme="light"] #nutritionView .nutrition-budget-meta em{color:#6d7c73}
html[data-theme="light"] #nutritionView .nutrition-budget-meta b{color:#14201a}
html[data-theme="light"] #nutritionView .nutrition-budget-meta b.is-over{color:#c0392b}
html[data-theme="light"] #nutritionView .nutrition-budget-bar{background:#dfeae3}
html[data-theme="light"] #nutritionView .meal-form-actions .meal-suggest-btn,
html[data-theme="light"] .meal-form-actions .meal-suggest-btn{background:#eef6f1;border-color:#b7d4c4;color:#1d6b45}
html[data-theme="light"] .meal-form-actions .meal-save-btn{
  background:linear-gradient(90deg,#2fbf74,#49e79b) !important;
  color:#07100b !important;
}
html[data-theme="light"] .meal-form-actions .meal-save-help{
  background:#eef6f1;border-color:#b7d4c4;color:#1d6b45;
}

/* Recipe finder tiles: clean product-card titles (2026-07-20) */
.recipe-finder-grid.is-table,
.recipe-cook-grid.is-table,
#recipeGrid.is-table{display:block}
.recipe-cook-grid.is-detail,
#recipeGrid.is-detail{display:block}
#recipeGrid.is-detail .recipe-finder-detail .recipe-result-card{max-width:720px}
.recipe-finder-table{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(176px,1fr));
  gap:14px;
  margin:0;
}
.recipe-finder-tile{
  display:grid;
  grid-template-rows:auto 1fr;
  align-content:stretch;
  gap:0;
  padding:0;
  margin:0;
  border:1px solid #2a3c33;
  background:#0f1512;
  border-radius:18px;
  overflow:hidden;
  cursor:pointer;
  text-align:left;
  color:inherit;
  font:inherit;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
  min-height:0;
  min-width:0;
}
.recipe-finder-tile:hover,
.recipe-finder-tile:focus-visible{
  border-color:#49e79b88;
  box-shadow:0 0 0 1px #49e79b22,0 16px 30px #00000030;
  transform:translateY(-2px);
  outline:0;
}
.recipe-finder-tile-media{
  display:block;
  aspect-ratio:4/3;
  background:#0b120f;
  overflow:hidden;
  min-width:0;
}
.recipe-finder-tile-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
}
.recipe-finder-tile-placeholder{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  min-height:120px;
  font-size:30px;
  background:linear-gradient(145deg,#142019,#0d1410);
  color:#49e79b;
}
/* Caption shell: generous inset so text never kisses the card edge */
.recipe-finder-tile-body{
  box-sizing:border-box;
  display:flex;
  align-items:flex-start;
  min-width:0;
  min-height:4.6em;
  padding:14px 16px 16px;
  border-top:1px solid #24352d;
  background:linear-gradient(180deg,#141c18 0%,#101714 100%);
}
/* 2-line professional title — word breaks only, no mid-word shredding */
.recipe-finder-tile-title{
  box-sizing:border-box;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:none;
  -webkit-hyphens:none;
  -ms-hyphens:none;
  margin:0;
  padding:0;
  max-width:100%;
  color:#f4faf6;
  font:650 14px/1.38 Manrope,system-ui,-apple-system,sans-serif;
  letter-spacing:-0.01em;
  text-shadow:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.recipe-finder-table-hint{
  margin:12px 0 0;
  color:#8fa097;
  font-size:12px;
  line-height:1.4;
}
.recipe-finder-grid.is-detail{
  display:block;
}
.recipe-finder-detail{
  display:grid;
  gap:12px;
}
.recipe-finder-back{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid #2d4336;
  background:#0d1511;
  color:#dce8e1;
  border-radius:999px;
  padding:9px 14px;
  font:700 12px Manrope,system-ui,sans-serif;
  cursor:pointer;
}
.recipe-finder-back:hover,
.recipe-finder-back:focus-visible{
  border-color:#49e79b66;
  color:#49e79b;
  outline:0;
}
.recipe-finder-detail .recipe-result-card{
  max-width:720px;
}
@media(max-width:760px){
  .recipe-finder-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .recipe-finder-tile{border-radius:16px}
  .recipe-finder-tile-body{
    min-height:4.75em;
    padding:13px 14px 15px;
  }
  .recipe-finder-tile-title{
    font-size:13.5px;
    line-height:1.36;
    letter-spacing:-0.015em;
  }
}
@media(max-width:380px){
  .recipe-finder-table{grid-template-columns:1fr;gap:12px}
  .recipe-finder-tile-body{
    min-height:3.9em;
    padding:14px 16px 16px;
  }
  .recipe-finder-tile-title{
    font-size:15px;
    line-height:1.38;
  }
}
html[data-theme="light"] .recipe-finder-tile{
  border-color:#c5d6cb;
  background:#ffffff;
  box-shadow:0 1px 0 #ffffffaa inset;
}
html[data-theme="light"] .recipe-finder-tile:hover,
html[data-theme="light"] .recipe-finder-tile:focus-visible{
  border-color:#2fbf7488;
  box-shadow:0 0 0 1px #2fbf7422,0 12px 24px #1f9f6812;
}
html[data-theme="light"] .recipe-finder-tile-body{
  background:linear-gradient(180deg,#fbfdfb 0%,#f3f8f5 100%);
  border-top-color:#d5e4db;
}
html[data-theme="light"] .recipe-finder-tile-title{
  color:#0b1510;
  text-shadow:none;
}
html[data-theme="light"] .recipe-finder-tile-media,
html[data-theme="light"] .recipe-finder-tile-placeholder{
  background:#e8f2eb;
}
html[data-theme="light"] .recipe-finder-table-hint{color:#3d5247}
html[data-theme="light"] .recipe-finder-back{
  border-color:#b7d4c4;
  background:#ffffff;
  color:#0c1611;
}
html[data-theme="light"] .recipe-finder-back:hover{
  border-color:#2fbf74;
  color:#0d6b42;
}

/* Recipe finder pagination (2026-07-20) */
.recipe-finder-pager{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:
    "prev jump next"
    "count count count";
  align-items:center;
  column-gap:10px;
  row-gap:8px;
  margin-top:14px;
  padding:12px 14px;
  border:1px solid #24362c;
  background:linear-gradient(160deg,#0f1612 0%,#0c1210 100%);
  border-radius:16px;
}
.recipe-finder-nav-btn{
  grid-area:auto;
  display:inline-grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid #2a3b32;
  background:#0d1411;
  color:#b7c7bd;
  border-radius:999px;
  cursor:pointer;
  transition:border-color .15s ease,color .15s ease,background .15s ease,opacity .15s ease;
}
.recipe-finder-nav-btn:first-of-type{grid-area:prev}
.recipe-finder-nav-btn:last-of-type{grid-area:next}
.recipe-finder-nav-btn svg{width:18px;height:18px}
.recipe-finder-nav-btn:hover:not(:disabled),
.recipe-finder-nav-btn:focus-visible:not(:disabled){
  border-color:#49e79b66;
  color:#49e79b;
  background:#122018;
  outline:0;
}
.recipe-finder-nav-btn:disabled{
  opacity:.32;
  cursor:not-allowed;
}
.recipe-finder-page-jump{
  grid-area:jump;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  flex-wrap:wrap;
}
.recipe-finder-page-label{
  color:#8fa097;
  font:650 11px/1 Manrope,system-ui,sans-serif;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.recipe-finder-page-input{
  width:4.2rem;
  min-height:36px;
  padding:6px 8px;
  border:1px solid #2f4338;
  border-radius:10px;
  background:#0a100d;
  color:#eef5f0;
  text-align:center;
  font:700 14px/1.1 Manrope,system-ui,sans-serif;
  appearance:textfield;
  -moz-appearance:textfield;
  outline:0;
  transition:border-color .15s ease,box-shadow .15s ease;
}
.recipe-finder-page-input::-webkit-outer-spin-button,
.recipe-finder-page-input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.recipe-finder-page-input:hover{
  border-color:#3d5748;
}
.recipe-finder-page-input:focus{
  border-color:#49e79b88;
  box-shadow:0 0 0 3px #49e79b18;
}
.recipe-finder-page-of{
  color:#c5d4cb;
  font:650 13px/1 Manrope,system-ui,sans-serif;
  white-space:nowrap;
}
.recipe-finder-page-count{
  grid-area:count;
  margin:0;
  text-align:center;
  color:#7f9086;
  font:500 11px/1.3 Manrope,system-ui,sans-serif;
}
@media(max-width:560px){
  .recipe-finder-pager{
    padding:12px;
    column-gap:8px;
  }
  .recipe-finder-nav-btn{
    width:38px;
    height:38px;
  }
  .recipe-finder-page-input{
    width:3.6rem;
    min-height:34px;
    font-size:13px;
  }
  .recipe-finder-page-of{font-size:12px}
}
html[data-theme="light"] .recipe-finder-pager{
  border-color:#c9d9cf;
  background:linear-gradient(160deg,#ffffff 0%,#f4faf6 100%);
}
html[data-theme="light"] .recipe-finder-nav-btn{
  border-color:#c0d5c8;
  background:#ffffff;
  color:#30453a;
}
html[data-theme="light"] .recipe-finder-nav-btn:hover:not(:disabled),
html[data-theme="light"] .recipe-finder-nav-btn:focus-visible:not(:disabled){
  border-color:#2fbf74aa;
  color:#0d6b42;
  background:#eef8f2;
}
html[data-theme="light"] .recipe-finder-page-label{color:#5a7164}
html[data-theme="light"] .recipe-finder-page-input{
  border-color:#bfd4c7;
  background:#ffffff;
  color:#0c1611;
}
html[data-theme="light"] .recipe-finder-page-input:focus{
  border-color:#2fbf74;
  box-shadow:0 0 0 3px #2fbf741a;
}
html[data-theme="light"] .recipe-finder-page-of{color:#1f3328}
html[data-theme="light"] .recipe-finder-page-count{color:#4d6457}

/* Program recommendation: no overlap with structure meta (mobile+desktop) */
.training-start-selection .program-choice-card.recommended{padding-top:22px}
.training-start-selection .program-choice-card .program-recommendation{position:static!important;right:auto!important;top:auto!important;left:auto!important;display:inline-flex;align-self:flex-start;max-width:min(100%,100%);margin:0 0 12px;z-index:3}
.training-start-selection .program-choice-card>span{padding-right:0!important}
@media(max-width:760px){
  .training-start-selection .program-choice-card .program-recommendation{font-size:10px;padding:7px 10px;margin-bottom:10px}
  .training-start-selection .program-choice-card>span{font-size:12px}
}

/* Wochenplan erstellen: clean calendar SVG icon */
.training-generator-card .generator-chat-actions button.generator-create-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.training-generator-card .generator-create-icon{
  flex:0 0 18px;
  width:18px;
  height:18px;
  display:block;
  color:currentColor;
  opacity:.95;
  transition:transform .2s ease,opacity .2s ease;
  pointer-events:none;
}
.training-generator-card .generator-chat-actions button:hover .generator-create-icon,
.training-generator-card .generator-chat-actions button:focus-visible .generator-create-icon{
  opacity:1;
  transform:translateY(-1px) scale(1.05);
}

/* Keep profile select values aligned with text/number fields on all breakpoints */
.profile-field-grid .profile-select-field,
.profile-field-grid .profile-direct-field,
.profile-field-grid .smart-field{
  align-items:center;
}
.profile-field-grid .profile-select-field>label,
.profile-field-grid .profile-direct-field,
.profile-field-grid .smart-field>label{
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;
  align-items:center;
  column-gap:8px;
}
.profile-field-grid .profile-value-control input,
.profile-field-grid .smart-control input,
.profile-field-grid .profile-select-value{
  text-align:right!important;
  color:#eff8f3!important;
}

/* Exercise demo videos — playable on cards, detail lists, and weekly plan */
.session-exercise-list li.has-exercise-video{align-items:flex-start;grid-column:1/-1}
.session-exercise-list .session-exercise-copy{display:grid;gap:8px;min-width:0;flex:1}
.exercise-demo-video,.session-card-video{display:grid;gap:5px;min-width:0;position:relative;z-index:3;pointer-events:auto;isolation:isolate}
.exercise-demo-video video,.session-card-video video,.weekly-plan-video.real video{width:100%;max-width:100%;aspect-ratio:16/9;min-height:140px;border-radius:10px;border:1px solid #2a3a31;background:#0c110e;display:block;object-fit:cover;pointer-events:auto;position:relative;z-index:4}
.session-exercise-list .exercise-demo-video video{max-width:420px}
.exercise-demo-video small,.session-card-video small{color:#7f9488;font-size:9px;letter-spacing:.04em;text-transform:uppercase}
.session-card-video{margin:0;padding:0;border:0;background:transparent}
.session-card-video.large video{min-height:180px}
.session-card .session-card-video,.session-card .exercise-demo-video{cursor:default}
.session-card.expanded{overflow:visible}
.session-detail{overflow:visible}
.weekly-session-detail{overflow:visible}
.weekly-session-video-panel{min-width:0;position:relative;z-index:3}
.weekly-session-video-panel .weekly-plan-video.real{overflow:visible}
.weekly-session-detail .session-exercise-list{margin-top:10px}
.session-exercise-list-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.exercise-voice-controls{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.exercise-voice-controls button{appearance:none;border:1px solid #2a3a31;background:#121a16;color:#b7c9be;border-radius:999px;padding:4px 9px;font-size:10px;letter-spacing:.03em;cursor:pointer;line-height:1.2}
.exercise-voice-controls button[aria-pressed="true"]{border-color:#4fd1a5;color:#dff7ec;background:#163328}
.exercise-voice-controls button:hover{border-color:#3d5347;color:#e8f3ec}
.exercise-voice-controls .exercise-voice-replay{border-color:#3d6b55;color:#9ef0c8;background:#12261c;font-weight:700}
.exercise-voice-controls.plan-focus-voice{display:flex;margin:0 0 12px}
.plan-focus-card .exercise-voice-controls.plan-focus-voice button{padding:7px 12px;font-size:11px}
html[data-theme="light"] .exercise-demo-video video,
html[data-theme="light"] .session-card-video video,
html[data-theme="light"] .weekly-plan-video.real video{border-color:#c5dcd0;background:#eef5f0}
html[data-theme="light"] .exercise-demo-video small,
html[data-theme="light"] .session-card-video small{color:#5f7167}
html[data-theme="light"] .exercise-voice-controls button{border-color:#c5dcd0;background:#f4faf6;color:#3d5347}
html[data-theme="light"] .exercise-voice-controls button[aria-pressed="true"]{border-color:#1f8f6a;color:#0d3d2c;background:#d9f3e8}
@media(max-width:760px){
  .session-exercise-list .exercise-demo-video video{max-width:none}
  .exercise-demo-video video,.session-card-video video{min-height:120px}
}

/* Training video playback fix: no height clamp that clips controls */
.weekly-session-detail .weekly-plan-video.large{height:auto!important;min-height:190px;}
.weekly-session-detail .weekly-plan-video.real video{min-height:190px;max-height:none;}
.session-card video{max-width:100%;}

/* --- Weekly plan: compose form stays on hub; result opens next page --- */
.training-generator-pagebar{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}
.training-generator-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid #3e7288;
  background:#0d2029;
  color:#c5f3ff;
  border-radius:999px;
  padding:10px 14px;
  font:800 11px Manrope;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}
.training-generator-back:hover{
  border-color:#61d9ff;
  background:#102a36;
  color:#fff;
}
.training-generator-open-plan{
  position:relative;
  z-index:2;
  max-width:760px;
}
.training-generator-open-plan button{
  width:100%;
  min-height:46px;
  border:1px solid #3e7288;
  background:#0d2029;
  color:#c5f3ff;
  border-radius:13px;
  padding:12px 14px;
  font:800 11px Manrope;
  cursor:pointer;
}
.training-generator-open-plan button:hover{
  border-color:#61d9ff;
  background:#102a36;
  color:#fff;
}
.training-generator-plan-page{
  min-height:min(72vh,720px);
}
@media(max-width:760px){
  .training-generator-pagebar{align-items:stretch;flex-direction:column}
  .training-generator-back{width:100%;justify-content:center;min-height:44px}
}
html[data-theme="light"] .training-generator-back,
html[data-theme="light"] .training-generator-open-plan button{
  border-color:#9fc3d2;
  background:#eef8fc;
  color:#0b4a63;
}

/* --- Simple adult weekly plan page (clear next step) --- */
.plan-simple .plan-simple-head h2{font-size:clamp(26px,3.4vw,36px);letter-spacing:-.03em}
.plan-simple .plan-simple-head p{font-size:14px;color:#c5d6dd;max-width:34rem}
.plan-simple-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:760px;margin:2px 0 4px}
.plan-simple-chips span{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #3e7288;background:#0d2029cc;color:#c5f3ff;border-radius:999px;font:800 10px Manrope}
.plan-simple-chips p{width:100%;margin:2px 0 0;color:#a9bcc4;font-size:12px;line-height:1.45}
.plan-simple-today{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  padding:18px;
  border:1px solid #61d9ff66;
  border-radius:18px;
  background:linear-gradient(145deg,#102a36f2,#0b1820ee);
  box-shadow:0 20px 48px #00000036,0 0 0 1px #61d9ff14;
}
.plan-simple-today-copy small{display:block;color:#61d9ff;font-size:10px;letter-spacing:.14em;font-weight:800}
.plan-simple-today-copy h3{margin:6px 0 4px;font:700 22px Manrope;color:#eef8fc;letter-spacing:-.02em}
.plan-simple-today-copy p{margin:0 0 10px;color:#b7cdd5;font-size:13px}
.plan-simple-today-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.plan-simple-today-copy li{display:flex;align-items:center;gap:10px;color:#d7e8ee;font:650 13px Manrope}
.plan-simple-today-copy li span{
  width:24px;height:24px;display:grid;place-items:center;border-radius:50%;
  background:#61d9ff;color:#06131b;font:900 11px Manrope;flex:0 0 auto
}
.plan-simple-today>button{
  min-width:118px;min-height:56px;border:0;border-radius:16px;padding:14px 20px;
  background:linear-gradient(135deg,#d5f8ff 0%,#61d9ff 100%);color:#06131b;
  font:900 16px Manrope;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;
  box-shadow:0 14px 30px #61d9ff40
}
.plan-simple-today>button:hover{transform:translateY(-1px);box-shadow:0 18px 34px #61d9ff55}
.plan-simple-progress{margin-bottom:4px}
.plan-simple-progress b{font-size:28px}
.plan-simple-days-head{display:grid;gap:2px;margin:4px 0 2px}
.plan-simple-days-head small{color:#61d9ff;font-size:9px;letter-spacing:.14em;font-weight:800}
.plan-simple-days-head strong{font:700 16px Manrope;color:#e8f3f7}
.plan-simple-grid .plan-simple-day{min-height:188px;padding:14px;border-radius:16px}
.plan-simple-grid .plan-simple-day .weekly-session-copy h3{font-size:16px;-webkit-line-clamp:1}
.plan-simple-grid .plan-simple-day .weekly-session-copy p{font-size:12px;color:#a8bdc5}
.plan-simple-grid .plan-simple-day>button{min-height:42px;font-weight:850;font-size:12px}
.plan-simple-grid .plan-simple-day.active>button,
.plan-simple-grid .plan-simple-day.active .weekly-session-mark{font-weight:900}
.plan-simple-grid .plan-simple-day.locked{opacity:.72}
.plan-simple-grid .plan-simple-day.locked>button{cursor:default}
.plan-simple-detail .plan-simple-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.plan-simple-detail .plan-simple-steps li{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;
  padding:11px 12px;border:1px solid #315666;background:#0a1720;border-radius:12px
}
.plan-simple-detail .plan-simple-steps li b{color:#61d9ff;font:900 13px Manrope}
.plan-simple-detail .plan-simple-steps li strong{display:block;color:#eef5f8;font:700 14px Manrope}
.plan-simple-detail .plan-simple-steps li span{color:#9eb4bc;font-size:11px}
.plan-simple-detail .plan-simple-done{
  width:100%;min-height:52px;margin-top:4px;border:0;border-radius:14px;
  background:linear-gradient(135deg,#d5f8ff 0%,#61d9ff 100%);color:#06131b;
  font:900 15px Manrope;letter-spacing:.03em;cursor:pointer
}
.plan-simple-complete strong{font-size:20px}
.plan-simple-complete p{font-size:14px}
@media(max-width:760px){
  .plan-simple-today{grid-template-columns:1fr}
  .plan-simple-today>button{width:100%;min-height:54px}
  .plan-simple-grid .plan-simple-day{min-height:auto}
}
html[data-theme="light"] .plan-simple-today{
  border-color:#7ec7df;
  background:linear-gradient(145deg,#f2fbff,#e7f6fc);
}
html[data-theme="light"] .plan-simple-today-copy h3{color:#0b2c3a}
html[data-theme="light"] .plan-simple-today-copy p,
html[data-theme="light"] .plan-simple-today-copy li{color:#345866}
html[data-theme="light"] .plan-simple-chips span{
  border-color:#9fc3d2;background:#eef8fc;color:#0b4a63
}

/* Training studio: cinematic hero + clean sheet (no form-on-photo) */
.training-studio{
  display:grid!important;
  gap:0!important;
  overflow:hidden;
  padding:0!important;
  isolation:isolate;
  border-radius:24px!important;
  border:1px solid #2a4554!important;
  background:#071019!important;
  background-image:none!important;
  box-shadow:0 28px 70px #0000004a,0 0 0 1px #61d9ff10!important;
}
.training-studio:before,
.training-studio:after{
  display:none!important;
}
.training-studio>.training-studio-hero,
.training-studio>.training-studio-form,
.training-studio>.training-studio-body,
.training-studio>.training-generator-pagebar{
  position:relative;
  z-index:2;
}
.training-studio-hero{
  position:relative;
  min-height:228px;
  padding:22px 20px 22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  isolation:isolate;
}
.training-studio-hero-compact{
  min-height:196px;
  padding-bottom:18px;
  gap:12px;
}
.training-studio .training-generator-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  border-radius:0;
}
.training-studio .training-generator-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:74% 18%!important;
  opacity:1!important;
  filter:brightness(.92) contrast(1.08) saturate(.82)!important;
}
.training-studio .training-generator-art:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(6,14,22,.18) 0%,rgba(6,14,22,.28) 42%,rgba(6,14,22,.92) 100%),
    linear-gradient(90deg,rgba(6,14,22,.62) 0%,rgba(6,14,22,.18) 58%,rgba(6,14,22,.34) 100%);
}
.training-studio-hero-copy{
  position:relative;
  z-index:2;
  max-width:28rem;
}
.training-studio-hero-copy small,
.training-studio .plan-simple-head small{
  display:block;
  color:#9fe0f3!important;
  letter-spacing:.16em;
  font-size:10px;
  font-weight:800;
}
.training-studio-hero-copy h2,
.training-studio .plan-simple-head h2{
  margin:8px 0 6px!important;
  color:#f5fbfd!important;
  font:650 clamp(26px,6.4vw,34px)/1.08 Manrope,sans-serif!important;
  letter-spacing:-.035em;
}
.training-studio-hero-copy p,
.training-studio .plan-simple-head p{
  margin:0!important;
  color:#c5d6dd!important;
  font:500 13.5px/1.5 Manrope,sans-serif!important;
  max-width:28rem;
  text-shadow:none;
}
.training-studio-progress{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:8px;
  margin:14px 0 12px;
  max-width:240px;
  color:#d7e8ee;
  font:700 12px Manrope;
}
.training-studio-progress b{
  font:800 22px/1 Manrope;
  color:#fff;
}
.training-studio-progress i{
  display:block;
  height:4px;
  border-radius:99px;
  background:#ffffff22;
  overflow:hidden;
}
.training-studio-progress em{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#d5f8ff,#61d9ff);
  border-radius:inherit;
}
.training-studio-continue{
  align-self:flex-start;
  min-height:48px;
  padding:0 18px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#e7fbff 0%,#61d9ff 100%);
  color:#06131b;
  font:850 14px Manrope,sans-serif;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 12px 28px #61d9ff3d;
}
.training-studio-continue:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 32px #61d9ff50;
}
.training-studio-form{
  margin:0!important;
  border:0!important;
  border-top:1px solid #1c3340!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#0b1620,#081018)!important;
  padding:18px 18px 20px!important;
  box-shadow:none!important;
}
.training-studio-form-head{
  display:grid;
  gap:4px;
}
.training-studio-form-head label{
  color:#eef7fb!important;
  font:750 16px/1.25 Manrope,sans-serif!important;
}
.training-studio-form-head p{
  margin:0;
  color:#8ea3ac;
  font:500 12.5px/1.45 Manrope,sans-serif;
}
.training-intent-chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:2px 0 2px;
}
.training-intent-chip{
  appearance:none;
  border:1px solid #355564;
  background:#0d1c25;
  color:#d5e8ef;
  border-radius:999px;
  padding:8px 12px;
  font:700 12px/1 Manrope,sans-serif;
  cursor:pointer;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}
.training-intent-chip:hover,
.training-intent-chip:focus-visible{
  border-color:#61d9ff;
  color:#fff;
  outline:none;
}
.training-intent-chip.is-on{
  border-color:#61d9ff;
  background:#12303b;
  color:#e8fbff;
  box-shadow:0 0 0 3px #61d9ff1f;
}
.training-studio-form textarea{
  min-height:84px!important;
  max-height:160px;
  resize:vertical;
  border:1px solid #2d4652!important;
  background:#071018!important;
  color:#eef6f9!important;
  border-radius:14px!important;
  padding:12px 13px!important;
  font:550 14.5px/1.5 Manrope,sans-serif!important;
}
.training-studio-form textarea::placeholder{
  color:#6f848d!important;
}
.training-studio-form textarea:focus{
  border-color:#61d9ff!important;
  box-shadow:0 0 0 3px #61d9ff1f!important;
}
.training-studio-form .generator-chat-actions{
  align-items:center;
  flex-direction:row!important;
  gap:12px!important;
}
.training-studio-form .generator-chat-actions small{
  color:#7f959e;
  font-size:12px;
  line-height:1.35;
}
.training-studio-form .generator-create-btn{
  min-height:50px;
  min-width:min(100%,220px);
  padding:0 16px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#e7fbff 0%,#61d9ff 100%)!important;
  color:#06131b!important;
  font:850 14px Manrope,sans-serif!important;
  box-shadow:0 12px 26px #61d9ff30;
}
.training-studio-form .generator-create-btn.is-secondary{
  background:#0d2029!important;
  border:1px solid #3e7288!important;
  color:#c5f3ff!important;
  box-shadow:none;
}
.training-studio-form textarea{
  min-height:72px!important;
}
.training-studio-body{
  display:grid;
  gap:14px;
  padding:16px 16px 18px;
  background:linear-gradient(180deg,#0b1620,#081018);
  border-top:1px solid #1c3340;
}
.training-studio .training-generator-pagebar{
  margin:0 0 4px;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between;
}
.training-studio .training-generator-back{
  width:auto!important;
  min-height:40px;
  padding:8px 14px;
  backdrop-filter:blur(8px);
  background:#0d2029cc;
}
.training-studio .training-generator-badge{
  border-color:#61d9ff55;
  background:#0d2029cc;
  color:#c5f3ff;
}
#trainingView .view-title{
  margin-bottom:16px;
}
#trainingView .view-title h1{
  letter-spacing:-.04em;
  font-weight:650;
}
#trainingView .view-title p{
  max-width:34rem;
  color:#9aadb4;
}
@media(max-width:760px){
  .training-studio{border-radius:20px!important}
  .training-studio-hero{min-height:210px;padding:18px 16px 18px}
  .training-studio-hero-compact{min-height:184px}
  .training-studio .training-generator-art img{object-position:78% 16%!important}
  .training-studio-form{padding:16px 14px 16px!important}
  .training-studio-form .generator-chat-actions{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .training-studio-form .generator-create-btn{width:100%;min-width:0}
  .training-studio-continue{width:100%}
  .training-studio-body{padding:14px 12px 16px}
  .training-intent-chip{padding:9px 12px;min-height:36px}
}
html[data-theme="light"] .training-studio,
html[data-theme="light"] .training-section.training-studio,
html[data-theme="light"] .weekly-plan-card.training-studio{
  background:#071019!important;
  border-color:#2a4554!important;
}
html[data-theme="light"] .training-studio-hero-copy h2,
html[data-theme="light"] .training-studio .plan-simple-head h2,
html[data-theme="light"] .training-studio-hero-copy small,
html[data-theme="light"] .training-studio .plan-simple-head small,
html[data-theme="light"] .training-studio-hero-copy p,
html[data-theme="light"] .training-studio .plan-simple-head p,
html[data-theme="light"] .training-studio-form-head label,
html[data-theme="light"] .training-studio-form textarea,
html[data-theme="light"] .training-intent-chip{
  color:inherit;
}
html[data-theme="light"] .training-studio-hero-copy h2,
html[data-theme="light"] .training-studio .plan-simple-head h2{
  color:#f5fbfd!important;
}
html[data-theme="light"] .training-studio-hero-copy p,
html[data-theme="light"] .training-studio .plan-simple-head p{
  color:#c5d6dd!important;
}
html[data-theme="light"] .training-studio-form{
  background:linear-gradient(180deg,#0b1620,#081018)!important;
}
html[data-theme="light"] .training-studio-form-head label{
  color:#eef7fb!important;
}
html[data-theme="light"] .training-studio-form-head p{
  color:#8ea3ac!important;
}
html[data-theme="light"] .training-studio-form textarea{
  background:#071018!important;
  color:#eef6f9!important;
  border-color:#2d4652!important;
}
html[data-theme="light"] .training-studio button.training-intent-chip,
html[data-theme="light"] .training-generator-card .training-intent-chip{
  background:#0d1c25!important;
  color:#d5e8ef!important;
  border-color:#355564!important;
}
html[data-theme="light"] .training-studio button.training-intent-chip.is-on,
html[data-theme="light"] .training-generator-card .training-intent-chip.is-on{
  background:#12303b!important;
  color:#e8fbff!important;
  border-color:#61d9ff!important;
}
html[data-theme="light"] .training-studio-body{
  background:linear-gradient(180deg,#0b1620,#081018)!important;
}

/* Weekly plan: one screen, one next step, one exercise */
#trainingView.plan-one-mode > .view-title{
  display:none;
}
.plan-one{
  min-height:0!important;
}
.plan-one-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px 16px 12px;
  background:linear-gradient(180deg,#0d1c26,#081018);
  border-bottom:1px solid #1c3340;
}
.plan-one-head h2{
  margin:2px 0 0!important;
  color:#f5fbfd!important;
  font:700 22px/1.15 Manrope,sans-serif!important;
  letter-spacing:-.03em;
}
.plan-one-head small{
  color:#9fe0f3!important;
  letter-spacing:.14em;
  font:800 10px Manrope,sans-serif;
}
.plan-one-head .training-generator-back{
  width:auto!important;
  min-height:40px;
  padding:8px 12px;
}
.plan-one-count{
  min-width:44px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid #3e7288;
  border-radius:999px;
  color:#c5f3ff;
  font:800 12px Manrope,sans-serif;
}
.plan-one-body{
  padding:16px 16px 18px!important;
}
.plan-today-card{
  display:grid;
  gap:16px;
  padding:18px 16px 16px;
  border:1px solid #61d9ff66;
  border-radius:18px;
  background:linear-gradient(145deg,#102a36f2,#0b1820ee);
}
@media(min-width:981px){
  .plan-today-card,.plan-week-dots,.plan-week-done{max-width:560px}
}
.plan-today-copy small{
  display:block;
  color:#61d9ff;
  font:800 10px Manrope,sans-serif;
  letter-spacing:.14em;
}
.plan-today-copy h3{
  margin:6px 0 4px;
  color:#eef8fc;
  font:700 28px/1.1 Manrope,sans-serif;
  letter-spacing:-.03em;
}
.plan-today-copy p{
  margin:0 0 12px;
  color:#b7cdd5;
  font:550 14px Manrope,sans-serif;
}
.plan-today-copy ol{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}
.plan-today-copy li{
  display:flex;
  align-items:center;
  gap:10px;
  color:#d7e8ee;
  font:650 14px Manrope,sans-serif;
}
.plan-today-copy li span{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  background:#61d9ff;
  color:#06131b;
  font:900 11px Manrope,sans-serif;
}
.plan-today-card > button{
  width:100%;
  min-height:54px;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,#d5f8ff 0%,#61d9ff 100%);
  color:#06131b;
  font:900 16px Manrope,sans-serif;
  letter-spacing:.03em;
  cursor:pointer;
  box-shadow:0 14px 30px #61d9ff40;
}
.plan-week-dots{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
  margin-top:14px;
}
.plan-week-dots.plan-session-dots{
  grid-template-columns:repeat(var(--dot-count,3),minmax(0,1fr));
  max-width:min(100%,calc(var(--dot-count,3)*72px));
}
.plan-program-week-meta{
  margin:12px 0 0;
  color:#9eb4bc;
  font:650 13px Manrope,sans-serif;
}
.plan-week-dot{
  appearance:none;
  display:grid;
  justify-items:center;
  gap:4px;
  border:0;
  background:transparent;
  color:#9eb4bc;
  padding:4px 0 0;
  min-width:0;
}
.plan-week-dot b{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid #315666;
  background:#0a1720;
  color:#c5d6dd;
  font:800 12px Manrope,sans-serif;
}
.plan-week-dot small{
  font:700 9px Manrope,sans-serif;
  letter-spacing:0;
  color:#7f959e;
}
.plan-week-dot.active b{
  border-color:#61d9ff;
  background:#61d9ff;
  color:#06131b;
}
.plan-week-dot.active small{color:#c5f3ff}
.plan-week-dot.completed b{
  border-color:#49e79b;
  background:#163328;
  color:#8ff0bd;
}
.plan-week-dot.locked{opacity:.55}
.plan-week-done{
  display:grid;
  gap:8px;
  padding:18px 16px;
  border:1px solid #3e7288;
  border-radius:16px;
  background:#0d2029;
}
.plan-week-done strong{color:#eef8fc;font:700 20px Manrope,sans-serif}
.plan-week-done p{margin:0;color:#b7cdd5}
.plan-week-done button{
  min-height:48px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#d5f8ff,#61d9ff);
  color:#06131b;
  font:850 14px Manrope,sans-serif;
  cursor:pointer;
}
.plan-focus-card{
  padding:16px 16px 18px!important;
  background:linear-gradient(145deg,#111713,#0d1410)!important;
  border:1px solid #294136!important;
  border-radius:18px!important;
  box-shadow:0 22px 48px #00000028!important;
}
.plan-focus-pro .training-generator-art,
.plan-focus-pro.training-studio:before,
.plan-focus-pro.training-studio:after{display:none!important}
.plan-focus-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 12px;
}
.plan-focus-bar span{
  color:#49e79b;
  font:800 11px Manrope,sans-serif;
  letter-spacing:.08em;
}
.plan-focus-pro .plan-focus-bar{align-items:center}
.plan-focus-pro .training-generator-back{
  width:auto!important;
  min-width:0;
  min-height:36px!important;
  padding:0 12px;
  border-color:#2d6548;
  background:#13241b;
  color:#dff5ea;
  font-size:12px
}
.plan-focus-step{
  margin:0 0 4px;
  color:#49e79b;
  font:800 12px Manrope,sans-serif;
  letter-spacing:.04em;
}
.plan-focus-card .focus-foot h2,
.plan-focus-card h2{
  margin:8px 2px 6px!important;
  color:#eef5f0!important;
  font:650 clamp(18px,5vw,22px)/1.2 Manrope,sans-serif!important;
  letter-spacing:-.03em;
}
.plan-focus-meta{
  margin:0 0 14px;
  color:#b7cdd5;
  font:550 14px Manrope,sans-serif;
}
.plan-focus-video .exercise-demo-video video,
.plan-focus-video .weekly-plan-video video{
  width:100%;
  aspect-ratio:16/9;
  min-height:180px;
  border-radius:14px;
  background:#0c110e;
}
.plan-focus-video .exercise-demo-video small{display:none}
.plan-focus-pro.plan-focus-card{
  display:flex;
  flex-direction:column
}
.plan-focus-stage{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  max-height:min(72dvh,calc(100svh - 280px));
  min-height:220px;
  border-radius:16px;
  overflow:hidden;
  isolation:isolate;
  background:#0c120f;
  border:1px solid #24342c;
  box-shadow:0 16px 40px #00000022
}
.plan-focus-stage .plan-focus-video{
  position:absolute;
  inset:0;
  margin:0;
  width:100%;
  height:100%
}
.plan-focus-stage .exercise-demo-video,
.plan-focus-stage .session-card-video{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  z-index:1;
  isolation:auto;
  pointer-events:none
}
.plan-focus-stage .plan-focus-video video{
  width:100%;
  height:100%;
  max-height:none;
  min-height:0;
  aspect-ratio:auto;
  display:block;
  object-fit:contain;
  object-position:center;
  background:#0c120f;
  border-radius:0;
  border:0;
  pointer-events:none;
  z-index:1
}
.plan-focus-stage .plan-focus-video video::-webkit-media-controls{display:none!important}
@media(max-width:980px){
  .plan-focus-pro.plan-focus-card{padding:12px 10px 14px!important}
  .plan-focus-stage{
    aspect-ratio:4/3;
    max-height:min(58dvh,calc(100dvh - 230px));
    min-height:220px;
    border-radius:14px
  }
  .plan-focus-stage .plan-focus-video video{
    object-fit:cover;
    object-position:center 42%
  }
}
@media(max-width:980px) and (max-height:740px){
  .plan-focus-stage{
    aspect-ratio:16/10;
    max-height:min(50dvh,calc(100dvh - 210px))
  }
}
.clip-stage{
  position:absolute;
  inset:0;
  z-index:8;
  display:grid;
  place-items:center;
  padding:16px;
  background:linear-gradient(180deg,#07100b55 0%,#07100b00 28%,#07100b00 58%,#07100b99 100%);
  pointer-events:auto;
  cursor:pointer
}
.clip-hud{
  position:absolute;
  top:10px;
  left:10px;
  right:12px;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  pointer-events:none;
  z-index:2
}
.clip-pill{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:0 8px;
  border:1px solid #ffffff14;
  border-radius:999px;
  background:#070c098f;
  color:#e8f3eccc;
  font:650 10px/1 Manrope,sans-serif;
  letter-spacing:.06em
}
.clip-burst{
  position:absolute;
  top:46%;
  left:50%;
  transform:translate(-50%,-50%);
  margin:0;
  color:#eef5f0;
  font:850 clamp(56px,18vw,108px)/.85 Manrope,sans-serif;
  letter-spacing:-.05em;
  text-shadow:0 8px 36px #00000080,0 0 28px #49e79b55;
  pointer-events:none;
  white-space:nowrap
}
.clip-burst.pop{animation:clipPop .42s cubic-bezier(.16,1.2,.3,1) both}
@keyframes clipPop{
  0%{transform:translate(-50%,-50%) scale(.7);opacity:0}
  55%{transform:translate(-50%,-50%) scale(1.04);opacity:1}
  100%{transform:translate(-50%,-50%) scale(1);opacity:1}
}
.clip-sub{
  position:absolute;
  bottom:68px;
  margin:0;
  color:#ffffffc7;
  font:550 11px/1.2 Manrope,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-shadow:0 1px 10px #00000080
}
.clip-play-hero{
  width:56px;
  height:56px;
  border:1px solid #ffffff2a;
  border-radius:50%;
  background:#ffffff24;
  color:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 10px 28px #0000003a;
  cursor:pointer;
  pointer-events:auto;
  z-index:3
}
.clip-play-hero[hidden],
.clip-ctrl[hidden]{display:none!important}
.clip-play-hero svg{width:22px;height:22px;fill:currentColor;margin-left:2px}
.clip-play-hero.is-text{
  width:auto;
  height:36px;
  padding:0 16px;
  border-radius:999px;
  font:700 12px Manrope,sans-serif;
  box-shadow:0 8px 18px #00000033
}
.clip-play-hero.is-text svg{display:none}
.clip-bar{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:4;
  padding:16px 10px 8px;
  background:linear-gradient(180deg,#07100b00 0%,#07100b4d 55%,#07100bb8 100%);
  pointer-events:auto;
  cursor:default
}
.plan-focus-stage.is-running:not(:hover):not(:focus-within) .clip-bar{opacity:.78}
.clip-bar-meter{
  position:relative;
  height:18px;
  margin:0 4px 2px;
  cursor:ew-resize;
  touch-action:none;
  outline:none
}
.clip-bar-track{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:2px;
  transform:translateY(-50%);
  border-radius:99px;
  background:#ffffff22;
  pointer-events:none
}
.clip-bar-meter i,
.clip-bar-meter b{font-style:normal;font-weight:400}
.clip-bar-meter [data-clip-progress]{
  display:block;
  height:100%;
  width:0;
  border-radius:inherit;
  background:#ffffffc4;
  box-shadow:none;
  transition:width .18s linear
}
.clip-bar-meter [data-clip-thumb]{
  position:absolute;
  top:50%;
  left:0;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 1px #00000022,0 1px 4px #00000040;
  transform:translate(-50%,-50%);
  pointer-events:none;
  transition:left .18s linear
}
.clip-bar-meter.is-seeking [data-clip-progress],
.clip-bar-meter.is-seeking [data-clip-thumb]{transition:none}
.clip-bar-meter:hover .clip-bar-track,
.clip-bar-meter:focus-visible .clip-bar-track{height:3px}
.clip-bar-meter:focus-visible [data-clip-thumb]{box-shadow:0 0 0 3px #ffffff33}
.clip-bar-row{
  display:flex;
  align-items:center;
  gap:2px
}
.clip-ctrl{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#f4faf6d6;
  display:grid;
  place-items:center;
  cursor:pointer;
  pointer-events:auto
}
.clip-ctrl:hover,
.clip-ctrl:focus-visible{background:#ffffff16;outline:none;color:#fff}
.clip-ctrl svg{width:17px;height:17px;fill:currentColor}
.clip-skip svg{width:15px;height:15px}
@media (max-width:420px){
  .clip-ctrl{width:36px;height:36px;flex-basis:36px}
}
.clip-bar .clip-play svg{margin:0}
.clip-bar .clip-play:not(.is-pause) svg{margin-left:1px}
.clip-voice .clip-ico-off{display:none}
.clip-voice[aria-pressed="false"] .clip-ico-on{display:none}
.clip-voice[aria-pressed="false"] .clip-ico-off{display:block}
.clip-voice svg{stroke:currentColor}
.clip-bar-time{
  margin-left:auto;
  min-width:3.2em;
  padding:0 2px;
  color:#f3faf6c4;
  font:650 11px/1 Manrope,ui-monospace,sans-serif;
  letter-spacing:.04em;
  text-align:right;
  font-variant-numeric:tabular-nums
}
.clip-full .clip-full-exit{display:none}
.clip-full[aria-pressed="true"] .clip-full-enter{display:none}
.clip-full[aria-pressed="true"] .clip-full-exit{display:block}
html.clip-os-fullscreen,
html.clip-os-fullscreen body{
  overflow:hidden!important;
  overscroll-behavior:none;
  touch-action:none;
  height:100%!important;
  width:100%!important
}
html.clip-os-fullscreen body{
  position:fixed;
  left:0;
  right:0
}
.plan-focus-stage:fullscreen,
.plan-focus-stage:-webkit-full-screen,
.plan-focus-stage.is-fullscreen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  width:100dvw!important;
  height:100vh!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  border:0!important;
  border-radius:0!important;
  background:#050807!important;
  z-index:40000!important;
  padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)
}
.plan-focus-stage:fullscreen .plan-focus-video,
.plan-focus-stage:-webkit-full-screen .plan-focus-video,
.plan-focus-stage.is-fullscreen .plan-focus-video,
.plan-focus-stage:fullscreen .exercise-demo-video,
.plan-focus-stage:-webkit-full-screen .exercise-demo-video,
.plan-focus-stage.is-fullscreen .exercise-demo-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%
}
.plan-focus-stage:fullscreen .plan-focus-video video,
.plan-focus-stage:-webkit-full-screen .plan-focus-video video,
.plan-focus-stage.is-fullscreen .plan-focus-video video{
  width:100%;
  height:100%;
  max-height:none;
  min-height:0;
  object-fit:contain;
  object-position:center
}
.plan-focus-stage:fullscreen .clip-bar,
.plan-focus-stage:-webkit-full-screen .clip-bar,
.plan-focus-stage.is-fullscreen .clip-bar{
  padding:22px 16px calc(14px + env(safe-area-inset-bottom))
}
.plan-focus-stage:fullscreen .clip-ctrl,
.plan-focus-stage:-webkit-full-screen .clip-ctrl,
.plan-focus-stage.is-fullscreen .clip-ctrl{
  width:38px;
  height:38px;
  flex-basis:38px
}
.plan-focus-stage.is-countdown .clip-play-hero,
.plan-focus-stage.is-countdown .clip-sub{display:none}
.plan-focus-stage.is-explain .clip-sub{display:block}
.plan-focus-stage.is-rest .plan-focus-video video{filter:brightness(.55) saturate(.8)}
.plan-focus-stage.is-rest .clip-stage{background:linear-gradient(180deg,#07100b55,#0d1a1488)}
.plan-focus-stage.is-done .clip-play-hero:not(.is-text){display:none}
.plan-focus-timer-done{
  position:absolute;
  bottom:76px;
  margin:0;
  color:#8ff0bd;
  font:750 13px Manrope,sans-serif
}
.plan-focus-pro .focus-foot{padding:0 2px}
.plan-focus-pro .plan-focus-actions{
  margin-top:0;
  gap:8px
}
.plan-focus-pro .plan-focus-prev,
.plan-focus-pro .plan-simple-done{
  min-height:46px;
  border-radius:12px;
  font:800 13px Manrope,sans-serif
}
.plan-focus-pro .plan-focus-prev{
  border:1px solid #2d6548;
  background:#13241b;
  color:#dff5ea
}
.plan-focus-pro .plan-simple-done,
.plan-focus-pro.program-run .plan-simple-done{
  background:linear-gradient(135deg,#49e79b,#2ecf86)!important;
  color:#07100b!important;
  box-shadow:0 10px 22px #49e79b22!important
}
.program-run.program-lean-start .plan-simple-done{
  background:linear-gradient(135deg,#e8b892,#d4926a)!important;
  color:#1a1008!important;
  box-shadow:0 10px 22px #e8b89233!important
}
.program-run.program-lean-start .clip-ctrl{color:#f0d2b8d4}
.program-run.program-lean-start .clip-pill{color:#e8b892c7;border-color:#e8b89222;background:#120c0888}
.program-run.program-lean-start .plan-focus-prev{
  border-color:#6a5745;
  background:#241910cc;
  color:#e8b892
}
.program-run.program-lean-start .clip-bar-meter [data-clip-progress]{background:#e8b892c2}
.program-run.program-lean-start .clip-bar-meter [data-clip-thumb]{background:#f6e4d4}
.program-run.program-lean-start .clip-burst{text-shadow:0 8px 36px #00000080,0 0 20px #e8b89233}
.program-run.program-everyday-energy .plan-simple-done{
  background:linear-gradient(135deg,#ffe5ad,#efb95f)!important;
  color:#191207!important;
  box-shadow:0 10px 22px #efb95f2b!important
}
.program-run.program-everyday-energy .clip-ctrl{color:#f4e2b8d4}
.program-run.program-everyday-energy .clip-pill{color:#f0c476c7;border-color:#f0c47622;background:#120e0888}
.program-run.program-everyday-energy .plan-focus-prev{
  border-color:#65543a;
  background:#1a1710cc;
  color:#f0c476
}
.program-run.program-everyday-energy .clip-bar-meter [data-clip-progress]{background:#efb95fc4}
.program-run.program-everyday-energy .clip-bar-meter [data-clip-thumb]{background:#ffe7b8}
.program-run.program-build-strong .plan-simple-done{
  background:linear-gradient(135deg,#9eb6ef,#6f8fd4)!important;
  color:#0b1220!important;
  box-shadow:0 10px 22px #9eb6ef33!important
}
.program-run.program-build-strong .clip-ctrl{color:#d5def4d4}
.program-run.program-build-strong .clip-pill{color:#9eb6efc7;border-color:#9eb6ef22;background:#0b101888}
.program-run.program-build-strong .plan-focus-prev{
  border-color:#4a5a78;
  background:#141c2acc;
  color:#9eb6ef
}
.program-run.program-build-strong .clip-bar-meter [data-clip-progress]{background:#9eb6efc2}
.program-run.program-build-strong .clip-bar-meter [data-clip-thumb]{background:#dbe4fb}
.plan-focus-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:16px;
}
.plan-focus-actions:has(.plan-focus-prev){
  grid-template-columns:auto 1fr;
}
.plan-focus-prev{
  min-height:52px;
  padding:0 14px;
  border:1px solid #3e7288;
  border-radius:14px;
  background:#0d2029;
  color:#c5f3ff;
  font:800 13px Manrope,sans-serif;
  cursor:pointer;
}
.plan-focus-card .plan-simple-done{
  width:100%;
  min-height:52px;
  margin:0;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#d5f8ff 0%,#61d9ff 100%);
  color:#06131b;
  font:900 15px Manrope,sans-serif;
  cursor:pointer;
}
.plan-focus-done-list{
  list-style:none;
  margin:0 0 16px;
  padding:0;
  display:grid;
  gap:8px;
}
.plan-focus-done-list li{
  display:flex;
  align-items:center;
  gap:10px;
  color:#d7e8ee;
  font:650 14px Manrope,sans-serif;
}
.plan-focus-done-list li span{
  width:24px;height:24px;display:grid;place-items:center;border-radius:50%;
  background:#163328;color:#8ff0bd;font:900 11px Manrope,sans-serif;
}
@media(max-width:760px){
  .plan-one-head{padding:12px 14px 10px}
  .plan-one-head h2{font-size:20px!important}
  .plan-today-copy h3{font-size:24px}
  .plan-week-dot small{font-size:8px}
}
html[data-theme="light"] .plan-one,
html[data-theme="light"] .plan-focus-card{
  background:#071019!important;
}
html[data-theme="light"] .plan-one-head h2,
html[data-theme="light"] .plan-focus-card h2,
html[data-theme="light"] .plan-today-copy h3{
  color:#f5fbfd!important;
}
html[data-theme="light"] .plan-today-copy p,
html[data-theme="light"] .plan-today-copy li,
html[data-theme="light"] .plan-focus-meta,
html[data-theme="light"] .plan-focus-done-list li{
  color:#d7e8ee!important;
}
html[data-theme="light"] .plan-week-dot{
  color:#9eb4bc!important;
}
html[data-theme="light"] .plan-program-week-meta{
  color:#9eb4bc!important;
}

/* Program run: keep each program's card design (photo + accent) */
.program-run-page,
.program-run-focus{
  overflow:hidden!important;
  border:1px solid #2a3a31!important;
  background:#111713!important;
}
.program-run-page.plan-one,
.program-run-focus.plan-focus-card{
  background:#111713!important;
}
.program-run-hero{
  position:relative;
  isolation:isolate;
  min-height:220px!important;
  padding:18px 16px 20px!important;
  overflow:hidden;
}
.program-run-hero .training-generator-art{
  position:absolute;
  inset:0;
  z-index:0;
}
.program-run-hero .training-generator-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:56% center;
}
.program-run-hero-copy{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
  max-width:560px;
}
.program-run-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:4px;
}
.program-run-badge{
  display:inline-flex;
  width:fit-content;
  margin:0;
  padding:6px 10px;
  border:1px solid #49e79b55;
  border-radius:999px;
  background:#13251b;
  color:#c9f6dc;
  font:800 10px/1 Manrope,sans-serif;
  letter-spacing:.04em;
  font-style:normal;
}
.program-run-body{
  background:linear-gradient(180deg,#121a16,#0f1512)!important;
}
.program-run-page .plan-program-week-meta{
  margin:4px 0 0;
  color:#c9d5ce;
}
.program-run-page .training-studio-progress i{
  background:#223128;
}
.program-run-page .training-studio-progress em{
  background:linear-gradient(90deg,#49e79b,#8ff2bd);
}
.program-run-page .plan-today-card{
  border-color:#2f674a66;
  background:linear-gradient(145deg,#14251bf2,#101713ee);
}
.program-run-page .plan-today-copy small{color:#49e79b}
.program-run-page .plan-today-copy li span,
.program-run-page .plan-today-card > button,
.program-run-page .plan-week-done button,
.program-run-focus .plan-simple-done{
  background:linear-gradient(135deg,#8ff2bd 0%,#49e79b 100%);
  color:#07100b;
  box-shadow:0 14px 30px #49e79b40;
}
.program-run-page .plan-week-dot.active b{
  border-color:#49e79b;
  background:#49e79b;
  color:#07100b;
}
.program-run-page .plan-week-dot.completed b{
  border-color:#49e79b;
  background:#163328;
  color:#8ff0bd;
}
.program-run-page .plan-one-count{
  border-color:#2f674a;
  color:#c9f6dc;
  background:#0f1713cc;
}
.program-run-focus .plan-focus-step{color:#49e79b}
.program-run-focus .plan-focus-prev{
  border-color:#2f674a;
  background:#12231a;
  color:#c9f6dc;
}

/* Sanft abnehmen / Empfohlen für Abnehmen */
.program-run.program-lean-start{
  --prog-accent:#d78569;
  --prog-accent-soft:#f5c1a6;
  --prog-ink:#1d100b;
  border-color:#624b40!important;
  background:#171819!important;
  box-shadow:0 22px 48px #00000033,inset 0 1px 0 #f5c1a61c;
}
.program-run.program-lean-start.program-run-page,
.program-run.program-lean-start.program-run-focus{
  background:#171819!important;
}
.program-run.program-lean-start .program-run-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,#141719f4 0%,#141719dc 38%,#14171978 60%,#1417191e 82%,#14171942 100%),
    linear-gradient(180deg,#1417190a 0%,#141719c8 100%);
}
.program-run.program-lean-start .program-run-hero .training-generator-art{z-index:0}
.program-run.program-lean-start .program-run-hero-copy{z-index:2}
.program-run.program-lean-start .program-run-badge{
  border-color:#d7856966;
  background:#2a1e1a;
  color:var(--prog-accent-soft);
}
.program-run.program-lean-start .program-run-hero-copy small{color:var(--prog-accent-soft)!important}
.program-run.program-lean-start .program-run-hero-copy h2{color:#fff4ed!important}
.program-run.program-lean-start .program-run-hero-copy p,
.program-run.program-lean-start .plan-program-week-meta{color:#e8d6c5!important}
.program-run.program-lean-start .plan-one-count{
  border-color:#6a5745;
  color:#f3d9c5;
  background:#211e1bcc;
}
.program-run.program-lean-start .training-studio-progress i{background:#2a2420}
.program-run.program-lean-start .training-studio-progress em{
  background:linear-gradient(90deg,#f5c1a6,#d78569);
}
.program-run.program-lean-start .program-run-body{
  background:linear-gradient(180deg,#1a1817,#141516)!important;
}
.program-run.program-lean-start .plan-today-card{
  border-color:#d7856966;
  background:linear-gradient(145deg,#2a221ef2,#1a1817ee);
}
.program-run.program-lean-start .plan-today-copy small{color:var(--prog-accent-soft)}
.program-run.program-lean-start .plan-today-copy h3{color:#fff4ed}
.program-run.program-lean-start .plan-today-copy p,
.program-run.program-lean-start .plan-today-copy li{color:#e8d6c5}
.program-run.program-lean-start .plan-today-copy li span,
.program-run.program-lean-start .plan-today-card > button,
.program-run.program-lean-start .plan-week-done button,
.program-run.program-lean-start .plan-simple-done{
  background:linear-gradient(135deg,#f5c5a9 0%,#d78569 100%);
  color:var(--prog-ink);
  box-shadow:0 12px 25px #d785692b;
}
.program-run.program-lean-start .plan-week-dot.active b{
  border-color:var(--prog-accent);
  background:var(--prog-accent);
  color:var(--prog-ink);
}
.program-run.program-lean-start .plan-week-dot.completed b{
  border-color:#a7b99d;
  background:#243028;
  color:#cfe0c6;
}
.program-run.program-lean-start .plan-week-dot.active small{color:var(--prog-accent-soft)}
.program-run.program-lean-start .plan-focus-step{color:var(--prog-accent-soft)}
.program-run.program-lean-start .plan-focus-card h2,
.program-run.program-lean-start h2{color:#fff4ed!important}
.program-run.program-lean-start .plan-focus-meta,
.program-run.program-lean-start .plan-focus-done-list li{color:#e8d6c5}
.program-run.program-lean-start .plan-focus-prev{
  border-color:#6a5745;
  background:#211e1b;
  color:#f3d9c5;
}
.program-run.program-lean-start .plan-focus-done-list li span{
  background:#2a1e1a;
  color:var(--prog-accent-soft);
}

/* Mehr Energie */
.program-run.program-everyday-energy{
  --prog-accent:#f0c476;
  --prog-accent-soft:#ffe2a6;
  --prog-ink:#1a1208;
  border-color:#65543a!important;
  background:#12191f!important;
}
.program-run.program-everyday-energy.program-run-page,
.program-run.program-everyday-energy.program-run-focus{background:#12191f!important}
.program-run.program-everyday-energy .program-run-hero:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#111920f4 0%,#111920da 38%,#11192073 60%,#1119201c 82%,#11192042 100%),linear-gradient(180deg,#1119200a 0%,#111920c8 100%);
}
.program-run.program-everyday-energy .program-run-hero .training-generator-art{z-index:0}
.program-run.program-everyday-energy .program-run-hero-copy{z-index:2}
.program-run.program-everyday-energy .program-run-badge{border-color:#f0c47666;background:#2a2214;color:var(--prog-accent-soft)}
.program-run.program-everyday-energy .program-run-hero-copy small{color:var(--prog-accent-soft)!important}
.program-run.program-everyday-energy .program-run-hero-copy h2{color:#fff8ea!important}
.program-run.program-everyday-energy .program-run-hero-copy p,
.program-run.program-everyday-energy .plan-program-week-meta{color:#e8dcc4!important}
.program-run.program-everyday-energy .plan-one-count{border-color:#65543a;color:#ffe2a6;background:#1a1610cc}
.program-run.program-everyday-energy .training-studio-progress em{background:linear-gradient(90deg,#ffe2a6,#f0c476)}
.program-run.program-everyday-energy .program-run-body{background:linear-gradient(180deg,#151b20,#10161c)!important}
.program-run.program-everyday-energy .plan-today-card{border-color:#f0c47666;background:linear-gradient(145deg,#2a2418f2,#151b20ee)}
.program-run.program-everyday-energy .plan-today-copy small{color:var(--prog-accent-soft)}
.program-run.program-everyday-energy .plan-today-copy h3{color:#fff8ea}
.program-run.program-everyday-energy .plan-today-copy p,
.program-run.program-everyday-energy .plan-today-copy li{color:#e8dcc4}
.program-run.program-everyday-energy .plan-today-copy li span,
.program-run.program-everyday-energy .plan-today-card > button,
.program-run.program-everyday-energy .plan-week-done button,
.program-run.program-everyday-energy .plan-simple-done{
  background:linear-gradient(135deg,#ffe2a6 0%,#f0c476 100%);
  color:var(--prog-ink);
  box-shadow:0 12px 25px #f0c4762b;
}
.program-run.program-everyday-energy .plan-week-dot.active b{border-color:var(--prog-accent);background:var(--prog-accent);color:var(--prog-ink)}
.program-run.program-everyday-energy .plan-focus-step{color:var(--prog-accent-soft)}
.program-run.program-everyday-energy h2{color:#fff8ea!important}
.program-run.program-everyday-energy .plan-focus-prev{border-color:#65543a;background:#1a1610;color:#ffe2a6}

/* Stärker werden */
.program-run.program-build-strong{
  --prog-accent:#9d91ff;
  --prog-accent-soft:#d9d3ff;
  --prog-ink:#111125;
  border-color:#435274!important;
  background:#10151f!important;
}
.program-run.program-build-strong.program-run-page,
.program-run.program-build-strong.program-run-focus{background:#10151f!important}
.program-run.program-build-strong .program-run-hero:before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#0d141ff5 0%,#0d141fe0 38%,#0d141f80 60%,#0d141f1f 82%,#0d141f48 100%),linear-gradient(180deg,#0d141f0a 0%,#0d141fc8 100%);
}
.program-run.program-build-strong .program-run-hero .training-generator-art{z-index:0}
.program-run.program-build-strong .program-run-hero-copy{z-index:2}
.program-run.program-build-strong .program-run-badge{border-color:#9d91ff66;background:#1a1830;color:var(--prog-accent-soft)}
.program-run.program-build-strong .program-run-hero-copy small{color:var(--prog-accent-soft)!important}
.program-run.program-build-strong .program-run-hero-copy h2{color:#f2f2ff!important}
.program-run.program-build-strong .program-run-hero-copy p,
.program-run.program-build-strong .plan-program-week-meta{color:#d5d8ff!important}
.program-run.program-build-strong .plan-one-count{border-color:#536486;color:#d7e8f4;background:#141e31cc}
.program-run.program-build-strong .training-studio-progress em{background:linear-gradient(90deg,#d9d3ff,#9d91ff)}
.program-run.program-build-strong .program-run-body{background:linear-gradient(180deg,#121826,#0e131c)!important}
.program-run.program-build-strong .plan-today-card{border-color:#9d91ff66;background:linear-gradient(145deg,#1c2238f2,#121826ee)}
.program-run.program-build-strong .plan-today-copy small{color:var(--prog-accent-soft)}
.program-run.program-build-strong .plan-today-copy h3{color:#f2f2ff}
.program-run.program-build-strong .plan-today-copy p,
.program-run.program-build-strong .plan-today-copy li{color:#d5d8ff}
.program-run.program-build-strong .plan-today-copy li span,
.program-run.program-build-strong .plan-today-card > button,
.program-run.program-build-strong .plan-week-done button,
.program-run.program-build-strong .plan-simple-done{
  background:linear-gradient(135deg,#dedaff 0%,#9d91ff 100%);
  color:var(--prog-ink);
  box-shadow:0 12px 25px #9d91ff2e;
}
.program-run.program-build-strong .plan-week-dot.active b{border-color:var(--prog-accent);background:var(--prog-accent);color:var(--prog-ink)}
.program-run.program-build-strong .plan-focus-step{color:var(--prog-accent-soft)}
.program-run.program-build-strong h2{color:#f2f2ff!important}
.program-run.program-build-strong .plan-focus-prev{border-color:#536486;background:#141e31;color:#d5d8ff}

html[data-theme="light"] .program-run-page,
html[data-theme="light"] .program-run-focus,
html[data-theme="light"] .program-run.program-lean-start.program-run-page,
html[data-theme="light"] .program-run.program-lean-start.program-run-focus,
html[data-theme="light"] .program-run.program-everyday-energy.program-run-page,
html[data-theme="light"] .program-run.program-everyday-energy.program-run-focus,
html[data-theme="light"] .program-run.program-build-strong.program-run-page,
html[data-theme="light"] .program-run.program-build-strong.program-run-focus{
  background:inherit!important;
}
html[data-theme="light"] .program-run.program-lean-start .program-run-hero-copy h2,
html[data-theme="light"] .program-run.program-lean-start h2{color:#fff4ed!important}
html[data-theme="light"] .program-run.program-everyday-energy .program-run-hero-copy h2,
html[data-theme="light"] .program-run.program-everyday-energy h2{color:#fff8ea!important}
html[data-theme="light"] .program-run.program-build-strong .program-run-hero-copy h2,
html[data-theme="light"] .program-run.program-build-strong h2{color:#f2f2ff!important}
html[data-theme="light"] .program-run.program-lean-start .plan-today-copy p,
html[data-theme="light"] .program-run.program-lean-start .plan-today-copy li,
html[data-theme="light"] .program-run.program-lean-start .plan-focus-meta{color:#e8d6c5!important}

@media(max-width:760px){
  .program-run-hero{min-height:200px!important;padding:16px 14px 18px!important}
  .program-run-hero .training-generator-art img{object-position:56% center}
}

/* Nutrition head v6: photo stage + one 5-cell tab bar. Keep data-nutrition-step wiring. */
#nutritionView .nutrition-reference-hero{
  overflow:hidden;
  margin-bottom:20px;
  padding:0!important;
  border:1px solid #3a5748;
  border-radius:28px;
  background:#08110e;
  box-shadow:0 28px 80px #00000055,0 0 0 1px #49e79b14
}
#nutritionView .nutrition-hero-stage{
  position:relative;
  min-height:440px
}
#nutritionView .nutrition-hero-art{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  pointer-events:none;
  opacity:1!important
}
#nutritionView .nutrition-hero-art span{display:none}
#nutritionView .nutrition-hero-art picture,
#nutritionView .nutrition-hero-art img{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  object-fit:cover;
  object-position:92% 48%;
  filter:saturate(1.02) contrast(1.06) brightness(1.06)
}
#nutritionView .nutrition-hero-stage:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,#070c0af2 0%,#070c0ad8 16%,#070c0a88 30%,#070c0a33 44%,transparent 58%)
}
#nutritionView .nutrition-hero-copy,
#nutritionView .nutrition-reference-hero>.view-title,
#nutritionView .nutrition-reference-hero .nutrition-hero-copy{
  position:relative;
  z-index:2;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-start;
  grid-template-columns:none!important;
  gap:0!important;
  min-height:440px;
  max-width:20rem!important;
  margin:0!important;
  padding:28px 8px 20px 12px!important;
  box-sizing:border-box;
  text-align:left
}
#nutritionView .nutrition-hero-copy>*,
#nutritionView .nutrition-reference-hero .nutrition-hero-copy>*{
  grid-column:auto!important
}
#nutritionView .nutrition-hero-copy small,
#nutritionView .nutrition-reference-hero .nutrition-hero-copy small{
  display:block;
  color:#49e79b;
  font:800 10px/1 Manrope;
  letter-spacing:1.6px
}
#nutritionView .nutrition-hero-copy h1,
#nutritionView .nutrition-reference-hero .nutrition-hero-copy h1{
  margin:10px 0 8px!important;
  color:#eef5f0;
  font:650 48px/1.04 Manrope!important;
  letter-spacing:-.03em
}
#nutritionView .nutrition-hero-copy p,
#nutritionView .nutrition-reference-hero .nutrition-hero-copy p,
html[data-theme="dark"] #nutritionView .nutrition-hero-copy p,
html[data-theme="dark"] #nutritionView .nutrition-reference-hero .nutrition-hero-copy p{
  margin-top:auto!important;
  margin-bottom:0!important;
  max-width:16.5rem;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  color:#f4f8f5!important;
  -webkit-text-fill-color:#f4f8f5!important;
  font:600 15px/1.45 Manrope!important;
  text-shadow:0 1px 2px #000c,0 2px 8px #0008
}
#nutritionView .nutrition-hero-copy h1,
#nutritionView .nutrition-reference-hero .nutrition-hero-copy h1{
  text-shadow:0 2px 18px #070c0ad0
}
#nutritionView .nutrition-reference-hero .nutrition-steps{
  position:relative;
  z-index:3;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  border:0!important;
  border-top:1px solid #3a5748!important;
  border-radius:0!important;
  background:#141c18!important;
  box-shadow:none!important;
  backdrop-filter:none!important
}
#nutritionView .nutrition-reference-hero .nutrition-steps button{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:none!important;
  justify-items:center!important;
  align-content:center;
  gap:5px!important;
  min-width:0;
  width:100%;
  min-height:88px!important;
  padding:12px 5px 12px!important;
  overflow:hidden!important;
  border:0!important;
  border-right:1px solid #1e2c26!important;
  border-radius:0!important;
  background:transparent!important;
  color:#b7c6bd!important;
  text-align:center;
  box-shadow:none!important;
  transform:none!important
}
#nutritionView .nutrition-reference-hero .nutrition-steps button:last-child{border-right:0!important}
#nutritionView .nutrition-reference-hero .nutrition-steps button:nth-child(5){grid-column:auto!important}
#nutritionView .nutrition-reference-hero .nutrition-steps button:after{content:none!important;display:none!important}
#nutritionView .nutrition-reference-hero .nutrition-steps button span{display:none!important}
#nutritionView .nutrition-reference-hero .nutrition-step-icon{
  position:static!important;
  display:grid!important;
  width:18px!important;
  height:18px!important;
  place-items:center;
  margin:0;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:currentColor!important
}
#nutritionView .nutrition-reference-hero .nutrition-step-icon svg{
  width:18px!important;
  height:18px!important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
#nutritionView .nutrition-reference-hero .nutrition-steps button strong{
  display:block!important;
  grid-column:auto!important;
  width:100%;
  max-width:100%!important;
  min-width:0;
  color:#e8f1eb!important;
  font:600 11px/1.2 Manrope!important;
  letter-spacing:-.02em;
  white-space:normal;
  overflow:hidden;
  text-overflow:clip;
  overflow-wrap:break-word;
  hyphens:manual;
  -webkit-hyphens:manual
}
#nutritionView .nutrition-reference-hero .nutrition-steps button small{
  display:block!important;
  color:#8fa197!important;
  font:500 11px/1.25 Manrope!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
  letter-spacing:0
}
#nutritionView .nutrition-reference-hero .nutrition-steps button.active{
  background:#102019!important;
  color:#49e79b!important;
  border-color:#1e2c26!important;
  box-shadow:inset 0 2px 0 #49e79b!important
}
#nutritionView .nutrition-reference-hero .nutrition-steps button.active strong{color:#e9fff3!important}
#nutritionView .nutrition-reference-hero .nutrition-steps button.active small{color:#9ee6c0!important}
#nutritionView .nutrition-reference-hero .nutrition-steps button.active .nutrition-step-icon{background:transparent!important;color:#49e79b!important}
#nutritionView .nutrition-reference-hero .nutrition-steps button:hover:not(.active){background:#101a16!important}

html[data-theme="light"] #nutritionView .nutrition-reference-hero{
  padding:0!important;
  min-height:0!important;
  border-color:#c9dfd2!important;
  background:#08110e!important;
  box-shadow:0 18px 44px #10281c12
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero:after{
  content:none!important;
  display:none!important;
  background:none!important
}
html[data-theme="light"] #nutritionView .nutrition-hero-stage .nutrition-hero-art{
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:auto!important;height:auto!important;transform:none!important;
  z-index:0!important;filter:none!important
}
html[data-theme="light"] #nutritionView .nutrition-hero-stage .nutrition-hero-art span{display:none!important}
html[data-theme="light"] #nutritionView .nutrition-hero-stage .nutrition-hero-art picture,
html[data-theme="light"] #nutritionView .nutrition-hero-stage .nutrition-hero-art img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:92% 48%!important;
  filter:saturate(.95) contrast(1.04)!important;
  mix-blend-mode:normal!important
}
html[data-theme="light"] #nutritionView .nutrition-hero-stage:after{
  background:linear-gradient(90deg,#070c0af2 0%,#070c0ad8 16%,#070c0a88 30%,#070c0a33 44%,transparent 58%)
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-hero-copy.view-title,
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-hero-copy{
  max-width:20rem!important;
  min-height:440px;
  padding:28px 8px 20px 12px!important
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-hero-copy.view-title small,
html[data-theme="light"] #nutritionView .nutrition-hero-copy small{
  color:#49e79b!important;
  -webkit-text-fill-color:#49e79b!important
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-hero-copy.view-title h1,
html[data-theme="light"] #nutritionView .nutrition-hero-copy h1{
  color:#f5f8f6!important;
  -webkit-text-fill-color:#f5f8f6!important;
  font-weight:650!important
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-hero-copy.view-title p,
html[data-theme="light"] #nutritionView .nutrition-hero-copy p{
  padding:11px 12px!important;
  border-radius:12px!important;
  background:#070c0aee!important;
  color:#f4f8f5!important;
  -webkit-text-fill-color:#f4f8f5!important
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-steps{
  background:#f7fbf8!important;
  border-top-color:#c9dfd2!important;
  backdrop-filter:none!important
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-steps button{
  background:transparent!important;
  border-right-color:#d0e4d8!important;
  color:#5f7167!important
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-steps button strong{color:#0d1f16!important}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-steps button small{color:#5f7167!important}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-steps button.active{
  background:#e8f9f0!important;
  box-shadow:inset 0 2px 0 #49e79b!important
}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-steps button.active strong{color:#167a4d!important}
html[data-theme="light"] #nutritionView .nutrition-reference-hero .nutrition-step-icon{background:transparent!important;color:currentColor!important}

@media(max-width:900px){
  #nutritionView .nutrition-hero-stage{min-height:360px}
  #nutritionView .nutrition-hero-copy,
  #nutritionView .nutrition-reference-hero .nutrition-hero-copy{max-width:18rem!important;min-height:360px;padding:20px 8px 16px 10px!important}
  #nutritionView .nutrition-hero-copy h1,
  #nutritionView .nutrition-reference-hero .nutrition-hero-copy h1{font-size:34px!important}
  #nutritionView .nutrition-hero-art{opacity:1!important}
}
@media(max-width:700px){
  #nutritionView .nutrition-reference-hero{border-radius:21px!important}
  #nutritionView .nutrition-hero-stage{min-height:280px}
  #nutritionView .nutrition-hero-copy,
  #nutritionView .nutrition-reference-hero .nutrition-hero-copy{min-height:280px}
  #nutritionView .nutrition-hero-copy p,
  #nutritionView .nutrition-reference-hero .nutrition-hero-copy p{font-size:13px!important}
  #nutritionView .nutrition-reference-hero .nutrition-steps{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  #nutritionView .nutrition-reference-hero .nutrition-steps button{
    min-height:64px!important;
    padding:8px 3px 9px!important;
    gap:4px!important
  }
  #nutritionView .nutrition-reference-hero .nutrition-steps button small{display:none!important}
  #nutritionView .nutrition-reference-hero .nutrition-steps button strong{
    font-size:10px!important;
    line-height:1.15!important;
    letter-spacing:-.03em
  }
}

#nutritionView .nutrition-summary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  margin-bottom:20px
}
#nutritionView .nutrition-summary>div,
#nutritionView .nutrition-budget-card{
  position:relative;
  overflow:hidden;
  display:grid!important;
  justify-items:center;
  align-content:start;
  gap:0!important;
  min-height:320px!important;
  padding:22px 18px 20px!important;
  border:1px solid #2a3d34!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 50% 42%,#49e79b24,transparent 46%),
    linear-gradient(180deg,#101917 0%,#0a100e 100%)!important;
  box-shadow:0 22px 48px #00000030
}
#nutritionView .nutrition-summary>div:before{content:none!important;display:none!important}
#nutritionView .nutrition-budget-topline{
  display:flex;align-items:center;gap:8px;justify-self:start;width:100%;margin-bottom:8px;min-height:0
}
#nutritionView .nutrition-budget-kind{
  color:#b7f0d2!important;font:800 11px/1 Manrope!important;letter-spacing:.12em!important
}
#nutritionView .nutrition-metric-icon,
#nutritionView .nutrition-budget-card .nutrition-metric-icon{
  width:28px!important;height:28px!important;margin:0!important;
  border-radius:9px;background:#123024;color:#49e79b!important
}
#nutritionView .nutrition-metric-icon svg{width:16px!important;height:16px!important}
#nutritionView .nutrition-budget-gauge{position:relative;width:176px;height:176px;margin:4px 0 10px}
#nutritionView .nutrition-budget-gauge svg{
  width:176px;height:176px;transform:rotate(-90deg);filter:drop-shadow(0 0 16px #49e79b22)
}
#nutritionView .nutrition-budget-gauge circle{fill:none;stroke-width:11;stroke-linecap:round}
#nutritionView .nutrition-budget-ring-track{stroke:#1b2822}
#nutritionView .nutrition-budget-ring-value{
  stroke:#49e79b;transition:stroke-dashoffset .55s ease,stroke .25s
}
#nutritionView .nutrition-budget-card.is-over .nutrition-budget-ring-value{
  stroke:#ff7a7a;filter:drop-shadow(0 0 10px #ff6b6b55)
}
#nutritionView .nutrition-budget-center{
  position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none
}
#nutritionView .nutrition-budget-center b,
#nutritionView .nutrition-summary .nutrition-budget-center b{
  display:block;max-width:6.6rem;margin:0 auto;
  color:#f3f8f5!important;-webkit-text-fill-color:#f3f8f5!important;
  font:750 32px/1.05 Manrope!important;letter-spacing:-.045em
}
#nutritionView .nutrition-budget-center b.is-over,
#nutritionView .nutrition-budget-card.is-over .nutrition-budget-center b{
  color:#ff8f8f!important;-webkit-text-fill-color:#ff8f8f!important
}
#nutritionView .nutrition-budget-state{
  display:block;margin-top:6px;color:#9ee6c0;font:650 11px/1 Manrope;font-style:normal
}
#nutritionView .nutrition-budget-center b.is-over~.nutrition-budget-state,
#nutritionView .nutrition-budget-card.is-over .nutrition-budget-state{display:none}
#nutritionView .nutrition-budget-foot{
  width:100%;display:grid;gap:3px;text-align:center;margin-top:6px
}
#nutritionView .nutrition-budget-foot strong,
#nutritionView .nutrition-summary .nutrition-budget-foot strong,
#nutritionView .nutrition-summary .nutrition-budget-foot span,
#nutritionView .nutrition-budget-foot #nutritionCalories,
#nutritionView .nutrition-budget-foot #nutritionProtein,
#nutritionView .nutrition-budget-foot #nutritionCarbs,
#nutritionView .nutrition-budget-foot #nutritionFat{
  font:650 13px/1.3 Manrope!important;color:#eef5f0!important;-webkit-text-fill-color:#eef5f0!important
}
#nutritionView .nutrition-budget-foot>span,
#nutritionView .nutrition-budget-foot b{
  color:#8fa197!important;-webkit-text-fill-color:#8fa197!important;
  font:500 12px/1.35 Manrope!important
}
#nutritionView .nutrition-budget-bar{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;border:0!important;min-height:0!important
}
#nutritionView .nutrition-budget-head,
#nutritionView .nutrition-budget-meta{display:none!important}

html[data-theme="light"] #nutritionView .nutrition-summary>div,
html[data-theme="light"] #nutritionView .nutrition-budget-card{
  border-color:#cfe0d6!important;
  background:
    radial-gradient(circle at 50% 42%,#49e79b1f,transparent 48%),
    linear-gradient(180deg,#ffffff,#f3f8f5)!important;
  box-shadow:0 16px 36px #10281c12!important
}
html[data-theme="light"] #nutritionView .nutrition-budget-kind{color:#167a4d!important}
html[data-theme="light"] #nutritionView .nutrition-metric-icon,
html[data-theme="light"] #nutritionView .nutrition-budget-card .nutrition-metric-icon{
  background:#e7f7ee!important;color:#167a4d!important
}
html[data-theme="light"] #nutritionView .nutrition-budget-ring-track{stroke:#dce8e1}
html[data-theme="light"] #nutritionView .nutrition-budget-center b,
html[data-theme="light"] #nutritionView .nutrition-summary .nutrition-budget-center b{
  color:#102018!important;-webkit-text-fill-color:#102018!important
}
html[data-theme="light"] #nutritionView .nutrition-budget-state{color:#167a4d}
html[data-theme="light"] #nutritionView .nutrition-budget-foot strong,
html[data-theme="light"] #nutritionView .nutrition-budget-foot #nutritionCalories,
html[data-theme="light"] #nutritionView .nutrition-budget-foot #nutritionProtein,
html[data-theme="light"] #nutritionView .nutrition-budget-foot #nutritionCarbs,
html[data-theme="light"] #nutritionView .nutrition-budget-foot #nutritionFat{
  color:#102018!important;-webkit-text-fill-color:#102018!important
}
html[data-theme="light"] #nutritionView .nutrition-budget-foot>span,
html[data-theme="light"] #nutritionView .nutrition-budget-foot b{
  color:#5c6f65!important;-webkit-text-fill-color:#5c6f65!important
}

@media(max-width:720px){
  #nutritionView .nutrition-summary{gap:10px!important}
  #nutritionView .nutrition-summary>div,
  #nutritionView .nutrition-budget-card{min-height:0!important;padding:16px 12px 14px!important;border-radius:22px!important}
  #nutritionView .nutrition-budget-gauge,
  #nutritionView .nutrition-budget-gauge svg{width:132px;height:132px}
  #nutritionView .nutrition-budget-center b,
  #nutritionView .nutrition-summary .nutrition-budget-center b{font-size:26px!important}
  #nutritionView .nutrition-budget-kind{font-size:10px!important;letter-spacing:.08em!important}
}

#nutritionView #nutritionStepCapture .meal-capture-studio.panel{
  max-width:430px;margin:0 auto;padding:8px 0 12px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important
}
#nutritionView .meal-capture-studio h2{
  margin:0 0 8px!important;color:#f5faf7!important;
  font:750 clamp(34px,8vw,48px)/.92 Manrope!important;letter-spacing:-.05em!important
}
#nutritionView .meal-capture-studio h2 span{color:#49e79b}
#nutritionView .meal-capture-lead{
  margin:0 0 26px!important;max-width:22rem;color:#8b9b92!important;font:500 15px/1.45 Manrope!important
}
#nutritionView .meal-type-select{display:none!important}
#nutritionView .meal-capture-photo{
  position:relative;display:grid!important;justify-items:center;gap:12px;margin:0 0 22px!important;
  padding:0!important;border:0!important;background:transparent!important;grid-template-columns:1fr!important
}
#nutritionView .meal-capture-plate{
  position:relative;width:204px;height:204px;display:block;margin:0 auto;padding:0!important;
  border:0!important;border-radius:50%;overflow:hidden;background:#0a100e;cursor:pointer;
  box-shadow:0 0 0 1px #49e79b33,0 28px 56px #00000066
}
#nutritionView .meal-capture-plate img{
  width:100%;height:100%;object-fit:cover;object-position:78% 48%;display:block;filter:saturate(1.05) contrast(1.04)
}
#nutritionView .meal-capture-plate i{
  position:absolute;right:14px;bottom:14px;width:42px;height:42px;display:grid;place-items:center;
  border-radius:50%;background:#07110df2;color:#49e79b;box-shadow:0 8px 20px #0008;pointer-events:none
}
#nutritionView .meal-capture-plate i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#nutritionView .meal-capture-plate input{
  position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;padding:0
}
#nutritionView .meal-capture-studio.has-photo .meal-capture-plate{box-shadow:0 0 0 3px #49e79b,0 0 44px #49e79b40}
#nutritionView .meal-capture-studio.has-photo .meal-capture-plate i{background:#49e79b;color:#062014}
#nutritionView .meal-capture-plate-cap{color:#8b9b92;font:600 12px/1.35 Manrope;text-align:center}
#nutritionView .meal-capture-studio.has-photo .meal-capture-plate-cap{color:#49e79b}
#nutritionView .meal-capture-photo button,
#nutritionView .meal-capture-photo button:before{
  display:none!important
}
#nutritionView .meal-capture-studio.has-photo .meal-capture-photo button{
  display:block!important;width:min(100%,280px);min-height:48px;margin:0 auto;border:0!important;border-radius:999px!important;
  background:linear-gradient(90deg,#2fbf74,#49e79b)!important;color:#062014!important;
  font:800 15px Manrope!important;box-shadow:0 14px 30px #49e79b22
}
#nutritionView .meal-capture-when{
  display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 16px;color:#8b9b92;font:650 14px Manrope
}
#nutritionView .meal-capture-when button{
  border:0;background:none;color:inherit;padding:0;font:inherit;min-height:0;width:auto
}
#nutritionView .meal-capture-when button.on{color:#49e79b}
#nutritionView .meal-capture-studio #mealForm.smart-meal-form.compact-form,
#nutritionView #mealForm.meal-capture-dock,
#nutritionView .meal-capture-dock{
  display:flex!important;flex-direction:column!important;grid-template-columns:none!important;
  gap:0!important;padding:14px!important;border:1px solid #273830!important;border-radius:28px!important;
  background:#0d1612!important;box-shadow:0 20px 50px #00000030
}
#nutritionView #mealForm.meal-capture-dock>*{
  width:100%!important;max-width:100%!important;grid-column:auto!important
}
#nutritionView .meal-capture-name,
#nutritionView .meal-capture-dock input[name="food_name"]{
  width:100%;min-height:0!important;margin:0;border:0!important;border-bottom:1px solid #273830!important;
  border-radius:0!important;background:transparent!important;outline:none;
  font:650 22px/1.25 Manrope!important;padding:4px 2px 12px!important;color:#f5faf7!important
}
#nutritionView .meal-capture-name:focus{border-bottom-color:#49e79b!important}
#nutritionView .meal-capture-meta{
  display:grid;grid-template-columns:1.2fr .8fr;margin:8px 0 0;
  border:1px solid #273830;border-radius:16px;overflow:hidden;background:#101a16
}
#nutritionView .meal-capture-meta input,
#nutritionView .meal-capture-meta select{
  min-height:46px!important;border:0!important;border-radius:0!important;background:transparent!important;
  padding:10px 14px!important;outline:none;color:#f5faf7!important
}
#nutritionView .meal-capture-meta select{border-left:1px solid #273830!important}
#nutritionView .meal-capture-meta:focus-within{border-color:#49e79b;box-shadow:0 0 0 3px #49e79b18}
#nutritionView .meal-capture-dock>details{
  margin-top:8px;border:0!important;padding:0!important;background:transparent!important
}
#nutritionView .meal-capture-dock>details summary{
  cursor:pointer;color:#8b9b92;font:650 13px Manrope;list-style:none
}
#nutritionView .meal-capture-dock>details summary::-webkit-details-marker{display:none}
#nutritionView .meal-capture-dock>details div{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px
}
#nutritionView .meal-capture-dock>details label{display:grid;gap:5px;color:#8b9b92;font:650 11px Manrope}
#nutritionView .meal-capture-dock>details input{
  min-height:42px;border:1px solid #273830;background:#101a16;border-radius:12px;padding:10px;color:#f5faf7
}
#nutritionView .meal-capture-studio .meal-form-actions,
#nutritionView .meal-capture-studio #mealForm .meal-form-actions{
  display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
  margin-top:12px!important;padding:0!important;min-width:0!important
}
#nutritionView .meal-capture-studio .meal-save-cluster{display:contents}
#nutritionView .meal-capture-studio .meal-save-btn,
#nutritionView .meal-capture-studio #mealForm .meal-save-btn{
  width:100%!important;min-height:52px!important;flex:none!important;
  border:0!important;border-radius:999px!important;padding:12px 16px!important;
  background:linear-gradient(90deg,#2fbf74,#49e79b)!important;color:#062014!important;
  font:800 16px Manrope!important;box-shadow:0 14px 30px #49e79b22!important
}
#nutritionView .meal-capture-studio .meal-suggest-btn,
#nutritionView .meal-capture-studio #mealForm .meal-suggest-btn{
  width:auto!important;min-height:0!important;flex:none!important;justify-self:center;
  border:0!important;background:transparent!important;color:#8b9b92!important;
  padding:0!important;font:650 13px Manrope!important;box-shadow:none!important
}
#nutritionView .meal-capture-studio .meal-save-help{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#nutritionView .meal-capture-note{margin:10px 0 0;text-align:center;color:#8b9b92;font:500 12px/1.4 Manrope}
#nutritionView .meal-capture-log{margin-top:32px}
#nutritionView .meal-capture-log>b{display:block;color:#49e79b;font:800 10px Manrope;letter-spacing:.16em}
#nutritionView .meal-capture-studio #mealList{display:grid;gap:0;margin-top:8px}
#nutritionView .meal-capture-studio #mealList .muted{
  margin:14px 0 0;color:#8b9b92!important;font:500 15px/1.45 Manrope
}
#nutritionView .meal-capture-studio .meal-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;
  padding:14px 0;border:0;border-bottom:1px solid #1e2c26;background:transparent;border-radius:0
}
#nutritionView .meal-capture-studio .meal-row-icon{display:none}
#nutritionView .meal-capture-studio .meal-row-main small{
  display:block;color:#49e79b;font:750 10px Manrope;letter-spacing:.1em;text-transform:uppercase
}
#nutritionView .meal-capture-studio .meal-row-main strong{display:block;margin-top:3px;color:#f5faf7;font:700 16px Manrope}
#nutritionView .meal-capture-studio .meal-row-side{display:flex;align-items:center;gap:8px}
#nutritionView .meal-capture-studio .meal-row-side em{
  font:750 14px/1 Manrope;font-style:normal;color:#f5faf7
}
#nutritionView .meal-capture-studio .meal-row-side em svg{display:none}
#nutritionView .meal-capture-studio .meal-delete-btn{
  width:36px;height:36px;border:0;background:none;color:#8b9b92
}
#nutritionView .meal-capture-studio .meal-clear-panel{
  display:block;margin-top:8px;padding:0;border:0;background:transparent;box-shadow:none
}
#nutritionView .meal-capture-studio .meal-clear-panel>div{display:none}
#nutritionView .meal-capture-studio .meal-clear-panel button{
  display:inline-flex;width:auto;margin-top:6px;border:0!important;background:none!important;
  color:#8b9b92!important;padding:0!important;font:650 13px Manrope!important
}
#nutritionView .meal-capture-studio .meal-clear-panel[data-empty="true"]{display:none}
#nutritionView .meal-capture-studio .meal-clear-panel button .ui-icon{display:none}

html[data-theme="light"] #nutritionView .meal-capture-studio h2{color:#101c16!important}
html[data-theme="light"] #nutritionView .meal-capture-lead{color:#5a6c63!important}
html[data-theme="light"] #nutritionView .meal-capture-dock,
html[data-theme="light"] #nutritionView .meal-capture-studio #mealForm.smart-meal-form.compact-form{
  border-color:#c9ddd2!important;background:#fff!important;box-shadow:0 16px 36px #10281c12!important
}
html[data-theme="light"] #nutritionView .meal-capture-name,
html[data-theme="light"] #nutritionView .meal-capture-dock input[name="food_name"]{color:#101c16!important;border-bottom-color:#c9ddd2!important}
html[data-theme="light"] #nutritionView .meal-capture-meta{border-color:#c9ddd2;background:#eaf5ef}
html[data-theme="light"] #nutritionView .meal-capture-meta input,
html[data-theme="light"] #nutritionView .meal-capture-meta select{color:#101c16!important}
html[data-theme="light"] #nutritionView .meal-capture-meta select{border-left-color:#c9ddd2!important}
html[data-theme="light"] #nutritionView .meal-capture-when{color:#5a6c63}
html[data-theme="light"] #nutritionView .meal-capture-when button.on{color:#167a4d}
html[data-theme="light"] #nutritionView .meal-capture-studio .meal-row{border-bottom-color:#d7e3db}
html[data-theme="light"] #nutritionView .meal-capture-studio .meal-row-main strong,
html[data-theme="light"] #nutritionView .meal-capture-studio .meal-row-side em{color:#101c16}
html[data-theme="light"] #nutritionView .meal-capture-note,
html[data-theme="light"] #nutritionView .meal-capture-plate-cap,
html[data-theme="light"] #nutritionView .meal-capture-studio #mealList .muted{color:#5a6c63!important}
html[data-theme="light"] #nutritionView .meal-capture-dock>details input{background:#eaf5ef;color:#101c16;border-color:#c9ddd2}

@media(max-width:560px){
  #nutritionView .meal-capture-plate{width:184px;height:184px}
}

/* Home gate: one photo stage + 5-word bar. Keep data-view / data-home-status wiring. */
#homeView .home-gate{
  overflow:hidden;
  border:1px solid #3a5748;
  border-radius:28px;
  background:#08110e;
  box-shadow:0 28px 80px #00000055,0 0 0 1px #49e79b14
}
#homeView .home-gate-stage{position:relative;min-height:440px}
#homeView .home-gate-art,
#homeView .home-gate-art picture,
#homeView .home-gate-art img{
  position:absolute;inset:0;width:100%;height:100%
}
#homeView .home-gate-art picture{
  opacity:0;transition:opacity .45s ease
}
#homeView .home-gate-art picture.on{opacity:1}
#homeView .home-gate-art img{
  object-fit:cover;
  filter:saturate(1.02) contrast(1.06) brightness(1.05)
}
#homeView .home-gate-art picture[data-room="home"] img,
#homeView .home-gate-art picture[data-room="profile"] img{object-position:68% 42%}
#homeView .home-gate-art picture[data-room="nutrition"] img{object-position:86% 48%}
#homeView .home-gate-art picture[data-room="training"] img{object-position:78% 42%}
#homeView .home-gate-art picture[data-room="coach"] img{object-position:70% 46%}
#homeView .home-gate-art picture[data-room="tracking"] img{object-position:62% 48%}
#homeView .home-gate-stage:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#070c0af2 0%,#070c0ad8 16%,#070c0a88 30%,#070c0a33 44%,transparent 58%)
}
#homeView .home-gate-copy{
  position:relative;z-index:2;
  display:flex;flex-direction:column;
  min-height:440px;max-width:20rem;
  padding:28px 8px 20px 22px
}
#homeView .home-gate-copy small,
#homeView .home-gate-copy #homeKicker,
html[data-theme="light"] #homeView .home-gate-copy small,
html[data-theme="light"] #homeView .home-gate-copy #homeKicker{
  color:#49e79b!important;-webkit-text-fill-color:#49e79b!important;
  font:800 10px/1 Manrope;letter-spacing:1.6px;text-shadow:none
}
#homeView .home-gate-copy h1,
html[data-theme="light"] #homeView .home-gate-copy h1{
  margin:10px 0 8px;color:#eef5f0!important;
  -webkit-text-fill-color:#eef5f0!important;
  font:650 48px/1.04 Manrope!important;letter-spacing:-.03em;
  text-shadow:0 2px 18px #070c0ad0!important
}
#homeView .home-gate[data-picked] .home-gate-stage{cursor:pointer}
#homeView .home-gate-copy p,
#homeView .home-gate-copy #homeHeroLead{
  margin-top:auto;margin-bottom:0;max-width:16.5rem;min-height:3.2em;
  color:#f4f8f5!important;
  -webkit-text-fill-color:#f4f8f5;
  font:600 15px/1.45 Manrope;
  text-shadow:0 1px 2px #000c,0 2px 8px #0008
}
html[data-theme="light"] #homeView .home-gate-copy p,
html[data-theme="light"] #homeView .home-gate-copy #homeHeroLead{
  padding:11px 12px;border-radius:12px;background:#070c0aee;text-shadow:none
}
html[data-theme="dark"] #homeView .home-gate-copy p,
html[data-theme="dark"] #homeView .home-gate-copy #homeHeroLead{
  padding:0;border-radius:0;background:transparent
}

#homeView .home-gate-rooms.home-card-grid{
  position:relative;z-index:3;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid #3a5748;
  border-radius:0!important;
  background:#141c18!important;
  box-shadow:none!important
}
#homeView .home-gate .home-module-card,
#homeView .home-gate .home-module-card:nth-child(n),
#homeView .home-gate .profile-home-card,
#homeView .home-gate .home-card-grid .home-module-card{
  isolation:auto;
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
  grid-auto-flow:row!important;
  justify-items:center!important;
  align-content:center!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  width:100%;
  min-height:88px!important;
  margin:0!important;
  padding:12px 6px!important;
  overflow:hidden!important;
  border:0!important;
  border-right:1px solid #1e2c26!important;
  border-radius:0!important;
  background:#141c18!important;
  background-image:none!important;
  background-color:#141c18!important;
  color:#8fa197!important;
  box-shadow:none!important;
  text-align:center;
  transform:none!important;
  filter:none!important
}
#homeView .home-gate .home-module-card:last-child{border-right:0!important}
#homeView .home-gate .home-module-card:before,
#homeView .home-gate .home-module-card:after{display:none!important;content:none!important}
#homeView .home-gate .home-module-card>*{
  grid-column:1!important;
  grid-row:auto!important;
  justify-self:center!important;
  align-self:center!important;
  min-width:0;
  max-width:100%
}
#homeView .home-gate .home-module-card svg{
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  filter:none!important
}
#homeView .home-gate .home-module-card strong{
  display:block;width:100%;
  color:#e8f1eb!important;
  -webkit-text-fill-color:#e8f1eb!important;
  font:600 13px/1.2 Manrope!important;
  letter-spacing:-.02em;
  text-shadow:none!important
}
#homeView .home-gate .home-module-card .home-card-status,
#homeView .home-gate .home-module-card em{
  display:block;width:100%;max-width:100%;
  margin:0;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  color:#8fa197!important;
  -webkit-text-fill-color:#8fa197!important;
  font:500 11px/1.25 Manrope!important;
  font-style:normal;
  letter-spacing:0;
  white-space:nowrap;
  overflow:hidden!important;
  text-overflow:ellipsis;
  text-shadow:none!important
}
#homeView .home-gate .home-module-card small{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}
#homeView .home-gate .home-module-card.is-over,
#homeView .home-gate .home-module-card:hover,
#homeView .home-gate .home-module-card:focus-visible{
  background:#102019!important;
  background-image:none!important;
  color:#49e79b!important;
  box-shadow:inset 0 2px 0 #49e79b!important;
  transform:none!important
}
#homeView .home-gate .home-module-card.is-over strong,
#homeView .home-gate .home-module-card:hover strong,
#homeView .home-gate .home-module-card:focus-visible strong{
  color:#e9fff3!important;-webkit-text-fill-color:#e9fff3!important
}
#homeView .home-gate .home-module-card.is-over .home-card-status,
#homeView .home-gate .home-module-card:hover .home-card-status,
#homeView .home-gate .home-module-card:focus-visible .home-card-status,
#homeView .home-gate .home-module-card.is-over em,
#homeView .home-gate .home-module-card:hover em{color:#9ee6c0!important}

html[data-theme="light"] #homeView .home-gate{
  border-color:#c9dfd2;
  box-shadow:0 18px 44px #10281c12
}
html[data-theme="light"] #homeView .home-gate-rooms.home-card-grid{
  background:#f7fbf8!important;
  border-top-color:#c9dfd2
}
html[data-theme="light"] #homeView .home-gate .home-module-card,
html[data-theme="light"] #homeView .home-gate .home-module-card:nth-child(n),
html[data-theme="light"] #homeView .home-gate .profile-home-card,
html[data-theme="light"] #homeView .home-gate .home-card-grid .home-module-card{
  background:#f7fbf8!important;
  background-image:none!important;
  color:#5f7167!important;
  text-shadow:none!important
}
html[data-theme="light"] #homeView .home-gate .home-card-grid .home-module-card :where(strong,small,em,span,.home-card-status){
  background:transparent!important;
  background-image:none!important;
  text-shadow:none!important
}
html[data-theme="light"] #homeView .home-gate .home-module-card{
  border-right-color:#d0e4d8!important
}
html[data-theme="light"] #homeView .home-gate .home-module-card strong{
  color:#0d1f16!important;-webkit-text-fill-color:#0d1f16!important
}
html[data-theme="light"] #homeView .home-gate .home-module-card .home-card-status,
html[data-theme="light"] #homeView .home-gate .home-module-card em{
  background:transparent!important;
  color:#5f7167!important;-webkit-text-fill-color:#5f7167!important
}
html[data-theme="light"] #homeView .home-gate .home-module-card.is-over,
html[data-theme="light"] #homeView .home-gate .home-module-card:hover,
html[data-theme="light"] #homeView .home-gate .home-module-card:focus-visible{
  background:#e8f9f0!important;
  color:#49e79b!important
}
html[data-theme="light"] #homeView .home-gate .home-module-card.is-over strong,
html[data-theme="light"] #homeView .home-gate .home-module-card:hover strong,
html[data-theme="light"] #homeView .home-gate .home-module-card:focus-visible strong{
  color:#167a4d!important;-webkit-text-fill-color:#167a4d!important
}
html[data-theme="light"] #homeView .home-gate .home-module-card.is-over .home-card-status,
html[data-theme="light"] #homeView .home-gate .home-module-card:hover .home-card-status,
html[data-theme="light"] #homeView .home-gate .home-module-card.is-over em,
html[data-theme="light"] #homeView .home-gate .home-module-card:hover em{
  color:#2e8a5c!important;-webkit-text-fill-color:#2e8a5c!important
}

@media(max-width:900px){
  #homeView .home-gate-stage,
  #homeView .home-gate-copy{min-height:360px}
  #homeView .home-gate-copy{padding:20px 10px 16px 16px}
  #homeView .home-gate-copy h1{font-size:34px}
}
@media(max-width:700px){
  #homeView .home-gate{border-radius:21px}
  #homeView .home-gate-stage,
  #homeView .home-gate-copy{min-height:min(52vh,420px)}
  #homeView .home-gate-copy{max-width:17rem;padding:18px 10px 14px 14px}
  #homeView .home-gate-copy h1{font-size:30px}
  #homeView .home-gate .home-module-card{min-height:72px!important;padding:10px 4px!important;gap:4px!important}
  #homeView .home-gate .home-module-card strong{font-size:11px!important}
  #homeView .home-gate .home-module-card .home-card-status,
  #homeView .home-gate .home-module-card em{font-size:10px!important}
}

/* Preise/shopping gate: photo stage + 3 mode words + 7 market euros. IDs unchanged. */
#nutritionStepShopping .shopping-panel{
  overflow:hidden;
  padding:0;
  border:1px solid #3a5748;
  border-radius:28px;
  background:#08110e;
  box-shadow:0 28px 80px #00000040
}
#nutritionView #nutritionStepShopping.active-step .shopping-panel,
#nutritionView .nutrition-step-panel.active-step .shopping-panel{
  border-color:#3a5748;
  box-shadow:0 28px 80px #00000040
}
#nutritionStepShopping .shopping-gate-stage{
  position:relative;
  min-height:400px;
  overflow:hidden;
  background:#08110e
}
#nutritionStepShopping .shopping-gate-stage img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:58% 46%;
  filter:saturate(1.02) contrast(1.04) brightness(.96)
}
#nutritionStepShopping .shopping-gate-stage:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,#070c0af6 0%,#070c0ae8 26%,#070c0a88 48%,transparent 70%)
}
#nutritionStepShopping .shopping-gate-copy{
  position:relative;z-index:1;
  display:flex;flex-direction:column;
  min-height:400px;max-width:26rem;
  padding:28px 16px 22px 22px
}
#nutritionStepShopping .shopping-gate-copy small{
  color:#49e79b!important;
  -webkit-text-fill-color:#49e79b!important;
  font:800 10px/1 Manrope;letter-spacing:1.6px;text-shadow:none
}
#nutritionStepShopping .shopping-gate-copy h2,
html[data-theme="light"] #nutritionStepShopping .shopping-gate-copy h2{
  margin:12px 0 0;color:#f4f8f5!important;
  -webkit-text-fill-color:#f4f8f5!important;
  font:650 40px/1.05 Manrope;letter-spacing:-.04em;
  text-shadow:0 2px 18px #070c0ad0
}
#nutritionStepShopping .shopping-gate-copy #shoppingTotal,
html[data-theme="light"] #nutritionStepShopping .shopping-gate-copy #shoppingTotal{
  display:block;margin-top:14px;color:#49e79b!important;
  -webkit-text-fill-color:#49e79b!important;
  font:750 56px/.9 Manrope;letter-spacing:-.05em;
  text-shadow:0 2px 18px #070c0ad0
}
#nutritionStepShopping .shopping-gate-copy #shoppingMatched,
#nutritionStepShopping .shopping-gate-copy p{
  margin:auto 0 0;max-width:16rem;color:#f4f8f5!important;
  -webkit-text-fill-color:#f4f8f5;
  font:600 15px/1.45 Manrope;
  text-shadow:0 1px 2px #000c,0 2px 8px #0008
}
html[data-theme="dark"] #nutritionStepShopping .shopping-gate-copy #shoppingMatched{
  padding:0;border-radius:0;background:transparent
}
html[data-theme="light"] #nutritionStepShopping .shopping-gate-copy #shoppingMatched{
  padding:11px 12px;border-radius:12px;background:#070c0aee;text-shadow:none;
  color:#f4f8f5!important;-webkit-text-fill-color:#f4f8f5!important
}

#nutritionStepShopping .price-strategy{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  border:0;
  border-top:1px solid #3a5748;
  background:#141c18
}
#nutritionStepShopping .price-strategy button,
#nutritionStepShopping .price-strategy button:nth-child(n){
  min-height:72px;
  padding:8px 6px!important;
  display:grid;
  place-items:center;
  gap:0!important;
  text-align:center;
  border:0!important;
  border-right:1px solid #1e2c26!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8fa197!important;
  box-shadow:none!important;
  cursor:pointer
}
#nutritionStepShopping .price-strategy button:last-child{border-right:0!important}
#nutritionStepShopping .price-strategy button b{
  font:650 16px Manrope;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important
}
#nutritionStepShopping .price-strategy button small{display:none}
#nutritionStepShopping .price-strategy button.active{
  background:#102019!important;
  color:#e9fff3!important;
  box-shadow:inset 0 2px 0 #49e79b!important
}
#nutritionStepShopping .price-strategy button.active b{
  color:#e9fff3!important;
  -webkit-text-fill-color:#e9fff3!important
}

#nutritionStepShopping .store-picker.guided{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  border-top:1px solid #1e2c26;
  background:#141c18
}
#nutritionStepShopping .store-group{
  display:contents;
  padding:0;
  border:0;
  background:transparent;
  border-radius:0
}
#nutritionStepShopping .store-group>strong{display:none}
#nutritionStepShopping .store-picker.guided label,
#nutritionStepShopping .store-picker.guided label.live,
#nutritionStepShopping .store-picker.guided label.estimate{
  position:relative;
  min-width:0;
  min-height:78px;
  margin:0;
  padding:10px 6px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-content:center;
  gap:4px!important;
  justify-items:center;
  border:0!important;
  border-right:1px solid #1e2c26!important;
  border-radius:0!important;
  background:transparent!important;
  text-align:center;
  cursor:pointer
}
#nutritionStepShopping .store-group:last-child label:last-of-type{border-right:0!important}
#nutritionStepShopping .store-picker.guided input{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0
}
#nutritionStepShopping .store-picker.guided span{
  grid-column:auto;
  color:#8fa197!important;
  -webkit-text-fill-color:#8fa197!important;
  font:650 12px Manrope
}
#nutritionStepShopping .store-picker.guided small{display:none}
#nutritionStepShopping .store-picker.guided .store-euro{
  font:750 15px Manrope;
  font-style:normal;
  color:#eef5f0!important;
  -webkit-text-fill-color:#eef5f0!important
}
#nutritionStepShopping .store-picker.guided label:has(input:checked){
  background:#102019!important;
  box-shadow:inset 0 2px 0 #49e79b
}
#nutritionStepShopping .store-picker.guided label:has(input:checked) span,
#nutritionStepShopping .store-picker.guided label:has(input:checked) .store-euro{
  color:#49e79b!important;
  -webkit-text-fill-color:#49e79b!important
}
#nutritionStepShopping .shopping-panel.comfort-mode .store-picker.guided label:not(:has(input:checked)){
  opacity:.42
}

#nutritionStepShopping .shopping-list{
  margin:0;
  padding:14px 16px 16px;
  border-top:1px solid #1e2c26;
  background:#0d1410
}

html[data-theme="light"] #nutritionStepShopping .shopping-panel,
html[data-theme="light"] #nutritionView #nutritionStepShopping.active-step .shopping-panel{
  background:#08110e!important;
  border-color:#c9dfd2!important;
  color:#eef5f0!important;
  box-shadow:0 18px 44px #10281c12
}
html[data-theme="light"] #nutritionStepShopping .price-strategy{
  background:#f7fbf8;
  border-top-color:#c9dfd2
}
html[data-theme="light"] #nutritionStepShopping .price-strategy button,
html[data-theme="light"] #nutritionStepShopping .price-strategy button:nth-child(n){
  background:transparent!important;
  border-right-color:#d0e4d8!important;
  color:#5c6e65!important
}
html[data-theme="light"] #nutritionStepShopping .price-strategy button b{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important
}
html[data-theme="light"] #nutritionStepShopping .price-strategy button.active{
  background:#e8f9f0!important;
  color:#167a4d!important
}
html[data-theme="light"] #nutritionStepShopping .price-strategy button.active b{
  color:#167a4d!important;
  -webkit-text-fill-color:#167a4d!important
}
html[data-theme="light"] #nutritionStepShopping .store-picker.guided{
  background:#f7fbf8;
  border-top-color:#d0e4d8
}
html[data-theme="light"] #nutritionStepShopping .store-picker.guided label,
html[data-theme="light"] #nutritionStepShopping .store-picker.guided label.live,
html[data-theme="light"] #nutritionStepShopping .store-picker.guided label.estimate,
html[data-theme="light"] #nutritionStepShopping .store-group{
  background:transparent!important;
  border-color:#d0e4d8!important;
  color:#101c16!important
}
html[data-theme="light"] #nutritionStepShopping .store-picker.guided label{
  border-right-color:#d0e4d8!important
}
html[data-theme="light"] #nutritionStepShopping .store-picker.guided span{
  color:#5c6e65!important;
  -webkit-text-fill-color:#5c6e65!important
}
html[data-theme="light"] #nutritionStepShopping .store-picker.guided .store-euro{
  color:#101c16!important;
  -webkit-text-fill-color:#101c16!important
}
html[data-theme="light"] #nutritionStepShopping .store-picker.guided label:has(input:checked){
  background:#e8f9f0!important
}
html[data-theme="light"] #nutritionStepShopping .store-picker.guided label:has(input:checked) span,
html[data-theme="light"] #nutritionStepShopping .store-picker.guided label:has(input:checked) .store-euro{
  color:#167a4d!important;
  -webkit-text-fill-color:#167a4d!important
}
html[data-theme="light"] #nutritionStepShopping .shopping-list{
  background:#f7fbf8;
  border-top-color:#d0e4d8
}
html[data-theme="light"] #nutritionStepShopping .shopping-list li{
  border-color:#d7e3db;
  background:#ffffff
}

@media(max-width:900px){
  #nutritionStepShopping .shopping-gate-stage,
  #nutritionStepShopping .shopping-gate-copy{min-height:320px}
  #nutritionStepShopping .shopping-gate-copy h2{font-size:32px!important}
  #nutritionStepShopping .shopping-gate-copy #shoppingTotal{font-size:44px!important}
  #nutritionStepShopping .store-picker.guided{
    display:flex!important;
    flex-wrap:wrap
  }
  #nutritionStepShopping .store-picker.guided label{
    flex:1 0 24%;
    border-right:1px solid #1e2c26!important;
    border-bottom:1px solid #1e2c26!important
  }
  #nutritionStepShopping .store-group:first-child label:last-of-type,
  #nutritionStepShopping .store-group:last-child label:last-of-type{border-right:0!important}
  html[data-theme="light"] #nutritionStepShopping .store-picker.guided label{
    border-right-color:#d0e4d8!important;
    border-bottom-color:#d0e4d8!important
  }
}
@media(max-width:760px){
  #nutritionStepShopping .price-strategy{
    grid-template-columns:repeat(3,minmax(0,1fr))!important
  }
}
@media(max-width:700px){
  #nutritionStepShopping .shopping-panel{border-radius:21px}
  #nutritionStepShopping .shopping-gate-stage,
  #nutritionStepShopping .shopping-gate-copy{min-height:280px}
  #nutritionStepShopping .shopping-gate-copy{padding:18px 12px 16px 16px}
  #nutritionStepShopping .shopping-gate-copy h2{font-size:28px!important}
  #nutritionStepShopping .shopping-gate-copy #shoppingTotal{margin-top:10px;font-size:40px!important}
  #nutritionStepShopping .price-strategy button{min-height:58px}
  #nutritionStepShopping .price-strategy button b{font-size:14px}
  #nutritionStepShopping .store-picker.guided label{flex:1 0 25%;min-height:70px}
}

/* Alltag live 1:1 from preview-alltag.html — function IDs unchanged */
#trackingView{
  max-width:min(1180px,100%);
}
#trackingView .alltag-house{
  overflow:hidden;
  border-radius:34px;
  border:1px solid #2a3d34;
  box-shadow:0 50px 120px #00000080,0 0 0 1px #49e79b10;
  background:#050706
}
#trackingView .alltag-hero{
  position:relative;
  min-height:420px;
  isolation:isolate
}
#trackingView .alltag-hero picture,
#trackingView .alltag-hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:72% 40%;
  filter:saturate(.88) contrast(1.12) brightness(.78)
}
#trackingView .alltag-hero:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#050706f0 0%,#050706b8 28%,#05070640 52%,transparent 70%),
    linear-gradient(180deg,transparent 42%,#050706 100%)
}
#trackingView .alltag-hero-copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:420px;
  max-width:22rem;
  padding:40px 32px 28px
}
#trackingView .alltag-hero-copy small{
  color:#49e79b;
  font:800 10px Manrope;
  letter-spacing:.22em
}
#trackingView .alltag-hero-copy h1{
  margin:12px 0 0;
  color:#f3f7f4;
  font:500 64px/.92 Manrope;
  letter-spacing:-.055em;
  text-shadow:0 10px 50px #000a
}
#trackingView .alltag-hero-copy p{
  margin:14px 0 0;
  color:#d5e2db;
  font:500 16px/1.45 Manrope
}
#trackingView .alltag-skyline{
  display:grid;
  grid-template-columns:1.35fr 1fr;
  grid-auto-rows:minmax(188px,auto);
  gap:0;
  background:#050706
}
#trackingView .alltag-skyline[hidden],
#trackingView .alltag-hero[hidden],
#trackingView .alltag-room{display:none!important}
#trackingView .alltag-room.on{display:block!important}
#trackingView .alltag-cell{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  min-height:0;
  padding:26px 24px 22px;
  text-align:left;
  border:0;
  border-top:1px solid #1e2c26;
  border-radius:0;
  cursor:pointer;
  color:#f3f7f4;
  background:transparent
}
#trackingView .alltag-cell:nth-child(even){border-left:1px solid #1e2c26}
#trackingView .alltag-cell:before{
  content:attr(data-n);
  position:absolute;
  right:44px;
  top:22px;
  font:800 76px/.85 Manrope;
  letter-spacing:-.06em;
  color:#fff;
  opacity:.07;
  pointer-events:none
}
#trackingView .alltag-cell:hover,
#trackingView .alltag-cell:focus-visible{
  z-index:2;
  outline:0;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 70%,transparent)
}
#trackingView .alltag-mark{
  width:36px;
  height:36px;
  margin-bottom:18px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:var(--c);
  background:color-mix(in srgb,var(--c) 14%,transparent);
  border:1px solid color-mix(in srgb,var(--c) 30%,transparent)
}
#trackingView .alltag-mark svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}
#trackingView .alltag-cell strong{
  display:block;
  font:650 28px/.95 Manrope;
  letter-spacing:-.04em;
  color:#f3f7f4
}
#trackingView .alltag-cell em{
  display:block;
  margin-top:6px;
  color:#b7c6bd;
  font:500 13px/1.35 Manrope;
  font-style:normal
}
#trackingView .alltag-cell b{
  display:block;
  margin-top:16px;
  color:var(--c);
  font:750 12px Manrope;
  letter-spacing:.04em
}
#trackingView .c-today{--c:#49e79b;min-height:230px;background:linear-gradient(165deg,#123226,#08140f)}
#trackingView .c-plan{--c:#e8c56a;background:linear-gradient(180deg,#22190a,#120e08)}
#trackingView .c-water{--c:#7ee3ff;background:linear-gradient(180deg,#0c2a32,#081318)}
#trackingView .c-sleep{--c:#c4b4ff;min-height:230px;background:linear-gradient(165deg,#241a40,#0d0c16)}
#trackingView .c-mood{--c:#ffc08a;background:linear-gradient(180deg,#2a1a16,#140f0e)}
#trackingView .c-weight{--c:#ff8fb8;background:linear-gradient(180deg,#2a121c,#14080e)}
#trackingView .c-history{--c:#8fd4b8;background:linear-gradient(180deg,#14241c,#0a1410)}
#trackingView .c-trends{--c:#8ab4e8;background:linear-gradient(180deg,#152030,#0a1018)}
#trackingView .c-review{--c:#e0c9a0;background:linear-gradient(180deg,#2a2418,#14100a)}
#trackingView .c-today strong,
#trackingView .c-sleep strong,
#trackingView .c-mood strong,
#trackingView .c-story strong{font-size:32px}
#trackingView .alltag-skyline{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:auto;
  gap:10px;
  padding:12px 12px 16px;
  background:transparent
}
#trackingView .alltag-cell{
  min-height:132px;
  padding:20px 18px 16px;
  border:1px solid #24332c;
  border-radius:22px;
  background:#101614
}
#trackingView .alltag-cell:nth-child(even){border-left:1px solid #24332c}
#trackingView .alltag-cell:before{display:none}
#trackingView .alltag-giant{display:none!important}
#trackingView .c-today{grid-column:1 / -1;min-height:168px}
#trackingView .c-plan{display:none}
#trackingView .c-mood{min-height:156px}
#trackingView .c-story{
  grid-column:1 / -1;
  min-height:118px;
  --c:#8fd4b8;
  background:linear-gradient(165deg,#14241c,#0a1410)
}
#trackingView .c-sleep,
#trackingView .c-water,
#trackingView .c-weight{min-height:128px}
#trackingView .alltag-story-bar{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
  z-index:1;
  max-width:100%
}
#trackingView .alltag-story-copy h2{
  margin:0;
  color:#f3f7f4;
  font:600 28px/1.1 Manrope;
  letter-spacing:-.04em
}
#trackingView .alltag-story-copy p{
  margin:6px 0 0;
  color:#b7c6bd;
  font:500 14px/1.4 Manrope;
  max-width:36rem
}
#trackingView .alltag-story-tabs{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none
}
#trackingView .alltag-story-tabs::-webkit-scrollbar{display:none}
#trackingView .alltag-story-tabs button{
  flex:0 0 auto;
  min-height:44px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid #2d5a44;
  background:#163226;
  color:#eef5f0;
  font:700 13px Inter;
  cursor:pointer;
  white-space:nowrap
}
#trackingView .alltag-story-tabs button.on{
  border-color:#49e79b99;
  background:linear-gradient(180deg,#1a3d2c,#49e79b33);
  color:#eef5f0;
  box-shadow:none
}
#trackingView .alltag-story-tabs button:focus-visible{outline:2px solid #e8c56a;outline-offset:2px}
#trackingView .alltag-story-vis{grid-template-columns:1fr;margin-top:8px}
#trackingView .alltag-story-vis h2{
  font-size:32px;
  margin-top:4px
}
#trackingView .alltag-room{min-height:560px}
#trackingView .alltag-stage{
  position:relative;
  min-height:560px;
  padding:22px 24px 36px;
  display:flex;
  flex-direction:column
}
#trackingView .alltag-stage:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(800px 400px at 80% -10%,color-mix(in srgb,var(--c) 22%,transparent),transparent 60%),
    linear-gradient(180deg,#0a0e0c,#070908 70%)
}
#trackingView .p-today{--c:#49e79b}
#trackingView .p-plan{--c:#e8c56a}
#trackingView .p-water{--c:#72d9ff}
#trackingView .p-sleep{--c:#b7a5ff}
#trackingView .p-mood{--c:#ffbd72}
#trackingView .p-weight{--c:#ff8fb8}
#trackingView .alltag-bar{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:28px
}
#trackingView .alltag-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 2px;
  color:#c9d6cf;
  font:650 13px Manrope;
  background:none;
  border:0;
  cursor:pointer
}
#trackingView .alltag-back:hover{color:#49e79b}
#trackingView .alltag-words{display:flex;flex-wrap:wrap;gap:4px 14px}
#trackingView .alltag-words button{
  padding:6px 0;
  color:#6f8178;
  font:650 13px Manrope;
  letter-spacing:-.02em;
  background:none;
  border:0;
  border-radius:0;
  cursor:pointer
}
#trackingView .alltag-words button.on{
  color:var(--c,#49e79b);
  box-shadow:inset 0 -2px 0 currentColor
}
#trackingView .alltag-vis{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(280px,.8fr);
  gap:40px;
  align-items:end;
  margin-top:auto;
  padding-bottom:8px
}
#trackingView .alltag-vis small{
  display:block;
  color:var(--c);
  font:800 11px Manrope;
  letter-spacing:.2em
}
#trackingView .alltag-vis h2{
  margin:12px 0 12px;
  color:#f3f7f4;
  font:500 56px/.95 Manrope;
  letter-spacing:-.05em
}
#trackingView .alltag-vis p{
  margin:0;
  max-width:28rem;
  color:#b7c4bc;
  font:500 16px/1.5 Manrope
}
#trackingView .alltag-vis .routine-water-status-pill,
#trackingView .alltag-vis .sleep-source-pill,
#trackingView .alltag-vis .recovery-source-pill{
  display:inline-flex;
  margin-top:18px;
  margin-left:0;
  border-radius:999px;
  padding:13px 18px;
  border:1px solid rgba(255,255,255,.14);
  font:650 13px Manrope;
  color:#d7e3dc;
  background:transparent
}
#trackingView .alltag-giant{
  font:800 180px/.75 Manrope;
  letter-spacing:-.08em;
  color:color-mix(in srgb,var(--c) 18%,transparent);
  user-select:none;
  text-align:right
}
#trackingView .alltag-board{
  position:relative;
  z-index:1;
  margin-top:28px;
  display:grid;
  gap:10px
}
#trackingView .alltag-board .routine-settings-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}
#trackingView .alltag-board .routine-setting-field{
  padding:18px 18px 16px;
  border-radius:20px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.08)
}
#trackingView .alltag-board .routine-setting-field>span{
  color:var(--c);
  font:800 9px Manrope;
  letter-spacing:.14em
}
#trackingView .alltag-board .routine-setting-field select,
#trackingView .alltag-board .routine-setting-field input{
  width:100%;
  margin-top:8px;
  border:1px solid rgba(255,255,255,.12);
  background:#0b110f;
  color:#eef5f0;
  border-radius:12px;
  padding:12px;
  font:600 14px Manrope
}
#trackingView .alltag-board .routine-plan-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center
}
#trackingView .alltag-board .routine-module-grid{display:block;margin:0}
#trackingView .alltag-board .panel,
#trackingView .alltag-board .routine-water,
#trackingView .alltag-board .routine-sleep-card,
#trackingView .alltag-board .routine-recovery-card,
#trackingView .alltag-board .routine-progress-panel{
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0
}
#trackingView .body-tracking-shell{display:block;gap:0}
#trackingView .routine-more-wrap{display:none!important}

@media(max-width:980px){
  #trackingView .alltag-skyline{grid-template-columns:1fr 1fr}
  #trackingView .alltag-vis{grid-template-columns:1fr}
  #trackingView .alltag-giant{display:none}
  #trackingView .alltag-hero-copy h1{font-size:48px}
  #trackingView .alltag-vis h2{font-size:40px}
}
@media(max-width:640px){
  #trackingView .alltag-house{border-radius:22px}
  #trackingView .alltag-hero,
  #trackingView .alltag-hero-copy{min-height:280px}
  #trackingView .alltag-hero-copy{padding:24px 18px 20px}
  #trackingView .alltag-hero-copy h1{font-size:40px}
  #trackingView .alltag-skyline{grid-template-columns:1fr}
  #trackingView .alltag-cell{min-height:150px;padding:22px 18px;border-left:0!important}
  #trackingView .alltag-cell:before{right:20px;top:14px;font-size:56px}
  #trackingView .alltag-cell strong{font-size:26px}
  #trackingView .c-today strong{font-size:32px}
  #trackingView .alltag-bar{flex-direction:column;align-items:flex-start}
  #trackingView .alltag-stage{min-height:auto;padding:16px 16px 28px}
  #trackingView .alltag-board .routine-settings-grid{grid-template-columns:1fr}
}

/* Referenzgetreue Heute-Komposition 2026-09-20. */
#trackingRoom-today .alltag-stage.alltag-cinema{min-height:100dvh;padding:0 20px 26px;border:0;border-radius:0;background:transparent;overflow:visible}
#trackingRoom-today .alltag-cinema-photo,#trackingRoom-today .alltag-cinema-photo img{position:fixed;inset:0;width:100%;height:100%;object-fit:cover}
#trackingRoom-today .alltag-cinema-photo img{object-position:center;filter:saturate(.7) contrast(1.05) brightness(.47) blur(1px);transform:scale(1.015)}
#trackingRoom-today .alltag-cinema-wash{position:fixed;background:linear-gradient(180deg,rgba(19,13,9,.34),rgba(8,9,8,.27) 48%,rgba(4,8,6,.55)),radial-gradient(80% 50% at 78% 8%,rgba(236,198,150,.2),transparent 64%)}
#trackingRoom-today .today-reference-head{display:grid;grid-template-columns:1fr auto 48px;gap:16px;width:100%;max-width:900px;margin:0 auto;padding:28px 16px 22px;align-items:center}
#trackingRoom-today .today-reference-head .alltag-back,#trackingRoom-today .today-reference-head .alltag-words{display:none!important}
.today-reference-brand{display:grid;gap:5px;color:#fff}.today-reference-brand strong{font:650 10px/1 Inter;letter-spacing:.29em}.today-reference-brand strong:after{content:"";display:inline-block;width:28px;height:1px;margin:0 0 3px 13px;background:#fff8}.today-reference-brand span{font:500 9px/1 Inter;letter-spacing:.26em}
.today-reference-date{display:grid;color:#eee6df;font:400 10px/1.25 Inter;text-align:right}.today-reference-theme{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#ffffff0d;color:#f8f1e9;box-shadow:inset 0 1px #fff4;backdrop-filter:blur(10px)}.today-reference-theme svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round}
#trackingRoom-today .alltag-cinema-body{display:block;width:100%;max-width:900px;margin:0 auto;padding:0}
#trackingRoom-today .alltag-cinema-hero{display:none!important}
#trackingRoom-today .wellbeing-premium{width:100%;margin:0;padding:28px 30px 25px;border-radius:32px;border-color:#ffffff70;background:linear-gradient(135deg,rgba(48,50,48,.52),rgba(23,25,23,.36));box-shadow:inset 0 1px #ffffff80,0 20px 46px #0005}
#trackingRoom-today .wellbeing-premium-head h3{margin-top:8px;font-size:31px;line-height:1;white-space:nowrap}
#trackingRoom-today .wellbeing-premium-head p{position:absolute;right:34px;top:28px;width:120px;font-size:15px;line-height:1.22;text-align:center;transform:rotate(-7deg)}
#trackingRoom-today .wellbeing-live-mark{display:none}
#trackingRoom-today .wellbeing-glass-card{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#trackingRoom-today .wellbeing-fieldset:first-child{margin-top:18px}
#trackingRoom-today .wellbeing-moods{gap:18px}
#trackingRoom-today .wellbeing-moods button{gap:8px}
#trackingRoom-today .wellbeing-moods button i{width:58px;height:58px;border-color:#ffffff3c;background:#ffffff0b}
#trackingRoom-today .wellbeing-moods svg{width:31px;height:31px}
#trackingRoom-today .wellbeing-moods button span{font-size:11px;color:#f1ece7}
#trackingRoom-today .wellbeing-divider{margin:17px 0 16px;background:#ffffff27}
#trackingRoom-today .wellbeing-fieldset legend{font-size:17px;font-weight:500}
#trackingRoom-today .wellbeing-stress-track{height:42px;background:rgba(8,10,9,.18);border-color:#ffffff52}
#trackingRoom-today .wellbeing-stress-track i{width:9px;height:9px;background:#c7cec9}
#trackingRoom-today .wellbeing-stress-track button.active i{width:24px;height:24px}
#trackingRoom-today .wellbeing-stress-labels{font-size:10px}
#trackingRoom-today .wellbeing-save,#trackingRoom-today .wellbeing-success{display:none!important}
#trackingRoom-today .alltag-cinema-sheet{padding:0;margin:21px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
#trackingRoom-today .alltag-cinema-sheet:before{display:none}
#trackingRoom-today .alltag-plan-path,#trackingRoom-today .alltag-cinema-sheet>h2,#trackingRoom-today .alltag-cinema-sheet>.routine-plan-hint{display:none!important}
#trackingRoom-today .today-next{gap:15px;margin:0}
#trackingRoom-today .today-next-section-head{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:0 4px;color:#f0ebe6}
#trackingRoom-today .today-next-section-head strong{font:650 10px/1 Inter;letter-spacing:.28em;white-space:nowrap}.today-next-section-head span{height:1px;background:linear-gradient(90deg,#ffffff80,transparent)}.today-next-section-head p{margin:0;font:400 10px/1 Inter;white-space:nowrap;color:#d4cdc7}
#trackingRoom-today .today-next-card{position:relative;grid-template-columns:136px minmax(0,1fr) 142px;gap:22px;min-height:180px;padding:24px 28px;border-radius:30px;border-color:#ffffff68;background:linear-gradient(135deg,rgba(66,68,66,.5),rgba(27,30,28,.35));box-shadow:inset 0 1px #ffffff70,0 20px 44px #0004}
.today-next-arrow{position:absolute;top:16px;right:18px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff35;border-radius:50%;color:#fff;font:300 26px/1 Inter}
#trackingRoom-today .today-next-visual{width:136px;height:136px;border-radius:22px}
#trackingRoom-today .today-next-copy{align-self:center}
#trackingRoom-today .today-next-card h3{font-size:24px;line-height:1.05;font-weight:700}
#trackingRoom-today .today-next-meta{font-size:13px;margin-top:7px}
#trackingRoom-today .today-next-summary{margin:13px 0 0;color:#e0d9d3;font:400 12px/1.35 Inter}
#trackingRoom-today .today-next-traits{margin-top:18px!important;font-size:10px!important;gap:12px 20px}
#trackingRoom-today .today-next-go{align-self:center;width:142px;min-height:54px;border-radius:999px;font-size:15px}
#trackingRoom-today .today-next-else{font-size:11px;color:#d4cdc7}
#trackingRoom-today .wohlbefinden-detail.is-today-session{margin:0;padding:24px 30px;border-radius:30px;border-color:#ffffff68;background:linear-gradient(135deg,rgba(65,60,55,.52),rgba(32,32,29,.36));box-shadow:inset 0 1px #ffffff78,0 20px 44px #0004}
#trackingRoom-today .wohlbefinden-detail-inner{gap:17px}
#trackingRoom-today .wohlbefinden-session-head>span{font-size:10px;letter-spacing:.24em}
#trackingRoom-today .wohlbefinden-session-head>small{color:#e7e0da;font-size:9px;letter-spacing:.2em}
#trackingRoom-today .wohlbefinden-session-body{grid-template-columns:210px minmax(0,1fr);gap:32px;padding:0;border:0;background:transparent;box-shadow:none}
#trackingRoom-today .wohlbefinden-timer-ring{width:190px;background:conic-gradient(#8cf0bd calc(var(--wohl-progress)*1turn),rgba(255,255,255,.13) 0);box-shadow:0 0 35px #61e6a538}
#trackingRoom-today .wohlbefinden-timer-ring:before{inset:10px;background:rgba(22,43,34,.72)}
#trackingRoom-today .wohlbefinden-clock{font-size:37px!important}
#trackingRoom-today .wohlbefinden-timer-ring>span{display:none}
#trackingRoom-today .wohlbefinden-steps>span{font-size:12px;color:#d3cbc5}
#trackingRoom-today .wohlbefinden-steps>p{margin:10px 0 0;color:#fff;font:500 18px/1.35 Inter}
#trackingRoom-today .wohlbefinden-step-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.wohlbefinden-step-progress i{height:5px;border-radius:999px;background:#ffffff25}.wohlbefinden-step-progress i.on{background:#8cf0bd}
#trackingRoom-today .wohlbefinden-actions{grid-template-columns:1fr 1fr;gap:16px;margin-left:242px}
#trackingRoom-today .wohlbefinden-actions button{min-height:52px;border-radius:999px;font-size:13px}
#trackingRoom-today .wohlbefinden-actions [data-wohl-run]{order:1;border:1px solid #ffffff55;background:#ffffff0b;color:#fff;box-shadow:none}
#trackingRoom-today .wohlbefinden-actions [data-wohl-run]:before{content:"Ⅱ";margin-right:10px}
#trackingRoom-today .wohlbefinden-actions .wohlbefinden-close{order:2;position:static;border-color:#ff9b8d99;background:linear-gradient(135deg,rgba(160,70,58,.48),rgba(115,54,49,.37));color:#fff}
#trackingRoom-today .wohlbefinden-actions .wohlbefinden-close:before{content:"■";margin-right:10px;font-size:9px}
.today-reference-footer{display:flex;align-items:center;gap:18px;padding:52px 7px 18px;color:#e6e1dc}.today-reference-footer i{display:block;width:32px;height:48px;color:#dce7de;transform:rotate(-18deg)}.today-reference-footer i svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.today-reference-footer span{font:500 10px/1.65 Inter;letter-spacing:.25em}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-photo img{filter:saturate(.65) contrast(1) brightness(.82) blur(1px)}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-wash{background:linear-gradient(180deg,rgba(243,235,225,.14),rgba(232,235,230,.18) 48%,rgba(225,233,228,.5))}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium,html[data-theme="light"] #trackingRoom-today .today-next-card,html[data-theme="light"] #trackingRoom-today .wohlbefinden-detail.is-today-session{border-color:#ffffffdb;background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(242,245,242,.58));box-shadow:inset 0 1px #fff,0 20px 44px #30413922}
html[data-theme="light"] #trackingRoom-today .wellbeing-moods button span,html[data-theme="light"] #trackingRoom-today .today-next-section-head,html[data-theme="light"] .today-reference-brand,html[data-theme="light"] .today-reference-date,html[data-theme="light"] .today-reference-footer{color:#183027}
html[data-theme="light"] #trackingRoom-today .today-next-summary{color:#506158}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-session-head>small,html[data-theme="light"] #trackingRoom-today .wohlbefinden-steps>p{color:#183027}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-timer-ring:before{background:rgba(249,252,250,.92)}
@media(max-width:980px){
  body:has(#trackingView.active[data-tracking-room="today"]) .mobile-head{display:none!important}
  body:has(#trackingView.active[data-tracking-room="today"]) .app-main{padding-top:0!important}
  #trackingRoom-today .today-reference-head{padding:24px 2px 20px}
  #trackingRoom-today .wellbeing-premium{padding:20px 18px 18px;border-radius:27px}
  #trackingRoom-today .wellbeing-premium-head h3{font-size:25px}
  #trackingRoom-today .wellbeing-premium-head p{right:17px;top:20px;width:90px;font-size:12px}
  #trackingRoom-today .wellbeing-moods{gap:4px}
  #trackingRoom-today .wellbeing-moods button i{width:46px;height:46px}
  #trackingRoom-today .wellbeing-moods button span{font-size:9px}
  #trackingRoom-today .today-next-section-head{gap:10px}.today-next-section-head p{font-size:8px}
  #trackingRoom-today .today-next-card{grid-template-columns:82px minmax(0,1fr);gap:13px;min-height:0;padding:14px;border-radius:24px}
  #trackingRoom-today .today-next-visual{width:82px;height:82px;border-radius:17px;grid-row:1/3}
  #trackingRoom-today .today-next-card h3{font-size:17px}
  #trackingRoom-today .today-next-summary{font-size:10px;margin-top:8px}
  #trackingRoom-today .today-next-traits{font-size:8px!important;margin-top:10px!important;gap:6px 10px}
  #trackingRoom-today .today-next-go{grid-column:2;width:122px;min-height:42px;margin:0;font-size:12px}
  #trackingRoom-today .wohlbefinden-detail.is-today-session{padding:17px 15px;border-radius:25px}
  #trackingRoom-today .wohlbefinden-session-body{grid-template-columns:112px minmax(0,1fr);gap:16px}
  #trackingRoom-today .wohlbefinden-timer-ring{width:108px}
  #trackingRoom-today .wohlbefinden-clock{font-size:28px!important}
  #trackingRoom-today .wohlbefinden-steps>p{font-size:13px}
  #trackingRoom-today .wohlbefinden-actions{margin-left:128px;gap:8px}
  #trackingRoom-today .wohlbefinden-actions button{min-height:42px;font-size:10px}
  .today-reference-footer{padding-top:38px}
}

html[data-theme="light"] #trackingView .alltag-hero-copy small,
html[data-theme="light"] #trackingView .alltag-vis small{
  color:var(--c,#49e79b)!important
}
html[data-theme="light"] #trackingView .alltag-hero-copy h1,
html[data-theme="light"] #trackingView .alltag-cell strong,
html[data-theme="light"] #trackingView .alltag-vis h2{
  color:#f3f7f4!important
}
html[data-theme="light"] #trackingView .alltag-hero-copy p,
html[data-theme="light"] #trackingView .alltag-vis p,
html[data-theme="light"] #trackingView .alltag-back,
html[data-theme="light"] #trackingView .alltag-vis .routine-water-status-pill,
html[data-theme="light"] #trackingView .alltag-vis .sleep-source-pill,
html[data-theme="light"] #trackingView .alltag-vis .recovery-source-pill{
  color:#d5e2db!important
}
html[data-theme="light"] #trackingView .alltag-cell em{
  color:#b7c6bd!important
}
html[data-theme="light"] #trackingView .alltag-cell b{
  color:var(--c)!important
}
html[data-theme="light"] #trackingView .alltag-words button{color:#6f8178!important}
html[data-theme="light"] #trackingView .alltag-words button.on{color:var(--c,#49e79b)!important}
html[data-theme="light"] #trackingView .alltag-skyline{
  background:#050706
}
html[data-theme="light"] #trackingView .alltag-cell.c-today{background:linear-gradient(165deg,#123226,#08140f)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-plan{background:linear-gradient(180deg,#22190a,#120e08)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-water{background:linear-gradient(180deg,#0c2a32,#081318)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-sleep{background:linear-gradient(165deg,#241a40,#0d0c16)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-mood{background:linear-gradient(180deg,#2a1a16,#140f0e)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-weight{background:linear-gradient(180deg,#2a121c,#14080e)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-history{background:linear-gradient(180deg,#14241c,#0a1410)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-trends{background:linear-gradient(180deg,#152030,#0a1018)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-review{background:linear-gradient(180deg,#2a2418,#14100a)!important}
html[data-theme="light"] #trackingView .alltag-house{background:#050706}
html[data-theme="light"] #trackingView .alltag-hero picture,
html[data-theme="light"] #trackingView .alltag-hero img{
  filter:saturate(.88) contrast(1.12) brightness(.78)
}

/* Profil Angaben live 1:1 from preview-angaben.html — field names/API unchanged */
#profileView .profile-card.angaben-shell{
  --angaben-gold:#e8c56a;
  --angaben-teal:#3dd6c2;
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  max-width:430px;
  margin:0;
  padding:8px 4px 4px;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased
}
#profileView .angaben-shell svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#profileView .angaben-crown svg{fill:#3d2a0a;stroke:none}
#profileView .angaben-streak{
  position:absolute;right:0;top:6px;width:180px;height:64px;pointer-events:none;opacity:.55
}
#profileView .angaben-hero{
  position:relative;z-index:1;flex:none;
  display:grid;grid-template-columns:auto minmax(0,1fr);
  align-items:center;gap:10px
}
#profileView .angaben-copy-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
#profileView .angaben-avatar{
  position:relative;width:52px;height:52px;flex:none;
  display:grid;place-items:center;border-radius:50%;
  border:1.5px solid var(--angaben-gold);
  background:linear-gradient(180deg,#e8c56a24,#0b0f16d8);
  color:var(--angaben-gold);
  box-shadow:inset 0 1px 0 #e8c56a55,0 0 14px #e8c56a40;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px)
}
#profileView .angaben-avatar svg{width:22px;height:22px}
#profileView .angaben-crown{
  position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;
  display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(180deg,#f0d48a,#c49a3e);
  box-shadow:0 0 0 3px #07090f
}
#profileView .angaben-crown svg{width:10px;height:10px}
#profileView .angaben-copy h2{
  margin:0;color:#f2f4f7;font:600 20px/1.15 Inter;letter-spacing:-.025em
}
#profileView .angaben-copy p{
  margin:4px 0 0;max-width:16rem;color:#8d93a0;font:400 12px/1.35 Inter
}
#profileView .angaben-shell .profile-edit-button.angaben-edit{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;
  min-height:32px;padding:0 12px;border-radius:999px;
  border:1px solid var(--angaben-gold);color:#ead7a4;
  background:linear-gradient(180deg,#e8c56a2e,#0b0f16d4);
  font:500 12px Inter;
  box-shadow:inset 0 1px 0 #e8c56a55,0 8px 18px #0005;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px)
}
#profileView .angaben-shell .angaben-edit svg{width:14px;height:14px}
#profileView .angaben-shell .angaben-edit:hover{background:linear-gradient(180deg,#e8c56a3a,#0b0f16e0);border-color:var(--angaben-gold);color:#ead7a4}
#profileView .angaben-shell.is-editing .angaben-edit{background:#d7b56a22}
#profileView .angaben-card{
  position:relative;z-index:1;overflow:hidden;flex:none;
  margin:0;padding:12px 12px 10px;border-radius:20px;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%)
}
#profileView .angaben-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit
}
#profileView .angaben-card.gold{
  border:1px solid #e8c56a3d;
  background:
    radial-gradient(70% 65% at 0% 16%,#e8c56a52,transparent 46%),
    linear-gradient(180deg,#0c1118e8,#0c1118d4);
  box-shadow:inset 0 1px 0 #e8c56a33,-4px 0 22px #e8c56a24,0 16px 40px #0007
}
#profileView .angaben-card.gold:before{background:linear-gradient(90deg,#e8c56a3b 0%,transparent 22%)}
#profileView .angaben-card.teal{
  border:1px solid #3dd6c23d;
  background:
    radial-gradient(70% 65% at 0% 16%,#3dd6c252,transparent 46%),
    linear-gradient(180deg,#0c1118e8,#0c1118d4);
  box-shadow:inset 0 1px 0 #3dd6c233,-4px 0 22px #3dd6c224,0 16px 40px #0007
}
#profileView .angaben-card.teal:before{background:linear-gradient(90deg,#3dd6c23b 0%,transparent 22%)}
#profileView .angaben-head{
  display:grid;grid-template-columns:36px minmax(0,1fr) auto;
  gap:8px;align-items:center;padding:0 0 8px
}
#profileView .angaben-ico{
  width:36px;height:36px;display:grid;place-items:center;border-radius:50%;
  background:#0b0f16cc;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px)
}
#profileView .angaben-card.gold .angaben-ico{border:1.4px solid var(--angaben-gold);color:var(--angaben-gold);box-shadow:0 0 12px #e8c56a40,inset 0 1px 0 #e8c56a44}
#profileView .angaben-card.teal .angaben-ico{border:1.4px solid var(--angaben-teal);color:var(--angaben-teal);box-shadow:0 0 12px #3dd6c240,inset 0 1px 0 #3dd6c244}
#profileView .angaben-ico svg{width:18px;height:18px}
#profileView .angaben-head h3{margin:0;color:#f2f4f7;font:600 15px/1.2 Inter;letter-spacing:-.02em}
#profileView .angaben-head p{margin:2px 0 0;color:#8d93a0;font:400 11.5px/1.3 Inter}
#profileView .angaben-fold{
  width:32px;height:32px;display:grid;place-items:center;color:#c5c1b6;padding:0;cursor:pointer;
  border:1px solid #e8c56a33;border-radius:50%;
  background:linear-gradient(180deg,#e8c56a22,#0b0f16cc);
  box-shadow:inset 0 1px 0 #e8c56a40;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px)
}
#profileView .angaben-fold svg{width:16px;height:16px}
#profileView .angaben-card.closed .angaben-fold svg{transform:rotate(180deg)}
#profileView .angaben-badge{
  display:flex;align-items:center;gap:5px;max-width:118px;
  min-height:32px;padding:4px 8px;border-radius:999px;
  border:1px solid #3dd6c266;color:var(--angaben-teal);background:#07201cee;
  box-shadow:inset 0 1px 0 #3dd6c244;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font:500 9px/1.2 Inter
}
#profileView .angaben-badge svg{width:13px;height:13px;flex:none}
#profileView .angaben-stack{display:grid;gap:6px}
#profileView .angaben-card.closed .angaben-stack{display:none}
#profileView .angaben-cell{
  display:grid;grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;gap:6px;min-height:44px;padding:5px 10px 5px 6px;
  border-radius:14px;
  background:#0a0f16d8;
  box-shadow:inset 0 1px 0 #ffffff14,inset 0 0 0 1px #ffffff08;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px)
}
#profileView .angaben-card.gold .angaben-cell{box-shadow:inset 0 1px 0 #e8c56a28,inset 0 0 0 1px #e8c56a22}
#profileView .angaben-card.teal .angaben-cell{box-shadow:inset 0 1px 0 #3dd6c228,inset 0 0 0 1px #3dd6c222}
#profileView .angaben-cell.metric{grid-template-columns:28px 4.2rem minmax(40px,1fr) auto}
#profileView .angaben-card.gold .angaben-cell:not(.hint):hover{box-shadow:inset 0 1px 0 #e8c56a44,inset 0 0 0 1px #e8c56a44}
#profileView .angaben-card.teal .angaben-cell:not(.hint):hover{box-shadow:inset 0 1px 0 #3dd6c244,inset 0 0 0 1px #3dd6c244}
#profileView .angaben-dot{
  width:26px;height:26px;display:grid;place-items:center;border-radius:50%;
  color:var(--angaben-gold)
}
#profileView .angaben-dot svg{width:14px;height:14px}
#profileView .angaben-label{color:#d5d8df;font:400 13px/1 Inter}
#profileView .angaben-val{
  display:flex;align-items:center;gap:4px;
  min-height:28px;padding:3px 8px;
  color:#f2f4f7;font:500 13px/1 Inter;text-align:right;white-space:nowrap;
  border-radius:999px;
  background:#0b0f16b8;
  box-shadow:inset 0 1px 0 #ffffff18
}
#profileView .angaben-card.gold .angaben-val{border:1px solid #e8c56a33;box-shadow:inset 0 1px 0 #e8c56a33}
#profileView .angaben-card.teal .angaben-val{border:1px solid #3dd6c233;box-shadow:inset 0 1px 0 #3dd6c233}
#profileView .angaben-val em{color:#8d93a0;font:400 12px Inter;font-style:normal}
#profileView .angaben-val .angaben-go,
#profileView .angaben-gender svg{
  width:14px;height:14px;opacity:.55;flex:none
}
#profileView .angaben-shell input[type=text],
#profileView .angaben-shell input[type=number]{
  min-width:0;min-height:0!important;width:auto;padding:0!important;
  border:0!important;border-radius:0;background:transparent!important;
  color:#f2f4f7!important;font:500 13px/1 Inter!important;text-align:right;
  outline:0;box-shadow:none!important;
  appearance:textfield;-moz-appearance:textfield
}
#profileView .angaben-cell>input[type=text]{width:100%}
#profileView .angaben-val input[type=number]{width:5.2ch;min-width:5.2ch;field-sizing:content}
#profileView .angaben-shell input[type=number]::-webkit-inner-spin-button{appearance:none}
#profileView .angaben-gender{
  display:flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;
  color:#f2f4f7;font:500 13px Inter;cursor:pointer;
  border-radius:999px;border:1px solid #e8c56a33;
  background:#0b0f16b8;box-shadow:inset 0 1px 0 #e8c56a33
}
#profileView .angaben-menu{display:none;grid-column:1/-1;gap:6px;padding:4px 2px 2px}
#profileView .angaben-cell.open{grid-template-columns:28px minmax(0,1fr) auto}
#profileView .angaben-cell.open .angaben-menu{display:grid}
#profileView .angaben-menu button{
  min-height:44px;padding:0 12px;border-radius:12px;text-align:left;
  border:1px solid #e8c56a28;color:#f2f4f7;font:500 14px Inter;cursor:pointer;
  background:#0b111ad4;box-shadow:inset 0 1px 0 #e8c56a22
}
#profileView .angaben-menu button[aria-selected="true"]{border-color:#d7b56a55;color:#e8d7a8;background:#e8c56a24}
#profileView .angaben-slide{
  position:relative;height:44px;min-width:48px;display:block;
  touch-action:none;cursor:pointer;user-select:none
}
#profileView .angaben-slide i{
  position:absolute;left:11px;right:11px;top:50%;height:4px;margin-top:-2px;
  border-radius:99px;pointer-events:none;
  background:linear-gradient(90deg,var(--angaben-gold) 0 calc(var(--p, 0) * 1%),#ffffff18 calc(var(--p, 0) * 1%))
}
#profileView .angaben-slide:after{
  content:"";position:absolute;top:50%;
  left:calc(11px + (100% - 22px) * var(--p, 0) / 100);
  width:22px;height:22px;border-radius:50%;
  transform:translateY(-50%);pointer-events:none;
  background:var(--angaben-gold);
  box-shadow:0 0 10px #e8c56aaa;
  border:2px solid #0c1118
}
#profileView .angaben-shell input[type=range]{
  position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;
  min-height:0!important;padding:0!important;border:0!important;border-radius:0;
  background:transparent!important;box-shadow:none!important;opacity:0;pointer-events:none;
  -webkit-appearance:none;appearance:none;cursor:pointer;touch-action:none
}
#profileView .angaben-shell input[type=range]::-webkit-slider-runnable-track{height:44px;background:transparent}
#profileView .angaben-shell input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;width:44px;height:44px;border:0;border-radius:50%;background:#fff
}
#profileView .angaben-shell input[type=range]::-moz-range-track{height:44px;background:transparent}
#profileView .angaben-shell input[type=range]::-moz-range-thumb{
  width:44px;height:44px;border:0;border-radius:50%;background:#fff
}
#profileView .angaben-cell.hint{grid-template-columns:28px minmax(0,1fr)}
#profileView .angaben-cell.hint p{margin:0;color:#b7bcc6;font:400 11px/1.35 Inter}
@media(max-width:420px){
  #profileView .profile-card.angaben-shell{padding:6px 2px 2px}
  #profileView .angaben-cell.metric{grid-template-columns:28px 3.6rem minmax(36px,1fr) auto}
}
html[data-theme="light"] #profileView .angaben-copy h2{
  color:#14181f!important
}
html[data-theme="light"] #profileView .angaben-copy p{
  color:#5c6370!important
}
html[data-theme="light"] #profileView .angaben-head h3,
html[data-theme="light"] #profileView .angaben-label,
html[data-theme="light"] #profileView .angaben-val,
html[data-theme="light"] #profileView .angaben-gender{
  color:#f2f4f7!important
}
html[data-theme="light"] #profileView .angaben-head p,
html[data-theme="light"] #profileView .angaben-val em,
html[data-theme="light"] #profileView .angaben-cell.hint p{
  color:#8d93a0!important
}

/* Profil-Ziel live 1:1 from preview-ziel.html — data-profile-goal / setProfileGoal unchanged */
#profileGoalCard{
  width:min(390px,100%);max-width:390px;
  gap:11px;
  padding:14px 14px 12px;
  border:1px solid #1a3358;
  border-radius:22px;
  overflow:hidden;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  background:
    radial-gradient(70% 42% at 88% 10%,#e8c56a2e,transparent 46%),
    radial-gradient(80% 36% at 8% 0,#2a5aa866,transparent 44%),
    linear-gradient(180deg,#0a1730 0%,#06101e 58%,#040914 100%);
  box-shadow:inset 0 1px 0 #ffffff14,0 16px 40px #0006
}
#profileGoalCard .goal-glass-hero{
  display:grid;grid-template-columns:minmax(0,1fr) 88px;
  align-items:start;gap:4px
}
#profileGoalCard #profileGoalTitle{
  margin:0;color:#f5f8fc;font:800 26px/1.08 Inter;letter-spacing:-.038em
}
#profileGoalCard #profileGoalTitle span{
  display:block;
  background:linear-gradient(180deg,#fff1c4,#e8c56a 55%,#c49a3e);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
#profileGoalCard .goal-glass-hero p{
  margin:7px 0 0;max-width:15.2rem;color:#8b97ad;font:400 12px/1.4 Inter
}
#profileGoalCard .goal-glass-target{
  position:relative;width:88px;height:88px;justify-self:end;margin-top:-8px;
  -webkit-mask-image:radial-gradient(circle at 50% 48%,#000 62%,transparent 78%);
  mask-image:radial-gradient(circle at 50% 48%,#000 62%,transparent 78%)
}
#profileGoalCard .goal-glass-target img{
  display:block;width:100%;height:100%;object-fit:cover;
  mix-blend-mode:lighten;filter:saturate(1.4) brightness(1.22) contrast(1.1)
}
#profileGoalCard .profile-goal-grid{
  display:grid;grid-template-columns:1fr;gap:7px
}
#profileGoalCard .profile-goal-option{
  position:relative;
  display:grid;grid-template-columns:36px minmax(0,1fr) 18px;
  grid-template-rows:auto;
  align-items:center;align-content:center;gap:10px;
  min-height:54px;padding:8px 11px 8px 8px;
  border-radius:16px;
  border:1px solid #b7d4ff4d;
  background:linear-gradient(180deg,#d7e7ff18,#0a162ccc 42%,#081320d8);
  box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #6ea8ff18,0 10px 22px #0006;
  color:#f5f8fc;text-align:left;cursor:pointer;
  backdrop-filter:blur(28px) saturate(170%);
  -webkit-backdrop-filter:blur(28px) saturate(170%);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease
}
#profileGoalCard .profile-goal-option:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,#ffffff1a,transparent 36%)
}
#profileGoalCard .profile-goal-option:hover,
#profileGoalCard .profile-goal-option:focus-visible{
  outline:none;transform:scale(1.01);
  border-color:#c5e0ff77;box-shadow:inset 0 1px 0 #ffffff44,0 10px 22px #0006
}
#profileGoalCard .profile-goal-option.is-active:after{content:none;display:none}
#profileGoalCard .profile-goal-option.is-active{
  border-color:#f0d48acc;
  background:linear-gradient(180deg,#e8c56a38,#12100ad4 48%,#0c121ae8);
  box-shadow:inset 0 1px 0 #ffe9a888,0 0 0 1px #e8c56a55,0 0 22px #e8c56a40,0 12px 28px #0007;
  transform:scale(1.01)
}
#profileGoalCard .profile-goal-icon{
  width:36px;height:36px;border-radius:11px;border:1px solid #ffffff22;
  box-shadow:inset 0 1px 0 #ffffff33,0 6px 14px #0005
}
#profileGoalCard .profile-goal-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#profileGoalCard .profile-goal-option[data-tone="lose"] .profile-goal-icon{
  color:#f0d48a;border-color:#e8c56a77;
  background:radial-gradient(circle at 30% 18%,#e8c56a66,#1a1408ee);
  box-shadow:0 0 14px #e8c56a44,inset 0 1px 0 #f0d48a55
}
#profileGoalCard .profile-goal-option[data-tone="gain"] .profile-goal-icon{
  color:#7db6ff;border-color:#6ea8ff88;
  background:radial-gradient(circle at 30% 18%,#6ea8ff70,#071428ee);
  box-shadow:0 0 14px #6ea8ff55,inset 0 1px 0 #9cc4ff55
}
#profileGoalCard .profile-goal-option[data-tone="muscle"] .profile-goal-icon{
  color:#b7a6ff;border-color:#9b8cff88;
  background:radial-gradient(circle at 30% 18%,#9b8cff70,#140e2aee);
  box-shadow:0 0 14px #9b8cff55,inset 0 1px 0 #c3b6ff55
}
#profileGoalCard .profile-goal-option[data-tone="energy"] .profile-goal-icon{
  color:#5eecd8;border-color:#3dd6c288;
  background:radial-gradient(circle at 30% 18%,#3dd6c270,#06201bee);
  box-shadow:0 0 14px #3dd6c255,inset 0 1px 0 #7ff0e055
}
#profileGoalCard .profile-goal-text{min-width:0;display:grid;gap:2px}
#profileGoalCard .profile-goal-option strong{color:#f7fafc;font:650 14px/1.15 Inter;letter-spacing:0}
#profileGoalCard .profile-goal-option>span:last-child,
#profileGoalCard .profile-goal-text span{color:#8b97ad;font:400 11px/1.3 Inter}
#profileGoalCard .profile-goal-option.is-active strong{color:#f7fafc}
#profileGoalCard .profile-goal-radio{
  width:18px;height:18px;border-radius:50%;flex:none;
  border:1.7px solid #8aa0beaa;background:transparent;
  box-shadow:inset 0 0 0 3px #07111c
}
#profileGoalCard .profile-goal-option.is-active .profile-goal-radio{
  border-color:#f0d48a;
  background:radial-gradient(circle at 50% 45%,#ffe7a8 0 38%,#c49a3e 40% 100%);
  box-shadow:0 0 12px #e8c56acc
}
#profileGoalCard .goal-glass-info{
  display:grid;grid-template-columns:34px minmax(0,1fr);
  align-items:center;gap:10px;
  min-height:64px;padding:10px 11px 10px 8px;
  border-radius:16px;
  border:1px solid #e8c56a77;
  background:linear-gradient(180deg,#e8c56a2e,#0c121ae0);
  box-shadow:inset 0 1px 0 #f0d48a55,0 0 18px #e8c56a22,0 10px 22px #0005;
  backdrop-filter:blur(28px) saturate(170%);
  -webkit-backdrop-filter:blur(28px) saturate(170%)
}
#profileGoalCard .goal-glass-info-ico{
  width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
  color:#f0d48a;border:1px solid #e8c56a77;
  background:radial-gradient(circle at 30% 20%,#e8c56a55,#14100ae8);
  box-shadow:0 0 12px #e8c56a44
}
#profileGoalCard .goal-glass-info-ico svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#profileGoalCard .goal-glass-info strong{display:block;color:#f0d48a;font:650 12.5px/1.2 Inter}
#profileGoalCard #profileGoalHint,
#profileGoalCard .profile-goal-hint{
  margin:3px 0 0;padding:0;border:0;background:transparent;
  color:#c5cddd;font:400 11px/1.35 Inter
}
@media(max-width:980px){
  #profileGoalCard .profile-goal-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  #profileGoalCard .profile-goal-option{
    min-height:54px;
    grid-template-columns:36px minmax(0,1fr) 18px;
    grid-template-rows:auto
  }
  #profileGoalCard .profile-goal-icon{grid-row:auto}
  #profileGoalCard .profile-goal-option strong,
  #profileGoalCard .profile-goal-option>span:last-child{grid-column:auto}
}
html[data-theme="light"] #profileGoalCard .profile-goal-option,
html[data-theme="light"] #profileGoalCard .profile-goal-option.is-active,
html[data-theme="light"] #profileGoalCard .profile-goal-option:hover,
html[data-theme="light"] #profileGoalCard .profile-goal-option:focus-visible{
  color:#f5f8fc
}
html[data-theme="light"] #profileGoalCard .profile-goal-option strong{color:#f7fafc}
html[data-theme="light"] #profileGoalCard .profile-goal-text span,
html[data-theme="light"] #profileGoalCard #profileGoalHint{color:#8b97ad}
html[data-theme="light"] #profileGoalCard .profile-goal-option.is-active:after{display:none}

/* Compact Essen & Gesundheit profile card */
#profileFoodHealthCard{position:relative;width:100%;max-width:760px;margin-inline:auto;padding:13px;display:grid;gap:11px;overflow:hidden;border:1px solid #bcd8ff45;border-radius:24px;background:radial-gradient(70% 42% at 96% 0,#efd17e25,transparent 52%),radial-gradient(75% 48% at 0 34%,#246b7148,transparent 58%),linear-gradient(160deg,#dceaff12,#071426e8 48%,#040c18);box-shadow:inset 0 1px #fff4,0 18px 36px #0006}
#profileFoodHealthCard:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#0005,transparent 74%)}
#profileFoodHealthCard>*{position:relative;z-index:1}
#profileFoodHealthCard .profile-food-health-hero{display:grid;grid-template-columns:minmax(0,1fr) 64px;gap:8px;align-items:center;padding:1px 2px 2px}
#profileFoodHealthCard .profile-food-health-eyebrow{display:flex;align-items:center;gap:5px;margin-bottom:5px;color:#58e6bd;font:700 8px/1 Inter;letter-spacing:.16em;text-transform:uppercase}
#profileFoodHealthCard .profile-food-health-eyebrow i{width:16px;height:1px;background:currentColor;box-shadow:0 0 9px currentColor}
#profileFoodHealthCard .profile-food-health-hero h2{margin:0;color:#f5f8fc;font:800 23px/1.04 Inter;letter-spacing:-.04em}
#profileFoodHealthCard .profile-food-health-hero h2 span{display:block;background:linear-gradient(90deg,#f7df9d,#60e4c1);background-clip:text;-webkit-background-clip:text;color:transparent}
#profileFoodHealthCard .profile-food-health-art{position:relative;display:grid;place-items:center;width:62px;height:62px;border:1px solid #efcf7b55;border-radius:19px;background:radial-gradient(circle at 34% 20%,#efd17e55,#112339cc 56%,#07101d);box-shadow:inset 0 1px #fff5,0 0 24px #efd17e22,0 12px 24px #0006;transform:rotate(3deg)}
#profileFoodHealthCard .profile-food-health-art:after{content:"";position:absolute;inset:5px;border:1px solid #5ce1bd44;border-radius:15px}
#profileFoodHealthCard .profile-food-health-art svg{width:35px;height:35px;fill:none;stroke:#f2d486;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #efd17e77)}
#profileFoodHealthCard .profile-nutrition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
#profileFoodHealthCard .profile-food-health-panel{position:relative;display:grid;align-content:start;gap:8px;min-width:0;padding:10px;border:1px solid #bcd8ff3d;border-radius:18px;background:linear-gradient(160deg,#dceaff14,#09172bdc 45%,#06111fee);box-shadow:inset 0 1px #fff4,0 12px 26px #0005}
#profileFoodHealthCard .profile-food-health-panel>header{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:7px;align-items:center}
#profileFoodHealthCard .profile-food-health-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid currentColor;border-radius:9px;background:#ffffff0d}
#profileFoodHealthCard .food .profile-food-health-icon{color:#efd17e;box-shadow:inset 0 1px #fff4,0 0 15px #efd17e35}
#profileFoodHealthCard .health .profile-food-health-icon{color:#ad9cff;box-shadow:inset 0 1px #fff4,0 0 15px #ad9cff35}
#profileFoodHealthCard .profile-food-health-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#profileFoodHealthCard .profile-food-health-panel h3{margin:0;color:#f5f8fc;font:700 13px/1.2 Inter}
#profileFoodHealthCard .profile-food-health-count{padding:4px 6px;border:1px solid #ffffff20;border-radius:99px;color:#a8b4c5;background:#08121f;font:600 7px Inter;white-space:nowrap}
#profileFoodHealthCard .smart-field{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:5px;min-width:0}
#profileFoodHealthCard .smart-tags-row{grid-column:1/-1;min-height:25px;margin:0;padding:0;border:0;background:none}
#profileFoodHealthCard .smart-chips{display:flex;flex-wrap:wrap;gap:4px}
#profileFoodHealthCard .smart-chips button{min-height:25px;padding:4px 7px;border:1px solid #4be0b36b;border-radius:8px;background:linear-gradient(180deg,#2dd5a529,#0d3930cc);color:#a7f4d9;font:600 8px Inter;box-shadow:inset 0 1px #8dffdc35}
#profileFoodHealthCard .health .smart-chips button{border-color:#ad9cff66;background:linear-gradient(180deg,#9b86ff2b,#292151cc);color:#d4cbff}
#profileFoodHealthCard .smart-field>label{display:block;min-width:0;margin:0}
#profileFoodHealthCard .smart-label{display:none}
#profileFoodHealthCard .smart-control{position:relative;display:block;margin:0}
#profileFoodHealthCard .smart-control input{width:100%;height:36px;padding:0 10px;border:1px solid #9ec9e84d;border-radius:10px;outline:0;background:#071322cc;color:#edf5ff;font:400 10px Inter;box-shadow:inset 0 1px #ffffff18}
#profileFoodHealthCard .smart-control input::placeholder{color:#748197}
#profileFoodHealthCard .food .smart-control input:focus{border-color:#60e4c1;box-shadow:0 0 0 3px #58e6bd18,inset 0 1px #ffffff20}
#profileFoodHealthCard .health .smart-control input:focus{border-color:#ad9cff;box-shadow:0 0 0 3px #ad9cff18,inset 0 1px #ffffff20}
#profileFoodHealthCard .smart-ghost{top:0;right:10px;height:36px;max-width:none;transform:none;color:#829b94;font-family:Inter,sans-serif;font-size:10px;font-style:normal;font-weight:400;line-height:36px!important;opacity:.76;text-overflow:clip;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 14px),transparent 100%)}
#profileFoodHealthCard .smart-field.has-ghost .smart-ghost{z-index:3;display:block!important;pointer-events:none}
#profileFoodHealthCard .health .smart-ghost{color:#9791ad}
#profileFoodHealthCard .smart-add-button{display:grid;place-items:center;width:34px;height:36px;margin:0;padding:0;border:1px solid #5ce1bd77;border-radius:10px;background:linear-gradient(180deg,#45dcb4,#1c9f83);color:#03120f;font-size:18px;box-shadow:0 9px 18px #2bd8a52a}
#profileFoodHealthCard .health .smart-add-button{border-color:#b5a7ff;background:linear-gradient(180deg,#a897ff,#715bd0);color:#0c0820;box-shadow:0 9px 18px #8e75ef2a}
#profileFoodHealthCard .smart-error,#profileFoodHealthCard .smart-accept-all{grid-column:1/-1}
#profileFoodHealthCard .profile-food-health-suggestions{display:grid;gap:5px;min-width:0}
#profileFoodHealthCard .profile-food-health-suggestions>span{color:#718096;font:600 6.5px Inter;letter-spacing:.12em;text-transform:uppercase}
#profileFoodHealthCard .profile-food-health-suggestions>div{display:flex;gap:4px;overflow:auto;padding-bottom:2px;scrollbar-width:none}
#profileFoodHealthCard .profile-food-health-suggestions>div::-webkit-scrollbar{display:none}
#profileFoodHealthCard .profile-food-health-suggestions button{flex:none;padding:5px 7px;border:1px solid #ffffff1d;border-radius:999px;background:#ffffff09;color:#acb8c9;font:500 7.5px Inter}
#profileFoodHealthCard .food .profile-food-health-suggestions button:is(:hover,:focus-visible){border-color:#58e6bd;color:#bffbe9;outline:none}
#profileFoodHealthCard .health .profile-food-health-suggestions button:is(:hover,:focus-visible){border-color:#ad9cff;color:#ddd7ff;outline:none}
#profileFoodHealthCard .profile-food-health-privacy{display:grid;grid-template-columns:27px minmax(0,1fr);gap:7px;align-items:center;padding:8px 9px;border:1px solid #efd17e55;border-radius:13px;background:linear-gradient(135deg,#efd17e20,#0a1422dd);box-shadow:inset 0 1px #fff2}
#profileFoodHealthCard .profile-food-health-privacy i{display:grid;place-items:center;width:27px;height:27px;border:1px solid #efd17e66;border-radius:8px;color:#efd17e;background:#201b0e}
#profileFoodHealthCard .profile-food-health-privacy svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#profileFoodHealthCard .profile-food-health-privacy strong{color:#efd98f;font:600 8.5px Inter}
@media(max-width:719px){#profileFoodHealthCard{max-width:390px}#profileFoodHealthCard .profile-nutrition-grid{grid-template-columns:1fr}}

/* Premium Richtwerte glass card — calculator behavior remains unchanged */
#profileRichtwerteCard{position:relative;width:100%;max-width:760px;margin-inline:auto;padding:11px;display:grid;gap:9px;overflow:hidden;border:1px solid #d9edff66;border-radius:23px;background:radial-gradient(70% 50% at 95% 0,#efd17e24,transparent 53%),radial-gradient(70% 55% at 0 58%,#56d9cf24,transparent 58%),linear-gradient(145deg,#e7f4ff26,#8dbbda12 38%,#07111dc2 78%);box-shadow:inset 0 1px 0 #ffffff8a,inset 1px 0 0 #ffffff22,inset 0 -1px 0 #69bbe128,0 22px 46px #0008,0 0 30px #69d9d31b;backdrop-filter:blur(30px) saturate(175%);-webkit-backdrop-filter:blur(30px) saturate(175%)}
#profileRichtwerteCard:before{content:"";position:absolute;inset:1px;border-radius:21px;background:linear-gradient(118deg,#ffffff1f,transparent 24%,transparent 70%,#83ddff0c);pointer-events:none}
#profileRichtwerteCard>*{position:relative;z-index:1}
#profileRichtwerteCard .profile-richtwerte-hero{display:grid;grid-template-columns:minmax(0,1fr) 60px;align-items:center;gap:8px;padding:1px 2px 3px}
#profileRichtwerteCard .profile-richtwerte-eyebrow{display:flex;align-items:center;gap:5px;margin-bottom:5px;color:#5ed9ef;font:700 7px/1 Inter;letter-spacing:.17em;text-transform:uppercase}
#profileRichtwerteCard .profile-richtwerte-eyebrow i{width:15px;height:1px;background:currentColor;box-shadow:0 0 8px currentColor}
#profileRichtwerteCard .profile-richtwerte-hero h2{margin:0;color:#f5f8fc;font:800 24px/1.02 Inter;letter-spacing:-.045em}
#profileRichtwerteCard .profile-richtwerte-hero h2 span{display:block;background:linear-gradient(90deg,#f4d889,#60e2bd);background-clip:text;-webkit-background-clip:text;color:transparent}
#profileRichtwerteCard .profile-richtwerte-compass{position:relative;display:grid;place-items:center;width:60px;height:60px;border:1px solid #f1d58a91;border-radius:19px;background:radial-gradient(circle at 30% 18%,#ffe7a85c,#6d56202b 36%,#0b1724e6 70%);box-shadow:inset 0 1px 0 #fff7,inset 1px 0 #fff2,inset 0 -1px #d6a94235,0 0 24px #e8c56a3d,0 14px 26px #0007;transform:rotate(2deg)}
#profileRichtwerteCard .profile-richtwerte-compass:before{content:"";position:absolute;inset:5px;border:1px solid #f2d78c42;border-radius:15px;background:linear-gradient(135deg,#fff2,transparent 35%,#e6c46a0b)}
#profileRichtwerteCard .profile-richtwerte-compass svg{position:relative;z-index:2;width:48px;height:48px;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px #e8c56a55);transform:rotate(-2deg)}
#profileRichtwerteCard .compass-outer{stroke:#f0d48a;stroke-width:1.35}#profileRichtwerteCard .compass-inner{stroke:#8eb8c7;stroke-width:.75;stroke-dasharray:1.5 2.2;opacity:.8}#profileRichtwerteCard .compass-ticks{stroke:#f5df9f;stroke-width:1.25}#profileRichtwerteCard .compass-needle-n{fill:#f5d57f;stroke:#fff0bd;stroke-width:.8}#profileRichtwerteCard .compass-needle-s{fill:#477c8d;stroke:#8fd8de;stroke-width:.8}#profileRichtwerteCard .compass-pin{fill:#fff7d5;stroke:#c69635;stroke-width:1}#profileRichtwerteCard .compass-n{stroke:#f5df9f;stroke-width:1.1}
#profileRichtwerteCard .health-calculator-shell{display:grid;gap:9px;max-width:none}
#profileRichtwerteCard .health-calc-tabs{justify-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:3px;max-width:none;padding:3px;border:1px solid #d8efff4f;border-radius:12px;background:#06101a85;box-shadow:inset 0 1px #ffffff24;backdrop-filter:blur(18px)}
#profileRichtwerteCard .health-calc-tabs button{height:34px;padding:0;border:0;border-radius:9px;background:transparent;color:#8290a2;font:650 10px Inter}
#profileRichtwerteCard .health-calc-tabs button.active{background:linear-gradient(135deg,#4ce0b5,#2bb997);color:#03120f;box-shadow:0 7px 17px #39d4a528}
#profileRichtwerteCard .health-calc-output,#profileRichtwerteCard .health-calc-flow{display:grid;gap:9px}
#profileRichtwerteCard .health-calc-summary-card{display:grid;gap:0;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible}
#profileRichtwerteCard .health-calc-summary-card:before,#profileRichtwerteCard .health-calc-summary-head{display:none}
#profileRichtwerteCard .health-calc-compact-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#profileRichtwerteCard .health-calc-compact-results article{--metric-tone:#ff8ab5;position:relative;display:grid;align-content:start;min-height:122px;overflow:hidden;padding:12px 10px 10px;border:1px solid #d7ebff42!important;border-radius:16px;background:linear-gradient(145deg,#ffffff1c,#b7dcf10b 35%,#06111caa 82%);box-shadow:inset 0 1px 0 #ffffff56,inset 1px 0 #ffffff15,0 10px 22px #0004;backdrop-filter:blur(24px) saturate(155%)}
#profileRichtwerteCard .health-calc-compact-results article:before{content:"";position:absolute;left:10px;right:10px;top:0;height:2px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--metric-tone),transparent);box-shadow:0 0 14px var(--metric-tone)}
#profileRichtwerteCard .health-calc-compact-results .metric-calories{--metric-tone:#ff9a63}#profileRichtwerteCard .health-calc-compact-results .metric-protein{--metric-tone:#86e4a5}#profileRichtwerteCard .health-calc-compact-results .metric-water{--metric-tone:#5ed9ef}
#profileRichtwerteCard .health-calc-compact-results .metric-icon{display:block;width:5px;height:5px;margin:0;border:0;border-radius:2px;background:var(--metric-tone);box-shadow:0 0 9px var(--metric-tone)}
#profileRichtwerteCard .health-calc-compact-results .metric-icon svg{display:none}
#profileRichtwerteCard .health-calc-compact-results .metric-label{position:absolute;left:22px;top:10px;min-height:0;color:#c3ccd7;font:650 9px Inter}
#profileRichtwerteCard .health-calc-compact-results .metric-value{display:flex;align-items:baseline;gap:3px;margin-top:15px}
#profileRichtwerteCard .health-calc-compact-results strong{margin:0;color:#f6f9fc;font:650 19px/1 Inter;letter-spacing:-.025em}
#profileRichtwerteCard .health-calc-compact-results .metric-unit{margin:0;color:#98a5b5;font:500 12px Inter}
#profileRichtwerteCard .health-calc-compact-results .metric-context{margin:4px 0 0;color:#8e9bad;font:500 8px Inter}
#profileRichtwerteCard .health-calc-compact-results p{margin:7px 0 0;color:#8e9bad;font:450 8px/1.35 Inter}
#profileRichtwerteCard .health-calc-compact-results em{justify-self:start;margin:7px 0 0;padding:3px 6px;border:1px solid #ff8ab557;border-radius:6px;background:#ff8ab51c;color:#ff9fbe;font:600 7px Inter;font-style:normal}
#profileRichtwerteCard .health-calc-notice{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:7px;padding:8px;border:1px solid #bfffe05c;border-radius:12px;background:linear-gradient(135deg,#a8ffe52b,#50d8b312 48%,#07151fc2);box-shadow:inset 0 1px #ffffff52,0 8px 20px #0003;backdrop-filter:blur(20px)}
#profileRichtwerteCard .health-calc-notice>span{display:grid;place-items:center;width:15px;height:15px;border:0;border-radius:50%;background:#55e1b6;color:#062018;font:800 8px Inter}
#profileRichtwerteCard .health-calc-notice p{margin:0;color:#91a0b0;font:400 8px Inter}#profileRichtwerteCard .health-calc-notice strong{color:#b4f2df;font-weight:600}
#profileRichtwerteCard .health-calc-direct-panel{padding:8px;border:1px solid #ffffff24;border-radius:13px;background:#ffffff09;backdrop-filter:blur(20px)}
@media(min-width:720px){#profileRichtwerteCard .profile-richtwerte-hero h2 span{display:inline}#profileRichtwerteCard .health-calc-compact-results{grid-template-columns:repeat(4,minmax(0,1fr))}#profileRichtwerteCard .health-calc-compact-results article{min-height:135px}}
@media(max-width:719px){#profileRichtwerteCard{max-width:390px}}

/* Unified premium glass surfaces for the profile in light mode */
html[data-theme="light"] #profileView .angaben-avatar{background:linear-gradient(145deg,#fffdf7e8,#f4ead1c9);color:#9b6f10;border-color:#d8ad46;box-shadow:inset 0 1px #fff,0 8px 22px #96702a24}
html[data-theme="light"] #profileView .angaben-crown{box-shadow:0 0 0 3px #f7f8f5}
html[data-theme="light"] #profileView .angaben-shell .profile-edit-button.angaben-edit{color:#5f4a1f;border-color:#ceb36b;background:linear-gradient(145deg,#fffffff0,#f0eadedb);box-shadow:inset 0 1px #fff,0 8px 20px #263c3720}
html[data-theme="light"] #profileView .angaben-card{backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
html[data-theme="light"] #profileView .angaben-card.gold{border-color:#cfb36c8c;background:radial-gradient(72% 75% at 0 12%,#f4d98e70,transparent 48%),linear-gradient(145deg,#ffffffe8,#f3f1e9d9);box-shadow:inset 0 1px #fff,0 14px 32px #2736321a}
html[data-theme="light"] #profileView .angaben-card.teal{border-color:#55aeaa87;background:radial-gradient(72% 75% at 0 12%,#8de2d56b,transparent 48%),linear-gradient(145deg,#ffffffe8,#edf5f2da);box-shadow:inset 0 1px #fff,0 14px 32px #2736321a}
html[data-theme="light"] #profileView .angaben-card.gold:before{background:linear-gradient(90deg,#d7b75b28,transparent 25%)}
html[data-theme="light"] #profileView .angaben-card.teal:before{background:linear-gradient(90deg,#38b9ad26,transparent 25%)}
html[data-theme="light"] #profileView .angaben-ico{background:#ffffffe0}
html[data-theme="light"] #profileView .angaben-head h3{color:#182320!important}
html[data-theme="light"] #profileView .angaben-head p{color:#68736f!important}
html[data-theme="light"] #profileView .angaben-fold{color:#665b3d;border-color:#c9ae6770;background:#ffffffe0;box-shadow:inset 0 1px #fff,0 5px 14px #3c392719}
html[data-theme="light"] #profileView .angaben-badge{color:#147c72;border-color:#37a99d70;background:#effbf8dc;box-shadow:inset 0 1px #fff}
html[data-theme="light"] #profileView .angaben-cell{background:#ffffffe0;box-shadow:inset 0 1px #fff,0 5px 14px #25342f12!important}
html[data-theme="light"] #profileView .angaben-card.gold .angaben-cell{border:1px solid #cdb7715c}
html[data-theme="light"] #profileView .angaben-card.teal .angaben-cell{border:1px solid #55aaa45c}
html[data-theme="light"] #profileView .angaben-label{color:#26312e!important}
html[data-theme="light"] #profileView .angaben-val,html[data-theme="light"] #profileView .angaben-gender{color:#17201e!important;border-color:#a9b7b26b;background:#f7faf8e8;box-shadow:inset 0 1px #fff}
html[data-theme="light"] #profileView .angaben-val em{color:#727d79!important}
html[data-theme="light"] #profileView .angaben-shell input[type=text],html[data-theme="light"] #profileView .angaben-shell input[type=number]{color:#17201e!important}
html[data-theme="light"] #profileView .angaben-menu button{color:#26312e;border-color:#c9b57275;background:#fffdf8}
html[data-theme="light"] #profileView .angaben-menu button[aria-selected="true"]{color:#664e14;background:#f7e9bc}
html[data-theme="light"] #profileView .angaben-slide i{background:linear-gradient(90deg,#d6ae48 0 calc(var(--p,0) * 1%),#bdc7c355 calc(var(--p,0) * 1%))}
html[data-theme="light"] #profileView .angaben-slide:after{border-color:#fff;background:#e6bd55;box-shadow:0 3px 12px #87691748}
html[data-theme="light"] #profileView .angaben-cell.hint p{color:#66726e!important}

html[data-theme="light"] #profileGoalCard{border-color:#99b9b0a3;background:radial-gradient(70% 42% at 88% 10%,#f2d78242,transparent 48%),radial-gradient(80% 38% at 8% 0,#a9d9e84f,transparent 48%),linear-gradient(145deg,#fffffff2,#edf4f1e8);box-shadow:inset 0 1px #fff,0 16px 38px #263d351b}
html[data-theme="light"] #profileGoalCard #profileGoalTitle{color:#121917}
html[data-theme="light"] #profileGoalCard .goal-glass-hero p{color:#53615d}
html[data-theme="light"] #profileGoalCard .profile-goal-option,html[data-theme="light"] #profileGoalCard .profile-goal-option:hover,html[data-theme="light"] #profileGoalCard .profile-goal-option:focus-visible{color:#18201e;border-color:#aac1bb99;background:linear-gradient(145deg,#fffffff0,#e9f0eee2);box-shadow:inset 0 1px #fff,0 8px 20px #263b3417}
html[data-theme="light"] #profileGoalCard .profile-goal-option.is-active{border-color:#cba84e;background:linear-gradient(145deg,#fff9e9,#eee3c4e8);box-shadow:inset 0 1px #fff,0 0 0 1px #d5b65c42,0 9px 23px #8e70242a}
html[data-theme="light"] #profileGoalCard .profile-goal-option strong,html[data-theme="light"] #profileGoalCard .profile-goal-option.is-active strong{color:#18201e}
html[data-theme="light"] #profileGoalCard .profile-goal-text span{color:#66736f}
html[data-theme="light"] #profileGoalCard .profile-goal-radio{border-color:#718985;background:#f8fbfa;box-shadow:inset 0 0 0 3px #f8fbfa}
html[data-theme="light"] #profileGoalCard .goal-glass-info{border-color:#c9ad5f91;background:linear-gradient(145deg,#fff9eae8,#f1ead7e3);box-shadow:inset 0 1px #fff,0 9px 22px #705a2020}
html[data-theme="light"] #profileGoalCard .goal-glass-info-ico{background:radial-gradient(circle at 30% 20%,#f2d682,#fff9e7);color:#7c5b10;box-shadow:inset 0 1px #fff}
html[data-theme="light"] #profileGoalCard .goal-glass-info strong{color:#4b3b17}
html[data-theme="light"] #profileGoalCard #profileGoalHint{color:#5f665f}

html[data-theme="light"] #profileRichtwerteCard{border-color:#9dbab4a3;background:radial-gradient(70% 50% at 95% 0,#efd17e38,transparent 53%),radial-gradient(70% 55% at 0 58%,#75d9cf34,transparent 58%),linear-gradient(145deg,#fffffff2,#edf5f2e8);box-shadow:inset 0 1px #fff,0 18px 40px #263d351b}
html[data-theme="light"] #profileRichtwerteCard:before{background:linear-gradient(118deg,#fff9,transparent 28%,transparent 70%,#65c9d510)}
html[data-theme="light"] #profileRichtwerteCard .profile-richtwerte-hero h2{color:#14201d}
html[data-theme="light"] #profileRichtwerteCard .profile-richtwerte-eyebrow{color:#218d9d}
html[data-theme="light"] #profileRichtwerteCard .profile-richtwerte-compass{border-color:#c8a84f;background:radial-gradient(circle at 30% 18%,#fff,#f2e7c9 42%,#d6e2df 78%);box-shadow:inset 0 1px #fff,0 9px 22px #65511d2e}
html[data-theme="light"] #profileRichtwerteCard .health-calc-tabs{border-color:#a9beb899;background:#eef4f1d9;box-shadow:inset 0 1px #fff}
html[data-theme="light"] #profileRichtwerteCard .health-calc-tabs button{color:#46544f}
html[data-theme="light"] #profileRichtwerteCard .health-calc-tabs button.active{color:#063328;background:linear-gradient(135deg,#65e7bd,#3bd6a8);box-shadow:0 6px 16px #2ca77f2c}
html[data-theme="light"] #profileRichtwerteCard .health-calc-compact-results article{border-color:#aec4be91!important;background:linear-gradient(145deg,#fffffff2,#f0f6f3df 82%);box-shadow:inset 0 1px #fff,0 8px 20px #263b3415}
html[data-theme="light"] #profileRichtwerteCard .health-calc-compact-results .metric-label{color:#274139}
html[data-theme="light"] #profileRichtwerteCard .health-calc-compact-results strong{color:#111917}
html[data-theme="light"] #profileRichtwerteCard .health-calc-compact-results .metric-unit,html[data-theme="light"] #profileRichtwerteCard .health-calc-compact-results p{color:#586761}
html[data-theme="light"] #profileRichtwerteCard .health-calc-notice{border-color:#79bbaa80;background:linear-gradient(135deg,#e8faf4,#f4f8f6);box-shadow:inset 0 1px #fff,0 7px 18px #263b3412}
html[data-theme="light"] #profileRichtwerteCard .health-calc-notice p{color:#51615b}html[data-theme="light"] #profileRichtwerteCard .health-calc-notice strong{color:#176c58}
html[data-theme="light"] #profileRichtwerteCard .health-calc-direct-panel{border-color:#afc2bc;background:#f7faf8e8}

html[data-theme="light"] #profileFoodHealthCard{border-color:#9dbab4a3;background:radial-gradient(70% 42% at 96% 0,#efd17e3b,transparent 52%),radial-gradient(75% 48% at 0 34%,#74d5c844,transparent 58%),linear-gradient(160deg,#fffffff2,#edf5f2e9);box-shadow:inset 0 1px #fff,0 18px 38px #263d351b}
html[data-theme="light"] #profileFoodHealthCard .profile-food-health-hero h2,html[data-theme="light"] #profileFoodHealthCard .profile-food-health-panel h3{color:#15201d}
html[data-theme="light"] #profileFoodHealthCard .profile-food-health-eyebrow{color:#208f78}
html[data-theme="light"] #profileFoodHealthCard .profile-food-health-panel{border-color:#adc2bc94;background:linear-gradient(145deg,#fffffff0,#eef4f2e3);box-shadow:inset 0 1px #fff,0 9px 21px #263b3415}
html[data-theme="light"] #profileFoodHealthCard .profile-food-health-count{color:#56645f;border-color:#b6c5c1;background:#f5f8f7}
html[data-theme="light"] #profileFoodHealthCard .smart-chips button{border-color:#36a789;background:linear-gradient(180deg,#dcf8ef,#c8eee2);color:#105f4e;box-shadow:inset 0 1px #fff,0 3px 8px #267c6817;font-weight:700}
html[data-theme="light"] #profileFoodHealthCard .smart-chips button span{color:#174f43;opacity:1}
html[data-theme="light"] #profileFoodHealthCard .health .smart-chips button{border-color:#8874d8;background:linear-gradient(180deg,#eeeaff,#ddd6fb);color:#493995;box-shadow:inset 0 1px #fff,0 3px 8px #5b48a817}
html[data-theme="light"] #profileFoodHealthCard .health .smart-chips button span{color:#3e307f}
html[data-theme="light"] #profileFoodHealthCard .smart-control input{border-color:#aebfba;background:#f9fbfa;color:#17211e;box-shadow:inset 0 1px #fff}
html[data-theme="light"] #profileFoodHealthCard .smart-control input::placeholder{color:#77847f}
html[data-theme="light"] #profileFoodHealthCard .profile-food-health-suggestions>span{color:#62716c}
html[data-theme="light"] #profileFoodHealthCard .profile-food-health-suggestions button{border-color:#b7c5c1;background:#f7faf8;color:#4f5f59}
html[data-theme="light"] #profileFoodHealthCard .profile-food-health-privacy{border-color:#c9ad5f91;background:linear-gradient(145deg,#fff9eae8,#f1ead7e3);box-shadow:inset 0 1px #fff,0 8px 18px #705a2018}
html[data-theme="light"] #profileFoodHealthCard .profile-food-health-privacy i{background:#fff8e5;color:#76570f}
html[data-theme="light"] #profileFoodHealthCard .profile-food-health-privacy strong{color:#50401c}

/* 2026-08-30 — system-wide Liquid Glass language for White Mode */
html[data-theme="light"] body,
html[data-theme="light"] .dash-page{
  background:
    radial-gradient(60rem 42rem at -8% -12%,#ffffff 0,#edf2f6 42%,transparent 72%),
    radial-gradient(46rem 40rem at 108% 16%,#cbd8e7 0,#dce4ec 34%,transparent 72%),
    radial-gradient(38rem 30rem at 48% 104%,#d6ebe4 0,transparent 70%),
    linear-gradient(145deg,#eef2f5 0,#dbe2e9 52%,#cdd6df 100%);
  background-attachment:fixed;
  color:#17212a
}
html[data-theme="light"] .sidebar{
  border-right-color:#ffffffb8;
  background:linear-gradient(155deg,#ffffffe0,#edf2f6b8 58%,#dbe4eaa8);
  box-shadow:inset -1px 0 #8fa1ae36,18px 0 55px #60738318;
  backdrop-filter:blur(34px) saturate(145%);
  -webkit-backdrop-filter:blur(34px) saturate(145%)
}
html[data-theme="light"] .mobile-head{
  border-bottom-color:#ffffffc9;
  background:linear-gradient(145deg,#ffffffe8,#e9eff4c9);
  box-shadow:inset 0 -1px #8fa1ae2e,0 10px 28px #62748318;
  backdrop-filter:blur(30px) saturate(145%);
  -webkit-backdrop-filter:blur(30px) saturate(145%)
}
html[data-theme="light"] .panel,
html[data-theme="light"] .program-grid article:not(.program-choice-card),
html[data-theme="light"] .recipe-grid article,
html[data-theme="light"] .calculator-grid article,
html[data-theme="light"] .stats-row article,
html[data-theme="light"] .active-program,
html[data-theme="light"] .app-grid article,
html[data-theme="light"] .chat-panel,
html[data-theme="light"] .progress-panel,
html[data-theme="light"] .daily-check,
html[data-theme="light"] .training-section,
html[data-theme="light"] .recipe-finder,
html[data-theme="light"] .profile-card,
html[data-theme="light"] .profile-calculator-section,
html[data-theme="light"] .profile-subcard,
html[data-theme="light"] .profile-welcome-card,
html[data-theme="light"] .nutrition-steps,
html[data-theme="light"] .session-card,
html[data-theme="light"] .week-step,
html[data-theme="light"] .training-rhythm,
html[data-theme="light"] .coach-chat-card,
html[data-theme="light"] .coach-today-card,
html[data-theme="light"] .coach-next-card,
html[data-theme="light"] .coach-prompt-panel,
html[data-theme="light"] .coach-answer-card{
  border-color:#ffffffcf;
  background:linear-gradient(145deg,#ffffffe2,#f4f7f9b8 52%,#dfe7ed9c);
  color:#17212a;
  box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffc7,inset 0 -1px #778b9a26,0 18px 42px #5065751d;
  backdrop-filter:blur(28px) saturate(145%);
  -webkit-backdrop-filter:blur(28px) saturate(145%)
}
html[data-theme="light"] .sidebar nav.side-tile-nav button,
html[data-theme="light"] .nutrition-steps button,
html[data-theme="light"] .side-user a,
html[data-theme="light"] .side-theme-toggle,
html[data-theme="light"] .theme-toggle-btn,
html[data-theme="light"] .mobile-head button:not(.mobile-profile-avatar),
html[data-theme="light"] .profile-edit-button,
html[data-theme="light"] .profile-secondary-action,
html[data-theme="light"] .intensity-picker button,
html[data-theme="light"] .habit-list button,
html[data-theme="light"] .coach-category-tabs button,
html[data-theme="light"] .coach-prompt-grid button,
html[data-theme="light"] .training-demo-controls button,
html[data-theme="light"] .photo-actions button,
html[data-theme="light"] .recipe-detail-toggle,
html[data-theme="light"] .recipe-favorite-btn,
html[data-theme="light"] .price-strategy button,
html[data-theme="light"] .price-compare button,
html[data-theme="light"] .store-picker label{
  border-color:#ffffffd9;
  background:linear-gradient(145deg,#ffffffe9,#edf2f5b8 62%,#d8e1e8a8);
  color:#30404b;
  box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffc7,inset 0 -1px #71849333,0 9px 22px #536a7b18;
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%)
}
html[data-theme="light"] .sidebar nav.side-tile-nav button:hover,
html[data-theme="light"] .sidebar nav.side-tile-nav button:focus-visible,
html[data-theme="light"] .side-user a:hover,
html[data-theme="light"] .side-theme-toggle:hover,
html[data-theme="light"] .theme-toggle-btn:hover,
html[data-theme="light"] .coach-category-tabs button:hover,
html[data-theme="light"] .coach-prompt-grid button:hover{
  border-color:#ffffff;
  background:linear-gradient(145deg,#ffffff,#e5f0edc9);
  color:#174c3d;
  box-shadow:inset 0 1px #fff,0 12px 27px #3f5b6d22,0 0 0 1px #83b9aa42
}
html[data-theme="light"] .sidebar nav.side-tile-nav button.active,
html[data-theme="light"] .nutrition-steps button.active,
html[data-theme="light"] .coach-category-tabs button.active,
html[data-theme="light"] .price-strategy button.active,
html[data-theme="light"] .price-compare button.selected,
html[data-theme="light"] .store-picker.guided label:has(input:checked){
  border-color:#91cbb9;
  background:linear-gradient(145deg,#f8fffc,#d9eee7c9 58%,#c5e2d8bd);
  color:#126047;
  box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffd9,0 12px 28px #37786124,0 0 0 1px #4f9f8640
}
html[data-theme="light"] .sidebar nav.side-tile-nav .side-tile-icon,
html[data-theme="light"] .nutrition-steps button span,
html[data-theme="light"] .profile-check-icon{
  border-color:#ffffffd9;
  background:radial-gradient(circle at 30% 20%,#56636d,#202a32 48%,#10171d 100%);
  color:#f5fffb;
  box-shadow:inset 0 1px #ffffffbd,inset 1px 0 #ffffff75,inset 0 -2px #0008,0 7px 15px #2736423d
}
html[data-theme="light"] .sidebar nav.side-tile-nav button.active .side-tile-icon,
html[data-theme="light"] .nutrition-steps button.active span{
  border-color:#d9fff0;
  background:radial-gradient(circle at 30% 20%,#65efbd,#229b78 52%,#123a30 100%);
  color:#061510;
  box-shadow:inset 0 1px #fff,0 8px 18px #207b6038
}
html[data-theme="light"] .profile-field-grid,
html[data-theme="light"] .profile-value-control,
html[data-theme="light"] .smart-control,
html[data-theme="light"] .compact-form input,
html[data-theme="light"] .compact-form select,
html[data-theme="light"] .stack-form input,
html[data-theme="light"] .profile-form input,
html[data-theme="light"] .profile-form select,
html[data-theme="light"] .inline-form input,
html[data-theme="light"] .recipe-finder-form input,
html[data-theme="light"] .meal-photo-form select,
html[data-theme="light"] .profile-settings input,
html[data-theme="light"] .profile-settings select,
html[data-theme="light"] .profile-settings textarea,
html[data-theme="light"] .health-calc-form input,
html[data-theme="light"] .health-calc-form select,
html[data-theme="light"] .health-calc-direct-panel input,
html[data-theme="light"] .health-calc-direct-panel select,
html[data-theme="light"] .coach-composer textarea,
html[data-theme="light"] .chat-panel textarea{
  border-color:#ffffffd6;
  background:linear-gradient(145deg,#ffffffe8,#edf2f5c9);
  color:#18242c;
  box-shadow:inset 0 1px #fff,inset 0 -1px #7489972b,0 7px 18px #52687912
}
html[data-theme="light"] .profile-settings input:focus,
html[data-theme="light"] .profile-settings select:focus,
html[data-theme="light"] .profile-settings textarea:focus,
html[data-theme="light"] .compact-form input:focus,
html[data-theme="light"] .recipe-finder-form input:focus,
html[data-theme="light"] .coach-composer textarea:focus{
  border-color:#72bca5;
  background:#fffffff2;
  box-shadow:inset 0 1px #fff,0 0 0 3px #5db49726,0 9px 22px #536a7b17
}
html[data-theme="light"] .app-heading p,
html[data-theme="light"] .view-title p,
html[data-theme="light"] .muted,
html[data-theme="light"] .home-hero p{color:#586975}
html[data-theme="light"] .app-heading h1,
html[data-theme="light"] .view-title h1,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3{color:#17212a}

/* Profile 2026-09-28 — approved stone-and-liquid-glass composition. */
#profileView{
  position:relative;
  isolation:isolate;
  min-height:100dvh;
  padding:clamp(18px,3vw,38px);
  border-radius:34px;
  background:#12110f url('/assets/healthos-profile-stone-dark-v1.png') center top/cover fixed no-repeat;
  overflow:hidden
}
#profileView:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(180deg,rgba(6,8,7,.28),rgba(7,9,8,.66)),radial-gradient(70% 30% at 82% 4%,rgba(217,176,108,.12),transparent 70%);
  pointer-events:none
}
#profileView .profile-settings{display:grid;gap:14px;width:min(100%,920px);margin:0 auto}
.profile-premium-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:4px 2px 10px;color:#f7f5ef}
.profile-premium-back{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0;border:0;background:none;color:inherit;font:550 15px/1 Inter;cursor:pointer}
.profile-premium-back span{font-size:24px;font-weight:300}
.profile-premium-head>strong{font:600 18px/1 Inter;letter-spacing:-.02em}
.profile-premium-actions{justify-self:end;display:flex;align-items:center;gap:9px}
.profile-premium-locale,.profile-premium-theme{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:rgba(255,255,255,.07);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.3);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.profile-premium-locale{font:650 13px Inter}.profile-premium-theme{padding:0;cursor:pointer}.profile-premium-theme svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#profileView .profile-welcome-card{position:relative;min-height:230px;padding:28px 32px;border:1px solid rgba(255,255,255,.36);border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.055) 55%,rgba(126,237,195,.06));box-shadow:inset 0 1px rgba(255,255,255,.45),0 24px 52px rgba(0,0,0,.3);backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%);overflow:hidden}
#profileView .profile-welcome-card:after{content:"";position:absolute;left:12%;right:12%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#f5d78e,#82edc4,transparent);box-shadow:0 0 16px #85e9c28a}
#profileView .profile-welcome-copy{position:relative;z-index:2;align-content:center}
#profileView .profile-welcome-copy h1{max-width:520px;margin:0;color:#fff;font:650 clamp(31px,5vw,52px)/.98 Inter;letter-spacing:-.055em}
#profileView .profile-welcome-copy>p{max-width:440px;margin:13px 0 20px;color:#d4d5d0;font:400 14px/1.5 Inter}
#profileView .profile-completion-card{width:min(100%,430px);padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(5,10,8,.24);box-shadow:inset 0 1px rgba(255,255,255,.14)}
#profileView .profile-welcome-save{min-height:42px;margin-top:11px;padding:0 18px;border:1px solid #bfffe6;border-radius:999px;background:linear-gradient(135deg,#91f1c9,#52dba8);color:#062117;font:700 13px Inter;box-shadow:0 9px 24px rgba(64,214,158,.2),inset 0 1px #fff}
#profileView .profile-welcome-art{right:24px;width:250px;opacity:.92;filter:drop-shadow(0 0 25px rgba(92,234,186,.32))}
.profile-premium-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.28);border-radius:22px;background:rgba(15,17,15,.26);box-shadow:inset 0 1px rgba(255,255,255,.25),0 15px 35px rgba(0,0,0,.2);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);overflow:hidden}
.profile-premium-summary>span{display:grid;justify-items:center;gap:3px;padding:15px 8px;border-right:1px solid rgba(255,255,255,.13)}.profile-premium-summary>span:last-child{border:0}.profile-premium-summary strong{color:#fff;font:650 19px/1 Inter}.profile-premium-summary small{color:#aeb6b0;font:500 10px/1 Inter;letter-spacing:.04em}
#profileView #angabenShell{display:contents!important}
#profileView #angabenShell>.angaben-hero,#profileView #angabenShell>.angaben-streak{display:none!important}
#profileView .profile-premium-accordion{position:relative!important;display:block!important;max-width:none!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.27)!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.045))!important;box-shadow:inset 0 1px rgba(255,255,255,.3),0 15px 36px rgba(0,0,0,.2)!important;backdrop-filter:blur(26px) saturate(135%)!important;-webkit-backdrop-filter:blur(26px) saturate(135%)!important;overflow:hidden}
#profileView .profile-premium-accordion:before{display:none!important}
.profile-accordion-toggle{position:relative;z-index:5;display:grid;width:100%;grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:12px;min-height:72px;padding:12px 15px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}
.profile-accordion-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(139,239,201,.5);border-radius:12px;background:radial-gradient(circle at 35% 25%,rgba(140,242,203,.35),rgba(25,57,45,.2));box-shadow:inset 0 1px rgba(255,255,255,.35),0 0 18px rgba(81,221,170,.1)}
.profile-accordion-icon:before{content:"";width:12px;height:12px;border:1.8px solid #8ee9c7;border-radius:50%;box-shadow:0 0 8px rgba(116,236,193,.55)}
.profile-accordion-copy{display:grid;gap:4px;min-width:0}.profile-accordion-copy strong{color:#fff;font:650 15px/1.2 Inter}.profile-accordion-copy small{overflow:hidden;color:#aeb7b1;font:450 11px/1.2 Inter;text-overflow:ellipsis;white-space:nowrap}
.profile-accordion-chevron{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.2);border-radius:50%;font:300 22px/1 Inter;transition:transform .28s ease}.profile-premium-accordion.is-open>.profile-accordion-toggle .profile-accordion-chevron{transform:rotate(180deg)}
#profileView .profile-premium-accordion:not(.is-open)>:not(.profile-accordion-toggle){display:none!important}
#profileView .profile-premium-accordion.is-open{padding:0 14px 14px!important}
#profileView .profile-premium-accordion.is-open>.profile-accordion-toggle{margin:0 -14px 12px;width:calc(100% + 28px);border-bottom:1px solid rgba(255,255,255,.12)}
#profileView .profile-premium-accordion>.angaben-head,#profileView .profile-premium-accordion>.goal-glass-hero,#profileView .profile-premium-accordion>.profile-richtwerte-hero,#profileView .profile-premium-accordion>.profile-food-health-hero,#profileView #profileDayCard>small,#profileView #profileDayCard>h2,#profileView #profileDayCard>p{display:none!important}
#profileView .profile-action-bar.profile-completion-cta{padding:16px;border:1px solid rgba(255,255,255,.3);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));box-shadow:inset 0 1px rgba(255,255,255,.32),0 18px 40px rgba(0,0,0,.24);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}
#profileView .profile-action-bar.profile-completion-cta>button[type=submit]{border:1px solid #baffdf;border-radius:999px;background:linear-gradient(135deg,#8af0c5,#49d5a0);color:#062117;box-shadow:inset 0 1px #fff,0 10px 25px rgba(49,203,148,.2)}
html[data-theme="light"] #profileView{background-color:#e8e2d7;background-image:url('/assets/healthos-profile-stone-light-v1.png');color:#17201d}
html[data-theme="light"] #profileView:before{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(241,235,223,.24)),radial-gradient(70% 30% at 82% 4%,rgba(255,255,255,.4),transparent 70%)}
html[data-theme="light"] .profile-premium-head{color:#17201d}
html[data-theme="light"] .profile-premium-locale,html[data-theme="light"] .profile-premium-theme{border-color:rgba(70,74,67,.25);background:rgba(255,255,255,.38);color:#17201d;box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 20px rgba(54,48,38,.08)}
html[data-theme="light"] #profileView .profile-welcome-card,html[data-theme="light"] #profileView .profile-premium-accordion,html[data-theme="light"] #profileView .profile-action-bar.profile-completion-cta{border-color:rgba(255,255,255,.85)!important;background:linear-gradient(135deg,rgba(255,255,255,.66),rgba(255,255,255,.3))!important;box-shadow:inset 0 1px #fff,0 18px 40px rgba(72,62,44,.13)!important}
html[data-theme="light"] #profileView .profile-welcome-copy h1,html[data-theme="light"] .profile-premium-summary strong,html[data-theme="light"] .profile-accordion-copy strong{color:#17201d}
html[data-theme="light"] #profileView .profile-welcome-copy>p,html[data-theme="light"] .profile-accordion-copy small{color:#5d6863}
html[data-theme="light"] #profileView .profile-completion-card,html[data-theme="light"] .profile-premium-summary{border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.42);box-shadow:inset 0 1px #fff,0 12px 28px rgba(72,62,44,.1)}
html[data-theme="light"] .profile-premium-summary>span{border-right-color:rgba(68,76,70,.14)}html[data-theme="light"] .profile-premium-summary small{color:#64716b}
html[data-theme="light"] .profile-accordion-toggle{color:#17201d}html[data-theme="light"] .profile-accordion-chevron{border-color:rgba(36,60,51,.2)}
@media(max-width:980px){
  body:has(#profileView.active) .mobile-head{display:none!important}
  body:has(#profileView.active) .app-main{padding:0!important;overflow:auto!important}
  #profileView{min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 13px calc(28px + env(safe-area-inset-bottom));border-radius:0;background-attachment:scroll;overflow:visible}
  #profileView .profile-settings{gap:10px}
  .profile-premium-head{padding:4px 2px 6px}
  #profileView .profile-welcome-card{min-height:190px;padding:22px 19px;border-radius:25px}
  #profileView .profile-welcome-copy h1{max-width:70%;font-size:34px}
  #profileView .profile-welcome-copy>p{max-width:66%;font-size:12px}
  #profileView .profile-welcome-art{right:-34px;width:210px}
  #profileView .profile-completion-card{width:68%;grid-template-columns:32px 1fr auto}
  #profileView .profile-completion-card small{display:none}
  .profile-premium-summary strong{font-size:16px}.profile-premium-summary small{font-size:9px}
  .profile-accordion-toggle{min-height:66px}
  #profileView .profile-action-bar.profile-completion-cta{grid-template-columns:1fr!important}
  #profileView .profile-cta-icon,#profileView .profile-cta-copy{display:none!important}
}
@media(max-width:370px){
  #profileView .profile-welcome-copy h1{font-size:30px}
  #profileView .profile-welcome-art{opacity:.65}
  .profile-premium-locale{display:none}
  .profile-premium-summary>span{padding:12px 4px}
}
@media(max-width:980px){
  html[data-theme="light"] body,
  html[data-theme="light"] .dash-page{background-attachment:scroll}
}
html[data-theme="light"] .program-run-page,
html[data-theme="light"] .program-run-focus,
html[data-theme="light"] .program-run.program-lean-start.program-run-page,
html[data-theme="light"] .program-run.program-everyday-energy.program-run-page,
html[data-theme="light"] .program-run.program-build-strong.program-run-page{
  border-color:#ffffffd9!important;
  background:linear-gradient(145deg,#ffffffe2,#e8eef3bd 58%,#d6e0e7ad)!important;
  box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffc7,inset 0 -1px #7184932b,0 20px 45px #50657522!important;
  backdrop-filter:blur(30px) saturate(145%);
  -webkit-backdrop-filter:blur(30px) saturate(145%)
}
html[data-theme="light"] .program-run .program-run-body{
  background:linear-gradient(145deg,#ffffffe3,#edf2f5c4 66%,#dce5eba8)!important
}
html[data-theme="light"] .program-run .plan-today-card{
  border-color:#ffffffdc!important;
  background:linear-gradient(145deg,#fffffff0,#e9eff3cb)!important;
  color:#25323b!important;
  box-shadow:inset 0 1px #fff,inset 0 -1px #7388972b,0 13px 29px #5065751c
}
html[data-theme="light"] .program-run .plan-today-copy h3{color:#17212a!important}
html[data-theme="light"] .program-run .plan-today-copy p,
html[data-theme="light"] .program-run .plan-today-copy li{color:#4f606c!important}
html[data-theme="light"] .program-run .plan-today-copy li span{color:#17212a!important}
html[data-theme="light"] .program-run.program-lean-start .plan-today-card .plan-today-copy p,
html[data-theme="light"] .program-run.program-lean-start .plan-today-card .plan-today-copy li,
html[data-theme="light"] .program-run.program-everyday-energy .plan-today-card .plan-today-copy p,
html[data-theme="light"] .program-run.program-everyday-energy .plan-today-card .plan-today-copy li,
html[data-theme="light"] .program-run.program-build-strong .plan-today-card .plan-today-copy p,
html[data-theme="light"] .program-run.program-build-strong .plan-today-card .plan-today-copy li{color:#4c5c67!important}
html[data-theme="light"] .program-run.program-lean-start .plan-today-card .plan-today-copy li span,
html[data-theme="light"] .program-run.program-everyday-energy .plan-today-card .plan-today-copy li span,
html[data-theme="light"] .program-run.program-build-strong .plan-today-card .plan-today-copy li span{color:#17212a!important}
html[data-theme="light"] .program-run .plan-week-dot:not(.active):not(.completed) b{
  border-color:#ffffffd5;background:linear-gradient(145deg,#fff,#dfe7ed);color:#344550;box-shadow:inset 0 1px #fff,0 5px 13px #5268791b
}

/* Alltag landing rooms: bright glass tiles in White Mode */
html[data-theme="light"] #trackingView .alltag-skyline{
  gap:10px;
  padding:10px;
  background:linear-gradient(145deg,#ffffff82,#dce6eb61);
  border-top:1px solid #ffffffd4
}
html[data-theme="light"] #trackingView .alltag-cell{
  border:1px solid #ffffffdc!important;
  border-radius:22px;
  color:#17232b;
  box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffc7,inset 0 -1px #7286942b,0 13px 28px #5065751b;
  backdrop-filter:blur(25px) saturate(140%);
  -webkit-backdrop-filter:blur(25px) saturate(140%)
}
html[data-theme="light"] #trackingView .alltag-cell.c-today{--c:#14795d;background:linear-gradient(145deg,#fafffded,#d9eee6d4)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-plan{--c:#8b6714;background:linear-gradient(145deg,#fffdf7ed,#f1e7cdd6)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-water{--c:#17718a;background:linear-gradient(145deg,#f8fdffed,#d8edf2d6)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-sleep{--c:#65519d;background:linear-gradient(145deg,#fcfbffed,#e6dff3d6)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-mood{--c:#98572e;background:linear-gradient(145deg,#fffaf7ed,#f2e0d7d6)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-weight{--c:#99516b;background:linear-gradient(145deg,#fff9fbed,#f1dce4d6)!important}
html[data-theme="light"] #trackingView .alltag-cell.c-story{--c:#2d7a5e;background:linear-gradient(145deg,#f7fbf8ed,#d5ebe2d6)!important}
html[data-theme="light"] #trackingView .alltag-story-copy h2{color:#17232b}
html[data-theme="light"] #trackingView .alltag-story-copy p{color:#5a6972}
html[data-theme="light"] #trackingView .alltag-story-tabs button{
  border-color:#c9dfd2;background:#f7fbf8;color:#0d1f16
}
html[data-theme="light"] #trackingView .alltag-story-tabs button.on{
  border-color:#2d7a5e66;background:#e7f4ee;color:#14795d
}
html[data-theme="light"] #trackingView .alltag-cell strong{color:#17232b!important}
html[data-theme="light"] #trackingView .alltag-cell em{color:#5a6972!important}
html[data-theme="light"] #trackingView .alltag-cell b{color:var(--c)!important}
html[data-theme="light"] #trackingView .alltag-cell:before{color:#344650;opacity:.08}
html[data-theme="light"] #trackingView .alltag-mark{
  color:var(--c);
  border-color:color-mix(in srgb,var(--c) 38%,#fff);
  background:linear-gradient(145deg,#fffffff0,color-mix(in srgb,var(--c) 12%,#eef3f5));
  box-shadow:inset 0 1px #fff,0 7px 17px #50657518
}
html[data-theme="light"] #trackingView .alltag-cell:hover,
html[data-theme="light"] #trackingView .alltag-cell:focus-visible{
  box-shadow:inset 0 1px #fff,inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent),0 17px 34px #50657524;
  transform:translateY(-1px)
}
@media(max-width:640px){
  #trackingView .alltag-hero,
  #trackingView .alltag-hero-copy{min-height:230px}
  #trackingView .alltag-hero-copy{max-width:19rem;padding:18px 14px 16px}
  #trackingView .alltag-hero-copy h1{margin-top:8px;font-size:34px;line-height:.94}
  #trackingView .alltag-hero-copy p{margin-top:9px;font-size:12px;line-height:1.35}
  #trackingView .alltag-skyline{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:8px;padding:8px}
  #trackingView .alltag-cell,
  #trackingView .alltag-cell.c-today,
  #trackingView .alltag-cell.c-plan,
  #trackingView .alltag-cell.c-mood,
  #trackingView .alltag-cell.c-sleep{min-height:118px!important;padding:12px 11px 11px}
  #trackingView .c-story{min-height:96px!important;grid-column:1 / -1}
  #trackingView .alltag-cell:before{right:10px;top:9px;font-size:38px}
  #trackingView .alltag-mark{width:28px;height:28px;margin-bottom:8px;border-radius:9px}
  #trackingView .alltag-mark svg{width:14px;height:14px}
  #trackingView .alltag-cell strong,
  #trackingView .alltag-cell.c-today strong,
  #trackingView .alltag-cell.c-sleep strong{font-size:20px;line-height:1}
  #trackingView .alltag-cell em{margin-top:4px;font-size:10px;line-height:1.25}
  #trackingView .alltag-cell b{margin-top:8px;font-size:9px}
  html[data-theme="light"] #trackingView .alltag-skyline{gap:7px;padding:7px}
  html[data-theme="light"] #trackingView .alltag-cell{border-radius:16px}
}

/* Alltag room pages: calm mid-tone glass instead of black/white contrast */
html[data-theme="light"] #trackingView .alltag-house:has(.alltag-room.on){
  border-color:#ffffffc9;
  background:linear-gradient(150deg,#e8eeec,#cdd8d5);
  box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffb5,inset 0 -1px #687c7833,0 22px 48px #4e625d28
}
html[data-theme="light"] #trackingView .alltag-stage:before{
  background:
    radial-gradient(700px 380px at 82% -8%,color-mix(in srgb,var(--c) 19%,#f8fbfa),transparent 66%),
    radial-gradient(500px 350px at -8% 78%,#ffffff73,transparent 72%),
    linear-gradient(160deg,#e5ece9 0,#d4dfdc 48%,#c5d2cf 100%)
}
html[data-theme="light"] #trackingView .alltag-back{color:#465952!important}
html[data-theme="light"] #trackingView .alltag-back:hover{color:#11694e!important}
html[data-theme="light"] #trackingView .alltag-words button{color:#66766f!important}
html[data-theme="light"] #trackingView .alltag-words button.on{color:color-mix(in srgb,var(--c) 72%,#173a2e)!important}
html[data-theme="light"] #trackingView .alltag-vis small{color:color-mix(in srgb,var(--c) 72%,#173a2e)!important}
html[data-theme="light"] #trackingView .alltag-vis h2{color:#1b2925!important;text-shadow:none}
html[data-theme="light"] #trackingView .alltag-vis p{color:#53645e!important}
html[data-theme="light"] #trackingView .alltag-vis .routine-water-status-pill,
html[data-theme="light"] #trackingView .alltag-vis .sleep-source-pill,
html[data-theme="light"] #trackingView .alltag-vis .recovery-source-pill{
  border-color:#ffffffbd;
  background:#ffffff52;
  color:#40544c!important;
  box-shadow:inset 0 1px #fff
}
html[data-theme="light"] #trackingView .alltag-board .routine-setting-field{
  border-color:#ffffffcf;
  background:linear-gradient(145deg,#ffffffe0,#eef3f1b8);
  box-shadow:inset 0 1px #fff,inset 0 -1px #6f837e26,0 10px 22px #53686319
}
html[data-theme="light"] #trackingView .alltag-board .routine-setting-field>span{color:#263832!important}
html[data-theme="light"] #trackingView .alltag-board .routine-setting-field select,
html[data-theme="light"] #trackingView .alltag-board .routine-setting-field input{
  border-color:#a9beb7;
  background:#f5f8f7cc;
  color:#17241f;
  box-shadow:inset 0 1px #fff
}
html[data-theme="light"] #trackingView .alltag-board .routine-setting-field small{color:#4e635b!important}
html[data-theme="light"] #trackingView .sleep-facts>div{
  border-color:#d1c9e7!important;
  background:linear-gradient(145deg,#ffffffe8,#eeeaf7d6)!important;
  box-shadow:inset 0 1px #fff,inset 0 -1px #7d70a226,0 8px 18px #51496b17
}
html[data-theme="light"] #trackingView .sleep-facts small{
  color:#5b4aa8!important;
  -webkit-text-fill-color:#5b4aa8!important
}
html[data-theme="light"] #trackingView .sleep-facts strong{
  color:#181326!important;
  -webkit-text-fill-color:#181326!important
}
html[data-theme="light"] #profileFoodHealthCard .smart-ghost{
  color:#6b7975!important;
  opacity:.78!important;
  font-weight:400
}
html[data-theme="light"] #profileFoodHealthCard .health .smart-ghost{
  color:#766f88!important;
  opacity:.78!important
}
html[data-theme="light"] #profileFoodHealthCard .smart-field.has-ghost .smart-ghost{
  display:block!important
}

@media(max-width:640px){
  html[data-theme="light"] #trackingView .alltag-stage{padding:14px 12px 22px}
  html[data-theme="light"] #trackingView .alltag-bar{margin-bottom:20px}
  html[data-theme="light"] #trackingView .alltag-vis h2{font-size:34px;line-height:.98}
  html[data-theme="light"] #trackingView .alltag-vis p{font-size:13px;line-height:1.42}
  html[data-theme="light"] #trackingView .alltag-board{margin-top:22px}
}

/* Live Schlaf 1:1 from preview-schlaf.html — IDs / start-stop / consent / APIs unchanged */
#trackingRoom-sleep .alltag-stage{
  position:relative;
  max-width:430px;
  margin:0 auto;
  padding:14px 14px 28px;
  overflow:hidden;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  background:
    radial-gradient(70% 42% at 88% 8%,#c4b4ff33,transparent 46%),
    radial-gradient(80% 36% at 8% 0,#3dd6c226,transparent 44%),
    radial-gradient(90% 50% at 50% 108%,#e8c56a22,transparent 52%),
    linear-gradient(180deg,#12102a 0%,#0a0818 42%,#05040f 100%)
}
#trackingRoom-sleep .alltag-stage:before{
  background:
    radial-gradient(circle at 18% 22%,#ffffff12,transparent 18%),
    radial-gradient(circle at 78% 18%,#c4b4ff22,transparent 22%),
    radial-gradient(circle at 50% 70%,#ffffff08,transparent 42%)
}
#trackingRoom-sleep .sleep-star{
  position:absolute;border-radius:50%;background:#fff;opacity:.55;pointer-events:none;
  animation:sleepTwinkle 3.6s ease-in-out infinite
}
#trackingRoom-sleep .sleep-star.s1{width:2px;height:2px;left:12%;top:9%;animation-delay:.2s}
#trackingRoom-sleep .sleep-star.s2{width:3px;height:3px;left:72%;top:14%;animation-delay:1.1s}
#trackingRoom-sleep .sleep-star.s3{width:2px;height:2px;left:88%;top:28%;animation-delay:1.8s}
#trackingRoom-sleep .sleep-star.s4{width:2px;height:2px;left:24%;top:36%;animation-delay:.7s}
@keyframes sleepTwinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.9;transform:scale(1.15)}}
#trackingRoom-sleep .alltag-bar{margin-bottom:12px;color:#d7d1ea}
#trackingRoom-sleep .alltag-back{color:#d7d1ea}
#trackingRoom-sleep .alltag-back:hover{color:#c4b4ff}
#trackingRoom-sleep .alltag-words button{color:#6f6888}
#trackingRoom-sleep .alltag-words button.on{color:#c4b4ff}
#sleepModule{
  position:relative;z-index:1;
  display:flex;flex-direction:column;gap:12px;
  padding:0;border:0;background:transparent;box-shadow:none;overflow:visible
}
#sleepModule:before{content:none}
#trackingRoom-sleep .sleep-hero{
  display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:start;gap:4px
}
#sleepModule #sleepTitle{
  margin:0;color:#f6f3ff;font:800 26px/1.08 Inter;letter-spacing:-.038em
}
#sleepModule #sleepTitle span{
  display:block;
  background:linear-gradient(180deg,#efe6ff,#c4b4ff 55%,#8f7be0);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
#sleepModule #sleepIntro{
  margin:7px 0 0;max-width:15.4rem;color:#9a92b8;font:400 12px/1.4 Inter
}
#trackingRoom-sleep .sleep-moon{
  position:relative;width:92px;height:92px;justify-self:end;margin-top:-6px;
  -webkit-mask-image:radial-gradient(circle at 50% 48%,#000 62%,transparent 78%);
  mask-image:radial-gradient(circle at 50% 48%,#000 62%,transparent 78%);
  animation:sleepMoonGlow 4.8s ease-in-out infinite
}
#trackingRoom-sleep .sleep-moon img{
  display:block;width:100%;height:100%;object-fit:cover;
  mix-blend-mode:lighten;filter:saturate(1.25) brightness(1.18) contrast(1.08)
}
@keyframes sleepMoonGlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
#sleepModule .sleep-card,
#sleepModule .sleep-start-card,
#sleepModule .sleep-score,
#sleepModule .sleep-tile,
#sleepModule .sleep-path,
#sleepModule .sleep-sound,
#sleepModule .sleep-week,
#sleepModule .sleep-next,
#sleepModule .sleep-sheet{
  position:relative;border-radius:18px;
  border:1px solid #c4b4ff4d;
  background:linear-gradient(180deg,#d7d0ff16,#0c0a1ccc 42%,#080614d8);
  box-shadow:inset 0 1px 0 #ffffff38,0 10px 22px #0006;
  backdrop-filter:blur(28px) saturate(170%);
  -webkit-backdrop-filter:blur(28px) saturate(170%)
}
#sleepModule .sleep-card:before,
#sleepModule .sleep-start-card:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,#ffffff18,transparent 38%)
}
#sleepModule .sleep-screen{display:flex;flex-direction:column;gap:11px}
#sleepModule .sleep-screen[hidden]{display:none!important}
#sleepModule .sleep-start-card{padding:14px 12px 12px;text-align:center}
#sleepModule #sleepSessionKicker{display:block;color:#c4b4ff;font:700 9px Inter;letter-spacing:.16em}
#sleepModule #sleepSessionTitle{display:block;margin:6px 0 4px;color:#f6f3ff;font:700 16px/1.2 Inter}
#sleepModule #sleepSessionHint{margin:0 auto 12px;max-width:16rem;color:#b7b0cc;font:400 12px/1.4 Inter}
#sleepModule .sleep-session-panel{display:block;padding:0;border:0;background:none;box-shadow:none}
#sleepModule .sleep-session-actions{display:block}
#sleepModule .sleep-go,
#sleepModule #sleepStartBtn,
#sleepModule #sleepStopBtn,
#sleepModule #sleepStartTonight,
#sleepModule #sleepConsentGo{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  width:100%;min-height:50px;border-radius:16px;border:0;
  background:linear-gradient(180deg,#efe6ff,#c4b4ff 48%,#9b86e8);
  color:#140e28;font:800 14px Inter;
  box-shadow:0 0 22px #c4b4ff55,0 12px 24px #0006;cursor:pointer
}
#sleepModule #sleepStartBtn[hidden],
#sleepModule #sleepStopBtn[hidden],
#sleepModule #sleepStartTonight,
#sleepModule #sleepStartTonight[hidden]{display:none!important}
#sleepModule .sleep-sleeping{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 8px 18px}
#sleepModule .sleep-orb{
  width:148px;height:148px;border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#fff6,#c4b4ff55 28%,#140e28 70%);
  box-shadow:0 0 40px #c4b4ff55,inset 0 0 30px #ffffff22;
  animation:sleepBreathe 3.4s ease-in-out infinite
}
@keyframes sleepBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
#sleepModule .sleep-sleeping small{margin-top:16px;color:#c4b4ff;font:700 9px Inter;letter-spacing:.16em}
#sleepModule #sleepClock{display:block;margin:8px 0 4px;color:#f6f3ff;font:800 34px/1 Inter;letter-spacing:-.04em}
#sleepModule #sleepSleepingHint{margin:0 0 18px;color:#b7b0cc;font:400 12px/1.4 Inter}
#sleepModule .sleep-score{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;padding:14px 12px}
#sleepModule .sleep-score-ring{
  --sleep-score:0%;
  width:92px;height:92px;flex:none;
  background:conic-gradient(#c4b4ff 0 var(--sleep-score),#ffffff14 var(--sleep-score) 100%);
  box-shadow:0 0 18px #c4b4ff44
}
#sleepModule .sleep-score-ring:before{inset:10px;background:#0d0b1c}
#sleepModule .sleep-score-ring strong{font:800 26px/1 Inter;color:#f6f3ff}
#sleepModule .sleep-score-ring span{color:#9a92b8;font:600 9px Inter}
#sleepModule .sleep-score-copy small{color:#c4b4ff;font:700 9px Inter;letter-spacing:.14em}
#sleepModule .sleep-score-copy>strong{display:block;margin:4px 0 3px;color:#f6f3ff;font:700 16px/1.15 Inter}
#sleepModule .sleep-score-copy p{margin:0;color:#b7b0cc;font:400 12px/1.35 Inter}
#sleepModule .sleep-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#sleepModule .sleep-tile{padding:11px 10px 10px;min-height:72px}
#sleepModule .sleep-tile i{
  display:grid;place-items:center;width:28px;height:28px;border-radius:9px;
  border:1px solid #ffffff22;margin-bottom:8px
}
#sleepModule .sleep-tile i svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#sleepModule .sleep-tile.t1 i{color:#e8c56a;background:radial-gradient(circle at 30% 18%,#e8c56a66,#1a1408ee);box-shadow:0 0 12px #e8c56a33}
#sleepModule .sleep-tile.t2 i{color:#7db6ff;background:radial-gradient(circle at 30% 18%,#6ea8ff70,#071428ee);box-shadow:0 0 12px #6ea8ff44}
#sleepModule .sleep-tile.t3 i{color:#3dd6c2;background:radial-gradient(circle at 30% 18%,#3dd6c270,#06201bee);box-shadow:0 0 12px #3dd6c244}
#sleepModule .sleep-tile.t4 i{color:#c4b4ff;background:radial-gradient(circle at 30% 18%,#9b8cff70,#140e2aee);box-shadow:0 0 12px #9b8cff44}
#sleepModule .sleep-tile small{display:block;color:#8e86aa;font:700 8px Inter;letter-spacing:.12em}
#sleepModule .sleep-tile strong{display:block;margin-top:3px;color:#f6f3ff;font:750 16px/1.1 Inter}
#sleepModule .sleep-path{padding:12px 11px}
#sleepModule .sleep-path header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
#sleepModule .sleep-path small{color:#c4b4ff;font:700 9px Inter;letter-spacing:.14em}
#sleepModule .sleep-path b,#sleepModule #sleepPhaseTotal{color:#d9d3ee;font:600 11px Inter}
#sleepModule .sleep-phase-bar{display:flex;height:10px;overflow:hidden;border-radius:999px;background:#0b0918;border:1px solid #ffffff10}
#sleepModule .sleep-phase-segment{display:block;flex:0 0 var(--phase-width);min-width:2px;height:100%;border:0;animation:sleepBarIn .9s ease both}
#sleepModule .sleep-phase-light{background:linear-gradient(90deg,#c4b4ff,#9b86e8)}
#sleepModule .sleep-phase-deep{background:#6553a7}
#sleepModule .sleep-phase-rem{background:#d39be8}
#sleepModule .sleep-phase-awake{background:#696778}
@keyframes sleepBarIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
#sleepModule .sleep-phase-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:10px}
#sleepModule .sleep-phase-legend span{display:flex;align-items:center;gap:6px;color:#b7b0cc;font:500 10px Inter}
#sleepModule .sleep-phase-legend i{width:7px;height:7px;border-radius:50%;grid-row:auto}
#sleepModule .sleep-phase-legend b{color:#eeeaff;font-size:10px}
#sleepModule .sleep-sound{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 11px
}
#sleepModule .sleep-sound>i{
  width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
  color:#e8c56a;border:1px solid #e8c56a77;
  background:radial-gradient(circle at 30% 20%,#e8c56a55,#14100ae8)
}
#sleepModule .sleep-sound svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
#sleepModule .sleep-sound strong{display:block;color:#f6f3ff;font:650 12.5px/1.2 Inter}
#sleepModule .sleep-sound p{margin:2px 0 0;color:#b7b0cc;font:400 11px/1.3 Inter}
#sleepModule .sleep-sound em{color:#3dd6c2;font:700 11px Inter;font-style:normal}
#sleepModule .sleep-week{padding:12px 11px}
#sleepModule .sleep-week header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
#sleepModule .sleep-week small{color:#c4b4ff;font:700 9px Inter;letter-spacing:.14em}
#sleepModule .sleep-range{display:flex;gap:4px}
#sleepModule .sleep-range button{
  min-height:26px;padding:0 10px;border-radius:999px;border:1px solid #c5b4ff40;
  background:transparent;color:#b7b0cc;font:600 11px Inter
}
#sleepModule .sleep-range button.active{
  color:#1a1208;background:linear-gradient(180deg,#fff1c4,#e8c56a);border-color:transparent
}
#sleepModule .sleep-history-bars{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:6px;min-height:78px;height:78px
}
#sleepModule .sleep-history-bars.is-month{grid-template-columns:repeat(auto-fill,minmax(18px,1fr))}
#sleepModule .sleep-history-row{
  display:grid;justify-items:center;gap:5px;align-content:end;
  width:100%;padding:0;border:0;background:transparent;color:#8e86aa;font:600 9px Inter;cursor:pointer
}
#sleepModule .sleep-history-row i{
  display:block;width:100%;height:var(--h,24px);border-radius:7px 7px 3px 3px;
  background:linear-gradient(180deg,#c4b4ff,#5d4ea8);box-shadow:0 0 10px #c4b4ff33
}
#sleepModule .sleep-history-row.is-active{color:#e8c56a}
#sleepModule .sleep-history-row.is-active i{background:linear-gradient(180deg,#fff1c4,#e8c56a);box-shadow:0 0 12px #e8c56a66}
#sleepModule .sleep-history-empty{grid-column:1/-1;margin:0;color:#8e86aa;font:400 11px Inter}
#sleepModule .sleep-next{
  display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:11px;
  border-color:#e8c56a77;background:linear-gradient(180deg,#e8c56a2e,#0c121ae0);
  box-shadow:inset 0 1px 0 #f0d48a55,0 0 18px #e8c56a22
}
#sleepModule .sleep-next i,
#sleepModule .sleep-recommendation-icon{
  width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
  color:#e8c56a;border:1px solid #e8c56a77;
  background:radial-gradient(circle at 30% 20%,#e8c56a55,#14100ae8);font-size:0
}
#sleepModule .sleep-next svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
#sleepModule .sleep-next small{color:#f0d48a;font:650 9px Inter;letter-spacing:.12em}
#sleepModule .sleep-next strong{display:block;color:#f0d48a;font:650 12.5px/1.2 Inter}
#sleepModule .sleep-next p{margin:2px 0 0;color:#c5cddd;font:400 11px/1.35 Inter}
#sleepModule .sleep-go-tonight{margin-top:2px}
#sleepModule .sleep-last-chip{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  margin:10px auto 0;min-height:28px;padding:0 10px;border-radius:999px;
  border:1px solid #ffffff22;background:linear-gradient(180deg,#ffffff14,#0c0a20aa);
  color:#d9d3ee;font:600 11px Inter;cursor:pointer
}
#sleepModule .sleep-last-chip[hidden]{display:none!important}
#sleepModule #sleepShowEvening{margin:0 auto 8px}
#sleepModule[data-sleep-view="sleeping"] #sleepDetailsToggle,
#sleepModule[data-sleep-view="sleeping"] #sleepDetails,
#sleepModule[data-sleep-view="evening"] #sleepDetailsToggle,
#sleepModule[data-sleep-view="evening"] #sleepDetails{display:none!important}
#sleepModule .sleep-legal,
#sleepModule #sleepSourceText{margin:0;color:#6f6888;font:400 10px/1.4 Inter;text-align:center}
#sleepModule #sleepDetailsToggle{
  justify-self:center;min-height:34px;padding:0 12px;border-radius:999px;
  border:1px solid #c4b4ff55;background:#211b38;color:#c5b8f6;font:600 11px Inter;cursor:pointer
}
#sleepModule .sleep-more-details{
  display:grid;gap:12px;padding:14px;border:1px solid #c4b4ff33;border-radius:16px;background:#131121
}
#sleepModule .sleep-more-details[hidden]{display:none!important}
#sleepModule .sleep-sheet{
  position:absolute;inset:auto 0 0;z-index:4;
  display:grid;gap:10px;padding:14px 12px 12px
}
#sleepModule .sleep-sheet[hidden]{display:none!important}
#sleepModule .sleep-sheet h3{margin:0;color:#f6f3ff;font:750 16px Inter}
#sleepModule .sleep-sheet p{margin:0;color:#b7b0cc;font:400 12px/1.4 Inter}
#sleepModule .sleep-check{
  display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center;
  padding:10px;border-radius:14px;border:1px solid #ffffff18;color:#e8e4f6;font:500 12px/1.35 Inter
}
#sleepModule .sleep-check:has(input:checked){border-color:#c4b4ff88;background:#c4b4ff18}
#sleepModule .sleep-check input{width:18px;height:18px;accent-color:#e8c56a}
#sleepModule .sleep-sheet-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
#sleepModule #sleepConsentCancel{
  min-height:44px;border-radius:14px;border:1px solid #ffffff22;background:transparent;color:#d7d1ea;font:700 13px Inter
}
#sleepModule .sleep-delete-btn{
  min-height:40px;border-radius:12px;border:1px solid #534777;background:#211b38;color:#c5b8f6;font:600 12px Inter
}
#sleepModule svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="light"] #trackingView .alltag-house:has(#trackingRoom-sleep.on){
  border-color:#ffffffd6;
  background:linear-gradient(150deg,#f4f0ff,#e7e2f6 52%,#ddd7ee);
  box-shadow:inset 0 1px #fff,inset 1px 0 #ffffffc4,inset 0 -1px #7a70a028,0 22px 48px #5b527a24
}
html[data-theme="light"] #trackingRoom-sleep .alltag-stage{
  background:
    radial-gradient(70% 42% at 88% 8%,#c4b4ff55,transparent 48%),
    radial-gradient(80% 36% at 8% 0,#d4b8ff33,transparent 44%),
    radial-gradient(90% 50% at 50% 108%,#e8c56a2e,transparent 52%),
    linear-gradient(180deg,#f7f3ff 0%,#eee8fb 46%,#e4def4 100%)!important
}
html[data-theme="light"] #trackingRoom-sleep .alltag-stage:before{
  background:
    radial-gradient(circle at 18% 22%,#ffffffb8,transparent 22%),
    radial-gradient(circle at 78% 18%,#c4b4ff3d,transparent 26%),
    radial-gradient(circle at 50% 70%,#ffffff8c,transparent 46%)!important
}
html[data-theme="light"] #trackingRoom-sleep .sleep-star{background:#7c6bb8;opacity:.45}
html[data-theme="light"] #trackingRoom-sleep .alltag-back{color:#3f3558!important}
html[data-theme="light"] #trackingRoom-sleep .alltag-back:hover{color:#6b4fd4!important}
html[data-theme="light"] #trackingRoom-sleep .alltag-words button{color:#7a7190!important}
html[data-theme="light"] #trackingRoom-sleep .alltag-words button.on{color:#6b4fd4!important}
html[data-theme="light"] #sleepModule #sleepTitle{
  color:#171326!important;
  -webkit-text-fill-color:#171326!important
}
html[data-theme="light"] #sleepModule #sleepTitle span{
  background:linear-gradient(180deg,#8b6cf0,#6b4fd4 55%,#4c38a8)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important
}
html[data-theme="light"] #sleepModule #sleepIntro{color:#5d5673!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-moon img{
  mix-blend-mode:normal;filter:saturate(1.15) brightness(1.04) contrast(1.05)
}
html[data-theme="light"] #sleepModule .sleep-card,
html[data-theme="light"] #sleepModule .sleep-start-card,
html[data-theme="light"] #sleepModule .sleep-score,
html[data-theme="light"] #sleepModule .sleep-tile,
html[data-theme="light"] #sleepModule .sleep-path,
html[data-theme="light"] #sleepModule .sleep-sound,
html[data-theme="light"] #sleepModule .sleep-week,
html[data-theme="light"] #sleepModule .sleep-next,
html[data-theme="light"] #sleepModule .sleep-sheet,
html[data-theme="light"] #sleepModule .sleep-more-details{
  border-color:#c4b4ff8a!important;
  background:linear-gradient(180deg,#fffffff4,#f4f0ffe8 48%,#ece6fbe0)!important;
  box-shadow:inset 0 1px #fff,0 12px 28px #5b527a1f!important
}
html[data-theme="light"] #sleepModule .sleep-card:before,
html[data-theme="light"] #sleepModule .sleep-start-card:before{
  background:linear-gradient(180deg,#ffffffcc,transparent 42%)
}
html[data-theme="light"] #sleepModule #sleepSessionKicker,
html[data-theme="light"] #sleepModule .sleep-score-copy small,
html[data-theme="light"] #sleepModule .sleep-path small,
html[data-theme="light"] #sleepModule .sleep-week small,
html[data-theme="light"] #sleepModule .sleep-tile small,
html[data-theme="light"] #sleepModule .sleep-next small{
  color:#5b3fd0!important;-webkit-text-fill-color:#5b3fd0!important;font-weight:800!important
}
html[data-theme="light"] #sleepModule #sleepSessionTitle,
html[data-theme="light"] #sleepModule .sleep-score-copy>strong,
html[data-theme="light"] #sleepModule .sleep-tile strong,
html[data-theme="light"] #sleepModule .sleep-sound strong,
html[data-theme="light"] #sleepModule .sleep-next strong,
html[data-theme="light"] #sleepModule .sleep-sheet h3,
html[data-theme="light"] #sleepModule #sleepClock{
  color:#171326!important;-webkit-text-fill-color:#171326!important
}
html[data-theme="light"] #sleepModule #sleepSessionHint,
html[data-theme="light"] #sleepModule .sleep-score-copy p,
html[data-theme="light"] #sleepModule .sleep-sound p,
html[data-theme="light"] #sleepModule .sleep-next p,
html[data-theme="light"] #sleepModule .sleep-sheet p,
html[data-theme="light"] #sleepModule #sleepSleepingHint,
html[data-theme="light"] #sleepModule .sleep-phase-legend span,
html[data-theme="light"] #sleepModule .sleep-legal,
html[data-theme="light"] #sleepModule #sleepSourceText{
  color:#5d5673!important;-webkit-text-fill-color:#5d5673!important
}
html[data-theme="light"] #sleepModule .sleep-go,
html[data-theme="light"] #sleepModule #sleepStartBtn,
html[data-theme="light"] #sleepModule #sleepStopBtn,
html[data-theme="light"] #sleepModule #sleepConsentGo{
  background:linear-gradient(180deg,#efe6ff,#c4b4ff 48%,#9b86e8)!important;
  color:#140e28!important;-webkit-text-fill-color:#140e28!important;
  box-shadow:0 0 22px #c4b4ff66,0 12px 24px #5b527a24!important
}
html[data-theme="light"] #sleepModule .sleep-last-chip{
  border-color:#c4b4ff99;background:linear-gradient(180deg,#fffffff2,#efeaffd9);
  color:#3f3558!important;-webkit-text-fill-color:#3f3558!important;
  box-shadow:inset 0 1px #fff,0 6px 14px #5b527a14
}
html[data-theme="light"] #sleepModule .sleep-score-ring{
  background:conic-gradient(#6b4fd4 0 var(--sleep-score),#d9d1f3 var(--sleep-score) 100%);
  box-shadow:0 0 18px #c4b4ff55
}
html[data-theme="light"] #sleepModule .sleep-score-ring:before{background:#f7f4ff!important}
html[data-theme="light"] #sleepModule .sleep-score-ring strong{color:#171326!important;-webkit-text-fill-color:#171326!important}
html[data-theme="light"] #sleepModule .sleep-score-ring span{color:#7a7190!important}
html[data-theme="light"] #sleepModule .sleep-phase-bar{background:#ece8f8;border-color:#c4b4ff55}
html[data-theme="light"] #sleepModule .sleep-path b,
html[data-theme="light"] #sleepModule #sleepPhaseTotal,
html[data-theme="light"] #sleepModule .sleep-phase-legend b,
html[data-theme="light"] #sleepModule .sleep-sound em{
  color:#3f3558!important;-webkit-text-fill-color:#3f3558!important
}
html[data-theme="light"] #sleepModule .sleep-sound em{color:#0f8f80!important;-webkit-text-fill-color:#0f8f80!important}
html[data-theme="light"] #sleepModule .sleep-history-row{color:#7a7190!important}
html[data-theme="light"] #sleepModule .sleep-history-row.is-active{color:#8a6a12!important}
html[data-theme="light"] #sleepModule .sleep-range button{
  border-color:#c4b4ff77;background:#ffffffb8;color:#5d5673!important
}
html[data-theme="light"] #sleepModule .sleep-range button.active{
  color:#1a1208!important;background:linear-gradient(180deg,#fff1c4,#e8c56a)
}
html[data-theme="light"] #sleepModule .sleep-next{
  border-color:#e8c56aaa!important;
  background:linear-gradient(180deg,#fff8e8f2,#f4ead0e8)!important
}
html[data-theme="light"] #sleepModule .sleep-next strong,
html[data-theme="light"] #sleepModule .sleep-next small{color:#6b5310!important;-webkit-text-fill-color:#6b5310!important}
html[data-theme="light"] #sleepModule .sleep-next p{color:#6a5d3a!important}
html[data-theme="light"] #sleepModule .sleep-orb{
  background:radial-gradient(circle at 38% 32%,#fff,#d9ccff 42%,#c4b4ff88);
  box-shadow:0 0 36px #c4b4ff66,inset 0 0 24px #ffffffaa
}
html[data-theme="light"] #sleepModule .sleep-check{
  border-color:#c4b4ff77;background:#ffffffd4;color:#171326!important
}
html[data-theme="light"] #sleepModule .sleep-check:has(input:checked){
  border-color:#6b4fd4aa;background:#efeaff
}
html[data-theme="light"] #sleepModule #sleepConsentCancel,
html[data-theme="light"] #sleepModule #sleepDetailsToggle,
html[data-theme="light"] #sleepModule .sleep-delete-btn{
  border-color:#c4b4ff88;background:#ffffffd8;color:#3f3558!important
}
html[data-theme="light"] #trackingView .sleep-facts>div{
  border-color:#c4b4ff8a!important;
  background:transparent!important;
  box-shadow:none!important
}
html[data-theme="light"] #sleepModule .sleep-tile.t1 i,
html[data-theme="light"] #sleepModule .sleep-tile.t2 i,
html[data-theme="light"] #sleepModule .sleep-tile.t3 i,
html[data-theme="light"] #sleepModule .sleep-tile.t4 i{
  box-shadow:inset 0 1px #fff,0 6px 12px #5b527a1a
}
.p-mood .recovery-tools-heading[hidden],
.p-mood .recovery-tools-grid[hidden]{display:none!important}
.p-mood #recoveryModule>.recovery-group-heading,
.p-mood #recoveryModule>.recovery-checkin-grid,
.p-mood #recoveryModule>.wohlbefinden-panel{display:none!important}
.p-mood .alltag-vis{display:none!important}
.p-mood .routine-recovery-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.p-mood .routine-recovery-card:before{display:none!important}
#trackingView .alltag-words [data-tracking-room="mood"]{display:none!important}
.wellbeing-premium{--wb-accent:#83e8b5;--wb-peach:#ffc39c;display:grid;gap:16px;width:min(720px,100%);margin:0 auto;padding:clamp(18px,4vw,34px);border:1px solid #ffffff1a;border-radius:30px;background:radial-gradient(circle at 85% 0,#83e8b512,transparent 35%),linear-gradient(145deg,#183029e8,#101d19e8);box-shadow:0 28px 70px #00000030,inset 0 1px 0 #ffffff18;backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.wellbeing-premium[hidden]{display:none!important}
.wellbeing-premium-head{text-align:center}.wellbeing-premium-head small{color:var(--wb-accent);font:800 10px/1 Inter;letter-spacing:.18em}.wellbeing-premium-head h3{margin:10px 0 6px;color:#f6fbf8;font:750 clamp(29px,5vw,42px)/1.04 Manrope;letter-spacing:-.045em}.wellbeing-premium-head p{margin:0;color:#adc0b7;font:500 13px/1.5 Inter}
.wellbeing-glass-card{padding:22px;border:1px solid #ffffff1c;border-radius:24px;background:linear-gradient(145deg,#ffffff0e,#ffffff06);box-shadow:inset 0 1px 0 #ffffff16,0 16px 40px #0000001e}
.wellbeing-fieldset{min-width:0;margin:0;padding:0;border:0}.wellbeing-fieldset legend{width:100%;margin:0 0 17px;color:#f5faf7;font:700 18px/1.2 Manrope}
.wellbeing-moods{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.wellbeing-moods button{display:grid;justify-items:center;gap:9px;min-width:0;padding:0;border:0;background:transparent;color:#b7c7bf;cursor:pointer}.wellbeing-moods button i{position:relative;display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff20;border-radius:50%;background:#ffffff09;color:#dce8e2;box-shadow:inset 0 1px #ffffff12;transition:.28s cubic-bezier(.2,.8,.2,1)}.wellbeing-moods svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.wellbeing-moods button span{font:650 10px/1.25 Inter;text-align:center}.wellbeing-moods button:hover i,.wellbeing-moods button:focus-visible i{transform:translateY(-2px);border-color:#83e8b577}.wellbeing-moods button:focus-visible{outline:0}.wellbeing-moods button.active{color:#f3fff9}.wellbeing-moods button.active i{border-color:var(--wb-accent);background:#83e8b529;color:#b9f8d7;transform:translateY(-3px) scale(1.05);box-shadow:0 0 0 5px #83e8b512,0 10px 24px #83e8b522,inset 0 1px #ffffff33}
.wellbeing-divider{height:1px;margin:22px 0;background:linear-gradient(90deg,transparent,#ffffff1d 16%,#ffffff1d 84%,transparent)}
.wellbeing-stress-track{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;height:54px;border:1px solid #ffffff21;border-radius:27px;background:#08120f55}.wellbeing-stress-track button{position:relative;display:grid;place-items:center;border:0;border-right:1px solid #ffffff12;background:transparent;cursor:pointer}.wellbeing-stress-track button:last-child{border-right:0}.wellbeing-stress-track i{width:12px;height:12px;border-radius:50%;background:#8da098;transition:.28s cubic-bezier(.2,.8,.2,1)}.wellbeing-stress-track button.active{background:#83e8b50c}.wellbeing-stress-track button.active i{width:24px;height:24px;background:var(--wb-accent);box-shadow:0 0 0 7px #83e8b514,0 0 20px #83e8b566}.wellbeing-stress-labels{display:flex;justify-content:space-between;margin-top:8px;color:#c6d3cd;font:600 11px Inter}.wellbeing-stress>p{margin:10px 0 0;color:#8fa59a;font:500 11px Inter;text-align:center}
.wellbeing-save,.wellbeing-success>button{min-height:56px;border:1px solid #a9f4cf55;border-radius:18px;background:linear-gradient(135deg,#82e8b4,#b6f1d2);color:#092116;font:800 15px Inter;cursor:pointer;box-shadow:0 15px 35px #65dba62c,inset 0 1px #ffffff80;transition:.22s ease}.wellbeing-save{display:flex;align-items:center;justify-content:center;gap:13px}.wellbeing-save span{font-size:20px}.wellbeing-save:hover:not(:disabled),.wellbeing-success>button:hover{transform:translateY(-2px);box-shadow:0 20px 42px #65dba640}.wellbeing-save:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}
.wellbeing-success{display:grid;justify-items:center;gap:8px;padding:24px;border:1px solid #83e8b539;border-radius:24px;background:linear-gradient(145deg,#83e8b510,#ffc39c08);text-align:center;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .36s ease,transform .46s cubic-bezier(.2,.8,.2,1)}.wellbeing-success[hidden]{display:none}.wellbeing-success.show{opacity:1;transform:none}.wellbeing-success-mark{position:relative;display:grid;place-items:center;width:62px;height:62px;margin-bottom:5px;border-radius:50%;background:linear-gradient(145deg,#8cebbb,#2c9c6c);color:white;box-shadow:0 0 0 10px #83e8b510,0 12px 30px #3bc88735}.wellbeing-success-mark:before,.wellbeing-success-mark:after{position:absolute;inset:-11px;border:1px solid #83e8b52f;border-radius:50%;content:"";animation:wellbeingRipple 2.2s ease-out infinite}.wellbeing-success-mark:after{animation-delay:1.1s}.wellbeing-success-mark i{font:800 26px/1 Inter;font-style:normal}.wellbeing-success h3{margin:10px 0 0;color:#f6fbf8;font:750 19px/1.25 Manrope}.wellbeing-success p{margin:0;color:#aebfb7;font:500 12px/1.45 Inter}.wellbeing-success>button{width:100%;margin-top:11px}
@keyframes wellbeingRipple{0%{transform:scale(.75);opacity:0}20%{opacity:1}100%{transform:scale(1.45);opacity:0}}
html[data-theme="light"] .wellbeing-premium{--wb-accent:#258a62;border-color:#ffffffcc;background:radial-gradient(circle at 85% 0,#84d9b527,transparent 36%),linear-gradient(145deg,#ffffffdc,#edf5f0d8);box-shadow:0 24px 65px #294b3b18,inset 0 1px #fff}.wellbeing-premium{}
html[data-theme="light"] .wellbeing-premium-head small{color:#237a59}html[data-theme="light"] .wellbeing-premium-head h3{color:#14251d}html[data-theme="light"] .wellbeing-premium-head p{color:#60746a}html[data-theme="light"] .wellbeing-glass-card{border-color:#ffffff;background:#ffffffa8;box-shadow:inset 0 1px #fff,0 15px 38px #244c3910}html[data-theme="light"] .wellbeing-fieldset legend{color:#17271f}html[data-theme="light"] .wellbeing-moods button{color:#5c6d65}html[data-theme="light"] .wellbeing-moods button i{border-color:#234d3b24;background:#ffffffb8;color:#3f5f50}html[data-theme="light"] .wellbeing-moods button.active{color:#173d2d}html[data-theme="light"] .wellbeing-moods button.active i{border-color:#258a62;background:#d9f3e6;color:#176544;box-shadow:0 0 0 5px #258a6210,0 10px 24px #2a795522,inset 0 1px #fff}html[data-theme="light"] .wellbeing-divider{background:linear-gradient(90deg,transparent,#294b3b22 16%,#294b3b22 84%,transparent)}html[data-theme="light"] .wellbeing-stress-track{border-color:#294b3b29;background:#e9f0ec}html[data-theme="light"] .wellbeing-stress-track button{border-right-color:#294b3b17}html[data-theme="light"] .wellbeing-stress-track i{background:#91a19a}html[data-theme="light"] .wellbeing-stress-labels{color:#4e6258}html[data-theme="light"] .wellbeing-stress>p{color:#6c7e75}html[data-theme="light"] .wellbeing-success{border-color:#258a6230;background:linear-gradient(145deg,#ffffffc9,#edf7f1)}html[data-theme="light"] .wellbeing-success h3{color:#17271f}html[data-theme="light"] .wellbeing-success p{color:#607168}
@media(max-width:640px){.p-mood .alltag-vis{margin-bottom:12px!important}.wellbeing-premium{gap:13px;padding:18px 13px;border-radius:24px}.wellbeing-premium-head h3{font-size:29px}.wellbeing-glass-card{padding:18px 13px;border-radius:20px}.wellbeing-fieldset legend{font-size:16px;margin-bottom:14px}.wellbeing-moods{gap:3px}.wellbeing-moods button i{width:43px;height:43px}.wellbeing-moods svg{width:25px;height:25px}.wellbeing-moods button span{font-size:8px}.wellbeing-divider{margin:19px 0}.wellbeing-stress-track{height:48px}.wellbeing-save{min-height:52px}.wellbeing-success{padding:21px 15px}}
@media(prefers-reduced-motion:reduce){.wellbeing-success,.wellbeing-moods button i,.wellbeing-stress-track i,.wellbeing-save{transition:none!important}.wellbeing-success-mark:before,.wellbeing-success-mark:after{animation:none!important}}
#trackingRoom-today .wellbeing-premium{flex-shrink:0;gap:11px;margin:0 0 18px;padding:16px;border-radius:24px}
#trackingRoom-today .wellbeing-premium-head{text-align:left}
#trackingRoom-today .wellbeing-premium-head h3{margin:7px 0 3px;font-size:27px}
#trackingRoom-today .wellbeing-premium-head p{font-size:12px}
#trackingRoom-today .wellbeing-glass-card{padding:16px;border-radius:20px}
#trackingRoom-today .wellbeing-fieldset legend{margin-bottom:12px;font-size:16px}
#trackingRoom-today .wellbeing-divider{margin:16px 0}
#trackingRoom-today .wellbeing-success{grid-template-columns:auto 1fr;justify-items:start;gap:12px;padding:13px 15px;text-align:left}
#trackingRoom-today .wellbeing-success-mark{width:42px;height:42px;margin:0}
#trackingRoom-today .wellbeing-success-mark i{font-size:19px}
#trackingRoom-today .wellbeing-success h3{margin:1px 0 2px;font-size:15px}
#trackingRoom-today .wellbeing-success p{font-size:11px}
#trackingView .alltag-skyline>.c-weight{grid-column:1/-1}
.p-mood .wohlbefinden-panel{display:grid;gap:12px;margin-top:8px}
.p-mood .wohlbefinden-toolbar{display:grid;gap:8px}
.p-mood .wohlbefinden-toolbar input,
.p-mood .wohlbefinden-toolbar select{
  width:100%;min-height:44px;padding:0 12px;border-radius:14px;
  border:1px solid #ffc08a55;background:#1a0c0ccc;color:#fff6f0
}
.p-mood .wohlbefinden-recommend,
.p-mood .wohlbefinden-list{display:grid;gap:8px}
.p-mood .wohlbefinden-card{
  border:1px solid #ffc08a4d;border-radius:16px;
  background:#1a0c0ef2;
  box-shadow:inset 0 1px 0 #ffffff22
}
.p-mood .wohlbefinden-card.is-featured{
  border-color:#e8c56a88;
  background:linear-gradient(180deg,#2c1c12f5,#160a0cf8);
  box-shadow:0 0 18px #e8c56a22
}
.p-mood .wohlbefinden-card button{display:grid;gap:4px;width:100%;padding:12px;text-align:left;color:#fff6f0}
.p-mood .wohlbefinden-card small{color:#ffc08a;font:700 9px/1.2 Inter;letter-spacing:.12em}
.p-mood .wohlbefinden-card strong{color:#fff6f0;font:700 15px/1.25 Inter}
.p-mood .wohlbefinden-card span{color:#c4a99a;font:400 12px/1.4 Inter}
.p-mood .wohlbefinden-empty{margin:0;color:#c4a99a;font:400 12px/1.4 Inter}
.p-mood .wohlbefinden-detail{
  border:1px solid #ffc08a66;border-radius:18px;padding:14px;
  background:linear-gradient(180deg,#ffd7b01c,#12080ae8)
}
.p-mood .wohlbefinden-detail h3{margin:8px 0 6px;font:750 18px/1.2 Inter}
.p-mood .wohlbefinden-detail ol{margin:10px 0;padding-left:1.2rem;color:#e8d7c5;font:400 13px/1.45 Inter}
.p-mood .wohlbefinden-detail aside{margin:10px 0;padding:10px;border-radius:12px;border:1px solid #e8c56a66;color:#f0d48a}
.p-mood .wohlbefinden-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.p-mood .wohlbefinden-actions button,
.p-mood .wohlbefinden-close{
  min-height:44px;border-radius:14px;border:1px solid #ffc08a66;background:#2a1410;color:#ffe9d6;font:700 13px Inter
}
.p-mood .wohlbefinden-actions [data-wohl-run]{
  background:linear-gradient(180deg,#ffe7c4,#ffc08a);color:#1a1208;border:0
}
.p-mood .wohlbefinden-clock{margin:8px 0 0;font:800 22px/1 Inter;color:#ffc08a}
.p-mood .wohlbefinden-times{display:flex;flex-wrap:wrap;gap:8px}
.p-mood .wohlbefinden-times button{
  min-height:40px;padding:0 12px;border-radius:999px;
  border:1px solid #ffc08a66;background:#1a0c0ccc;color:#ffe9d6;font:700 12px Inter
}
.p-mood .wohlbefinden-times button[aria-pressed="true"]{
  background:linear-gradient(180deg,#ffe7c4,#ffc08a);color:#1a1208;border:0
}
.p-mood .wohlbefinden-card em{color:#e8c56a;font:400 12px/1.4 Inter;font-style:normal}
.p-mood .wohlbefinden-card b.wohlbefinden-start{color:#ffc08a;font:700 11px/1 Inter;letter-spacing:.08em;text-transform:uppercase}
.p-mood .wohlbefinden-skip{
  width:100%;min-height:36px;margin-top:2px;border:0;background:transparent;color:#c4a99a;font:700 12px Inter
}
.p-mood .wohlbefinden-card-tools{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.locale-switch{position:relative;display:inline-flex;align-items:center}
.locale-switch-btn{
  min-width:40px;min-height:40px;padding:0 10px;border-radius:12px;
  border:1px solid #ffffff33;background:#ffffff14;color:inherit;font:700 12px/1 Inter;letter-spacing:.06em
}
.locale-menu{
  position:absolute;top:calc(100% + 6px);right:0;z-index:40;min-width:140px;
  display:grid;gap:2px;padding:6px;border-radius:12px;
  border:1px solid #ffffff33;background:#121816f2;box-shadow:0 10px 30px #00000055
}
.locale-menu[hidden]{display:none}
.locale-menu button{
  text-align:left;min-height:36px;padding:0 10px;border:0;border-radius:8px;
  background:transparent;color:#f4f7f5;font:600 13px Inter
}
.locale-menu button[aria-selected="true"]{background:#ffffff18}
html[data-theme="light"] .locale-switch-btn{border-color:#1a242033;background:#ffffffcc;color:#1a2420}
html[data-theme="light"] .locale-menu{background:#fffdfaf7;border-color:#1a242022}
html[data-theme="light"] .locale-menu button{color:#1a2420}
html[dir="rtl"] .locale-menu{right:auto;left:0}
.mobile-head-actions .locale-switch{margin-inline-end:6px}
.p-mood .wohlbefinden-why{display:block;margin-top:2px}
html[data-theme="light"] .p-mood .wohlbefinden-toolbar input,
html[data-theme="light"] .p-mood .wohlbefinden-toolbar select,
html[data-theme="light"] .p-mood .wohlbefinden-card,
html[data-theme="light"] .p-mood .wohlbefinden-detail{
  background:#fffaf6ee;color:#2a1810;border-color:#e8c56a66
}
html[data-theme="light"] .p-mood .wohlbefinden-card button,
html[data-theme="light"] .p-mood .wohlbefinden-card strong{color:#2a1810}
html[data-theme="light"] .p-mood .wohlbefinden-card span,
html[data-theme="light"] .p-mood .wohlbefinden-empty{color:#6b5346}
html[data-theme="light"] .p-mood .wohlbefinden-times button{
  background:#fffaf6ee;color:#2a1810;border-color:#e8c56a66
}
html[data-theme="light"] .p-mood .wohlbefinden-times button[aria-pressed="true"]{
  background:linear-gradient(180deg,#ffe7c4,#ffc08a);color:#1a1208
}
html[data-theme="light"] .p-mood .wohlbefinden-card em{color:#8a5a18}
html[data-theme="light"] .p-mood .wohlbefinden-card b.wohlbefinden-start{color:#8a4a10}
html[data-theme="light"] .p-mood .wohlbefinden-skip{color:#6b5346}

/* Context-aware recommendation cards (Dashboard + Coach). Hidden when no engine IDs. */
.context-rec{
  display:grid;gap:10px;width:100%;max-width:100%;
  margin:14px 0 0;padding:0;box-sizing:border-box;overflow-x:hidden
}
.context-rec[hidden]{display:none!important}
.context-rec-card{
  display:grid;gap:8px;width:100%;max-width:100%;box-sizing:border-box;
  padding:14px 16px;border-radius:18px;
  border:1px solid #3a5748;background:#141c18;
  color:#eef5f0;overflow:hidden
}
.context-rec-kicker{
  margin:0;color:#e8c56a;font:800 10px/1.2 Inter;letter-spacing:.14em;text-transform:uppercase
}
.context-rec-lead{
  margin:0;color:#c5d4cc;font:400 13px/1.45 Inter
}
.context-rec-card h3{
  margin:0;color:#f4f8f5;font:700 16px/1.25 Inter;overflow-wrap:anywhere
}
.context-rec-meta{
  margin:0;color:#9ee6c0;font:600 12px/1.3 Inter
}
.context-rec-card details{
  margin:0
}
.context-rec-card summary{
  cursor:pointer;color:#e8c56a;font:600 12px/1.4 Inter;list-style:none
}
.context-rec-card summary::-webkit-details-marker{display:none}
.context-rec-card details p{
  margin:6px 0 0;color:#c5d4cc;font:400 12px/1.45 Inter
}
.context-rec-actions{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px
}
.context-rec-actions button{
  min-height:44px;padding:8px 10px;border-radius:12px;
  border:1px solid #3a5748;background:#1b2621;color:#eef5f0;
  font:700 13px/1.2 Inter;cursor:pointer
}
.context-rec-actions button.is-primary{
  border-color:#e8c56a66;background:linear-gradient(180deg,#ffe7c4,#e8c56a);color:#1a1208
}
.context-rec-actions button:focus-visible,
.context-rec-card summary:focus-visible{
  outline:2px solid #e8c56a;outline-offset:2px
}
#coachView .coach-chat-card{
  grid-template-rows:auto minmax(0,1fr) auto auto!important
}
#coachView .coach-chat-card:has(#coachContextRec[hidden]){
  grid-template-rows:auto minmax(0,1fr) auto!important
}
#coachView .context-rec{
  margin:0;max-width:none;padding:8px 12px 0;z-index:1;min-height:0
}
@media(max-width:390px){
  .context-rec{margin:10px 0 0}
  .context-rec-card{padding:12px}
  .context-rec-actions{grid-template-columns:1fr}
  .context-rec-card h3{font-size:15px}
}
@media(min-width:1280px){
  #homeView .context-rec,#coachView .context-rec{max-width:980px}
}
html[data-theme="light"] .context-rec-card{
  border-color:#d0e4d8;background:#fffdfaf7;color:#1a2420;
  box-shadow:0 10px 28px #10281c12
}
html[data-theme="light"] .context-rec-kicker{color:#8a5a18}
html[data-theme="light"] .context-rec-lead,
html[data-theme="light"] .context-rec-card details p{color:#4a5c54}
html[data-theme="light"] .context-rec-card h3{color:#0d1f16}
html[data-theme="light"] .context-rec-meta{color:#167a4d}
html[data-theme="light"] .context-rec-card summary{color:#8a5a18}
html[data-theme="light"] .context-rec-actions button{
  border-color:#d0e4d8;background:#f7fbf8;color:#0d1f16
}
html[data-theme="light"] .context-rec-actions button.is-primary{
  border-color:#e8c56a99;background:linear-gradient(180deg,#fff3d6,#e8c56a);color:#1a1208
}

/* Alltag → Heute next action (Context V3). Extends existing room, no extra dashboard Heute. */
#trackingView .today-next{
  display:grid;gap:10px;width:100%;max-width:100%;box-sizing:border-box;
  margin:0;overflow-x:hidden
}
#trackingView .today-next-card,
#trackingView .today-next-alt{
  position:relative;display:grid;gap:0;width:100%;max-width:100%;box-sizing:border-box;
  padding:16px 14px 14px;border-radius:26px;
  border:1px solid #ffffff22;
  background:linear-gradient(180deg,#ffffff18,#0c1410d4 40%,#08110ee8);
  box-shadow:inset 0 1px #ffffff44,0 24px 50px #0007;
  color:#eef5f0;overflow:hidden;
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
  animation:alltagCinemaIn .55s cubic-bezier(.16,1,.3,1) both
}
#trackingView .today-next-card:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,#ffffff1f,transparent 36%)
}
#trackingView .today-next-kicker{
  margin:0;color:#49e79b;font:800 9px/1.2 Inter;letter-spacing:.16em;text-transform:uppercase
}
#trackingView .today-next-lead,
#trackingView .today-next-empty{
  margin:6px 0 0;color:#c5d4cc;font:400 13px/1.45 Inter
}
#trackingView .today-next-card h3,
#trackingView .today-next-alt h3{
  margin:7px 0 0;color:#f6f8f6;font:650 22px/1.18 Inter;letter-spacing:-.03em;overflow-wrap:anywhere
}
#trackingView .today-next-meta{margin:6px 0 0;color:#c5d4cc;font:500 12px/1.4 Inter}
#trackingView .today-next-go{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;min-height:54px;margin-top:14px;border:0;border-radius:16px;
  background:linear-gradient(180deg,#d8ffe9,#49e79b 46%,#2bb874);
  color:#062014;font:800 15px Inter;cursor:pointer;
  box-shadow:0 0 28px #49e79b55,0 14px 28px #0006;
  transition:transform .18s ease
}
#trackingView .today-next-go:active{transform:scale(.985)}
#trackingView .today-next-else{
  display:block;width:100%;margin-top:10px;min-height:36px;padding:0;
  border:0;background:none;color:#d5e2db;font:650 12px Inter;opacity:.86;cursor:pointer
}
#trackingView .today-next-actions{
  display:grid;grid-template-columns:1fr;gap:8px;margin-top:4px
}
#trackingView .today-next-actions button{
  min-height:44px;padding:8px 10px;border-radius:12px;
  border:1px solid #2d5a44;background:#163226;color:#eef5f0;
  font:700 13px/1.2 Inter;cursor:pointer
}
#trackingView .today-next-actions button.is-primary{
  border-color:#49e79b66;background:linear-gradient(180deg,#bff5d5,#49e79b);color:#082014
}
#trackingView .today-next-go:focus-visible,
#trackingView .today-next-else:focus-visible,
#trackingView .today-next-actions button:focus-visible,
#trackingView .today-next-card summary:focus-visible{
  outline:2px solid #e8c56a;outline-offset:2px
}
@media(max-width:390px){
  #trackingView .today-next-card{padding:16px 14px 14px}
}
@media(min-width:1280px){
  #trackingView .today-next{max-width:390px}
}
html[data-theme="light"] #trackingView .today-next-card,
html[data-theme="light"] #trackingView .today-next-alt{
  border-color:#ffffffcc;background:linear-gradient(180deg,#fffffff4,#f4f8f6ee);color:#14201b;
  box-shadow:0 20px 40px #50657522,inset 0 1px #fff
}
html[data-theme="light"] #trackingView .today-next-kicker{color:#167a4d}
html[data-theme="light"] #trackingView .today-next-lead,
html[data-theme="light"] #trackingView .today-next-empty,
html[data-theme="light"] #trackingView .today-next-card details p{color:#5b6d66}
html[data-theme="light"] #trackingView .today-next-card h3,
html[data-theme="light"] #trackingView .today-next-alt h3{color:#14201b}
html[data-theme="light"] #trackingView .today-next-meta{color:#5b6d66}
html[data-theme="light"] #trackingView .today-next-else{color:#5b6d66}
html[data-theme="light"] #trackingView .today-next-card summary{color:#8a5a18}
html[data-theme="light"] #trackingView .today-next-actions button{
  border-color:#d0e4d8;background:#f7fbf8;color:#0d1f16
}
html[data-theme="light"] #trackingView .today-next-actions button.is-primary{
  border-color:#49e79b99;background:linear-gradient(180deg,#e9fff4,#49e79b);color:#082014
}

/* Live Heute/Plan 1:1 from preview-alltag-heute-plan.html — IDs / rec engine / plan data unchanged */
#trackingRoom-today .alltag-stage.alltag-cinema,
#trackingRoom-plan .alltag-stage.alltag-cinema{
  position:relative;min-height:calc(100dvh - 108px);padding:8px 16px 16px;overflow:hidden;
  display:flex;flex-direction:column;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  overscroll-behavior:none
}
#trackingRoom-today .alltag-stage.alltag-cinema:before,
#trackingRoom-plan .alltag-stage.alltag-cinema:before{content:none}
#trackingRoom-today .alltag-cinema-photo,
#trackingRoom-plan .alltag-cinema-photo,
#trackingRoom-today .alltag-cinema-photo img,
#trackingRoom-plan .alltag-cinema-photo img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 38%;
  filter:saturate(.92) contrast(1.1) brightness(.72);
  transform:scale(1.04);animation:alltagCinemaDrift 18s ease-in-out infinite alternate;pointer-events:none
}
#trackingRoom-plan .alltag-cinema-photo,
#trackingRoom-plan .alltag-cinema-photo img{
  filter:saturate(.7) contrast(1.16) brightness(.42) sepia(.18)
}
@keyframes alltagCinemaDrift{
  from{transform:scale(1.04) translate3d(0,0,0)}
  to{transform:scale(1.08) translate3d(-1.4%,1%,0)}
}
#trackingRoom-today .alltag-cinema-wash,
#trackingRoom-plan .alltag-cinema-wash{
  position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(180deg,#050706cc 0%,#05070655 28%,#05070622 48%,#050706f2 78%,#030705 100%),
    radial-gradient(70% 40% at 88% 8%,#49e79b33,transparent 55%)
}
#trackingRoom-plan .alltag-cinema-wash{
  background:
    linear-gradient(180deg,#120e08ee 0%,#120e0866 32%,#0a0806f4 78%,#050403 100%),
    radial-gradient(70% 42% at 90% 0,#e8c56a40,transparent 52%)
}
#trackingRoom-today .alltag-bar,
#trackingRoom-plan .alltag-bar{
  position:relative;z-index:2;display:grid;grid-template-columns:40px 1fr;align-items:center;gap:8px;
  margin:0;padding-top:max(2px,env(safe-area-inset-top));flex-direction:row
}
#trackingRoom-today .alltag-back,
#trackingRoom-plan .alltag-back{
  width:40px;height:40px;padding:0;border-radius:50%;
  border:1px solid #ffffff22;color:#f6f8f6;
  background:linear-gradient(180deg,#ffffff20,#0c1410aa);
  box-shadow:inset 0 1px #fff4,0 8px 18px #0005;
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%)
}
#trackingRoom-today .alltag-back:hover,
#trackingRoom-plan .alltag-back:hover{color:#fff}
#trackingRoom-today .alltag-back svg,
#trackingRoom-plan .alltag-back svg{width:16px;height:16px;margin:12px auto;display:block}
#trackingRoom-today .alltag-words,
#trackingRoom-plan .alltag-words{
  justify-self:end;display:flex;flex-wrap:nowrap;gap:3px;padding:3px;border-radius:999px;
  border:1px solid #ffffff22;background:linear-gradient(180deg,#ffffff14,#0c1410aa);
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%)
}
#trackingRoom-today .alltag-words button,
#trackingRoom-plan .alltag-words button{
  display:none;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;
  color:#c5d2cb;font:650 11px Inter;letter-spacing:0;box-shadow:none
}
#trackingRoom-today .alltag-words{display:none}
#trackingView .alltag-words [data-tracking-room="plan"]{display:none!important}
#trackingView .today-next[hidden]{display:none!important}
#trackingRoom-today .today-next{
  display:grid;gap:6px;margin:0 0 10px;overflow:visible;max-width:none
}
#trackingRoom-today .today-next-card{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;
  margin:0;padding:10px 10px 10px 12px;border-radius:16px;animation:none;
  border:1px solid #49e79b33;background:#49e79b12;box-shadow:none;backdrop-filter:none
}
#trackingRoom-today .today-next-card:before{content:none}
#trackingRoom-today .today-next-copy{min-width:0}
#trackingRoom-today .today-next-kicker{
  margin:0;color:#49e79b;font:800 8px Inter;letter-spacing:.14em
}
#trackingRoom-today .today-next-card h3{
  margin:2px 0 0;font:650 14px/1.2 Inter;color:#f6f8f6
}
#trackingRoom-today .today-next-meta{margin:2px 0 0;color:#c5d4cc;font:500 11px/1.3 Inter}
#trackingRoom-today .today-next-go{
  width:auto;min-height:40px;margin:0;padding:0 14px;border-radius:12px;
  box-shadow:none;font:800 13px Inter
}
#trackingRoom-today .today-next-else{
  width:100%;margin:0;min-height:22px;padding:0;text-align:center;opacity:.8;font:650 11px Inter
}
#trackingRoom-today .wohlbefinden-detail.is-today-session{
  margin:10px 0 12px;padding:16px;border:1px solid #49e79b55;border-radius:20px;scroll-margin-top:126px;
  background:linear-gradient(145deg,#17362aee,#091510f2);color:#f4fbf7;
  box-shadow:inset 0 1px #ffffff18,0 15px 34px #0004
}
#trackingRoom-today .wohlbefinden-detail[hidden]{display:none!important}
#trackingRoom-today .wohlbefinden-detail-inner{display:grid;gap:9px}
#trackingRoom-today .wohlbefinden-detail small{color:#78eeb0;font:750 9px/1.3 Inter;letter-spacing:.1em;text-transform:uppercase}
#trackingRoom-today .wohlbefinden-detail h3{margin:0;color:#f7fcf9;font:750 20px/1.15 Manrope}
#trackingRoom-today .wohlbefinden-detail p{margin:0;color:#b9cbc1;font:500 12px/1.45 Inter}
#trackingRoom-today .wohlbefinden-detail ol{display:grid;gap:6px;margin:3px 0;padding-left:1.25rem;color:#e0ece5;font:500 12px/1.42 Inter}
#trackingRoom-today .wohlbefinden-detail aside{padding:10px;border:1px solid #e8c56a55;border-radius:12px;background:#e8c56a0b;color:#f0d891}
#trackingRoom-today .wohlbefinden-detail aside p{margin-top:3px;color:#cfbea0}
#trackingRoom-today .wohlbefinden-close{justify-self:end;min-height:32px;padding:0 11px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff0b;color:#bfd0c7;font:700 10px Inter}
#trackingRoom-today .wohlbefinden-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}
#trackingRoom-today .wohlbefinden-actions button{min-height:45px;border:1px solid #49e79b44;border-radius:13px;background:#10261c;color:#c8ead8;font:750 12px Inter}
#trackingRoom-today .wohlbefinden-actions [data-wohl-run]{border:0;background:linear-gradient(145deg,#a8f5cd,#49e79b);color:#082016}
#trackingRoom-today .wohlbefinden-clock{margin:2px 0 0!important;padding:12px;border-radius:14px;background:#06100ccc;color:#78eeb0!important;font:850 30px/1 Inter!important;text-align:center;font-variant-numeric:tabular-nums}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-detail.is-today-session{border-color:#29986655;background:linear-gradient(145deg,#ffffffed,#eaf7f0ed);color:#14251d;box-shadow:inset 0 1px #fff,0 15px 34px #294b3b20}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-detail h3{color:#14251d}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-detail p,html[data-theme="light"] #trackingRoom-today .wohlbefinden-detail ol{color:#4f655a}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-close{border-color:#254b3a22;background:#fff;color:#4f655a}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-clock{background:#dff5e9;color:#176b49!important}
@media(max-width:640px){#trackingRoom-today .wohlbefinden-detail.is-today-session{scroll-margin-top:118px}}

/* Heute: transparentes Rauchglas, damit das Fotomotiv durch Check-in und Session sichtbar bleibt. */
#trackingRoom-today .wellbeing-premium{
  border-color:#ffffff42;
  background:linear-gradient(145deg,rgba(19,24,22,.58),rgba(7,11,9,.46));
  box-shadow:inset 0 1px 0 #ffffff4a,inset 0 0 0 1px #ffffff0a,0 24px 54px #00000036;
  backdrop-filter:blur(18px) saturate(112%);
  -webkit-backdrop-filter:blur(18px) saturate(112%)
}
#trackingRoom-today .wellbeing-glass-card{
  border-color:#ffffff31;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(7,12,10,.16));
  box-shadow:inset 0 1px 0 #ffffff2b,0 15px 34px #00000020;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px)
}
#trackingRoom-today .wellbeing-stress-track{background:rgba(4,9,7,.34);border-color:#ffffff35}
#trackingRoom-today .wellbeing-success{background:rgba(8,16,12,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#trackingRoom-today .wohlbefinden-detail.is-today-session{
  border-color:#ffffff42;
  background:linear-gradient(145deg,rgba(20,25,23,.56),rgba(7,11,9,.44));
  box-shadow:inset 0 1px 0 #ffffff46,inset 0 0 0 1px #ffffff09,0 22px 48px #00000034;
  backdrop-filter:blur(18px) saturate(112%);
  -webkit-backdrop-filter:blur(18px) saturate(112%)
}
#trackingRoom-today .wohlbefinden-actions button{background:rgba(7,15,11,.36);border-color:#ffffff31;color:#d9e6df}
#trackingRoom-today .wohlbefinden-clock{background:rgba(3,8,6,.46);border:1px solid #ffffff18;box-shadow:inset 0 1px #ffffff0d}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium{
  border-color:#ffffffc4;
  background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(236,242,239,.48));
  box-shadow:inset 0 1px 0 #ffffffed,inset 0 0 0 1px #ffffff5c,0 22px 50px #31443c24;
  backdrop-filter:blur(20px) saturate(108%);
  -webkit-backdrop-filter:blur(20px) saturate(108%)
}
html[data-theme="light"] #trackingRoom-today .wellbeing-glass-card{
  border-color:#ffffffd1;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(246,249,247,.4));
  box-shadow:inset 0 1px #fff,0 14px 32px #253a3017
}
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-track{background:rgba(241,246,243,.58);border-color:#ffffffcf}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-detail.is-today-session{
  border-color:#ffffffc4;
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(234,241,237,.48));
  box-shadow:inset 0 1px #fff,inset 0 0 0 1px #ffffff70,0 20px 46px #263b3022;
  backdrop-filter:blur(20px) saturate(108%);
  -webkit-backdrop-filter:blur(20px) saturate(108%)
}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-actions button{background:rgba(255,255,255,.52);border-color:#ffffffd4;color:#345347}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-clock{background:rgba(225,241,233,.56);border-color:#ffffffc4;color:#176b49!important}

/* Heute 2026-09-19: Spatial-Glass Flow – kompakte Module statt einer massiven Fläche. */
#trackingRoom-today .wellbeing-premium{
  isolation:isolate;position:relative;overflow:hidden;gap:14px;margin-bottom:22px;padding:20px;
  border:1px solid rgba(255,255,255,.34);border-radius:30px;
  background:linear-gradient(135deg,rgba(28,30,29,.52),rgba(12,14,13,.28));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 28px 70px rgba(0,0,0,.32);
  backdrop-filter:blur(25px) saturate(118%);-webkit-backdrop-filter:blur(25px) saturate(118%)
}
#trackingRoom-today .wellbeing-premium:before{
  position:absolute;z-index:-1;inset:-1px;border-radius:inherit;pointer-events:none;content:"";
  background:linear-gradient(105deg,transparent 12%,rgba(255,255,255,.18) 31%,transparent 48%);
  transform:translateX(-110%);animation:wellbeingGlassShimmer 9s ease-in-out infinite
}
#trackingRoom-today .wellbeing-premium-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
#trackingRoom-today .wellbeing-premium-head h3{max-width:290px;margin:8px 0 4px;font-size:clamp(26px,7vw,34px);line-height:1.02}
#trackingRoom-today .wellbeing-premium-head p{max-width:300px;color:#c2cbc6;font-size:11px}
.wellbeing-live-mark{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff0d;box-shadow:inset 0 1px #ffffff22}
.wellbeing-live-mark i{width:7px;height:7px;border-radius:50%;background:#83e8b5;box-shadow:0 0 0 7px #83e8b512,0 0 16px #83e8b5}
#trackingRoom-today .wellbeing-glass-card{padding:15px 14px 13px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.045))}
#trackingRoom-today .wellbeing-fieldset legend{margin-bottom:12px;font-size:14px}
#trackingRoom-today .wellbeing-moods button{gap:7px}
#trackingRoom-today .wellbeing-moods button i{width:46px;height:46px;background:rgba(255,255,255,.055)}
#trackingRoom-today .wellbeing-moods button.active i{animation:wellbeingMoodBreath 2.8s ease-in-out infinite}
#trackingRoom-today .wellbeing-divider{margin:14px 0}
#trackingRoom-today .wellbeing-stress-track{height:44px;background:rgba(4,7,6,.22)}
#trackingRoom-today .wellbeing-stress-track button.active i{animation:wellbeingStressPulse 2.4s ease-in-out infinite}
#trackingRoom-today .wellbeing-stress>p{display:none}
#trackingRoom-today .wellbeing-save{min-height:52px;border-radius:17px;background:linear-gradient(110deg,#72e4ab,#b8f3d4);box-shadow:0 15px 32px #4eda9a2c,inset 0 1px #fff}

#trackingRoom-today .wohlbefinden-detail.is-today-session{
  isolation:isolate;position:relative;overflow:hidden;margin:14px 0 18px;padding:18px;border-radius:28px;
  border:1px solid rgba(255,255,255,.34);background:linear-gradient(135deg,rgba(31,31,29,.56),rgba(11,13,12,.3));
  box-shadow:inset 0 1px rgba(255,255,255,.42),0 30px 70px rgba(0,0,0,.34);
  backdrop-filter:blur(25px) saturate(118%);-webkit-backdrop-filter:blur(25px) saturate(118%);
  animation:wohlSessionReveal .55s cubic-bezier(.16,1,.3,1) both
}
#trackingRoom-today .wohlbefinden-detail.is-today-session:before{position:absolute;z-index:-1;inset:0;pointer-events:none;content:"";background:radial-gradient(circle at 13% 14%,rgba(131,232,181,.13),transparent 30%),linear-gradient(115deg,transparent 40%,rgba(255,255,255,.07) 52%,transparent 64%)}
#trackingRoom-today .wohlbefinden-detail-inner{gap:14px}
#trackingRoom-today .wohlbefinden-session-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#trackingRoom-today .wohlbefinden-session-head>span{display:flex;align-items:center;gap:8px;color:#8cf0bd;font:800 9px/1 Inter;letter-spacing:.18em}
#trackingRoom-today .wohlbefinden-session-head>span i{width:7px;height:7px;border-radius:50%;background:#83e8b5;box-shadow:0 0 12px #83e8b5;animation:wohlStatusPulse 1.8s ease-in-out infinite}
#trackingRoom-today .wohlbefinden-close{border-color:#ffffff2b;border-radius:999px;background:#ffffff0c}
#trackingRoom-today .wohlbefinden-session-copy{display:grid;gap:6px}
#trackingRoom-today .wohlbefinden-session-copy h3{font-size:24px;letter-spacing:-.025em}
#trackingRoom-today .wohlbefinden-session-body{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;padding:14px;border:1px solid #ffffff20;border-radius:22px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px #ffffff1c}
#trackingRoom-today .wohlbefinden-timer-ring{--wohl-progress:1;position:relative;display:grid;place-content:center;width:108px;aspect-ratio:1;border-radius:50%;background:conic-gradient(#8cf0bd calc(var(--wohl-progress)*1turn),rgba(255,255,255,.12) 0);box-shadow:0 0 28px #61e6a52b;transition:background .7s linear}
#trackingRoom-today .wohlbefinden-timer-ring[hidden]{display:none!important}
#trackingRoom-today .wohlbefinden-timer-ring:before{position:absolute;inset:7px;border-radius:50%;background:rgba(8,13,11,.78);box-shadow:inset 0 1px #ffffff18;content:""}
#trackingRoom-today .wohlbefinden-clock{position:relative;z-index:1;margin:0!important;padding:0;border:0;background:transparent!important;box-shadow:none;color:#f6fcf9!important;font:800 25px/1 Manrope!important}
#trackingRoom-today .wohlbefinden-timer-ring>span{position:relative;z-index:1;margin-top:5px;color:#9eafa6;font:650 8px/1 Inter;text-align:center;text-transform:uppercase;letter-spacing:.1em}
#trackingRoom-today .wohlbefinden-steps{min-width:0}.wohlbefinden-steps>span{color:#a8b8b0;font:650 10px Inter}
#trackingRoom-today .wohlbefinden-steps ol{max-height:150px;overflow:auto;margin:9px 0 0;padding-left:1.1rem;scrollbar-width:thin}
#trackingRoom-today .wohlbefinden-steps li{padding-left:3px}
#trackingRoom-today .wohlbefinden-meta{padding-left:2px}
#trackingRoom-today .wohlbefinden-actions{grid-template-columns:.8fr 1.4fr}
#trackingRoom-today .wohlbefinden-actions button{min-height:48px;border-radius:16px;background:rgba(255,255,255,.07)}
#trackingRoom-today .wohlbefinden-actions [data-wohl-run]{background:linear-gradient(110deg,#75e7ae,#b9f4d5);box-shadow:0 14px 30px #4eda9a27}

html[data-theme="light"] #trackingRoom-today .wellbeing-premium,
html[data-theme="light"] #trackingRoom-today .wohlbefinden-detail.is-today-session{border-color:rgba(255,255,255,.84);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(242,245,243,.47));box-shadow:inset 0 1px #fff,0 24px 58px rgba(44,54,49,.18)}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium-head p{color:#52635b}
html[data-theme="light"] .wellbeing-live-mark{border-color:#284d3c20;background:#ffffff65}
html[data-theme="light"] #trackingRoom-today .wellbeing-glass-card,
html[data-theme="light"] #trackingRoom-today .wohlbefinden-session-body{border-color:#ffffffd6;background:linear-gradient(135deg,rgba(255,255,255,.67),rgba(255,255,255,.36));box-shadow:inset 0 1px #fff,0 14px 32px #2f423817}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-timer-ring:before{background:rgba(250,253,251,.92)}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-clock{color:#176b49!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-timer-ring>span,html[data-theme="light"] #trackingRoom-today .wohlbefinden-steps>span{color:#61736a}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-actions [data-wohl-run]{border:0;background:linear-gradient(110deg,#65dda2,#b8f2d2);color:#092116;box-shadow:0 14px 30px #3cba8129}

@keyframes wellbeingGlassShimmer{0%,65%,100%{transform:translateX(-110%)}78%{transform:translateX(110%)}}
@keyframes wellbeingMoodBreath{0%,100%{box-shadow:0 0 0 5px #83e8b512,0 10px 24px #83e8b522,inset 0 1px #ffffff33}50%{box-shadow:0 0 0 9px #83e8b50b,0 10px 30px #83e8b544,inset 0 1px #ffffff45}}
@keyframes wellbeingStressPulse{50%{transform:scale(.84);box-shadow:0 0 0 10px #83e8b50b,0 0 24px #83e8b577}}
@keyframes wohlSessionReveal{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes wohlStatusPulse{50%{opacity:.45;transform:scale(.75)}}
@media(max-width:640px){
  #trackingRoom-today .wellbeing-premium{padding:17px 13px;border-radius:25px}
  #trackingRoom-today .wellbeing-premium-head h3{font-size:28px}
  #trackingRoom-today .wellbeing-moods button i{width:42px;height:42px}
  #trackingRoom-today .wohlbefinden-detail.is-today-session{padding:15px 13px;border-radius:25px}
  #trackingRoom-today .wohlbefinden-session-body{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px}
  #trackingRoom-today .wohlbefinden-timer-ring{width:94px}
  #trackingRoom-today .wohlbefinden-clock{font-size:23px!important}
}
@media(max-width:360px){#trackingRoom-today .wohlbefinden-session-body{grid-template-columns:1fr}.wohlbefinden-timer-ring{justify-self:center}}
@media(prefers-reduced-motion:reduce){#trackingRoom-today .wellbeing-premium:before,#trackingRoom-today .wellbeing-moods button.active i,#trackingRoom-today .wellbeing-stress-track button.active i,#trackingRoom-today .wohlbefinden-detail.is-today-session,#trackingRoom-today .wohlbefinden-session-head>span i{animation:none!important}}

/* Freigegebene Preview: Typografie, Bildkarte und ruhiger warmer Hintergrund. */
#trackingRoom-today .alltag-cinema-photo img{object-position:center 42%;filter:saturate(.68) contrast(1.03) brightness(.62)}
#trackingRoom-today .alltag-cinema-wash{background:linear-gradient(180deg,rgba(20,15,11,.42),rgba(12,13,11,.17) 35%,rgba(5,9,7,.72) 78%,#030605 100%),radial-gradient(70% 45% at 78% 8%,rgba(238,204,162,.2),transparent 58%)}
#trackingRoom-today .wellbeing-premium{font-family:Inter,sans-serif}
#trackingRoom-today .wellbeing-premium-head h3{max-width:none;font-family:Inter,sans-serif;font-weight:600;letter-spacing:-.055em}
#trackingRoom-today .wellbeing-premium-head p{font-family:"Segoe Print","Bradley Hand",cursive;font-size:13px;font-style:italic;color:#d7d0c8;transform:rotate(-2deg);transform-origin:left center}
#trackingRoom-today .wellbeing-fieldset:first-child legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#trackingRoom-today .wellbeing-moods button span{font-size:9px;font-weight:550}
#trackingRoom-today .wellbeing-save{min-height:46px;font-size:13px}
#trackingRoom-today .today-next{gap:9px;margin-bottom:13px}
#trackingRoom-today .today-next-card{grid-template-columns:72px minmax(0,1fr) auto;gap:12px;min-height:96px;padding:10px;border-color:#ffffff38;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.065));box-shadow:inset 0 1px #ffffff35,0 15px 32px #0003;backdrop-filter:blur(20px) saturate(118%);-webkit-backdrop-filter:blur(20px) saturate(118%)}
#trackingRoom-today .today-next-visual{display:block;width:72px;height:72px;border:1px solid #ffffff38;border-radius:18px;object-fit:cover;box-shadow:inset 0 1px #fff5,0 9px 22px #0004}
#trackingRoom-today .today-next-kicker{color:#8cf0bd;font-size:8px;letter-spacing:.2em}
#trackingRoom-today .today-next-card h3{margin-top:4px;font-family:Inter,sans-serif;font-size:15px;font-weight:680;letter-spacing:-.025em}
#trackingRoom-today .today-next-meta{margin-top:4px;color:#d1d8d4;font-size:10px}
#trackingRoom-today .today-next-traits{display:flex;flex-wrap:wrap;gap:4px 10px;margin:7px 0 0!important;color:#bfc9c3!important;font:500 9px/1.2 Inter!important}
#trackingRoom-today .today-next-traits span:before{content:"◌";margin-right:4px;color:#8cf0bd}
#trackingRoom-today .today-next-go{min-height:42px;padding:0 15px;border-radius:999px;background:linear-gradient(110deg,#75e7ae,#b9f4d5);color:#092116;font-size:12px}
#trackingRoom-today .today-next-go:before{content:"▶";margin-right:7px;font-size:9px}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-photo img{filter:saturate(.7) contrast(1.02) brightness(.79)}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-wash{background:linear-gradient(180deg,rgba(245,239,232,.3),rgba(242,243,239,.12) 36%,rgba(230,236,232,.65) 82%,rgba(224,231,227,.9) 100%),radial-gradient(70% 45% at 78% 8%,rgba(255,235,205,.25),transparent 58%)}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium-head p{color:#5d665f}
html[data-theme="light"] #trackingRoom-today .today-next-card{border-color:#ffffffd9;background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(248,249,247,.52));box-shadow:inset 0 1px #fff,0 15px 32px #2f423818}
html[data-theme="light"] #trackingRoom-today .today-next-card h3{color:#14201b}
html[data-theme="light"] #trackingRoom-today .today-next-traits{color:#5b6d66!important}
@media(max-width:640px){
  #trackingRoom-today .wellbeing-premium-head h3{font-size:25px}
  #trackingRoom-today .wellbeing-premium-head p{font-size:11px}
  #trackingRoom-today .today-next-card{grid-template-columns:66px minmax(0,1fr);gap:10px}
  #trackingRoom-today .today-next-visual{width:66px;height:66px;border-radius:16px;grid-row:1/3}
  #trackingRoom-today .today-next-go{grid-column:2;width:max-content;min-height:38px;margin-top:2px}
}
html[data-theme="light"] #trackingRoom-today .today-next-card{
  border-color:#49e79b55;background:#e9fff4ee;box-shadow:none
}
html[data-theme="light"] #trackingRoom-today .today-next-card h3{color:#14201b}
html[data-theme="light"] #trackingRoom-today .today-next-kicker{color:#167a4d}
#trackingRoom-today .alltag-words button.on,
#trackingRoom-plan .alltag-words button.on{
  color:#062014;background:linear-gradient(180deg,#d8ffe9,#49e79b);box-shadow:0 0 16px #49e79b66
}
#trackingRoom-plan .alltag-words button.on{
  color:#2a1d06;background:linear-gradient(180deg,#fff1c4,#e8c56a);box-shadow:0 0 16px #e8c56a77
}
#trackingRoom-today .alltag-cinema-body,
#trackingRoom-plan .alltag-cinema-body{
  position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:0;width:100%;max-width:390px;margin:0 auto;padding-top:16px;
  animation:alltagCinemaIn .55s cubic-bezier(.16,1,.3,1) both
}
@keyframes alltagCinemaIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
#trackingRoom-today .alltag-cinema-hero,
#trackingRoom-plan .alltag-cinema-hero{padding:0 2px 12px;flex-shrink:0}
#trackingRoom-today .alltag-cinema-hero small,
#trackingRoom-plan .alltag-cinema-hero small{
  display:block;font:800 10px Inter;letter-spacing:.22em;
  background:linear-gradient(180deg,#eafff4,#49e79b);-webkit-background-clip:text;background-clip:text;color:transparent
}
#trackingRoom-plan .alltag-cinema-hero small{
  background:linear-gradient(180deg,#fff6d4,#e8c56a);-webkit-background-clip:text;background-clip:text;color:transparent
}
#trackingRoom-today .alltag-cinema-hero h2,
#trackingRoom-plan .alltag-cinema-hero h2{
  margin:8px 0 0;font:500 36px/.92 Inter;letter-spacing:-.045em;color:#fff;
  text-shadow:0 14px 40px #000c
}
#trackingRoom-today .alltag-cinema-hero h2 span,
#trackingRoom-plan .alltag-cinema-hero h2 span{display:block;color:#fff}
#trackingRoom-today .alltag-cinema-hero p,
#trackingRoom-plan .alltag-cinema-hero p{
  margin:8px 0 0;max-width:16rem;color:#d5e2db;font:400 13px/1.4 Inter;text-shadow:0 8px 24px #0008
}
#trackingRoom-today .alltag-stage.alltag-cinema{overflow:hidden}
#trackingRoom-today .alltag-cinema-sheet{
  position:relative;flex-shrink:0;padding:12px 12px 10px;border-radius:22px;margin-top:0;
  border:1px solid #ffffff22;
  background:linear-gradient(180deg,#ffffff18,#0c1410d4 40%,#08110ee8);
  box-shadow:inset 0 1px #ffffff44,0 18px 36px #0006;
  backdrop-filter:blur(28px) saturate(160%);
  -webkit-backdrop-filter:blur(28px) saturate(160%);
  overflow:visible
}
#trackingRoom-today .alltag-cinema-sheet>small:first-child{
  display:block;position:relative;z-index:1;color:#e8c56a;font:800 9px Inter;letter-spacing:.16em
}
#trackingRoom-today .alltag-cinema-sheet h2{
  margin:8px 0 0;position:relative;z-index:1;font:650 22px/1.18 Inter;letter-spacing:-.03em;color:#f6f8f6;text-shadow:none
}
#trackingRoom-today .alltag-cinema-sheet h2 span{display:inline;color:inherit}
#trackingRoom-today .alltag-cinema-sheet .routine-plan-hint{
  margin:6px 0 10px;max-width:none;position:relative;z-index:1;color:#c5d4cc;font:400 13px/1.4 Inter;text-shadow:none
}
#trackingRoom-today .alltag-cinema-sheet:before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,#ffffff1f,transparent 36%)
}
#trackingRoom-today .alltag-cinema-sheet>[hidden]{display:none!important}
#trackingRoom-today .alltag-cinema-sheet>#routinePlanCount{
  display:none
}
#trackingRoom-today .alltag-plan-path{display:grid;gap:0;padding:2px 0 0;position:relative;z-index:1}
#trackingRoom-today .alltag-plan-rail,
#trackingRoom-today .routine-plan-items{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:4px;margin:0;overflow:visible
}
#trackingRoom-today .alltag-plan-rail:before{
  content:"";position:absolute;left:17px;top:18px;bottom:18px;width:2px;
  background:linear-gradient(180deg,#e8c56a00,#e8c56a99 30%,#e8c56a33);
  animation:alltagPlanLine .9s ease both
}
@keyframes alltagPlanLine{from{transform:scaleY(0);transform-origin:top}to{transform:scaleY(1)}}
#trackingRoom-today .alltag-plan-step{
  position:relative;z-index:1;display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:center;
  min-height:48px;padding:6px 8px 6px 2px;border:0;border-radius:14px;text-align:left;color:inherit;background:transparent;cursor:pointer;
  overflow:visible;touch-action:manipulation;overscroll-behavior:none;-webkit-overflow-scrolling:auto
}
#trackingRoom-today .alltag-plan-dot{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;
  border:1px solid #e8c56a55;background:linear-gradient(180deg,#2a2418,#14100a);
  color:#e8c56a;font:800 11px Inter;letter-spacing:.04em
}
#trackingRoom-today .alltag-plan-step.now .alltag-plan-dot{
  background:linear-gradient(180deg,#fff1c4,#e8c56a);color:#2a1d06;
  box-shadow:0 0 18px #e8c56a77;animation:alltagPlanPulse 2.4s ease-in-out infinite
}
@keyframes alltagPlanPulse{0%,100%{box-shadow:0 0 12px #e8c56a55}50%{box-shadow:0 0 26px #e8c56aaa}}
#trackingRoom-today .alltag-plan-step.done .alltag-plan-dot{background:#49e79b;color:#062014;border-color:transparent}
#trackingRoom-today .alltag-plan-step strong{display:block;font:650 14px/1.2 Inter;color:#f6f8f6}
#trackingRoom-today .alltag-plan-step small{display:block;margin-top:1px;color:#c5d4cc;font:400 12px/1.3 Inter}
#trackingRoom-today .alltag-plan-step.now{
  background:linear-gradient(180deg,#ffffff14,#e8c56a10);border:1px solid #e8c56a33
}
#trackingRoom-today .alltag-plan-step:disabled,
#trackingRoom-today .alltag-plan-step:disabled:hover{cursor:not-allowed;opacity:.46;transform:none;box-shadow:none}
#trackingRoom-today .routine-custom-empty{
  display:grid;gap:4px;padding:10px 4px;color:#c5d4cc;font:400 12px/1.4 Inter
}
#trackingRoom-today .routine-custom-empty strong{color:#f6f8f6;font:650 15px Inter}
#trackingRoom-today .alltag-cinema-settings{position:relative;z-index:1;margin-top:6px}
#trackingRoom-today .alltag-cinema-settings .routine-settings-grid{
  display:grid;grid-template-columns:1fr;gap:8px
}
#trackingRoom-today .alltag-cinema-settings .routine-setting-field{
  padding:10px 10px 8px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid #ffffff14
}
#trackingRoom-today .alltag-cinema-settings .routine-setting-field>span{
  color:#e8c56a;font:800 9px Inter;letter-spacing:.14em
}
#trackingRoom-today .alltag-cinema-settings .routine-setting-field>span em{
  margin-left:5px;color:#9aada3;font:600 9px Inter;font-style:normal
}
#trackingRoom-today .alltag-cinema-settings .routine-setting-field select,
#trackingRoom-today .alltag-cinema-settings .routine-setting-field input{
  width:100%;margin-top:6px;min-height:44px;border:1px solid #ffffff18;border-radius:12px;
  background:#0c1410aa;color:#eef5f0;padding:10px 12px;font:600 13px Inter
}
#trackingRoom-today .alltag-cinema-settings .routine-setting-field small{
  display:block;margin-top:4px;color:#9aada3;font:500 11px/1.35 Inter
}
#trackingRoom-today .alltag-cinema-quiet{
  margin:12px 6px 0;color:#9aada3;font:500 11px/1.4 Inter
}
#trackingRoom-today .alltag-cinema-settings summary{
  cursor:pointer;margin:4px 0 0;min-height:32px;color:#9aada3;font:500 11px Inter;list-style:none;text-align:center
}
#trackingRoom-today .alltag-cinema-settings summary::-webkit-details-marker{display:none}
#trackingRoom-today .alltag-cinema-settings[open] summary{margin-bottom:8px}
#trackingRoom-today .alltag-cinema-settings[open] .routine-settings-grid{margin-top:4px}
#trackingRoom-today .alltag-plan-else{
  display:block;width:100%;margin-top:6px;min-height:32px;padding:0;
  color:#9aada3;font:500 11px Inter;background:none;border:0;cursor:pointer
}
#trackingRoom-today .alltag-plan-else[hidden]{display:none!important}
#trackingRoom-today .alltag-plan-else:disabled{opacity:.46;cursor:not-allowed}
@media(max-width:640px){
  #trackingRoom-today .alltag-bar,
  #trackingRoom-plan .alltag-bar{flex-direction:row;align-items:center}
  #trackingRoom-today .alltag-stage.alltag-cinema,
  #trackingRoom-plan .alltag-stage.alltag-cinema{min-height:calc(100dvh - 96px);padding:8px 16px 14px;overflow:hidden}
  #trackingRoom-today .alltag-cinema-hero h2,
  #trackingRoom-plan .alltag-cinema-hero h2{font-size:30px}
  #trackingRoom-today .alltag-cinema-hero p{margin-top:6px}
}
@media(min-width:1280px){
  #trackingRoom-today .alltag-stage.alltag-cinema,
  #trackingRoom-plan .alltag-stage.alltag-cinema{min-height:720px;padding:12px 24px 28px}
  #trackingRoom-today .alltag-cinema-body,
  #trackingRoom-plan .alltag-cinema-body{margin-left:0}
}
html[data-theme="light"] #trackingView .alltag-house:has(#trackingRoom-today.on){
  border-color:#ffffffc9;background:#dfe6e2;
  box-shadow:inset 0 1px #fff,0 22px 48px #4e625d28
}
html[data-theme="light"] #trackingView .alltag-house:has(#trackingRoom-plan.on){
  border-color:#ffffffc9;background:#e7dfd2;
  box-shadow:inset 0 1px #fff,0 22px 48px #8a735028
}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-photo,
html[data-theme="light"] #trackingRoom-today .alltag-cinema-photo img{
  filter:saturate(.9) contrast(1.12) brightness(.68)
}
html[data-theme="light"] #trackingRoom-plan .alltag-cinema-photo,
html[data-theme="light"] #trackingRoom-plan .alltag-cinema-photo img{
  filter:saturate(.7) contrast(1.08) brightness(.7) sepia(.12)
}
html[data-theme="light"] #trackingRoom-plan .alltag-cinema-photo,
html[data-theme="light"] #trackingRoom-plan .alltag-cinema-photo img{
  filter:saturate(.7) contrast(1.08) brightness(.7) sepia(.12)
}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-wash{
  background:
    linear-gradient(180deg,#05070699 0%,#05070618 34%,#05070610 50%,#050706e8 84%,#030705 100%),
    radial-gradient(70% 40% at 88% 8%,#49e79b22,transparent 55%)
}
html[data-theme="light"] #trackingRoom-plan .alltag-cinema-wash{
  background:
    linear-gradient(180deg,#f4eee4d8 0%,#f4eee466 34%,#efe8dcf4 80%,#e7dfd2 100%),
    radial-gradient(70% 42% at 90% 0,#e8c56a55,transparent 52%)
}
html[data-theme="light"] #trackingRoom-today .alltag-back,
html[data-theme="light"] #trackingRoom-plan .alltag-back,
html[data-theme="light"] #trackingRoom-today .alltag-words,
html[data-theme="light"] #trackingRoom-plan .alltag-words{
  background:linear-gradient(180deg,#fffffff0,#ffffffb8);border-color:#ffffffa8;color:#173028
}
html[data-theme="light"] #trackingRoom-today .alltag-back:hover,
html[data-theme="light"] #trackingRoom-plan .alltag-back:hover{color:#0d1f16}
html[data-theme="light"] #trackingRoom-today .alltag-words button,
html[data-theme="light"] #trackingRoom-plan .alltag-words button{color:#3d4c46!important}
html[data-theme="light"] #trackingRoom-today .alltag-words button.on{color:#062014!important}
html[data-theme="light"] #trackingRoom-plan .alltag-words button.on{color:#2a1d06!important}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-hero small{
  background:none!important;color:#7dffb8!important;-webkit-text-fill-color:#7dffb8!important
}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-hero h2,
html[data-theme="light"] #trackingRoom-today .alltag-cinema-hero h2 span{
  color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;text-shadow:0 10px 28px #000d
}
html[data-theme="light"] #trackingRoom-plan .alltag-cinema-hero h2{text-shadow:0 10px 30px #fff8}
html[data-theme="light"] #trackingRoom-plan .alltag-cinema-hero h2 span{
  background:linear-gradient(180deg,#3a2a10,#1a1408);-webkit-background-clip:text;background-clip:text;color:transparent
}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-hero p{
  color:#f3f7f4!important;text-shadow:0 2px 14px #000c;-webkit-text-fill-color:#f3f7f4!important
}
html[data-theme="light"] #trackingRoom-plan .alltag-cinema-hero p{color:#3d4c46;text-shadow:none}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-sheet{
  background:linear-gradient(180deg,#fffffff4,#f4f8f6ee);border-color:#ffffffcc;
  box-shadow:0 20px 40px #50657522,inset 0 1px #fff
}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-sheet h2{color:#14201b}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-sheet .routine-plan-hint{color:#5b6d66}
html[data-theme="light"] #trackingRoom-today .alltag-plan-step strong{color:#14201b}
html[data-theme="light"] #trackingRoom-today .alltag-plan-step small,
html[data-theme="light"] #trackingRoom-today .alltag-plan-else,
html[data-theme="light"] #trackingRoom-today .today-next-else,
html[data-theme="light"] #trackingRoom-today .today-next-meta{
  color:#5b6d66!important;font-weight:400!important;-webkit-text-fill-color:#5b6d66!important
}
html[data-theme="light"] #trackingRoom-today .alltag-plan-dot{
  background:linear-gradient(180deg,#fff8e8,#f0e4c4);color:#7a5a14;border-color:#e8c56a77
}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-settings .routine-setting-field{
  background:#ffffffd8;border-color:#ffffffcc
}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-settings .routine-setting-field select,
html[data-theme="light"] #trackingRoom-today .alltag-cinema-settings .routine-setting-field input{
  background:#fff;color:#14201b;border-color:#d8e0dc
}
#profileDayCard{
  width:min(390px,100%);max-width:390px;
  padding:16px 14px 14px;border-radius:22px;
  border:1px solid #e8c56a33;
  background:
    radial-gradient(70% 42% at 88% 8%,#e8c56a22,transparent 50%),
    linear-gradient(180deg,#1a2230,#0c121c);
  box-shadow:inset 0 1px #ffffff22,0 16px 32px #0005;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif
}
#profileDayCard>small{
  display:block;color:#e8c56a;font:800 9px Inter;letter-spacing:.16em
}
#profileDayCard h2{
  margin:8px 0 0;font:700 22px/1.15 Inter;letter-spacing:-.03em;color:#f5f8fc
}
#profileDayCard h2 span{display:block;color:#e8c56a}
#profileDayCard>p{margin:8px 0 14px;color:#9aa6b8;font:400 13px/1.4 Inter}
#profileDayCard .profile-day-field{display:grid;gap:6px;margin:0 0 10px}
#profileDayCard .profile-day-field>span{color:#d7deea;font:650 12px Inter}
#profileDayCard .profile-day-field>span em{margin-left:5px;color:#8b97ad;font:400 11px Inter;font-style:normal}
#profileDayCard .profile-day-field select,
#profileDayCard .profile-day-field input{
  width:100%;min-height:48px;padding:0 12px;border-radius:14px;
  border:1px solid #ffffff22;background:#0a1018;color:#f5f8fc;font:600 14px Inter
}
#profileDayCard .profile-day-field small{color:#8b97ad;font:400 11px/1.35 Inter}
html[data-theme="light"] #profileDayCard{
  background:linear-gradient(180deg,#fffdf8,#f7f1e4);border-color:#e8c56a66
}
html[data-theme="light"] #profileDayCard h2{color:#1a1408}
html[data-theme="light"] #profileDayCard>p,
html[data-theme="light"] #profileDayCard .profile-day-field small,
html[data-theme="light"] #profileDayCard .profile-day-field>span em{color:#5b6d66}
html[data-theme="light"] #profileDayCard .profile-day-field>span{color:#14201b}
html[data-theme="light"] #profileDayCard .profile-day-field select,
html[data-theme="light"] #profileDayCard .profile-day-field input{
  background:#fff;color:#14201b;border-color:#d8e0dc
}
.profile-sync-status{
  margin:8px 0 0;color:#8aa198;font:500 12px/1.4 Inter
}
html[data-theme="light"] .profile-sync-status{color:#5f7167}
.profile-sync-retry{
  display:inline-flex;align-items:center;min-height:44px;margin-left:8px;padding:8px 12px;
  border-radius:10px;border:1px solid #2d5a44;background:#163226;color:#eef5f0;
  font:700 12px Inter;cursor:pointer
}
.profile-sync-retry:focus-visible{outline:2px solid #e8c56a;outline-offset:2px}
html[data-theme="light"] .profile-sync-retry{
  border-color:#c9dfd2;background:#f7fbf8;color:#0d1f16
}

#trackingView .p-history{--c:#8fd4b8}
#trackingView .p-trends{--c:#8ab4e8}
#trackingView .p-review{--c:#e0c9a0}
#trackingView .alltag-history{
  display:grid;gap:8px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden
}
#trackingView .alltag-history-filter{
  margin:0;padding:2px 4px;color:#8fd4b8;font:700 12px/1.4 Inter;letter-spacing:.04em;text-transform:uppercase
}
#trackingView .alltag-history-empty,
#trackingView .alltag-history-loading{
  margin:0;padding:14px 16px;border-radius:18px;border:1px solid #2d5a44;
  background:#102019;color:#c5d4cc;font:400 14px/1.45 Inter
}
#trackingView .alltag-history-list{
  list-style:none;margin:0;padding:0;display:grid;gap:8px
}
#trackingView .alltag-history-item{
  display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:12px;align-items:start;
  min-height:44px;padding:12px 14px;border-radius:16px;border:1px solid #2d5a44;background:#102019;color:#eef5f0
}
#trackingView .alltag-history-item time{
  color:#8fd4b8;font:700 13px/1.3 Inter;font-variant-numeric:tabular-nums
}
#trackingView .alltag-history-item strong{
  display:block;color:#f4f8f5;font:650 14px/1.35 Inter;overflow-wrap:anywhere
}
#trackingView .alltag-history-item span{
  display:block;margin-top:2px;color:#c5d4cc;font:400 12px/1.4 Inter;overflow-wrap:anywhere
}
#trackingView .alltag-history-item:focus-within,
#trackingView .alltag-history-item:focus-visible{
  outline:2px solid #e8c56a;outline-offset:2px
}
#trackingView .alltag-history-link{margin:0 0 14px}
#trackingView .alltag-history-link button{
  min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid #2d5a44;
  background:#163226;color:#eef5f0;font:700 13px Inter;cursor:pointer
}
#trackingView .alltag-history-link button:focus-visible{
  outline:2px solid #e8c56a;outline-offset:2px
}
@media(max-width:390px){
  #trackingView .alltag-history-item{grid-template-columns:3.6rem minmax(0,1fr);padding:12px}
}
@media(min-width:1280px){
  #trackingView .alltag-history{max-width:980px}
}
html[data-theme="light"] #trackingView .alltag-history-filter{color:#14795d}
html[data-theme="light"] #trackingView .alltag-history-empty,
html[data-theme="light"] #trackingView .alltag-history-loading,
html[data-theme="light"] #trackingView .alltag-history-item{
  border-color:#c9dfd2;background:#fffdfaf7;color:#1a2420
}
html[data-theme="light"] #trackingView .alltag-history-item time{color:#14795d}
html[data-theme="light"] #trackingView .alltag-history-item strong{color:#0d1f16}
html[data-theme="light"] #trackingView .alltag-history-item span,
html[data-theme="light"] #trackingView .alltag-history-empty{color:#4a5c54}
html[data-theme="light"] #trackingView .alltag-history-link button{
  border-color:#c9dfd2;background:#f7fbf8;color:#0d1f16
}
#trackingView .alltag-history-link{display:flex;flex-wrap:wrap;gap:8px}
#trackingView .alltag-trends{
  display:grid;gap:12px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden
}
#trackingView .alltag-trends-range{display:flex;flex-wrap:wrap;gap:8px}
#trackingView .alltag-trends-range button{
  min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid #2d5a44;
  background:#163226;color:#eef5f0;font:700 13px Inter;cursor:pointer
}
#trackingView .alltag-trends-range button[aria-pressed="true"]{
  border-color:#49e79b99;background:linear-gradient(180deg,#1a3d2c,#49e79b33);color:#eef5f0
}
#trackingView .alltag-trends-range button:focus-visible,
#trackingView .alltag-trends-metric:focus-visible,
#trackingView .alltag-trends-day:focus-visible{
  outline:2px solid #e8c56a;outline-offset:2px
}
#trackingView .alltag-trends-empty,
#trackingView .alltag-trends-loading,
#trackingView .alltag-trends-insight{
  margin:0;padding:14px 16px;border-radius:18px;border:1px solid #2d5a44;
  background:#102019;color:#c5d4cc;font:400 14px/1.45 Inter
}
#trackingView .alltag-trends-metrics,
#trackingView .alltag-trends-days{
  list-style:none;margin:0;padding:0;display:grid;gap:8px;
  grid-template-columns:repeat(2,minmax(0,1fr))
}
#trackingView .alltag-trends-days{grid-template-columns:1fr}
#trackingView .alltag-trends-metric,
#trackingView .alltag-trends-day{
  min-height:44px;padding:12px 14px;border-radius:16px;border:1px solid #2d5a44;
  background:#102019;color:#eef5f0;overflow-wrap:anywhere
}
#trackingView .alltag-trends-metric strong{
  display:block;font:700 22px/1.1 Inter;font-variant-numeric:tabular-nums;color:#8fd4b8
}
#trackingView .alltag-trends-metric span,
#trackingView .alltag-trends-day span{display:block;margin-top:4px;color:#c5d4cc;font:500 13px/1.35 Inter}
#trackingView .alltag-trends-metric small{display:block;margin-top:6px;color:#8aa198;font:400 12px/1.4 Inter}
#trackingView .alltag-trends-day{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:12px;align-items:center}
#trackingView .alltag-trends-day time{color:#8fd4b8;font:700 13px/1.3 Inter}
@media(max-width:390px){
  #trackingView .alltag-trends,
  #trackingView .alltag-trends-metrics{max-width:100%;overflow-x:hidden}
  #trackingView .alltag-trends-metrics{grid-template-columns:1fr}
  #trackingView .alltag-trends-day{grid-template-columns:5.5rem minmax(0,1fr)}
}
@media(min-width:1280px){
  #trackingView .alltag-trends{max-width:980px}
  #trackingView .alltag-trends-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
html[data-theme="light"] #trackingView .alltag-trends-empty,
html[data-theme="light"] #trackingView .alltag-trends-loading,
html[data-theme="light"] #trackingView .alltag-trends-insight,
html[data-theme="light"] #trackingView .alltag-trends-metric,
html[data-theme="light"] #trackingView .alltag-trends-day{
  border-color:#c9dfd2;background:#fffdfaf7;color:#1a2420
}
html[data-theme="light"] #trackingView .alltag-trends-range button{
  border-color:#c9dfd2;background:#f7fbf8;color:#0d1f16
}
html[data-theme="light"] #trackingView .alltag-trends-range button[aria-pressed="true"]{
  border-color:#49e79b99;background:linear-gradient(180deg,#e9fff4,#49e79b);color:#082014
}
html[data-theme="light"] #trackingView .alltag-trends-metric strong,
html[data-theme="light"] #trackingView .alltag-trends-day time{color:#14795d}
html[data-theme="light"] #trackingView .alltag-trends-metric span,
html[data-theme="light"] #trackingView .alltag-trends-day span,
html[data-theme="light"] #trackingView .alltag-trends-empty{color:#4a5c54}
html[data-theme="light"] #trackingView .alltag-trends-metric small{color:#5f7167}
#trackingView .alltag-review{
  display:grid;gap:12px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden
}
#trackingView .alltag-review-range{display:flex;flex-wrap:wrap;gap:8px}
#trackingView .alltag-review-range button{
  min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid #2d5a44;
  background:#163226;color:#eef5f0;font:700 13px Inter;cursor:pointer
}
#trackingView .alltag-review-range button[aria-pressed="true"]{
  border-color:#49e79b99;background:linear-gradient(180deg,#1a3d2c,#49e79b33);color:#eef5f0
}
#trackingView .alltag-review-range button:focus-visible,
#trackingView .alltag-review-metric:focus-visible,
#trackingView .alltag-review-highlight:focus-visible{
  outline:2px solid #e8c56a;outline-offset:2px
}
#trackingView .alltag-review-empty,
#trackingView .alltag-review-loading,
#trackingView .alltag-review-hero,
#trackingView .alltag-review-reason{
  margin:0;padding:14px 16px;border-radius:18px;border:1px solid #2d5a44;
  background:#102019;color:#c5d4cc;font:400 14px/1.45 Inter;overflow-wrap:anywhere
}
#trackingView .alltag-review-hero{
  font:650 20px/1.35 Inter;color:#eef5f0
}
#trackingView .alltag-review-reason{padding:8px 4px;border:0;background:transparent;color:#8aa198;font:400 13px/1.4 Inter}
#trackingView .alltag-review-metrics,
#trackingView .alltag-review-highlights{
  list-style:none;margin:0;padding:0;display:grid;gap:8px;
  grid-template-columns:repeat(2,minmax(0,1fr))
}
#trackingView .alltag-review-highlights{grid-template-columns:1fr}
#trackingView .alltag-review-metric,
#trackingView .alltag-review-highlight{
  min-height:44px;padding:12px 14px;border-radius:16px;border:1px solid #2d5a44;
  background:#102019;color:#eef5f0;overflow-wrap:anywhere
}
#trackingView .alltag-review-metric strong{
  display:block;font:700 22px/1.1 Inter;font-variant-numeric:tabular-nums;color:#8fd4b8
}
#trackingView .alltag-review-metric span{display:block;margin-top:4px;color:#c5d4cc;font:500 13px/1.35 Inter}
#trackingView .alltag-review-metric small{display:block;margin-top:6px;color:#8aa198;font:400 12px/1.4 Inter}
@media(max-width:390px){
  #trackingView .alltag-review,
  #trackingView .alltag-review-metrics{max-width:100%;overflow-x:hidden}
  #trackingView .alltag-review-metrics{grid-template-columns:1fr}
  #trackingView .alltag-review-hero{font-size:18px}
}
@media(min-width:1280px){
  #trackingView .alltag-review{max-width:980px}
  #trackingView .alltag-review-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
html[data-theme="light"] #trackingView .alltag-review-empty,
html[data-theme="light"] #trackingView .alltag-review-loading,
html[data-theme="light"] #trackingView .alltag-review-hero,
html[data-theme="light"] #trackingView .alltag-review-metric,
html[data-theme="light"] #trackingView .alltag-review-highlight{
  border-color:#c9dfd2;background:#fffdfaf7;color:#1a2420
}
html[data-theme="light"] #trackingView .alltag-review-hero{color:#0d1f16}
html[data-theme="light"] #trackingView .alltag-review-reason{color:#5f7167;background:transparent;border:0}
html[data-theme="light"] #trackingView .alltag-review-range button{
  border-color:#c9dfd2;background:#f7fbf8;color:#0d1f16
}
html[data-theme="light"] #trackingView .alltag-review-range button[aria-pressed="true"]{
  border-color:#49e79b99;background:linear-gradient(180deg,#e9fff4,#49e79b);color:#082014
}
html[data-theme="light"] #trackingView .alltag-review-metric strong{color:#14795d}
html[data-theme="light"] #trackingView .alltag-review-metric span,
html[data-theme="light"] #trackingView .alltag-review-empty{color:#4a5c54}
html[data-theme="light"] #trackingView .alltag-review-metric small{color:#5f7167}
#trackingView .alltag-patterns{
  display:grid;gap:8px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden
}
#trackingView .alltag-patterns h3{
  margin:4px 0 0;color:#8fd4b8;font:700 13px/1.3 Inter
}
#trackingView .alltag-patterns ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#trackingView .alltag-pattern{
  min-height:44px;padding:12px 14px;border-radius:16px;border:1px solid #2d5a44;
  background:#102019;color:#eef5f0;font:400 14px/1.45 Inter;overflow-wrap:anywhere
}
#trackingView .alltag-pattern:focus-visible{outline:2px solid #e8c56a;outline-offset:2px}
@media(max-width:390px){
  #trackingView .alltag-patterns{max-width:100%;overflow-x:hidden}
}
html[data-theme="light"] #trackingView .alltag-patterns h3{color:#14795d}
html[data-theme="light"] #trackingView .alltag-pattern{
  border-color:#c9dfd2;background:#fffdfaf7;color:#0d1f16
}

/* Final cascade lock: reference layout must win over legacy Alltag declarations above. */
@media(max-width:980px){
  body:has(#trackingView.active[data-tracking-room="today"]) .sidebar,
  body:has(#trackingView.active[data-tracking-room="today"]) .mobile-head{display:none!important}
  body:has(#trackingView.active[data-tracking-room="today"]) .app-main{padding:0!important}
  body:has(#trackingView.active[data-tracking-room="today"]) #trackingView{height:auto!important;min-height:100dvh!important}
  body:has(#trackingView.active[data-tracking-room="today"]) #trackingView .alltag-house{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  #trackingRoom-today .alltag-stage.alltag-cinema{min-height:100dvh!important;padding:0 20px 26px!important;border:0!important;border-radius:0!important;overflow:visible!important}
  #trackingRoom-today .today-reference-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto 42px!important;gap:13px!important;width:100%!important;margin:0!important;padding:25px 2px 20px!important;align-items:center!important}
  #trackingRoom-today .today-reference-head .alltag-back,#trackingRoom-today .today-reference-head .alltag-words{display:none!important}
  #trackingRoom-today .alltag-cinema-body{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
  #trackingRoom-today .alltag-cinema-hero{display:none!important}
  #trackingRoom-today .wellbeing-premium{margin:0!important;padding:20px 18px 18px!important;border-radius:27px!important}
  #trackingRoom-today .wellbeing-premium-head h3{font-size:23px!important;white-space:nowrap!important}
  #trackingRoom-today .wellbeing-premium-head p{right:17px!important;top:20px!important;width:78px!important;font-size:10px!important}
  #trackingRoom-today .wellbeing-glass-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
  #trackingRoom-today .wellbeing-moods{gap:4px!important}
  #trackingRoom-today .wellbeing-moods button i{width:46px!important;height:46px!important}
  #trackingRoom-today .wellbeing-divider{margin:16px 0!important}
  #trackingRoom-today .wellbeing-save,#trackingRoom-today .wellbeing-success{display:none!important}
  #trackingRoom-today .alltag-cinema-sheet{margin:21px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
  #trackingRoom-today .alltag-cinema-sheet:before,#trackingRoom-today .alltag-plan-path{display:none!important}
  #trackingRoom-today .today-next{gap:15px!important;margin:0!important}
  #trackingRoom-today .today-next-section-head{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important;padding:0 4px!important}
  #trackingRoom-today .today-next-section-head p{font-size:8px!important}
  #trackingRoom-today .today-next-card{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;gap:13px!important;min-height:0!important;padding:14px!important;border-radius:24px!important}
  #trackingRoom-today .today-next-visual{width:82px!important;height:82px!important;border-radius:17px!important;grid-row:1/3!important}
  #trackingRoom-today .today-next-card h3{font-size:17px!important}
  #trackingRoom-today .today-next-go{grid-column:2!important;width:122px!important;min-height:42px!important;margin:0!important;font-size:12px!important}
  #trackingRoom-today .wohlbefinden-detail.is-today-session{margin:0!important;padding:17px 15px!important;border-radius:25px!important}
  #trackingRoom-today .wohlbefinden-session-body{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:16px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  #trackingRoom-today .wohlbefinden-timer-ring{width:108px!important}
  #trackingRoom-today .wohlbefinden-actions{grid-template-columns:1fr 1fr!important;margin-left:128px!important;gap:8px!important}
  #trackingRoom-today .wohlbefinden-actions button{min-height:42px!important;font-size:10px!important;border-radius:999px!important}
  #trackingRoom-today .today-reference-footer{display:flex!important;padding:38px 7px 18px!important}
}
html[data-theme="light"] #trackingRoom-today .today-reference-brand,
html[data-theme="light"] #trackingRoom-today .today-reference-date,
html[data-theme="light"] #trackingRoom-today .today-reference-footer{color:#fff!important;text-shadow:0 2px 14px #000b}
html[data-theme="light"] #trackingRoom-today .today-reference-brand strong:after{background:#fff9}
html[data-theme="light"] #trackingRoom-today .today-reference-theme{color:#fff;border-color:#fff9;background:#17231c33}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-actions .wohlbefinden-close{border-color:#b85b50!important;background:linear-gradient(135deg,rgba(190,92,79,.78),rgba(143,65,57,.72))!important;color:#fff!important}
#trackingRoom-today .alltag-cinema-photo img{filter:saturate(.82) contrast(1.04) brightness(.7) blur(.7px)!important;transform:scale(1.01)!important}
html[data-theme="light"] #trackingRoom-today .alltag-cinema-photo img{filter:saturate(.78) contrast(1.02) brightness(.92) blur(.6px)!important}

/* Referenzdetails: wandernder Lichtsaum, echtes Play-Symbol und freier Pfeilraum. */
#trackingRoom-today .wellbeing-premium:after,
#trackingRoom-today .today-next-card:after,
#trackingRoom-today .wohlbefinden-detail.is-today-session:after{
  position:absolute;z-index:3;inset:0;padding:1px;border-radius:inherit;pointer-events:none;content:"";
  background:linear-gradient(115deg,rgba(255,255,255,.8),rgba(255,255,255,.08) 22%,transparent 48%,rgba(255,226,184,.55) 82%,rgba(255,255,255,.9));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.78;filter:drop-shadow(0 0 5px rgba(255,231,198,.22));animation:todayBorderBreathe 4.8s ease-in-out infinite
}
#trackingRoom-today .today-next-copy{padding-right:44px}
#trackingRoom-today .today-next-arrow{z-index:4;top:14px;right:14px;width:36px;height:36px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.22),0 0 0 1px rgba(255,255,255,.06)}
#trackingRoom-today .today-next-go{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.72)!important;box-shadow:inset 0 1px rgba(255,255,255,.85),0 0 0 1px rgba(102,231,171,.18),0 13px 30px rgba(75,223,154,.27)!important}
#trackingRoom-today .today-next-go:before{display:inline-block;width:0;height:0;margin:0 9px 0 0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #092116;content:"";filter:drop-shadow(0 1px rgba(255,255,255,.32))}
#trackingRoom-today .today-next-go:after{position:absolute;z-index:-1;top:-45%;bottom:-45%;left:-35%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);content:"";transform:skewX(-18deg);animation:todayButtonShine 4.3s ease-in-out infinite}
@keyframes todayBorderBreathe{0%,100%{opacity:.58;filter:drop-shadow(0 0 3px rgba(255,231,198,.15))}50%{opacity:.95;filter:drop-shadow(0 0 8px rgba(255,231,198,.32))}}
@keyframes todayButtonShine{0%,62%,100%{transform:translateX(-220%) skewX(-18deg)}78%{transform:translateX(520%) skewX(-18deg)}}
@media(max-width:980px){
  #trackingRoom-today .today-next-copy{padding-right:48px!important}
  #trackingRoom-today .today-next-arrow{top:13px;right:13px;width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){#trackingRoom-today .wellbeing-premium:after,#trackingRoom-today .today-next-card:after,#trackingRoom-today .wohlbefinden-detail.is-today-session:after,#trackingRoom-today .today-next-go:after{animation:none!important}}

/* Die Sessionsegmente bilden echte, zeitgesteuerte Schritte ab. */
#trackingRoom-today .wohlbefinden-step-progress{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:1fr}
#trackingRoom-today .wohlbefinden-step-progress i{transition:background .28s ease,box-shadow .28s ease,transform .28s ease}
#trackingRoom-today .wohlbefinden-step-progress i.done{background:rgba(140,240,189,.52)}
#trackingRoom-today .wohlbefinden-step-progress i.on{background:#8cf0bd;box-shadow:0 0 13px rgba(140,240,189,.42);transform:scaleY(1.25)}
#trackingRoom-today #wohlbefindenStepText{transition:opacity .2s ease}

/* Kompakter Heute-Modus: alle Kernaktionen ohne lange Scrollstrecke. */
@media(max-width:980px){
  #trackingRoom-today .alltag-stage.alltag-cinema{padding:0 12px 14px!important}
  #trackingRoom-today .today-reference-head{grid-template-columns:minmax(0,1fr) auto 38px!important;gap:9px!important;padding:12px 2px 10px!important}
  #trackingRoom-today .today-reference-brand{gap:3px}
  #trackingRoom-today .today-reference-brand strong{font-size:9px;letter-spacing:.24em}
  #trackingRoom-today .today-reference-brand span{font-size:7px;letter-spacing:.21em}
  #trackingRoom-today .today-reference-date{font-size:8px}
  #trackingRoom-today .today-reference-theme{width:36px;height:36px}
  #trackingRoom-today .today-reference-theme svg{width:21px;height:21px}
  #trackingRoom-today .wellbeing-premium{gap:7px!important;padding:12px 12px 10px!important;border-radius:22px!important}
  #trackingRoom-today .wellbeing-premium-head h3{margin:5px 0 0!important;font-size:19px!important}
  #trackingRoom-today .wellbeing-premium-head small{font-size:8px}
  #trackingRoom-today .wellbeing-premium-head p{right:11px!important;top:12px!important;width:72px!important;font-size:9px!important}
  #trackingRoom-today .wellbeing-fieldset:first-child{margin-top:8px}
  #trackingRoom-today .wellbeing-moods{gap:2px!important}
  #trackingRoom-today .wellbeing-moods button{gap:4px;min-height:50px;padding:0 1px}
  #trackingRoom-today .wellbeing-moods button i{width:38px!important;height:38px!important}
  #trackingRoom-today .wellbeing-moods svg{width:23px;height:23px}
  #trackingRoom-today .wellbeing-moods button span{font-size:7px!important}
  #trackingRoom-today .wellbeing-divider{margin:8px 0!important}
  #trackingRoom-today .wellbeing-fieldset legend{margin-bottom:7px;font-size:13px}
  #trackingRoom-today .wellbeing-stress-track{height:34px}
  #trackingRoom-today .wellbeing-stress-track button.active i{width:18px;height:18px}
  #trackingRoom-today .wellbeing-stress-labels{margin-top:4px;font-size:8px}
  #trackingRoom-today .wellbeing-stress>p{display:none}
  #trackingRoom-today .alltag-cinema-sheet{margin-top:11px!important}
  #trackingRoom-today .today-next{gap:7px!important;margin-bottom:8px}
  #trackingRoom-today .today-next-section-head{gap:7px!important;padding:0 2px!important}
  #trackingRoom-today .today-next-section-head strong{font-size:8px;letter-spacing:.2em}
  #trackingRoom-today .today-next-section-head p{font-size:7px!important}
  #trackingRoom-today .today-next-card{grid-template-columns:58px minmax(0,1fr)!important;gap:9px!important;padding:9px!important;border-radius:19px!important}
  #trackingRoom-today .today-next-visual{width:58px!important;height:58px!important;border-radius:14px!important}
  #trackingRoom-today .today-next-card h3{font-size:14px!important;line-height:1.12}
  #trackingRoom-today .today-next-meta{margin-top:3px;font-size:9px}
  #trackingRoom-today .today-next-summary,#trackingRoom-today .today-next-traits{display:none!important}
  #trackingRoom-today .today-next-go{width:108px!important;min-height:36px!important;margin-top:1px!important;padding-inline:13px;font-size:11px!important}
  #trackingRoom-today .today-next-arrow{top:9px;right:9px;width:30px;height:30px}
  #trackingRoom-today .today-next-copy{padding-right:39px!important}
  #trackingRoom-today .today-next-else{font-size:9px}
  #trackingRoom-today .wohlbefinden-detail.is-today-session{padding:12px!important;border-radius:21px!important}
  #trackingRoom-today .wohlbefinden-detail-inner{gap:10px}
  #trackingRoom-today .wohlbefinden-session-head>span{font-size:8px;letter-spacing:.18em}
  #trackingRoom-today .wohlbefinden-session-head>small{font-size:8px;letter-spacing:.12em}
  #trackingRoom-today .wohlbefinden-session-body{grid-template-columns:82px minmax(0,1fr)!important;gap:11px!important}
  #trackingRoom-today .wohlbefinden-timer-ring{width:78px!important}
  #trackingRoom-today .wohlbefinden-timer-ring:before{inset:7px}
  #trackingRoom-today .wohlbefinden-clock{font-size:21px!important}
  #trackingRoom-today .wohlbefinden-steps>span{font-size:9px}
  #trackingRoom-today .wohlbefinden-steps>p{margin-top:5px!important;font-size:11px!important;line-height:1.28}
  #trackingRoom-today .wohlbefinden-step-progress{gap:5px;margin-top:8px}
  #trackingRoom-today .wohlbefinden-step-progress i{height:4px}
  #trackingRoom-today .wohlbefinden-actions{margin-left:93px!important;gap:7px!important}
  #trackingRoom-today .wohlbefinden-actions button{min-height:36px!important;padding:7px 9px;font-size:9px!important}
  #trackingRoom-today .today-reference-footer{padding:18px 5px 8px!important}
  #trackingRoom-today .today-reference-footer i{width:24px;height:34px}
  #trackingRoom-today .today-reference-footer span{font-size:8px;line-height:1.5;letter-spacing:.2em}
}
@media(max-width:360px){
  #trackingRoom-today .wohlbefinden-session-body{grid-template-columns:72px minmax(0,1fr)!important}
  #trackingRoom-today .wohlbefinden-timer-ring{width:68px!important}
  #trackingRoom-today .wohlbefinden-actions{margin-left:83px!important}
}

/* White Mode: klares warmes Milk Glass statt kontrastarmem Grauschleier. */
html[data-theme="light"] #trackingRoom-today .today-reference-brand,
html[data-theme="light"] #trackingRoom-today .today-reference-date,
html[data-theme="light"] #trackingRoom-today .today-next-section-head,
html[data-theme="light"] #trackingRoom-today .today-next-section-head strong,
html[data-theme="light"] #trackingRoom-today .today-next-section-head p,
html[data-theme="light"] #trackingRoom-today .today-next-else,
html[data-theme="light"] #trackingRoom-today .today-reference-footer{
  color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.82)!important
}
html[data-theme="light"] #trackingRoom-today .today-next-section-head span{background:linear-gradient(90deg,rgba(255,255,255,.9),rgba(255,255,255,.08))!important}
html[data-theme="light"] #trackingRoom-today .today-reference-theme{border-color:rgba(255,255,255,.82)!important;background:rgba(16,27,22,.58)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.35),0 8px 24px rgba(0,0,0,.24)}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium,
html[data-theme="light"] #trackingRoom-today .today-next-card,
html[data-theme="light"] #trackingRoom-today .wohlbefinden-detail.is-today-session{
  border-color:rgba(255,255,255,.98)!important;
  background:linear-gradient(145deg,rgba(255,254,250,.97),rgba(239,242,238,.94))!important;
  box-shadow:inset 0 1px #fff,0 0 0 1px rgba(41,69,56,.28),0 18px 44px rgba(0,0,0,.28)!important;
  color:#102019!important
}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium-head small,
html[data-theme="light"] #trackingRoom-today .wohlbefinden-session-head>span{color:#126b4a!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium-head h3{color:#0c1712!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium-head p{color:#425b50!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-fieldset legend{color:#13221b!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-moods button{color:#294138!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-moods button span{color:#294138!important;font-weight:650}
html[data-theme="light"] #trackingRoom-today .wellbeing-moods button i{border-color:#81948a!important;background:#f7f7f3!important;color:#315e4a!important;box-shadow:inset 0 1px #fff}
html[data-theme="light"] #trackingRoom-today .wellbeing-moods button.active i{border-color:#187b57!important;background:#d9f2e5!important;color:#126745!important;box-shadow:0 0 0 5px rgba(38,139,96,.12),0 8px 19px rgba(31,111,77,.18),inset 0 1px #fff!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-divider{background:#6e7e762e!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-track{border-color:#71847a!important;background:#f7f8f5!important;box-shadow:inset 0 1px #fff,0 5px 15px rgba(35,55,46,.08)}
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-track button{border-right-color:#84938b4a!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-track i{background:#687b71!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-track button.active{background:#dff3e9!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-track button.active i{background:#17865c!important;box-shadow:0 0 0 7px rgba(33,142,98,.11),0 0 16px rgba(31,137,94,.3)!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-labels{color:#344a40!important;font-weight:650}
html[data-theme="light"] #trackingRoom-today .today-next-card h3{color:#0b1711!important}
html[data-theme="light"] #trackingRoom-today .today-next-meta{color:#43584e!important;-webkit-text-fill-color:#43584e!important;font-weight:550!important}
html[data-theme="light"] #trackingRoom-today .today-next-arrow{border-color:#65786e!important;background:#f8f8f4!important;color:#16281f!important;box-shadow:inset 0 1px #fff,0 4px 12px rgba(30,51,41,.12)}
html[data-theme="light"] #trackingRoom-today .today-next-go{border-color:#fff!important;box-shadow:inset 0 1px #fff,0 0 0 1px rgba(25,123,83,.26),0 10px 24px rgba(42,159,110,.23)!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-session-head>small{color:#355047!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-timer-ring{background:conic-gradient(#28bd82 calc(var(--wohl-progress)*1turn),rgba(35,69,53,.17) 0)!important;box-shadow:0 0 26px rgba(39,176,121,.18)!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-timer-ring:before{background:#fbfcf9!important;box-shadow:inset 0 0 0 1px rgba(42,75,59,.12)!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-clock{color:#126b49!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-steps>span{color:#344c41!important;font-weight:750}
html[data-theme="light"] #trackingRoom-today #wohlbefindenStepText{color:#182a21!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-step-progress i{background:#8e9b95!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-step-progress i.done{background:#77bea0!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-step-progress i.on{background:#16875c!important;box-shadow:0 0 11px rgba(22,135,92,.3)!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-actions [data-wohl-run]{border:1px solid #16875c!important;background:linear-gradient(110deg,#5be0a2,#b9f1d3)!important;color:#092116!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-actions .wohlbefinden-close{border-color:#9f493f!important;background:linear-gradient(135deg,#c86456,#944238)!important;color:#fff!important}

/* Adaptive Glass: das Raumfoto bleibt in beiden Modi sichtbar. */
#trackingRoom-today .wellbeing-premium,
#trackingRoom-today .today-next-card,
#trackingRoom-today .wohlbefinden-detail.is-today-session{
  background:radial-gradient(circle at 12% 8%,rgba(137,234,186,.1),transparent 34%),linear-gradient(145deg,rgba(23,27,24,.52),rgba(8,12,10,.38))!important;
  border-color:rgba(255,255,255,.5)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.32),0 0 0 1px rgba(3,10,7,.28),0 18px 44px rgba(0,0,0,.3)!important;
  backdrop-filter:blur(26px) saturate(122%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(122%)!important
}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium,
html[data-theme="light"] #trackingRoom-today .today-next-card,
html[data-theme="light"] #trackingRoom-today .wohlbefinden-detail.is-today-session{
  background:radial-gradient(circle at 12% 8%,rgba(113,224,170,.14),transparent 35%),linear-gradient(145deg,rgba(255,254,250,.76),rgba(235,240,235,.66))!important;
  border-color:rgba(255,255,255,.92)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 0 0 1px rgba(44,70,58,.22),0 18px 44px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(28px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(112%)!important
}

/* Clear Liquid Glass: farblos, durchsichtig und nur durch Licht/Blur definiert. */
#trackingRoom-today .wellbeing-premium,
#trackingRoom-today .today-next-card,
#trackingRoom-today .wohlbefinden-detail.is-today-session,
html[data-theme="light"] #trackingRoom-today .wellbeing-premium,
html[data-theme="light"] #trackingRoom-today .today-next-card,
html[data-theme="light"] #trackingRoom-today .wohlbefinden-detail.is-today-session{
  background:linear-gradient(132deg,rgba(255,255,255,.14),rgba(255,255,255,.035) 48%,rgba(255,255,255,.08))!important;
  border-color:rgba(255,255,255,.58)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.5),inset 0 -1px rgba(255,255,255,.08),0 0 0 1px rgba(0,0,0,.2),0 18px 46px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(24px) saturate(140%) contrast(104%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(140%) contrast(104%)!important
}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium,
html[data-theme="light"] #trackingRoom-today .today-next-card,
html[data-theme="light"] #trackingRoom-today .wohlbefinden-detail.is-today-session{
  background:linear-gradient(132deg,rgba(255,255,255,.2),rgba(255,255,255,.055) 48%,rgba(255,255,255,.11))!important;
  border-color:rgba(255,255,255,.72)!important
}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium-head h3,
html[data-theme="light"] #trackingRoom-today .wellbeing-fieldset legend,
html[data-theme="light"] #trackingRoom-today .wellbeing-moods button,
html[data-theme="light"] #trackingRoom-today .wellbeing-moods button span,
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-labels,
html[data-theme="light"] #trackingRoom-today .today-next-card h3,
html[data-theme="light"] #trackingRoom-today .today-next-meta,
html[data-theme="light"] #trackingRoom-today .wohlbefinden-session-head>small,
html[data-theme="light"] #trackingRoom-today .wohlbefinden-steps>span,
html[data-theme="light"] #trackingRoom-today #wohlbefindenStepText{
  color:#f7fbf9!important;-webkit-text-fill-color:#f7fbf9!important;text-shadow:0 1px 9px rgba(0,0,0,.9)!important
}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium-head small,
html[data-theme="light"] #trackingRoom-today .wohlbefinden-session-head>span{color:#8cf0bd!important;-webkit-text-fill-color:#8cf0bd!important;text-shadow:0 1px 8px rgba(0,0,0,.8)!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-premium-head p{color:#eff7f2!important;text-shadow:0 1px 9px rgba(0,0,0,.9)!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-moods button i{border-color:rgba(255,255,255,.62)!important;background:rgba(255,255,255,.07)!important;color:#effff7!important;box-shadow:inset 0 1px rgba(255,255,255,.25),0 6px 18px rgba(0,0,0,.14)!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-moods button.active i{border-color:#8cf0bd!important;background:rgba(73,231,155,.18)!important;color:#b9f8d6!important;box-shadow:0 0 0 5px rgba(73,231,155,.1),0 0 22px rgba(73,231,155,.24),inset 0 1px rgba(255,255,255,.4)!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-divider{background:rgba(255,255,255,.28)!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-track{border-color:rgba(255,255,255,.62)!important;background:rgba(4,10,7,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.2)!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-track button{border-right-color:rgba(255,255,255,.18)!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-track i{background:#dce9e2!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-track button.active{background:rgba(73,231,155,.16)!important}
html[data-theme="light"] #trackingRoom-today .wellbeing-stress-track button.active i{background:#8cf0bd!important}
html[data-theme="light"] #trackingRoom-today .today-next-arrow{border-color:rgba(255,255,255,.62)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.28),0 5px 16px rgba(0,0,0,.2)!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-timer-ring:before{background:rgba(5,13,9,.3)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-clock{color:#effff7!important;text-shadow:0 1px 8px rgba(0,0,0,.75)!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-step-progress i{background:rgba(255,255,255,.32)!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-step-progress i.done{background:rgba(140,240,189,.6)!important}
html[data-theme="light"] #trackingRoom-today .wohlbefinden-step-progress i.on{background:#8cf0bd!important}

/* Alltag hub — approved cinematic Liquid-Glass composition. */
#trackingView[data-tracking-room="hub"]{max-width:980px;margin-inline:auto}
#trackingView[data-tracking-room="hub"] .alltag-house{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.24)!important;border-radius:34px!important;background:#050806!important;box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.12)!important}
#trackingView[data-tracking-room="hub"] .alltag-hero{min-height:360px;overflow:hidden;border:0;border-radius:0;background:#060a08}
#trackingView[data-tracking-room="hub"] .alltag-hero picture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,6,.92) 0%,rgba(3,8,6,.66) 43%,rgba(3,8,6,.12) 78%),linear-gradient(0deg,#050806 0%,transparent 42%);pointer-events:none}
#trackingView[data-tracking-room="hub"] .alltag-hero img{filter:saturate(.78) contrast(1.05);transform:scale(1.025);animation:alltagHeroDrift 18s ease-in-out infinite alternate}
#trackingView[data-tracking-room="hub"] .alltag-hero-copy{max-width:29rem;min-height:360px;padding:54px 46px 38px;justify-content:center}
#trackingView[data-tracking-room="hub"] .alltag-hero-copy small{font-size:12px;letter-spacing:.28em;color:#8cf2c0;text-shadow:0 0 18px rgba(75,232,158,.35)}
#trackingView[data-tracking-room="hub"] .alltag-hero-copy h1{margin:13px 0 0;font-size:clamp(48px,6.5vw,76px);line-height:.88;letter-spacing:-.055em;color:#f7faf8}
#trackingView[data-tracking-room="hub"] .alltag-hero-copy p{max-width:22rem;margin-top:18px;font-size:15px;line-height:1.48;color:rgba(239,247,243,.7)}
#trackingView[data-tracking-room="hub"] .alltag-skyline{position:relative;z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;background:linear-gradient(180deg,rgba(5,8,6,.03),rgba(5,8,6,.68) 16%,rgba(5,8,6,.92));margin-top:-44px}
#trackingView[data-tracking-room="hub"] .alltag-cell{--c:#75efb7;position:relative;isolation:isolate;display:flex;min-width:0;min-height:158px;padding:20px 21px 18px;overflow:hidden;border:1px solid rgba(255,255,255,.42)!important;border-radius:25px!important;text-align:left;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.045) 48%,rgba(255,255,255,.09))!important;box-shadow:inset 0 1px rgba(255,255,255,.38),inset 0 -1px rgba(255,255,255,.06),0 14px 34px rgba(0,0,0,.28)!important;backdrop-filter:blur(23px) saturate(142%)!important;-webkit-backdrop-filter:blur(23px) saturate(142%)!important;transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .32s ease,box-shadow .32s ease}
#trackingView[data-tracking-room="hub"] .alltag-cell:after{content:"";position:absolute;z-index:-1;inset:-45% -70%;display:block!important;pointer-events:none;background:linear-gradient(108deg,transparent 38%,rgba(255,255,255,.23) 49%,transparent 60%);transform:translateX(-54%) rotate(4deg);animation:alltagGlassSweep 7s ease-in-out infinite}
#trackingView[data-tracking-room="hub"] .alltag-cell:hover,#trackingView[data-tracking-room="hub"] .alltag-cell:focus-visible{transform:translateY(-3px);border-color:rgba(255,255,255,.7)!important;box-shadow:inset 0 1px rgba(255,255,255,.5),0 18px 45px rgba(0,0,0,.34),0 0 24px color-mix(in srgb,var(--c) 20%,transparent)!important}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-today{grid-column:1/-1;min-height:184px;padding:28px 38% 25px 28px;--c:#78efb7;background:radial-gradient(circle at 82% 50%,rgba(71,225,149,.13),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.04) 52%,rgba(255,255,255,.08))!important}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-weight,#trackingView[data-tracking-room="hub"] .alltag-cell.c-story{grid-column:auto!important}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-sleep{--c:#aa9fff}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-water{--c:#69dcf2}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-weight{--c:#ff9bb7}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-story{--c:#9ee0bd}
#trackingView[data-tracking-room="hub"] .alltag-mark{width:38px;height:38px;margin:0 0 14px;border:1px solid color-mix(in srgb,var(--c) 68%,white);border-radius:13px;background:color-mix(in srgb,var(--c) 11%,transparent);color:var(--c);box-shadow:0 0 20px color-mix(in srgb,var(--c) 16%,transparent),inset 0 1px rgba(255,255,255,.22)}
#trackingView[data-tracking-room="hub"] .alltag-mark svg{width:20px;height:20px}
#trackingView[data-tracking-room="hub"] .alltag-cell strong{position:relative;z-index:2;font-size:25px;line-height:1.05;letter-spacing:-.035em;color:#f7faf8!important}
#trackingView[data-tracking-room="hub"] .alltag-cell em{position:relative;z-index:2;max-width:18rem;margin-top:6px;font-size:12px;line-height:1.3;color:rgba(235,243,239,.63)!important}
#trackingView[data-tracking-room="hub"] .alltag-cell b{position:relative;z-index:2;margin-top:auto;padding-top:12px;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.15em;color:var(--c)!important}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-today strong{font-size:34px}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-today:before{content:"◷";display:grid!important;place-items:center;position:absolute;top:50%;right:7.5%;width:112px;height:112px;transform:translateY(-50%);border-radius:50%;border:1px solid rgba(133,246,190,.65);background:radial-gradient(circle,rgba(118,241,180,.24) 0 11%,rgba(116,239,181,.07) 12% 43%,transparent 44%),conic-gradient(from 20deg,rgba(126,244,188,.18),#91f5c5,rgba(126,244,188,.1),#91f5c5);box-shadow:inset 0 0 0 12px rgba(5,20,13,.72),inset 0 0 0 13px rgba(137,246,193,.3),0 0 35px rgba(80,234,160,.28);font-size:32px;color:#b9f8d8;opacity:1;animation:alltagOrbitPulse 3.8s ease-in-out infinite}
#trackingView[data-tracking-room="hub"] .alltag-cell:not(.c-today):before{display:block!important;position:absolute;right:17px;bottom:19px;font-size:39px;line-height:1;color:var(--c);opacity:.62;text-shadow:0 0 23px color-mix(in srgb,var(--c) 60%,transparent);animation:alltagGlyphFloat 4.8s ease-in-out infinite}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-sleep:before{content:"☾"}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-water:before{content:"≈";font-size:52px}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-weight:before{content:"⌁";font-size:54px}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-story:before{content:"▂▄▆█";font-size:26px;letter-spacing:2px}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-house{background:#07100c!important}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-cell{background:linear-gradient(135deg,rgba(255,255,255,.21),rgba(255,255,255,.065) 48%,rgba(255,255,255,.12))!important;border-color:rgba(255,255,255,.62)!important}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-cell.c-today{background:radial-gradient(circle at 82% 50%,rgba(97,240,173,.15),transparent 31%),linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.055) 52%,rgba(255,255,255,.12))!important}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-cell strong{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.72)}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-cell em{color:rgba(244,250,247,.78)!important;text-shadow:0 1px 8px rgba(0,0,0,.7)}
@keyframes alltagHeroDrift{to{transform:scale(1.075) translate3d(-1.2%,.6%,0)}}
@keyframes alltagGlassSweep{0%,62%{transform:translateX(-58%) rotate(4deg)}82%,100%{transform:translateX(58%) rotate(4deg)}}
@keyframes alltagOrbitPulse{50%{box-shadow:inset 0 0 0 12px rgba(5,20,13,.68),inset 0 0 0 13px rgba(137,246,193,.48),0 0 48px rgba(80,234,160,.42);transform:translateY(-50%) scale(1.035)}}
@keyframes alltagGlyphFloat{50%{transform:translateY(-5px);opacity:.9}}
@media(max-width:980px){
 #trackingView[data-tracking-room="hub"]{padding:0 7px}
 #trackingView[data-tracking-room="hub"] .alltag-house{border-radius:27px!important}
 #trackingView[data-tracking-room="hub"] .alltag-hero,#trackingView[data-tracking-room="hub"] .alltag-hero-copy{min-height:242px}
 #trackingView[data-tracking-room="hub"] .alltag-hero picture:after{background:linear-gradient(90deg,rgba(3,8,6,.91),rgba(3,8,6,.51) 52%,rgba(3,8,6,.08)),linear-gradient(0deg,#050806,transparent 44%)}
 #trackingView[data-tracking-room="hub"] .alltag-hero img{object-position:61% center}
 #trackingView[data-tracking-room="hub"] .alltag-hero-copy{max-width:18.2rem;padding:31px 20px 35px}
 #trackingView[data-tracking-room="hub"] .alltag-hero-copy small{font-size:9px}
 #trackingView[data-tracking-room="hub"] .alltag-hero-copy h1{margin-top:10px;font-size:42px}
 #trackingView[data-tracking-room="hub"] .alltag-hero-copy p{max-width:15rem;margin-top:12px;font-size:11px}
 #trackingView[data-tracking-room="hub"] .alltag-skyline{gap:9px;padding:9px;margin-top:-30px}
 #trackingView[data-tracking-room="hub"] .alltag-cell,#trackingView[data-tracking-room="hub"] .alltag-cell.c-sleep{min-height:129px!important;padding:13px 13px 12px;border-radius:20px!important}
 #trackingView[data-tracking-room="hub"] .alltag-cell.c-today{min-height:148px!important;padding:18px 40% 16px 17px}
 #trackingView[data-tracking-room="hub"] .alltag-mark{width:30px;height:30px;margin-bottom:9px;border-radius:10px}
 #trackingView[data-tracking-room="hub"] .alltag-mark svg{width:17px;height:17px}
 #trackingView[data-tracking-room="hub"] .alltag-cell strong{font-size:19px!important}
 #trackingView[data-tracking-room="hub"] .alltag-cell.c-today strong{font-size:27px!important}
 #trackingView[data-tracking-room="hub"] .alltag-cell em{margin-top:4px;font-size:9px;line-height:1.25}
 #trackingView[data-tracking-room="hub"] .alltag-cell b{padding-top:8px;font-size:8px;letter-spacing:.11em}
 #trackingView[data-tracking-room="hub"] .alltag-cell.c-today:before{right:6%;width:82px;height:82px;box-shadow:inset 0 0 0 9px rgba(5,20,13,.72),inset 0 0 0 10px rgba(137,246,193,.3),0 0 28px rgba(80,234,160,.28);font-size:24px}
 #trackingView[data-tracking-room="hub"] .alltag-cell:not(.c-today):before{right:11px;bottom:13px;font-size:31px}
 #trackingView[data-tracking-room="hub"] .alltag-cell.c-water:before,#trackingView[data-tracking-room="hub"] .alltag-cell.c-weight:before{font-size:40px}
 #trackingView[data-tracking-room="hub"] .alltag-cell.c-story:before{font-size:20px}
}
@media(prefers-reduced-motion:reduce){#trackingView[data-tracking-room="hub"] .alltag-hero img,#trackingView[data-tracking-room="hub"] .alltag-cell:before,#trackingView[data-tracking-room="hub"] .alltag-cell:after{animation:none!important}}

/* Exact reference pass: one continuous photographic scene, optical glass and native illustrations. */
#trackingView[data-tracking-room="hub"] .alltag-house{
  background-image:linear-gradient(180deg,rgba(2,6,9,.02),rgba(3,7,10,.04) 37%,rgba(3,7,10,.14) 100%),url('/assets/alltag-premium-couple-bg-v2.png')!important;
  background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important
}
#trackingView[data-tracking-room="hub"] .alltag-hero{background:transparent!important}
#trackingView[data-tracking-room="hub"] .alltag-hero picture{display:none!important}
#trackingView[data-tracking-room="hub"] .alltag-hero-copy{justify-content:flex-end!important;padding-bottom:43px!important}
#trackingView[data-tracking-room="hub"] .alltag-hero-copy h1{font-weight:400!important;letter-spacing:-.047em!important}
#trackingView[data-tracking-room="hub"] .alltag-skyline{background:transparent!important}
#trackingView[data-tracking-room="hub"] .alltag-cell{
  border-color:rgba(255,255,255,.65)!important;
  background:linear-gradient(132deg,rgba(255,255,255,.095),rgba(255,255,255,.015) 48%,rgba(255,255,255,.055))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.82),inset 1px 0 rgba(255,255,255,.26),inset 0 -1px rgba(255,255,255,.15),0 0 0 1px rgba(1,4,6,.18),0 13px 31px rgba(0,0,0,.2),0 0 22px rgba(255,255,255,.07)!important;
  backdrop-filter:blur(9px) saturate(148%) brightness(.98)!important;-webkit-backdrop-filter:blur(9px) saturate(148%) brightness(.98)!important
}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-today{
  background:radial-gradient(circle at 78% 52%,rgba(143,249,204,.075),transparent 30%),linear-gradient(132deg,rgba(255,255,255,.105),rgba(255,255,255,.012) 50%,rgba(255,255,255,.06))!important
}
#trackingView[data-tracking-room="hub"] .alltag-cell:after{z-index:0!important;background:linear-gradient(108deg,transparent 41%,rgba(255,255,255,.18) 49%,transparent 58%)}
#trackingView[data-tracking-room="hub"] .alltag-cell:not(.c-today):before{display:none!important}
#trackingView[data-tracking-room="hub"] .alltag-mark{position:relative;z-index:3;border:0!important;background:transparent!important;box-shadow:none!important;width:31px;height:31px;margin-bottom:10px;border-radius:0;color:#f6f9f8}
#trackingView[data-tracking-room="hub"] .alltag-mark svg{width:29px;height:29px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--c) 58%,transparent))}
#trackingView[data-tracking-room="hub"] .alltag-cell strong{font-weight:600!important;letter-spacing:-.038em!important}
#trackingView[data-tracking-room="hub"] .alltag-cell em{font-weight:400!important;color:rgba(239,245,243,.72)!important}
#trackingView[data-tracking-room="hub"] .alltag-cell b{text-transform:none!important;letter-spacing:-.015em!important;font-weight:500!important;color:#f4f8f6!important}
#trackingView[data-tracking-room="hub"] .alltag-art{position:absolute;z-index:1;display:block;pointer-events:none}
#trackingView[data-tracking-room="hub"] .art-today{top:50%;right:7%;width:116px;height:116px;transform:translateY(-50%);border:1px solid rgba(184,255,219,.76);border-radius:50%;box-shadow:0 0 27px rgba(118,245,184,.2);animation:alltagReferenceOrbit 9s linear infinite}
#trackingView[data-tracking-room="hub"] .art-today:before{content:"";position:absolute;inset:25%;border-radius:50%;background:radial-gradient(circle at 38% 30%,#d8ffe9,#96f2bf 48%,#60d99c);box-shadow:0 0 26px rgba(119,240,181,.72),inset -10px -9px 17px rgba(37,139,92,.23)}
#trackingView[data-tracking-room="hub"] .art-today:after{content:"☼";position:absolute;right:-10px;top:44%;font-size:23px;color:#c8ffe2;text-shadow:0 0 12px #73eeb4}
#trackingView[data-tracking-room="hub"] .art-today i{position:absolute;width:7px;height:7px;border-radius:50%;background:#b8f6d4;box-shadow:0 0 8px #75eeb3}
#trackingView[data-tracking-room="hub"] .art-today i:nth-child(1){left:7px;top:23px}.art-today i:nth-child(2){right:11px;bottom:17px}.art-today i:nth-child(3){left:52%;bottom:-4px}
#trackingView[data-tracking-room="hub"] .art-sleep{right:0;bottom:8px;width:78%;height:57px;color:#ad9dff;filter:drop-shadow(0 0 10px rgba(153,133,255,.55))}
#trackingView[data-tracking-room="hub"] .art-sleep svg,#trackingView[data-tracking-room="hub"] .art-weight svg,#trackingView[data-tracking-room="hub"] .art-water svg{width:100%;height:100%;overflow:visible}
#trackingView[data-tracking-room="hub"] .art-sleep path{fill:none;stroke:currentColor;stroke-width:2.2;opacity:.9}
#trackingView[data-tracking-room="hub"] .art-sleep path+path{opacity:.32;stroke-width:1.4}
#trackingView[data-tracking-room="hub"] .art-water{right:10%;bottom:16px;width:63px;height:78px;color:#a8ebff;filter:drop-shadow(0 0 10px rgba(87,211,244,.58))}
#trackingView[data-tracking-room="hub"] .art-water path:first-child{fill:rgba(132,222,245,.05);stroke:currentColor;stroke-width:2}
#trackingView[data-tracking-room="hub"] .art-water path+path{fill:rgba(83,194,224,.26);stroke:rgba(194,244,255,.8);stroke-width:1.2;animation:alltagWaterBreath 3.2s ease-in-out infinite}
#trackingView[data-tracking-room="hub"] .art-weight{right:7%;bottom:16px;width:86%;height:47px;color:#ff9eb8;filter:drop-shadow(0 0 8px rgba(255,128,164,.5))}
#trackingView[data-tracking-room="hub"] .art-weight path{fill:none;stroke:currentColor;stroke-width:2}.art-weight circle{fill:#ffd0db;stroke:#fff;stroke-width:1}
#trackingView[data-tracking-room="hub"] .art-story{right:8%;bottom:16px;width:67px;height:72px;display:flex;align-items:flex-end;gap:5px;filter:drop-shadow(0 0 8px rgba(122,227,175,.35))}
#trackingView[data-tracking-room="hub"] .art-story i{flex:1;border:1px solid rgba(211,255,230,.72);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,rgba(175,247,207,.82),rgba(95,187,135,.3));box-shadow:inset 0 1px rgba(255,255,255,.45);animation:alltagBars 4s ease-in-out infinite}
#trackingView[data-tracking-room="hub"] .art-story i:nth-child(1){height:31%}.art-story i:nth-child(2){height:49%;animation-delay:.15s}.art-story i:nth-child(3){height:68%;animation-delay:.3s}.art-story i:nth-child(4){height:92%;animation-delay:.45s}
#trackingView[data-tracking-room="hub"] .c-sleep b,#trackingView[data-tracking-room="hub"] .c-water b,#trackingView[data-tracking-room="hub"] .c-weight b,#trackingView[data-tracking-room="hub"] .c-story b{z-index:4}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-house{background-image:linear-gradient(180deg,rgba(245,249,252,.025),rgba(238,246,242,.045) 42%,rgba(225,235,231,.07)),url('/assets/alltag-premium-couple-bg-v2.png')!important}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-cell{background:linear-gradient(132deg,rgba(255,255,255,.13),rgba(255,255,255,.025) 48%,rgba(255,255,255,.075))!important;backdrop-filter:blur(10px) saturate(142%) brightness(1.02)!important;-webkit-backdrop-filter:blur(10px) saturate(142%) brightness(1.02)!important}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-cell.c-today{background:radial-gradient(circle at 78% 52%,rgba(143,249,204,.09),transparent 30%),linear-gradient(132deg,rgba(255,255,255,.14),rgba(255,255,255,.02) 50%,rgba(255,255,255,.08))!important}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-house{background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-mark{color:#f7fbf9!important;filter:drop-shadow(0 1px 5px rgba(0,0,0,.7))}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-cell b{color:var(--c)!important;text-shadow:0 1px 7px rgba(0,0,0,.85)}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .art-sleep{color:#b4a6ff!important}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .art-water{color:#a8ebff!important}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .art-weight{color:#ff9eb8!important}
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .art-story{color:#9ee0bd!important}
@keyframes alltagReferenceOrbit{to{transform:translateY(-50%) rotate(360deg)}}
@keyframes alltagWaterBreath{50%{transform:translateY(-3px);opacity:.82}}
@keyframes alltagBars{50%{filter:brightness(1.22);transform:scaleY(1.035);transform-origin:bottom}}
@media(max-width:980px){
 #trackingView[data-tracking-room="hub"] .alltag-hero,#trackingView[data-tracking-room="hub"] .alltag-hero-copy{min-height:252px}
 #trackingView[data-tracking-room="hub"] .alltag-hero-copy{max-width:22rem;padding:22px 17px 38px!important}
 #trackingView[data-tracking-room="hub"] .alltag-hero-copy h1{font-size:43px!important;line-height:.93!important;white-space:nowrap}
 #trackingView[data-tracking-room="hub"] .alltag-hero-copy h1 br{display:none}
 #trackingView[data-tracking-room="hub"] .alltag-hero-copy p{max-width:17rem;font-size:11px}
 #trackingView[data-tracking-room="hub"] .alltag-skyline{margin-top:0!important;padding:0 9px 12px!important}
 #trackingView[data-tracking-room="hub"] .alltag-cell.c-today{min-height:145px!important;padding:17px 42% 15px 16px}
 #trackingView[data-tracking-room="hub"] .alltag-cell{min-height:135px!important}
 #trackingView[data-tracking-room="hub"] .alltag-cell strong{font-size:18px!important}
 #trackingView[data-tracking-room="hub"] .alltag-cell.c-today strong{font-size:28px!important}
 #trackingView[data-tracking-room="hub"] .alltag-cell b{font-size:10px!important}
 #trackingView[data-tracking-room="hub"] .c-sleep em{max-width:92px;font-size:9px;line-height:1.2}
 #trackingView[data-tracking-room="hub"] .art-today{right:5%;width:91px;height:91px}
 #trackingView[data-tracking-room="hub"] .art-today:after{font-size:18px}
 #trackingView[data-tracking-room="hub"] .art-water{right:8%;width:55px;height:67px}
 #trackingView[data-tracking-room="hub"] .art-story{right:7%;width:58px;height:61px}
}
@media(prefers-reduced-motion:reduce){#trackingView[data-tracking-room="hub"] .alltag-art,#trackingView[data-tracking-room="hub"] .alltag-art *{animation:none!important}}

/* Reference optics: physically rendered transparent assets replace flat CSS illustrations. */
#trackingView[data-tracking-room="hub"] .alltag-art{background-repeat:no-repeat;background-position:center;background-size:contain;filter:none!important}
#trackingView[data-tracking-room="hub"] .alltag-art svg,#trackingView[data-tracking-room="hub"] .alltag-art i{display:none!important}
#trackingView[data-tracking-room="hub"] .alltag-art:before,#trackingView[data-tracking-room="hub"] .alltag-art:after{content:none!important;display:none!important}
#trackingView[data-tracking-room="hub"] .art-today{top:50%;right:4.5%;width:132px;height:136px;border:0;box-shadow:none;transform:translateY(-50%);background-image:url('/assets/alltag-optics/orbit-v1.png');animation:alltagOpticOrbit 12s linear infinite}
#trackingView[data-tracking-room="hub"] .art-sleep{right:-2px;bottom:-2px;width:170px;height:83px;background-image:url('/assets/alltag-optics/sleep-wave-v2.png');animation:alltagOpticBreathe 4.6s ease-in-out infinite}
#trackingView[data-tracking-room="hub"] .art-water{right:2%;bottom:1px;width:102px;height:119px;background-image:url('/assets/alltag-optics/water-glass-v1.png');animation:alltagOpticFloat 4.1s ease-in-out infinite}
#trackingView[data-tracking-room="hub"] .art-weight{right:-3px;bottom:-3px;width:184px;height:86px;background-image:url('/assets/alltag-optics/weight-curve-v2.png');animation:alltagOpticBreathe 4.8s ease-in-out infinite}
#trackingView[data-tracking-room="hub"] .art-story{right:2%;bottom:0;width:104px;height:116px;background-image:url('/assets/alltag-optics/history-bars-v1.png');animation:alltagOpticFloat 4.4s ease-in-out infinite}
#trackingView[data-tracking-room="hub"] .alltag-mark{color:#fff!important;filter:drop-shadow(0 0 4px rgba(255,255,255,.28)) drop-shadow(0 0 9px color-mix(in srgb,var(--c) 32%,transparent))!important}
#trackingView[data-tracking-room="hub"] .alltag-mark svg{stroke-width:1.55!important}
@keyframes alltagOpticOrbit{to{transform:translateY(-50%) rotate(360deg)}}
@keyframes alltagOpticFloat{50%{transform:translateY(-3px);filter:brightness(1.08)}}
@keyframes alltagOpticBreathe{50%{transform:scale(1.025);filter:brightness(1.08)}}
@media(max-width:980px){
 #trackingView[data-tracking-room="hub"] .art-today{right:2%;width:112px;height:118px}
 #trackingView[data-tracking-room="hub"] .art-sleep{right:-10px;bottom:7px;width:182px;height:64px;background-size:contain}
 #trackingView[data-tracking-room="hub"] .art-water{right:0;width:88px;height:102px}
 #trackingView[data-tracking-room="hub"] .art-weight{right:-10px;bottom:5px;width:182px;height:68px;background-size:contain}
 #trackingView[data-tracking-room="hub"] .art-story{right:0;width:88px;height:101px}
}

/* Final mobile composition: no hard section seam and no art/text collisions. */
#trackingView[data-tracking-room="hub"] .alltag-hero:after,
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-hero:after{
  background:linear-gradient(90deg,rgba(4,7,6,.88) 0%,rgba(4,7,6,.58) 29%,rgba(4,7,6,.17) 55%,transparent 74%),linear-gradient(180deg,transparent 47%,rgba(3,7,7,.32) 82%,transparent 100%)!important
}
#trackingView[data-tracking-room="hub"] .alltag-cell em{color:rgba(255,255,255,.88)!important;text-shadow:0 1px 8px rgba(0,0,0,.95)!important}
#trackingView[data-tracking-room="hub"] .alltag-cell b,
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-cell b{color:#fff!important;font-weight:650!important;text-shadow:0 1px 7px rgba(0,0,0,.98),0 0 12px rgba(0,0,0,.62)!important}
#trackingView[data-tracking-room="hub"] .art-sleep,#trackingView[data-tracking-room="hub"] .art-weight{opacity:.72}
#trackingView[data-tracking-room="hub"] .c-story em{max-width:70px!important;font-size:8px!important;line-height:1.22!important}
#trackingView[data-tracking-room="hub"] .art-story{right:-2px!important;bottom:6px!important;width:58px!important;height:62px!important;opacity:.82}
@media(max-width:980px){
 #trackingView[data-tracking-room="hub"] .alltag-skyline{margin-top:-24px!important;padding-top:0!important}
 #trackingView[data-tracking-room="hub"] .c-story strong{max-width:116px}
}

/* White-mode continuity: the grid wrapper must not draw a section edge over the photo. */
#trackingView[data-tracking-room="hub"] .alltag-skyline,
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-skyline{
  border-top:0!important;
  box-shadow:none!important;
}
#trackingView[data-tracking-room="hub"] .alltag-cell.c-today,
html[data-theme="light"] #trackingView[data-tracking-room="hub"] .alltag-cell.c-today{
  border-top-color:rgba(255,255,255,.62)!important;
}

/* Global iPhone status-bar clearance: no app header may enter the notch/Dynamic Island area. */
@media(max-width:760px){
  body.dash-page{
    padding-top:max(env(safe-area-inset-top),32px)!important;
  }
  .dash-page .sidebar{
    position:relative!important;
    inset:auto!important;
    margin-top:12px!important;
  }
  .dash-page .app-main,
  .dash-page.profile-shell .app-main,
  body.dash-page:has(#coachView.active) .app-main{
    position:relative!important;
    margin-top:16px!important;
  }
}

/* Final Today navigation lock: visible and always returns to the Alltag hub. */
#trackingRoom-today .today-reference-head{
  grid-template-columns:auto minmax(0,1fr) auto 42px!important;
}
#trackingRoom-today .today-reference-head .alltag-back{
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(8,18,13,.34))!important;
  color:#f6faf8!important;
  font:650 12px/1 Inter!important;
  white-space:nowrap!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 22px rgba(0,0,0,.24)!important;
}
@media(max-width:640px){
  #trackingRoom-today .today-reference-head{
    grid-template-columns:minmax(0,1fr) auto 42px!important;
  }
  #trackingRoom-today .today-reference-brand{display:none!important}
}

/* 2026-09-24 — HealthOS spatial dashboard, approved premium reference */
#homeView{
  --home-mint:#82efba;
  --home-gold:#f3d98e;
  --home-ink:#f3f8f5;
  --home-muted:#aebbb4;
  position:relative;
  min-height:100svh;
  isolation:isolate;
}
#homeView::before{
  content:"";position:fixed;z-index:-2;inset:0 0 0 286px;
  background-image:linear-gradient(180deg,rgba(4,13,9,.18),rgba(3,10,7,.68)),url('/assets/healthos-dashboard-sunrise-v1.webp');
  background-size:cover;background-position:center;
}
#homeView::after{
  content:"";position:fixed;z-index:-1;inset:0 0 0 286px;pointer-events:none;
  background:radial-gradient(circle at 77% 15%,rgba(255,224,144,.15),transparent 21%),radial-gradient(circle at 18% 52%,rgba(85,236,157,.08),transparent 30%);
}
#homeView .home-spatial{
  width:min(900px,calc(100% - 32px));margin:0 auto;padding:44px 0 40px;
  border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;color:var(--home-ink);
}
#homeView .home-spatial-intro,#homeView .home-spatial-intro .home-gate-copy{min-height:0!important}
#homeView .home-spatial-intro::after{display:none!important}
#homeView .home-gate-copy{position:relative;display:block;max-width:none!important;padding:0 18px 28px!important}
#homeView .home-gate-copy #homeKicker{display:block;color:#a6b5ae!important;font:600 12px/1.2 Inter,sans-serif!important;letter-spacing:.29em!important;text-shadow:0 1px 10px #000;margin:0 0 12px}
#homeView .home-gate-copy h1,#homeView .home-gate-copy h1 span{margin:0;color:#f7faf8!important;font:600 clamp(42px,6vw,66px)/.99 Inter,sans-serif!important;letter-spacing:-.055em!important;text-shadow:0 4px 34px rgba(0,0,0,.42)!important}
#homeView .home-gate-copy h1 span{color:#ebf2ee!important}
#homeView .home-gate-copy #homeHeroLead{margin:14px 0 0;padding:0!important;background:none!important;color:#b9c5bf!important;font:400 18px/1.35 Inter,sans-serif!important;text-shadow:0 2px 16px #000!important}
#homeView .home-spatial-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;overflow:visible!important}
#homeView .home-spatial-grid .home-module-card{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;min-width:0!important;margin:0!important;
  border:1px solid rgba(226,255,241,.38)!important;border-radius:30px!important;
  background:linear-gradient(135deg,rgba(215,243,229,.12),rgba(24,41,33,.24) 48%,rgba(6,18,12,.38))!important;
  color:var(--home-ink)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(129,239,185,.10),0 22px 58px rgba(0,0,0,.28),0 0 34px rgba(93,234,161,.045)!important;
  backdrop-filter:blur(22px) saturate(1.45)!important;-webkit-backdrop-filter:blur(22px) saturate(1.45)!important;
  text-align:left!important;transform:translateZ(0);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
#homeView .home-spatial-grid .home-module-card::before{
  content:""!important;display:block!important;position:absolute!important;z-index:-1!important;inset:0!important;pointer-events:none!important;
  background:radial-gradient(ellipse at 10% -5%,rgba(255,255,255,.22),transparent 37%),linear-gradient(112deg,transparent 20%,rgba(255,255,255,.055) 43%,transparent 62%)!important;
  opacity:1!important;transform:translateX(-35%);animation:homeGlassSweep 9s ease-in-out infinite;
}
#homeView .home-spatial-grid .home-module-card::after{
  content:""!important;display:block!important;position:absolute!important;z-index:-1!important;inset:1px!important;border-radius:29px!important;pointer-events:none!important;
  border:1px solid rgba(255,255,255,.06)!important;box-shadow:inset 0 0 42px rgba(156,244,198,.035)!important;
}
#homeView .home-spatial-grid .home-module-card:hover,#homeView .home-spatial-grid .home-module-card:focus-visible,#homeView .home-spatial-grid .home-module-card.is-over{transform:translateY(-3px)!important;border-color:rgba(141,246,195,.72)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 26px 70px rgba(0,0,0,.34),0 0 42px rgba(83,239,159,.14)!important;outline:0}
#homeView .home-focus-card{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr)!important;align-items:center!important;min-height:330px!important;padding:34px 38px!important}
#homeView .home-focus-copy{display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}
#homeView .home-focus-copy>small{color:var(--home-mint)!important;font:700 12px/1 Inter,sans-serif!important;letter-spacing:.28em!important;margin-bottom:20px}
#homeView .home-focus-copy>strong{color:#fff!important;font:650 clamp(29px,4vw,46px)/1.03 Inter,sans-serif!important;letter-spacing:-.045em!important;text-shadow:0 2px 20px #0008!important}
#homeView .home-focus-copy>em{display:block!important;margin-top:18px!important;padding:0!important;border:0!important;background:none!important;color:#b9c5bf!important;font:450 18px/1.25 Inter,sans-serif!important;text-shadow:none!important}
#homeView .home-focus-copy>b{display:flex;align-items:center;justify-content:space-between;gap:36px;min-width:210px;margin-top:30px;padding:15px 18px;border:1px solid rgba(158,245,202,.48);border-radius:999px;background:linear-gradient(90deg,rgba(89,232,157,.27),rgba(255,255,255,.08));color:#f4fff9;font:650 16px/1 Inter,sans-serif;box-shadow:inset 0 1px 0 #ffffff42,0 0 24px #61ed9f20}
#homeView .home-focus-copy>b i{font:400 28px/12px Inter;font-style:normal}
#homeView .home-orbit{position:relative;display:block;width:min(100%,390px);aspect-ratio:1;margin:auto;filter:drop-shadow(0 18px 25px #0008)}
#homeView .home-orbit-core{position:absolute;left:50%;top:50%;width:27%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 38% 30%,#dfffeecc 0,#9bedc29e 15%,#1d6d4a99 45%,#07120ee6 78%);border:1px solid #d9ffec88;box-shadow:inset -12px -16px 30px #001b10bb,inset 8px 6px 22px #e5fff190,0 0 30px #74f0b66b}
#homeView .home-orbit-ring{position:absolute;left:50%;top:50%;width:76%;height:35%;border:2px solid rgba(224,246,212,.72);border-radius:50%;box-shadow:0 0 11px #d8f5c680,inset 0 0 8px #6debaa52;transform-style:preserve-3d}
#homeView .home-orbit .ring-a{transform:translate(-50%,-50%) rotate(-8deg);animation:homeOrbitA 12s linear infinite}
#homeView .home-orbit .ring-b{transform:translate(-50%,-50%) rotate(62deg);animation:homeOrbitB 14s linear infinite reverse}
#homeView .home-orbit-node{position:absolute;display:grid;place-items:center;width:18%;aspect-ratio:1;border:1px solid #d9ffe9aa;border-radius:50%;background:radial-gradient(circle at 36% 25%,#eafff1c9,#64df9e91 34%,#0b2c20e3 76%);box-shadow:inset 0 1px 12px #fff9,0 0 24px #72efb67a}
#homeView .home-orbit-node svg{width:38%!important;height:38%!important;fill:none;stroke:#f1fff8!important;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#homeView .home-orbit .node-a{left:43%;top:8%}.home-orbit .node-b{left:13%;top:48%}.home-orbit .node-c{right:8%;bottom:19%}
#homeView .home-compact-card{display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto auto 1fr!important;align-items:start!important;min-height:215px!important;padding:25px!important}
#homeView .home-mini-icon{grid-column:1;grid-row:1;display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(235,255,244,.22);border-radius:16px;background:rgba(4,18,11,.24);box-shadow:inset 0 1px 0 #ffffff21}
#homeView .home-mini-icon svg{width:25px!important;height:25px!important;fill:none;stroke:#c7d7ce!important;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
#homeView .home-compact-card>strong{grid-column:1/3;grid-row:2;margin-top:18px;color:#fff!important;font:650 26px/1 Inter,sans-serif!important;letter-spacing:-.035em!important;text-shadow:0 2px 15px #0008!important}
#homeView .home-compact-card>em{grid-column:1/3;grid-row:3;align-self:end!important;margin:8px 0 0!important;padding:0!important;border:0!important;background:none!important;color:#b7c4bd!important;font:450 15px/1.25 Inter,sans-serif!important;text-shadow:none!important}
#homeView .home-card-arrow{position:absolute;right:19px;bottom:18px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff29;border-radius:14px;background:#ffffff0b;color:#d8e6df;font:400 29px/1 Inter}
#homeView .home-object{position:absolute;right:28px;top:20px;width:116px;height:92px;pointer-events:none}
#homeView .home-bowl::before{content:"";position:absolute;left:22px;bottom:10px;width:74px;height:38px;border-radius:8px 8px 42px 42px;background:linear-gradient(145deg,#f5f1d4,#a8aa8f 38%,#343d32 80%);box-shadow:inset 8px 6px 16px #fff8,12px 18px 28px #0008,0 0 18px #d6e6b529;transform:rotate(-5deg)}
#homeView .home-bowl::after{content:"";position:absolute;left:38px;top:1px;width:42px;height:62px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#86cf79,#173a20 74%);box-shadow:22px 8px 0 -4px #315c34,-18px 15px 0 -7px #77a85d;transform:rotate(-25deg);filter:drop-shadow(0 8px 12px #0008)}
#homeView .home-dumbbell{transform:rotate(-12deg)}
#homeView .home-dumbbell::before{content:"";position:absolute;left:23px;top:40px;width:72px;height:12px;border-radius:8px;background:linear-gradient(#f8ead1,#676b67 38%,#151a17 70%,#d7c9aa);box-shadow:0 10px 20px #000a,0 0 13px #f0d89433}
#homeView .home-dumbbell::after{content:"";position:absolute;left:12px;top:24px;width:26px;height:43px;border:6px double #d8caa8;border-radius:7px;background:linear-gradient(90deg,#151b18,#7b7d74,#171b18);box-shadow:72px 0 0 -1px #353a36,72px 0 0 3px #bdb28f,0 0 17px #f0d89434}
#homeView .home-coach-card{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:18px!important;min-height:112px!important;padding:18px 24px!important}
#homeView .home-coach-pulse{position:relative;display:grid;place-items:center;width:64px;height:64px;flex:none;border:1px solid #98f1c168;border-radius:21px;background:radial-gradient(circle at 30% 20%,#c9ffe375,#1e7953 46%,#071710 78%);box-shadow:inset 0 1px 7px #fff7,0 0 28px #55e89848}
#homeView .home-coach-pulse::before{content:"";width:31px;height:17px;background:linear-gradient(135deg,transparent 0 29%,#e8fff4 30% 35%,transparent 36% 45%,#72f2b2 46% 52%,transparent 53% 63%,#e8fff4 64% 69%,transparent 70%);filter:drop-shadow(0 0 5px #64eba5)}
#homeView .home-coach-card>span:nth-child(2){display:flex;flex-direction:column;gap:7px}
#homeView .home-coach-card strong{color:#fff!important;font:650 23px/1 Inter,sans-serif!important}
#homeView .home-coach-card em{color:#b8c6be!important;font:450 14px/1.2 Inter,sans-serif!important;font-style:normal!important}
#homeView .home-coach-card .home-card-arrow{top:50%;bottom:auto;transform:translateY(-50%)}
#homeView .home-profile-access{display:none!important}
#homeView .home-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:32px;margin:28px 16px 0;padding:0 4px;color:#fff}
#homeView .home-progress>div{display:flex;flex-direction:column;gap:8px;min-width:150px}
#homeView .home-progress strong{font:650 18px/1.1 Inter}.home-progress span{color:#aab8b0;font:450 14px/1.2 Inter}.home-progress span b{color:var(--home-mint);font-size:17px}
#homeView .home-progress svg{display:block;width:100%;height:74px;overflow:visible}.home-progress-fill{fill:none;stroke:url(#homeProgressGlow);stroke-width:2;filter:drop-shadow(0 0 8px #7aefb59c)}.home-progress circle{fill:#eafff3;filter:drop-shadow(0 0 5px #70ecad)}
#homeView .home-bottom-dock{display:none}
@keyframes homeGlassSweep{0%,64%,100%{transform:translateX(-42%);opacity:.56}76%{transform:translateX(42%);opacity:.88}}
@keyframes homeOrbitA{to{transform:translate(-50%,-50%) rotate(352deg)}}
@keyframes homeOrbitB{to{transform:translate(-50%,-50%) rotate(422deg)}}

html[data-theme="light"] #homeView{--home-ink:#102219;--home-muted:#52665c}
html[data-theme="light"] #homeView::before{filter:brightness(1.08) saturate(.9);background-image:linear-gradient(180deg,rgba(243,249,245,.08),rgba(226,237,230,.20)),url('/assets/healthos-dashboard-sunrise-v1.webp')}
html[data-theme="light"] #homeView .home-spatial-grid .home-module-card{background:linear-gradient(135deg,rgba(255,255,255,.54),rgba(235,246,239,.27) 48%,rgba(224,237,229,.20))!important;border-color:rgba(255,255,255,.72)!important;box-shadow:inset 0 1px 0 #fff,0 20px 50px rgba(16,34,25,.16),0 0 0 1px rgba(45,102,71,.16)!important}
html[data-theme="light"] #homeView .home-gate-copy h1,html[data-theme="light"] #homeView .home-gate-copy h1 span{color:#f8fbf9!important;text-shadow:0 3px 24px #07140fbf!important}
html[data-theme="light"] #homeView .home-gate-copy #homeKicker{color:#dff9eb!important}html[data-theme="light"] #homeView .home-gate-copy #homeHeroLead{color:#eef7f2!important}
html[data-theme="light"] #homeView .home-spatial-grid .home-module-card :where(strong,em,small,b,span){text-shadow:none!important}
html[data-theme="light"] #homeView .home-focus-copy>strong,html[data-theme="light"] #homeView .home-compact-card>strong,html[data-theme="light"] #homeView .home-coach-card strong{color:#102219!important}
html[data-theme="light"] #homeView .home-focus-copy>em,html[data-theme="light"] #homeView .home-compact-card>em,html[data-theme="light"] #homeView .home-coach-card em{color:#40584c!important}
html[data-theme="light"] #homeView .home-focus-copy>b{color:#0c281a!important;background:linear-gradient(90deg,rgba(106,234,169,.58),rgba(255,255,255,.31));border-color:#ecfff5}
html[data-theme="light"] #homeView .home-progress{color:#f9fbfa;text-shadow:0 2px 14px #07120dcf}html[data-theme="light"] #homeView .home-progress span{color:#e7f0eb!important}

@media(max-width:980px){
  body:has(#homeView.active) .mobile-head{position:absolute!important;top:max(12px,env(safe-area-inset-top))!important;left:14px!important;right:14px!important;width:auto!important;z-index:50!important;background:rgba(8,20,14,.32)!important;border:1px solid rgba(224,255,239,.18)!important;border-radius:24px!important;box-shadow:inset 0 1px 0 #ffffff1f,0 14px 38px #0004!important;backdrop-filter:blur(20px) saturate(1.45)!important;-webkit-backdrop-filter:blur(20px) saturate(1.45)!important}
  body:has(#homeView.active) .mobile-head #mobileMenu{display:none!important}
  body:has(#homeView.active) .mobile-head .app-brand{color:#f6fbf8!important}
  body:has(#homeView.active) .mobile-head .brand-word>span{color:#72efb2!important}
  body:has(#homeView.active) .mobile-head .locale-switch-btn,body:has(#homeView.active) .mobile-head .theme-toggle-btn{background:#08150fa8!important;border-color:#ffffff30!important;color:#f3f8f5!important}
  #homeView::before,#homeView::after{inset:0}
  #homeView .home-spatial{width:100%;padding:max(116px,calc(env(safe-area-inset-top) + 96px)) 16px calc(104px + env(safe-area-inset-bottom));}
  #homeView .home-gate-copy{padding:0 8px 24px!important}
  #homeView .home-gate-copy #homeKicker{font-size:10px!important;margin-bottom:9px}
  #homeView .home-gate-copy h1,#homeView .home-gate-copy h1 span{font-size:clamp(38px,11vw,52px)!important}
  #homeView .home-gate-copy #homeHeroLead{font-size:15px!important;margin-top:11px}
  #homeView .home-spatial-grid{gap:12px!important}
  #homeView .home-focus-card{grid-template-columns:minmax(0,1fr) minmax(150px,.86fr)!important;min-height:268px!important;padding:24px!important;border-radius:26px!important}
  #homeView .home-focus-copy>small{font-size:10px!important;margin-bottom:14px}
  #homeView .home-focus-copy>strong{font-size:clamp(25px,7.2vw,34px)!important}
  #homeView .home-focus-copy>em{font-size:14px!important;margin-top:12px!important}
  #homeView .home-focus-copy>b{min-width:164px;margin-top:22px;padding:13px 15px;font-size:14px;gap:15px}
  #homeView .home-orbit{width:min(100%,260px)}
  #homeView .home-compact-card{min-height:180px!important;padding:19px!important;border-radius:24px!important}
  #homeView .home-mini-icon{width:42px;height:42px;border-radius:14px}.home-mini-icon svg{width:21px!important;height:21px!important}
  #homeView .home-compact-card>strong{font-size:22px!important;margin-top:16px}
  #homeView .home-compact-card>em{font-size:12px!important;padding-right:34px!important}
  #homeView .home-object{right:11px;top:14px;transform:scale(.78);transform-origin:top right}#homeView .home-dumbbell{transform:scale(.78) rotate(-12deg)}
  #homeView .home-coach-card{min-height:94px!important;padding:15px 18px!important;border-radius:24px!important}.home-coach-pulse{width:54px!important;height:54px!important;border-radius:18px!important}
  #homeView .home-coach-card strong{font-size:20px!important}#homeView .home-coach-card em{font-size:12px!important}
  #homeView .home-progress{margin:22px 8px 0;gap:12px}.home-progress>div{min-width:126px!important}.home-progress svg{height:62px!important}
  #homeView .home-bottom-dock{position:fixed;z-index:40;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);padding:8px;border:1px solid rgba(233,255,244,.28);border-radius:26px;background:rgba(5,17,11,.64);box-shadow:inset 0 1px 0 #ffffff20,0 16px 42px #0008;backdrop-filter:blur(24px) saturate(1.55);-webkit-backdrop-filter:blur(24px) saturate(1.55);color:#9cacA3}
  #homeView .home-bottom-dock>span{display:grid;place-items:center;gap:3px;min-height:48px;border-radius:18px;font:500 19px/1 Inter}#homeView .home-bottom-dock small{color:inherit!important;font:500 10px/1 Inter!important}#homeView .home-bottom-dock .active{background:radial-gradient(circle at 50% 25%,#76efb566,#153c2a44 72%);color:#9cf4c5;box-shadow:0 0 20px #51e69728}
}
@media(max-width:560px){
  #homeView .home-spatial{padding-inline:11px}
  #homeView .home-focus-card{grid-template-columns:minmax(0,1fr) 132px!important;min-height:245px!important;padding:20px!important}.home-orbit{margin-right:-5px!important}
  #homeView .home-focus-copy>strong{font-size:25px!important}.home-focus-copy>em{max-width:145px}
  #homeView .home-focus-copy>b{min-width:144px;padding:11px 13px;font-size:13px}
  #homeView .home-compact-card{min-height:165px!important;padding:16px!important}.home-object{opacity:.9;transform:scale(.66)!important}.home-dumbbell{transform:scale(.66) rotate(-12deg)!important}
  #homeView .home-compact-card>strong{font-size:19px!important}.home-compact-card>em{font-size:11px!important}
  #homeView .home-card-arrow{right:12px;bottom:12px;width:33px;height:33px;border-radius:12px;font-size:24px}
  #homeView .home-progress{grid-template-columns:1fr;margin-top:18px}.home-progress>div{display:grid!important;grid-template-columns:1fr auto;align-items:baseline}.home-progress>div span{justify-self:end}.home-progress svg{margin-top:-12px}
}
@media(max-width:370px){#homeView .home-focus-card{grid-template-columns:1fr!important}.home-orbit{position:absolute!important;right:-36px;top:43px;width:165px!important;opacity:.68}.home-focus-copy{padding-right:64px}.home-spatial-grid{grid-template-columns:1fr!important}.home-focus-card,.home-coach-card{grid-column:1!important}}
@media(prefers-reduced-motion:reduce){#homeView .home-spatial-grid .home-module-card::before,#homeView .home-orbit-ring{animation:none!important}}

/* Specificity lock: neutralizes the legacy five-word gate without touching its JS routes. */
#homeView .home-gate.home-spatial{overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#homeView .home-gate.home-spatial .home-gate-stage.home-spatial-intro,
#homeView .home-gate.home-spatial .home-gate-stage.home-spatial-intro .home-gate-copy{min-height:0!important}
#homeView .home-gate.home-spatial .home-gate-copy{display:block!important;max-width:none!important;padding:0 18px 28px!important}
#homeView .home-gate.home-spatial .home-gate-copy #homeKicker{margin:0 0 12px!important;color:#a6b5ae!important;-webkit-text-fill-color:#a6b5ae!important;font:600 12px/1.2 Inter,sans-serif!important;letter-spacing:.29em!important;text-shadow:0 1px 10px #000!important}
#homeView .home-gate.home-spatial .home-gate-copy h1{margin:0!important;color:#f7faf8!important;-webkit-text-fill-color:#f7faf8!important;font:600 clamp(42px,6vw,66px)/.99 Inter,sans-serif!important;letter-spacing:-.055em!important;text-shadow:0 4px 34px #0007!important}
#homeView .home-gate.home-spatial .home-gate-copy #homeHeroLead{min-height:0!important;max-width:none!important;margin:14px 0 0!important;padding:0!important;background:none!important;color:#b9c5bf!important;-webkit-text-fill-color:#b9c5bf!important;font:400 18px/1.35 Inter,sans-serif!important;text-shadow:0 2px 16px #000!important}
#homeView .home-gate.home-spatial .home-gate-rooms.home-card-grid.home-spatial-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
#homeView .home-gate.home-spatial .home-spatial-grid .home-module-card,
#homeView .home-gate.home-spatial .home-spatial-grid .home-module-card:nth-child(n){
  isolation:isolate!important;justify-items:stretch!important;align-content:stretch!important;align-items:stretch!important;gap:0!important;width:100%!important;margin:0!important;overflow:hidden!important;
  border:1px solid rgba(226,255,241,.38)!important;border-radius:30px!important;
  background:linear-gradient(135deg,rgba(215,243,229,.12),rgba(24,41,33,.24) 48%,rgba(6,18,12,.38))!important;background-color:transparent!important;
  color:#f3f8f5!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(129,239,185,.1),0 22px 58px rgba(0,0,0,.28),0 0 34px rgba(93,234,161,.045)!important;
  backdrop-filter:blur(22px) saturate(1.45)!important;-webkit-backdrop-filter:blur(22px) saturate(1.45)!important;text-align:left!important;filter:none!important;
}
#homeView .home-gate.home-spatial .home-spatial-grid .home-module-card::before{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;inset:0!important;pointer-events:none!important;background:radial-gradient(ellipse at 10% -5%,rgba(255,255,255,.22),transparent 37%),linear-gradient(112deg,transparent 20%,rgba(255,255,255,.055) 43%,transparent 62%)!important;opacity:1!important;transform:translateX(-35%)!important;animation:homeGlassSweep 9s ease-in-out infinite!important}
#homeView .home-gate.home-spatial .home-spatial-grid .home-module-card::after{content:""!important;display:block!important;position:absolute!important;z-index:-1!important;inset:1px!important;border:1px solid #ffffff10!important;border-radius:29px!important;pointer-events:none!important;box-shadow:inset 0 0 42px #9cf4c609!important}
#homeView .home-gate.home-spatial .home-spatial-grid .home-module-card>*{min-width:0;max-width:none!important}
#homeView .home-gate.home-spatial .home-spatial-grid .home-focus-card{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr)!important;grid-template-rows:1fr!important;align-items:center!important;justify-items:stretch!important;min-height:330px!important;padding:34px 38px!important}
#homeView .home-gate.home-spatial .home-focus-card>.home-focus-copy{grid-column:1!important;grid-row:1!important;justify-self:stretch!important;align-self:center!important}
#homeView .home-gate.home-spatial .home-focus-card>.home-orbit{grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important}
#homeView .home-gate.home-spatial .home-focus-copy>small{position:static!important;width:auto!important;height:auto!important;margin:0 0 20px!important;padding:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important;color:#82efba!important;-webkit-text-fill-color:#82efba!important;font:700 12px/1 Inter,sans-serif!important;letter-spacing:.28em!important}
#homeView .home-gate.home-spatial .home-focus-copy>strong{width:auto!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:650 clamp(29px,4vw,46px)/1.03 Inter,sans-serif!important;letter-spacing:-.045em!important;text-align:left!important;text-shadow:0 2px 20px #0008!important}
#homeView .home-gate.home-spatial .home-focus-copy>em{width:auto!important;max-width:none!important;margin:18px 0 0!important;padding:0!important;overflow:visible!important;background:none!important;color:#b9c5bf!important;-webkit-text-fill-color:#b9c5bf!important;font:450 18px/1.25 Inter,sans-serif!important;white-space:normal!important;text-align:left!important}
#homeView .home-gate.home-spatial .home-focus-copy>b{position:static!important;justify-self:start!important;align-self:auto!important;max-width:230px!important}
#homeView .home-gate.home-spatial .home-compact-card{display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto auto 1fr!important;justify-items:stretch!important;align-items:start!important;align-content:stretch!important;min-height:215px!important;padding:25px!important}
#homeView .home-gate.home-spatial .home-compact-card>.home-mini-icon{grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:start!important}
#homeView .home-gate.home-spatial .home-compact-card>strong{grid-column:1/3!important;grid-row:2!important;justify-self:start!important;align-self:start!important;width:auto!important;text-align:left!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font:650 26px/1 Inter,sans-serif!important}
#homeView .home-gate.home-spatial .home-compact-card>em{grid-column:1/3!important;grid-row:3!important;justify-self:start!important;align-self:end!important;width:auto!important;margin:8px 0 0!important;overflow:visible!important;color:#b7c4bd!important;-webkit-text-fill-color:#b7c4bd!important;font:450 15px/1.25 Inter,sans-serif!important;white-space:normal!important;text-align:left!important}
#homeView .home-gate.home-spatial .home-compact-card>.home-object,#homeView .home-gate.home-spatial .home-compact-card>.home-card-arrow{grid-column:auto!important;grid-row:auto!important;justify-self:auto!important;align-self:auto!important}
#homeView .home-gate.home-spatial .home-coach-card{grid-column:1/-1!important;display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;justify-items:normal!important;align-items:center!important;align-content:normal!important;gap:18px!important;min-height:112px!important;padding:18px 24px!important}
#homeView .home-gate.home-spatial .home-coach-card>*{grid-column:auto!important;grid-row:auto!important;justify-self:auto!important;align-self:auto!important}
#homeView .home-gate.home-spatial .home-profile-access{display:none!important}
html[data-theme="light"] #homeView .home-gate.home-spatial .home-spatial-grid .home-module-card:nth-child(n){background:linear-gradient(135deg,rgba(255,255,255,.54),rgba(235,246,239,.27) 48%,rgba(224,237,229,.20))!important;background-color:transparent!important;border-color:#ffffffb8!important;color:#102219!important;box-shadow:inset 0 1px 0 #fff,0 20px 50px #10221929,0 0 0 1px #2d664729!important}
html[data-theme="light"] #homeView .home-gate.home-spatial .home-focus-copy>strong,html[data-theme="light"] #homeView .home-gate.home-spatial .home-compact-card>strong,html[data-theme="light"] #homeView .home-gate.home-spatial .home-coach-card strong{color:#102219!important;-webkit-text-fill-color:#102219!important}
html[data-theme="light"] #homeView .home-gate.home-spatial .home-focus-copy>em,html[data-theme="light"] #homeView .home-gate.home-spatial .home-compact-card>em,html[data-theme="light"] #homeView .home-gate.home-spatial .home-coach-card em{color:#40584c!important;-webkit-text-fill-color:#40584c!important}
@media(max-width:980px){
  #homeView .home-gate.home-spatial .home-gate-copy{padding:0 8px 24px!important}
  #homeView .home-gate.home-spatial .home-gate-copy #homeKicker{font-size:10px!important;margin-bottom:9px!important}
  #homeView .home-gate.home-spatial .home-gate-copy h1{font-size:clamp(38px,11vw,52px)!important}
  #homeView .home-gate.home-spatial .home-gate-copy #homeHeroLead{font-size:15px!important;margin-top:11px!important}
  #homeView .home-gate.home-spatial .home-gate-rooms.home-card-grid.home-spatial-grid{gap:12px!important}
  #homeView .home-gate.home-spatial .home-spatial-grid .home-focus-card{grid-template-columns:minmax(0,1fr) minmax(150px,.86fr)!important;min-height:268px!important;padding:24px!important;border-radius:26px!important}
  #homeView .home-gate.home-spatial .home-focus-copy>small{font-size:10px!important;margin-bottom:14px!important}
  #homeView .home-gate.home-spatial .home-focus-copy>strong{font-size:clamp(25px,7.2vw,34px)!important}
  #homeView .home-gate.home-spatial .home-focus-copy>em{font-size:14px!important;margin-top:12px!important}
  #homeView .home-gate.home-spatial .home-compact-card{min-height:180px!important;padding:19px!important;border-radius:24px!important}
  #homeView .home-gate.home-spatial .home-compact-card>strong{font-size:22px!important;margin-top:16px!important}
  #homeView .home-gate.home-spatial .home-compact-card>em{font-size:12px!important;padding-right:34px!important}
  #homeView .home-gate.home-spatial .home-coach-card{min-height:94px!important;padding:15px 18px!important;border-radius:24px!important}
}
@media(max-width:560px){
  #homeView .home-gate.home-spatial .home-spatial-grid .home-focus-card{grid-template-columns:minmax(0,1fr) 132px!important;min-height:245px!important;padding:20px!important}
  #homeView .home-gate.home-spatial .home-focus-copy>strong{font-size:25px!important}
  #homeView .home-gate.home-spatial .home-spatial-grid .home-compact-card{min-height:165px!important;padding:16px!important}
  #homeView .home-gate.home-spatial .home-compact-card>strong{font-size:19px!important}
  #homeView .home-gate.home-spatial .home-compact-card>em{font-size:11px!important}
}

/* Final mobile reference lock — must remain the last dashboard rule. */
@media(max-width:980px){
  html:has(#homeView.active),body:has(#homeView.active){height:100%;overflow:hidden!important;background:#06100b!important}
  body:has(#homeView.active) .sidebar,body:has(#homeView.active) .mobile-head{display:none!important}
  body:has(#homeView.active) .app-main{position:fixed!important;inset:0!important;width:100%!important;height:100svh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#06100b!important}
  #homeView.app-view.active{display:block!important;width:100%!important;height:100svh!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  #homeView.app-view.active::before,#homeView.app-view.active::after{display:none!important}
  #homeView .home-gate.home-spatial{position:absolute!important;inset:env(safe-area-inset-top) 0 0!important;width:100%!important;height:calc(100svh - env(safe-area-inset-top))!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#06100b url('/assets/healthos-dashboard-sunrise-v1.webp') center/cover no-repeat!important}
  #homeView .home-gate.home-spatial::after{content:""!important;display:block!important;position:absolute!important;z-index:0!important;inset:-18px!important;background:rgba(3,12,8,.2)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;pointer-events:none!important}
  #homeView .home-reference-canvas{position:absolute!important;z-index:1!important;left:0!important;right:0!important;top:50%!important;bottom:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:928/1694!important;object-fit:contain!important;object-position:center!important;transform:translateY(-50%)!important;border:0!important;pointer-events:none!important;user-select:none!important}
  #homeView .home-spatial-intro,#homeView .home-gate.home-spatial .home-gate-rooms.home-card-grid.home-spatial-grid,#homeView .home-progress,#homeView .home-bottom-dock{display:none!important}
  #homeView .home-reference-hotspots{position:absolute!important;z-index:5!important;left:0!important;right:0!important;top:50%!important;bottom:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:928/1694!important;transform:translateY(-50%)!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
  #homeView .home-reference-hit{position:absolute!important;display:block!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:18px!important;background:transparent!important;color:transparent!important;font-size:0!important;opacity:.001!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important}
  #homeView .hit-today{left:3.6%!important;top:40.2%!important;width:92.7%!important;height:15.5%!important}
  #homeView .hit-food{left:3.6%!important;top:56.8%!important;width:29.8%!important;height:17.1%!important}
  #homeView .hit-training{left:35.3%!important;top:56.8%!important;width:29.4%!important;height:17.1%!important}
  #homeView .hit-coach{left:66.8%!important;top:56.8%!important;width:29.5%!important;height:17.1%!important}
  #homeView .home-reference-hotspots .home-reference-hit.hit-profile.profile-home-card{left:83.4%!important;top:3.5%!important;display:block!important;width:10.1%!important;height:7.8%!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:50%!important}
  #homeView .hit-language{left:59.2%!important;top:3.4%!important;width:10.2%!important;height:7.9%!important}
  #homeView .hit-theme{left:71.0%!important;top:3.4%!important;width:10.2%!important;height:7.9%!important}
}

/* iOS/PWA viewport correction: pin the dashboard to the real visual screen. */
@media(max-width:980px){
  html:has(#homeView.active),body:has(#homeView.active){width:100%!important;height:100%!important;min-height:100%!important}
  body:has(#homeView.active) .app-main{position:fixed!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:var(--home-visual-width,100vw)!important;max-width:none!important;height:var(--home-visual-height,100vh)!important;min-height:0!important}
  #homeView.app-view.active{position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important}
  #homeView .home-gate.home-spatial{position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important}
  #homeView .home-reference-canvas,#homeView .home-reference-hotspots{
    left:0!important;right:0!important;top:var(--home-ui-top,32px)!important;margin-left:auto!important;margin-right:auto!important;
    width:min(100%,calc((var(--home-visual-height,100vh) - var(--home-ui-reserve,64px)) * .485826))!important;
    height:auto!important;transform:none!important
  }
  #homeView .home-reference-canvas{pointer-events:auto!important;cursor:pointer!important}
  #homeView .home-reference-hotspots{pointer-events:none!important}
  #homeView .home-reference-hotspots .home-reference-hit{pointer-events:auto!important;touch-action:manipulation!important}
}
@media(max-width:980px) and (orientation:landscape){
  #homeView .home-reference-canvas,#homeView .home-reference-hotspots{width:min(72vw,calc((var(--home-visual-height,100vh) - var(--home-ui-reserve,32px)) * .485826))!important}
}
@media(min-width:700px) and (max-width:980px) and (orientation:portrait){
  #homeView .home-reference-canvas,#homeView .home-reference-hotspots{width:min(680px,calc((var(--home-visual-height,100vh) - var(--home-ui-reserve,76px)) * .485826))!important}
}

/* Material-object dashboard reference: touch map follows the approved composition. */
@media(max-width:980px){
  #homeView .home-reference-canvas,#homeView .home-reference-hotspots{aspect-ratio:874/1799!important}
  #homeView .hit-today{left:4.4%!important;top:36.4%!important;width:91.5%!important;height:14.8%!important}
  #homeView .hit-food{left:4.4%!important;top:52.2%!important;width:44.7%!important;height:18.1%!important}
  #homeView .hit-training{left:51.0%!important;top:52.2%!important;width:44.9%!important;height:18.1%!important}
  #homeView .hit-coach{left:4.4%!important;top:71.3%!important;width:91.5%!important;height:11.7%!important}
  #homeView .hit-progress{left:4.4%!important;top:84.0%!important;width:91.5%!important;height:12.8%!important}
  #homeView .home-reference-hotspots .home-reference-hit.hit-profile.profile-home-card{left:79.2%!important;top:7.0%!important;width:13.2%!important;height:6.8%!important}
  #homeView .hit-language{left:43.5%!important;top:8.6%!important;width:10.8%!important;height:5.0%!important}
  #homeView .hit-theme{left:60.3%!important;top:8.6%!important;width:12.0%!important;height:5.0%!important}
}

/* Profile mobile guard repeated last intentionally so legacy profile media rules cannot win. */
@media(max-width:980px){
  body:has(#profileView.active) .app-main{top:0!important;margin:0!important;padding:0!important;height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important}
  #profileView.active{top:0!important;margin:0!important;min-height:100dvh!important}
  #profileView .profile-welcome-card{display:block!important;min-height:238px!important;height:auto!important;padding:22px 19px!important}
  #profileView .profile-welcome-copy{width:62%!important;min-width:0!important}
  #profileView .profile-welcome-copy h1{width:auto!important;max-width:none!important;font-size:30px!important;line-height:1.02!important;overflow-wrap:normal!important;word-break:normal!important}
  #profileView .profile-welcome-copy>p{max-width:none!important;margin:12px 0 15px!important;font-size:11.5px!important}
  #profileView .profile-completion-card{width:100%!important;grid-template-columns:30px minmax(0,1fr) auto!important;padding:8px 9px!important}
  #profileView .profile-completion-card strong{font-size:10px!important}
  #profileView .profile-completion-card>b{font-size:17px!important}
  #profileView .profile-welcome-save{min-width:0!important;width:100%!important;margin-top:9px!important}
  #profileView .profile-welcome-art{position:absolute!important;z-index:1!important;right:4px!important;bottom:16px!important;display:grid!important;place-items:center!important;width:40%!important;height:78%!important;opacity:1!important;filter:none!important;background:none!important}
  #profileView .profile-welcome-art svg{display:none!important}
  #profileView .profile-welcome-art:before{content:"";display:block;width:92px;height:92px;border:1px solid rgba(174,255,224,.78);border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.93) 0 5%,rgba(149,244,205,.78) 18%,rgba(50,177,137,.42) 42%,rgba(7,30,23,.72) 69%);box-shadow:inset 0 0 0 8px rgba(255,255,255,.07),inset 0 0 28px rgba(175,255,225,.4),0 0 0 13px rgba(83,226,175,.08),0 0 34px rgba(74,231,173,.42);animation:profileOrbBreathe 4.8s ease-in-out infinite}
  #profileView .profile-welcome-art:after{content:"";position:absolute;width:118px;height:118px;border:1px solid rgba(143,244,204,.3);border-radius:50%;background:conic-gradient(from 20deg,transparent 0 14%,rgba(143,244,204,.75) 15% 18%,transparent 19% 48%,rgba(233,205,132,.65) 49% 52%,transparent 53%);animation:profileOrbTurn 13s linear infinite}
  html[data-theme="light"] #profileView .profile-welcome-copy h1{color:#14201c!important;-webkit-text-fill-color:#14201c!important;text-shadow:0 1px rgba(255,255,255,.65)!important}
  html[data-theme="light"] #profileView .profile-welcome-copy>p{color:#43554e!important;-webkit-text-fill-color:#43554e!important;text-shadow:0 1px rgba(255,255,255,.72)!important}
}

/* Normal phone browsers have collapsing address bars. Keep the dashboard at a
   readable width and make the document scroll; standalone/PWA stays fitted. */
@media(max-width:980px){
  html[data-home-shell="browser"]:has(#homeView.active),html[data-home-shell="browser"] body.home-reference-active:has(#homeView.active){width:100%!important;height:auto!important;min-height:100%!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;background:#06100b!important}
  html[data-home-shell="browser"] body.home-reference-active .app-main:has(#homeView.active){position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:var(--home-browser-content-height,820px)!important;min-height:var(--home-browser-content-height,820px)!important;margin:0!important;padding:0!important;overflow:visible!important;background:#06100b!important}
  html[data-home-shell="browser"] #homeView.app-view.active{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:var(--home-browser-content-height,820px)!important;min-height:var(--home-browser-content-height,820px)!important;margin:0!important;padding:0!important;overflow:visible!important}
  html[data-home-shell="browser"] #homeView .home-gate.home-spatial{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:var(--home-browser-content-height,820px)!important;min-height:var(--home-browser-content-height,820px)!important;margin:0!important;padding:0!important;overflow:hidden!important}
  html[data-home-shell="browser"] #homeView .home-reference-canvas,
  html[data-home-shell="browser"] #homeView .home-reference-hotspots{left:50%!important;right:auto!important;top:10px!important;width:var(--home-browser-canvas-width,370px)!important;height:var(--home-browser-canvas-height,762px)!important;max-width:none!important;transform:translateX(-50%)!important;margin:0!important}
  html[data-home-shell="browser"] #homeView .home-reference-canvas{object-fit:contain!important}
}

/* Real clock layered over the reference artwork; scales with the canvas. */
#homeView .home-reference-hotspots{container-type:inline-size!important}
#homeView .home-reference-live-time{position:absolute!important;z-index:4!important;left:44.2%!important;top:44.55%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;width:18%!important;margin:0!important;padding:0!important;color:#fff!important;text-align:left!important;pointer-events:none!important;text-shadow:0 2px 8px rgba(0,0,0,.48)!important}
#homeView .home-reference-live-time strong{display:block!important;margin:0!important;padding:0!important;color:#fff!important;font:500 5.35cqw/1 Inter,Arial,sans-serif!important;letter-spacing:-.045em!important;white-space:nowrap!important}
#homeView .home-reference-live-time span{display:block!important;margin:.42cqw 0 0!important;padding:0!important;color:rgba(255,255,255,.9)!important;font:400 3.25cqw/1.08 Inter,Arial,sans-serif!important;letter-spacing:-.025em!important;white-space:nowrap!important}

/* Wide-browser presentation of the approved portrait dashboard.
   Keep the reference proportional and reuse the exact same interactive map. */
@media(min-width:981px){
  html:has(#homeView.active),body.home-reference-active{width:100%;height:100%;overflow:hidden!important;background:#06100b!important}
  body.home-reference-active .sidebar,body.home-reference-active .mobile-head{display:none!important}
  body.home-reference-active .app-main{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#06100b!important}
  #homeView.app-view.active{position:absolute!important;inset:0!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
  #homeView.app-view.active::before,#homeView.app-view.active::after{display:none!important}
  #homeView .home-gate.home-spatial{position:absolute!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#06100b url('/assets/healthos-dashboard-sunrise-v1.webp') center/cover no-repeat!important}
  #homeView .home-gate.home-spatial::after{content:""!important;display:block!important;position:absolute!important;z-index:0!important;inset:-24px!important;background:rgba(3,12,8,.28)!important;backdrop-filter:blur(22px) saturate(1.08)!important;-webkit-backdrop-filter:blur(22px) saturate(1.08)!important;pointer-events:none!important}
  #homeView .home-reference-canvas,#homeView .home-reference-hotspots{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;display:block!important;width:auto!important;height:min(calc(100vh - 36px),1100px)!important;aspect-ratio:874/1799!important;transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;border:0!important}
  #homeView .home-reference-canvas{z-index:1!important;object-fit:contain!important;object-position:center!important;pointer-events:auto!important;user-select:none!important;cursor:pointer!important;filter:drop-shadow(0 28px 70px rgba(0,0,0,.45))!important}
  #homeView .home-reference-hotspots{z-index:5!important;background:transparent!important;pointer-events:none!important}
  #homeView .home-spatial-intro,#homeView .home-gate.home-spatial .home-gate-rooms.home-card-grid.home-spatial-grid,#homeView .home-progress,#homeView .home-bottom-dock{display:none!important}
  #homeView .home-reference-hit{position:absolute!important;display:block!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:18px!important;background:transparent!important;color:transparent!important;font-size:0!important;opacity:.001!important;cursor:pointer!important;pointer-events:auto!important}
  #homeView .home-reference-hit:focus-visible{opacity:1!important;outline:2px solid #82efba!important;outline-offset:-3px!important;background:#82efba18!important}
  #homeView .hit-today{left:4.4%!important;top:36.4%!important;width:91.5%!important;height:14.8%!important}
  #homeView .hit-food{left:4.4%!important;top:52.2%!important;width:44.7%!important;height:18.1%!important}
  #homeView .hit-training{left:51.0%!important;top:52.2%!important;width:44.9%!important;height:18.1%!important}
  #homeView .hit-coach{left:4.4%!important;top:71.3%!important;width:91.5%!important;height:11.7%!important}
  #homeView .hit-progress{left:4.4%!important;top:84.0%!important;width:91.5%!important;height:12.8%!important}
  #homeView .home-reference-hotspots .home-reference-hit.hit-profile.profile-home-card{left:79.2%!important;top:7.0%!important;display:block!important;width:13.2%!important;height:6.8%!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:50%!important}
  #homeView .hit-language{left:43.5%!important;top:8.6%!important;width:10.8%!important;height:5.0%!important}
  #homeView .hit-theme{left:60.3%!important;top:8.6%!important;width:12.0%!important;height:5.0%!important}
}

/* The dashboard artwork has a baked-in portrait. Cover only its existing
   avatar hit area with the selected photo; keep routing and geometry intact. */
#homeView .home-reference-hotspots .home-reference-hit.hit-profile.profile-home-card.has-image,
#homeView .home-reference-hotspots .home-reference-hit.hit-profile.profile-home-card.has-image:hover,
#homeView .home-reference-hotspots .home-reference-hit.hit-profile.profile-home-card.has-image:focus-visible{
  left:79.06%!important;
  top:7.45%!important;
  width:14.42%!important;
  height:7.00%!important;
  opacity:1!important;
  background:var(--avatar-image) center/cover no-repeat!important;
  border-radius:50%!important;
  box-shadow:inset 0 0 0 2px rgba(178,255,224,.7)!important;
  color:transparent!important;
}
/* Compact avatar picker: keep icons and labels in separate, intrinsic columns. */
.profile-picker-backdrop{padding:88px 16px 16px;background:rgba(10,20,16,.08)}
.profile-picker-sheet{width:min(264px,calc(100vw - 32px));padding:6px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:rgba(24,34,29,.94);color:#eef7f2;box-shadow:0 16px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.profile-picker-sheet button{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;min-height:48px;padding:6px 10px;border:0;border-radius:12px;background:transparent;color:inherit;font:550 14px/1.25 Inter,sans-serif;text-align:left}
.profile-picker-sheet button span:first-child{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.07)}
.profile-picker-sheet button span:last-child{width:auto;min-width:0;font:inherit;text-align:left;white-space:nowrap}
.profile-picker-sheet button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.profile-picker-sheet button:hover,.profile-picker-sheet button:focus-visible{background:rgba(255,255,255,.09)}
.profile-picker-sheet button:focus-visible{outline:2px solid #55e2b3;outline-offset:-2px}
.profile-picker-sheet .profile-picker-remove{color:#ffa7aa}
.profile-picker-sheet .profile-picker-cancel{display:block;min-height:42px;margin-top:4px;border-top:1px solid rgba(255,255,255,.12);border-radius:0 0 14px 14px;background:transparent;color:#b8cbc0;font:550 13px/1.25 Inter,sans-serif;text-align:center}
html[data-theme="light"] .profile-picker-sheet{background:rgba(250,252,248,.94);border-color:rgba(255,255,255,.9);color:#183329}
html[data-theme="light"] .profile-picker-sheet button{background:transparent;color:inherit;border:0}
html[data-theme="light"] .profile-picker-sheet button span:first-child{background:rgba(30,70,50,.055)}
html[data-theme="light"] .profile-picker-sheet button:hover,html[data-theme="light"] .profile-picker-sheet button:focus-visible{background:rgba(30,70,50,.065)}
html[data-theme="light"] .profile-picker-sheet .profile-picker-remove{color:#b34e55}
html[data-theme="light"] .profile-picker-sheet .profile-picker-cancel{border-top:1px solid rgba(30,70,50,.1);color:#536b60}