html{background:#08070c;min-height:100%}body{min-height:100%}#root{min-height:100vh}*{box-sizing:border-box}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#08070b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% -10%,#7e48d838,#0000 38%),#08070b;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:active{transform:scale(.98)}.app{min-height:100vh;padding-bottom:90px}main{width:100%;max-width:620px;margin:0 auto}.page{padding:24px 18px 30px}.hero-header,.page-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.hero-header h1,.page-header h1{letter-spacing:-1px;margin:3px 0 0;font-size:30px;font-weight:800}.eyebrow{color:#8f64e8;letter-spacing:1.7px;margin:0;font-size:10px;font-weight:800}.logo-mark{color:#fff;background:linear-gradient(145deg,#8b50ed,#5425a8);border:1px solid #9f6dff4d;border-radius:15px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:900;display:grid;box-shadow:0 10px 30px #6830c74d,inset 0 1px #fff3}.calorie-card{background:linear-gradient(145deg,#6431b540,#231338b8);border:1px solid #a676ff2e;border-radius:24px;margin-bottom:14px;padding:21px;box-shadow:0 20px 50px #00000040,inset 0 1px #ffffff0a}.card-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.section-label{color:#9e97aa;letter-spacing:1.5px;margin:0 0 8px;font-size:10px;font-weight:800}.calorie-number{color:#fff;letter-spacing:-1px;font-size:27px;font-weight:800}.calorie-number span{color:#928c9e;letter-spacing:0;font-size:13px;font-weight:600}.calorie-ring{background:conic-gradient(#9254f0 0deg, #9254f0 var(--progress), #ffffff12 var(--progress), #ffffff12 360deg);border-radius:50%;flex:0 0 72px;place-items:center;width:72px;height:72px;display:grid;position:relative}.calorie-ring:before{content:"";background:#17121d;border-radius:50%;position:absolute;inset:6px}.ring-inner{z-index:1;font-size:13px;font-weight:800;position:relative}.progress-track{background:#ffffff14;border-radius:100px;width:100%;height:8px;margin-top:20px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6d35d4,#a05df5);height:100%;transition:width .3s;box-shadow:0 0 14px #8e4ceb80}.remaining{color:#96909f;margin:9px 0 0;font-size:12px}.macro-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px;display:grid}.macro-card{background:#141219d9;border:1px solid #ffffff0f;border-radius:17px;padding:15px 13px}.macro-card span{color:#827c8b;margin-bottom:5px;font-size:11px;display:block}.macro-card strong{font-size:18px}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;display:flex}.section-heading h2{letter-spacing:-.3px;margin:0;font-size:18px}.section-heading button{color:#a16aff;background:0 0;border:0;padding:5px;font-size:12px;font-weight:700}.primary-button,.secondary-button,.small-button,.icon-button{border:0;transition:transform .15s,opacity .15s,background .15s}.primary-button{color:#fff;background:linear-gradient(135deg,#7740da,#5b2bb1);border:1px solid #c299ff2e;border-radius:15px;min-height:48px;padding:0 18px;font-size:14px;font-weight:800;box-shadow:0 10px 25px #5b2bb140,inset 0 1px #ffffff1f}.primary-button:hover{opacity:.92}.secondary-button{color:#ddd7e4;background:#16131b;border:1px solid #ffffff14;border-radius:15px;min-height:48px;padding:0 18px;font-size:14px;font-weight:700}.small-button{color:#fff;background:#6536c1;border-radius:12px;min-height:38px;padding:0 14px;font-size:12px;font-weight:800}.icon-button{color:#fff;background:#18151e;border:1px solid #ffffff14;border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.full-width{width:100%}.quick-actions{gap:9px;margin-bottom:30px;display:grid}.plan-list{gap:12px;display:grid}.plan-card,.large-plan-card{background:linear-gradient(145deg,#19161ff2,#0f0d13f2);border:1px solid #ffffff12;box-shadow:0 10px 30px #00000029}.plan-card{border-radius:18px;justify-content:space-between;align-items:center;gap:15px;padding:16px;display:flex}.large-plan-card{border-radius:21px;padding:17px}.plan-card h3,.large-plan-card h3{margin:0 0 5px;font-size:15px}.plan-card p,.large-plan-card p{color:#817b89;margin:0;font-size:12px}.plan-card-top{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.plan-card-actions{grid-template-columns:1fr .65fr;gap:8px;margin-top:14px;display:grid}.danger-text{color:#ff7180;background:0 0;border:0;padding:5px;font-size:11px;font-weight:700}.exercise-preview{background:#05050880;border:1px solid #ffffff0d;border-radius:14px;margin-top:14px;overflow:hidden}.exercise-preview-row{color:#bdb7c5;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:12px;display:flex}.exercise-preview-row:last-child{border-bottom:0}.exercise-preview-row span:last-child{color:#77717f;text-align:right}.empty-card{text-align:center;background:#121017b3;border:1px dashed #ffffff17;border-radius:21px;padding:35px 20px}.empty-icon{margin-bottom:12px;font-size:34px}.empty-card h3{margin:0 0 6px;font-size:15px}.empty-card p{color:#7f7988;max-width:300px;margin:0 auto 18px;font-size:12px;line-height:1.6}.food-list{gap:9px;display:grid}.food-row{background:#141219;border:1px solid #ffffff0f;border-radius:16px;justify-content:space-between;align-items:center;gap:15px;padding:15px;display:flex}.food-row strong{margin-bottom:4px;font-size:14px;display:block}.food-row span{color:#7f7987;font-size:10px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000000b8;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(145deg,#1b1721,#0d0b10);border:1px solid #ffffff14;border-bottom:0;border-radius:25px 25px 0 0;width:100%;max-width:620px;max-height:92vh;padding:21px 18px 30px;overflow-y:auto;box-shadow:0 -20px 60px #00000073}.modal-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px;display:flex}.modal-header h2{margin:3px 0 0;font-size:23px}.close-button{color:#aaa3b2;background:#201c26;border:0;border-radius:12px;place-items:center;width:38px;height:38px;font-size:24px;line-height:1;display:grid}.modal label{color:#a29ba9;margin:13px 0 7px;font-size:11px;font-weight:700;display:block}.modal input{color:#fff;background:#0c0a0f;border:1px solid #ffffff14;border-radius:13px;outline:none;width:100%;height:46px;padding:0 13px;font-size:14px}.modal input::placeholder{color:#57515e}.modal input:focus{border-color:#7f4ad7;box-shadow:0 0 0 3px #7f4ad71f}.editor-section-heading{justify-content:space-between;align-items:center;gap:15px;margin:25px 0 12px;display:flex}.editor-section-heading h3{margin:0;font-size:16px}.editor-section-heading p{color:#77717f;margin:5px 0 0;font-size:11px;line-height:1.4}.exercise-empty{text-align:center;background:#08070b59;border:1px dashed #ffffff17;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:150px;margin-bottom:14px;padding:20px;display:flex}.exercise-empty div{margin-bottom:8px;font-size:32px}.exercise-empty strong{font-size:14px}.exercise-empty span{color:#706a77;margin-top:5px;font-size:11px}.exercise-editor-list{gap:12px;margin-bottom:13px;display:grid}.exercise-editor{background:#08070bb3;border:1px solid #ffffff12;border-radius:18px;padding:15px}.exercise-editor-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:3px;display:flex}.exercise-order-buttons{gap:5px;display:flex}.exercise-order-buttons button{color:#aaa3b1;background:#18151d;border:1px solid #ffffff12;border-radius:8px;place-items:center;width:29px;height:29px;padding:0;font-size:13px;display:grid}.exercise-order-buttons button:disabled{opacity:.25;cursor:default}.exercise-order-buttons .remove-button{color:#ff6d7e}.input-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.input-grid label{margin-top:10px;font-size:10px}.modal textarea{resize:vertical;color:#fff;background:#0c0a0f;border:1px solid #ffffff14;border-radius:12px;outline:none;width:100%;min-height:70px;padding:11px;font-size:13px}.modal textarea:focus{border-color:#7f4ad7;box-shadow:0 0 0 3px #7f4ad71f}.workout-modal>.secondary-button{margin-top:5px}.workout-modal>.primary-button{margin-top:10px}.bottom-nav{z-index:90;width:100%;max-width:620px;height:72px;padding:7px 8px max(7px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0a0ff0;border-top:1px solid #ffffff12;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#686270;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:9px;font-weight:700;display:flex}.bottom-nav button span{font-size:19px;line-height:1}.bottom-nav button.active{color:#a66cff}.bottom-nav button.active span{filter:drop-shadow(0 0 7px #a065ff73)}@media (width<=430px){.page{padding-left:15px;padding-right:15px}.hero-header h1,.page-header h1{font-size:27px}.calorie-card{border-radius:21px;padding:18px}.calorie-number{font-size:24px}.calorie-ring{flex-basis:65px;width:65px;height:65px}.input-grid{grid-template-columns:1fr 1fr}.input-grid>div:last-child{grid-column:1/-1}.plan-card-actions{grid-template-columns:1fr .65fr}}@media (width>=621px){.modal-backdrop{align-items:center;padding:20px}.modal{border:1px solid #ffffff14;border-radius:25px;max-height:90vh}.bottom-nav{border:1px solid #ffffff12;border-bottom:0;border-radius:18px 18px 0 0}}