body.app-view{background:radial-gradient(ellipse at 50% 20%,#132830 0,#050b10 65%);min-height:100vh}.app-header{max-width:1000px;padding:22px 32px;border-bottom:0}.app-header .wordmark{letter-spacing:.14em;color:#f0f8f6;font-size:.85rem}.app-header a{font-size:.8rem}.app-header .wordmark span{letter-spacing:0;font-size:.7rem}.app-view main{max-width:460px;padding:0 20px 110px}.demo-label{font-size:.58rem;letter-spacing:.09em;text-align:center;color:#8ea6ad;margin:8px 0 22px}.app-view .phone{border:0;padding:0;border-radius:0;background:none;box-shadow:none}.greeting{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.greeting p{margin:0;font-size:.88rem}.greeting h2{margin:1px 0 4px!important;font-size:2rem!important;letter-spacing:-.04em}.greeting h2 span{color:var(--accent);font-weight:400}.greeting .small{font-size:.74rem}.avatar{border:2px solid #3f6b69;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;background:#1c363b;color:#cef9e9}.hero{overflow:hidden;background:linear-gradient(145deg,#20393eaa,#0b1922 80%);padding:15px 15px 12px!important;border-color:#29434e!important}.hero h3{font-size:.9rem!important;margin:0}.confidence{background:#34505980;border:1px solid #536b7180;border-radius:8px;font-size:.6rem;padding:5px 7px;color:#c5d5d8}.confidence b{color:var(--accent);margin-left:4px}.transformation{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:190px}.transformation .ring{width:148px;height:148px;margin:16px 0;background:conic-gradient(from -35deg,#54f8ba 0,#25d9d5 68%,#214745 68%,#214745 100%)}.transformation .ring>div{background:#14282d}.transformation .ring strong{font-size:2.35rem}.goal-art{position:relative;height:195px;overflow:hidden}.goal-art svg{width:100%;height:165px;opacity:.8}.goal-art p{position:absolute;bottom:0;right:0;font-size:.68rem;line-height:1.3;color:#deebee;text-align:right;text-shadow:0 2px 6px #000}.hero-link{display:flex;align-items:center;justify-content:center;gap:30px;border:1px solid #1ee2b6;border-radius:9px;background:linear-gradient(90deg,#073c3a,#08505a);min-height:44px;width:100%;font-size:.8rem;color:#c8fff4}.progress-preview{padding:16px!important;margin:16px 0 24px!important;background:#0c1822}.progress-preview h3{font-size:.86rem!important;margin:0}.progress-preview .small{font-size:.65rem}.mini-chart{position:relative;padding-top:14px}.mini-chart svg{width:100%;height:90px;display:block}.mini-chart>span{font-size:.56rem;color:#8aa4ae}.mini-chart>span:last-child{position:absolute;right:0;top:2px;color:#5df1cb}.quick-title{font-size:.9rem!important;margin:0 0 12px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick-actions button{display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:10px;padding:13px 4px;background:linear-gradient(145deg,#0c2029,#09141d);min-height:82px}.quick-actions svg{width:25px;height:25px;color:#53ded0}.quick-actions span{font-size:.63rem;line-height:1.25}.wellbeing{padding:0 14px;margin-top:20px;background:#0c1821}.wellbeing summary{font-size:.78rem}.wellbeing summary span{float:right;color:#8ba4aa;font-size:.65rem}.app-view #bottom{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:min(420px,calc(100% - 24px));z-index:3;margin:0;border:1px solid #233c46;border-radius:20px;background:#09131bf2;backdrop-filter:blur(18px);padding:8px 4px;box-shadow:0 -10px 40px #0003;flex-wrap:nowrap}.app-view #bottom button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.6rem;padding:9px 2px;color:#92a6b4;border-radius:12px}.app-view #bottom button[aria-pressed=true]{color:#59f5c6;background:#133a3244}.app-view #bottom svg{width:21px;height:21px}.design-link{display:block;text-align:center;font-size:.7rem;margin:20px 0;color:#8daab2}.app-view #message:not(:empty){background:#12312e;padding:16px;border:1px solid #32645c;border-radius:12px;font-size:.85rem}.app-view #message{margin:12px 0;min-height:0}#bottom svg{width:20px;height:20px}#bottom button{display:flex;flex-direction:column;align-items:center;gap:6px}.app-view #screen>h2{margin:22px 0;font-size:1.8rem}.app-view .card{border-radius:15px}@media(min-width:800px){.app-view main{margin:20px auto 0;max-width:480px}.app-view .phone{border:1px solid #2a414c;border-radius:30px;padding:24px 20px;background:#071017}.app-view #bottom{width:380px}}@media(max-width:360px){.transformation .ring{width:125px;height:125px}.transformation .ring>div{width:107px;height:107px}.confidence{font-size:.52rem}.app-view main{padding-right:14px;padding-left:14px}}

.reference-photo{display:block;width:100%;height:100%;border-radius:10px}.goal-art .reference-photo{height:175px;width:115px;margin-left:auto;mask-image:linear-gradient(#000 70%,transparent)}.meal-photo{height:210px;border-radius:15px;overflow:hidden;margin:18px 0}.week-strip{display:flex;justify-content:space-between;text-align:center;font-size:.7rem;line-height:2;color:#b6c8d0;margin:20px 0}.week-strip b{color:#0a3028;background:#52ecc8;border-radius:12px;padding:0 8px}.meal-row,.exercise-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #20333d;padding:12px 0}.meal-row div,.exercise-row div{flex:1}.meal-row b,.exercise-row b{font-size:.8rem}.meal-row p,.exercise-row p{font-size:.72rem;margin:4px 0;color:#8fa7b4}.meal-symbol{color:#69eaca}.exercise-row .reference-photo{width:55px;height:48px}.exercise-row:last-of-type{margin-bottom:18px}.subnav{display:flex;justify-content:space-around;gap:8px;background:#0c1720;border-radius:12px;font-size:.75rem;padding:6px;margin:18px 0}.subnav>*{padding:7px 10px}.subnav b{background:#0b3734;color:#5cfbd2;border-radius:10px;border-bottom:1px solid #33d9b5}.comparison{display:flex;gap:10px}.comparison figure{flex:1;min-width:0;margin:18px 0 0}.comparison .reference-photo{height:210px;background:#111e27}.comparison figcaption{font-size:.7rem;color:#a9bac3;padding-top:8px}
.food-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.food-heading label{font-size:.72rem;color:var(--muted)}.food-heading input{display:block;color-scheme:dark;max-width:150px}.food-notice:empty{display:none}.food-notice{font-size:.85rem;color:var(--accent);line-height:1.5}.food-editor label{display:grid;gap:7px;color:var(--muted);font-size:.85rem;margin:16px 0}.food-editor select,.food-heading input{font:inherit;background:#0a141d;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px;min-height:48px}.food-editor button{width:100%;margin-top:10px;min-height:48px}.meal-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px;gap:2px}.meal-tabs button{padding:5px 2px;border:0;background:transparent;font-size:.68rem;min-width:0;min-height:44px}.meal-tabs button[aria-pressed=true]{background:#123c37;color:var(--accent);border-radius:12px}.meal-feature{padding:16px 2px 22px}.meal-feature h3{font-size:1.2rem;margin:0}.meal-feature p{font-size:.87rem;color:var(--muted)}.meal-feature .primary{display:block;width:100%;margin-top:18px;min-height:48px}.meal-record{padding:16px 0;border-bottom:1px solid var(--line)}.meal-record:last-child{border-bottom:0}.meal-record p{font-size:.85rem;margin:6px 0}.meal-record small{color:var(--muted)}.record-actions{display:flex;gap:8px;margin-top:12px}.record-actions button{font-size:.78rem;min-height:44px;flex:1}.food-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.food-shortcuts button{font-size:.8rem;min-height:54px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-view #message:empty{display:none}
.food-editor select{width:100%}.food-editor label{margin:14px 0 6px}