:root{--green:#16bf61}body{font-family:Arial,Helvetica,sans-serif}.brand-icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#17be61;color:white;font-size:30px;font-style:normal;margin-right:8px;line-height:1}.logo{letter-spacing:-1.3px}.logo b{color:#16bf61}.hero{gap:60px;min-height:780px}.hero h1{font-size:clamp(52px,5.7vw,82px);letter-spacing:-3px}.hero p{max-width:590px}.nutrio-preview{width:min(100%,440px);justify-self:center;padding:28px;border-radius:32px;background:#fffdf9;box-shadow:0 30px 100px #51432c15;border:1px solid #ece5dc;transform:rotate(2deg);margin:30px 0}.preview-top{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1px;font-weight:700}.preview-ring{width:240px;height:240px;margin:35px auto 24px;border-radius:50%;background:conic-gradient(#19c568 0deg 255deg,#edf1e8 255deg);display:grid;place-items:center}.preview-ring>div{width:211px;height:211px;border-radius:50%;background:#fffdf9;display:flex;align-items:center;justify-content:center;flex-direction:column}.preview-ring strong{font-size:50px;letter-spacing:-2px}.preview-ring span{font-size:14px;color:#77766f}.preview-macros{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.preview-macros>div{display:flex;flex-direction:column;border-radius:14px;padding:15px 8px;background:#f5f2ec;gap:6px}.preview-macros b{font-size:21px}.preview-macros span{font-size:12px;color:#69665f}.preview-meal{display:flex;align-items:center;gap:12px;border-top:1px solid #ebe5dd;border-bottom:1px solid #ebe5dd;margin-top:22px;padding:21px 0}.preview-meal>span{font-size:32px;background:#eaf5e9;border-radius:16px;padding:9px}.preview-meal small{display:block;font-size:11px;font-weight:400;color:#716e67;margin-top:4px}.preview-meal>strong{margin-left:auto;font-size:23px;text-align:right}.preview-water{display:flex;justify-content:space-between;font-size:14px;margin:24px 0}.preview-caption{font-size:10px!important;text-align:center!important;line-height:1.5!important}.auth-wrap{max-width:570px;margin:70px auto;padding:0 20px}.auth-wrap h1{font-size:38px;line-height:1.12;letter-spacing:-1.5px;margin:18px 0}.auth-wrap .panel{padding:32px}.auth-wrap form{display:grid;gap:19px;margin-top:28px}.auth-wrap label{display:flex;flex-direction:column;gap:8px;font-size:14px}.auth-wrap label.confirm{display:flex;flex-direction:row;align-items:flex-start;font-size:12px;line-height:1.6}.confirm input{width:18px!important;min-width:18px;height:18px!important;margin-top:3px}.auth-wrap input:not([type=checkbox]){min-width:0;width:100%}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;margin-top:23px;font-size:13px}.form-error{color:#b42318;font-size:14px;margin:0}.recovery-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#ecf5ea;padding:20px;border-radius:15px;font-size:17px;margin:25px 0}.recovery-code~.confirm{margin:20px 0}.import-label{display:flex;flex-direction:column;gap:12px;margin:24px 0 12px}.settings-actions{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:28px 0}.settings-panel>p{line-height:1.7}.settings-panel h2{margin-top:28px}.settings-panel form{margin-bottom:28px}.settings-panel .fields{gap:20px}.workspace{padding-top:60px!important}.workspace-head h1{font-size:clamp(30px,4vw,48px)}.app-header .logo{font-size:26px}.legal{max-width:900px;margin:auto;padding:50px 24px!important}.legal-intro{padding:30px 0!important}.legal h1{font-size:48px}.legal-body section{padding:24px 0!important}.legal-body h2{font-size:24px!important}.legal-body p{font-size:16px!important;line-height:1.8}button:disabled{opacity:.5;cursor:not-allowed}.legal-page .top{position:relative}#save-status{position:fixed;bottom:8px;right:12px;color:#555;font-size:11px;pointer-events:none;background:#fff9;padding:3px 8px;border-radius:9px;z-index:10}.meal-entry{gap:15px}.meal-entry>div:last-child{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.footer .logo{color:#14141e}.onboard .choice{padding:17px!important}.auth-wrap .eyebrow{font-size:10px}.privacy-badge{font-size:12px}.card p{line-height:1.7}
@media(max-width:800px){.hero{gap:20px;min-height:auto;padding-top:50px}.nutrio-preview{width:min(100%,410px);transform:none;margin:20px auto 40px}.hero h1{letter-spacing:-2px}.hero .facts{justify-content:center}.hero .facts>div{min-width:0}.auth-wrap{margin:35px auto}.auth-wrap .panel{padding:24px}.top .nav{gap:12px}.top .actions{gap:8px}.app-header .smallbtn{padding:10px 12px;font-size:12px}.app-header .brand-icon{width:29px;height:29px;font-size:25px;margin-right:5px}.preview-ring{width:210px;height:210px}.preview-ring>div{width:185px;height:185px}.settings-actions{flex-direction:column;align-items:flex-start}.legal h1{font-size:37px}.workspace{padding-top:35px!important}.meal-entry{flex-direction:column}.onboard-card{padding:24px!important}.onboard-header{padding:20px!important}}
