*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,#ecfbf5,#f7f8fa 44%,#f3f3f5);color:#2e5254}a{color:#40b490;text-decoration:none}.app-shell{min-height:100vh}.header-glass{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.06)}.brand{display:flex;align-items:center;gap:10px}.brand h1{margin:0;font-size:20px;line-height:1.1}.brand small{color:#6b7d7e}.brand-dot{width:14px;height:14px;border-radius:999px;background:linear-gradient(135deg,#3ccba4,#2f9f83)}.nav-main{display:flex;gap:10px;align-items:center}.hamburger{display:none;border-radius:12px}.nav-link{color:#587071;font-weight:600;padding:8px 12px;border-radius:10px;transition:all .2s ease}.nav-link:hover{background:#ebf8f4;color:#2a5f53}.nav-link.active{background:#dff4ec;color:#1f6755}.btn-nav{background:#40b490;color:#fff;border-radius:999px;padding:9px 14px;font-weight:600}.btn-nav.ghost{border:1px solid #cce9df;background:#fff;color:#2e5254}.screen{padding:20px;max-width:1100px;margin:0 auto}.card{background:#fff;border:1px solid #eceded;border-radius:18px;padding:20px;box-shadow:0 10px 28px #0f25230f}.card h2,.card h3,.card h4{margin-top:0;margin-bottom:10px}.headline-card{margin-bottom:16px;background:linear-gradient(145deg,#eafcf6,#f6fffb);border:1px solid #d6f1e7;border-radius:18px;padding:20px}.headline-card h2{margin:0 0 8px}.form{display:grid;gap:12px}.form input,.form select,.form textarea,textarea{width:100%;padding:11px 13px;border:1px solid #d6d6d6;border-radius:10px;font-size:14px;background:#fff;color:#2e5254}.form input:focus,.form select:focus,.form textarea:focus,textarea:focus{outline:none;border-color:#53bf9f;box-shadow:0 0 0 3px #40b49026}button{border:none;border-radius:999px;background:#40b490;color:#fff;padding:10px 16px;font-weight:600;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#3fc398,#2f9f83)}.btn-soft{background:#eaf8f2;color:#2e6256}.btn-soft.danger{background:#feecec;color:#9a3d3d}.text-button{background:transparent;color:inherit;border-radius:0;padding:0;text-align:left}.row{display:flex;gap:10px;margin-top:10px}.wrap{flex-wrap:wrap}.chip{background:#e8f7f2;color:#2e5254;border-radius:999px;padding:8px 12px}.chip.active{background:#40b490;color:#fff}.chip.tiny{width:fit-content;font-size:12px;padding:5px 10px}.list{display:grid;gap:10px;margin-top:12px}.list-item{background:#fcfcfc;border:1px solid #ececec;border-radius:14px;padding:12px;display:grid;gap:6px}.list-item.selected{border-color:#40b490;background:#f0f9f7}.list-item.highlight{border-color:#7fd3bc;background:#f5fcf9}.details-box{margin-top:12px;padding:12px;border-radius:14px;border:1px solid #ececec;background:#fbfbfb}.macro-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;margin:10px 0 12px}.meal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.meal-card{text-align:left;background:#fff;color:#2e5254;border-radius:16px;border:1px solid #e6eeee;padding:12px;display:grid;gap:8px;transition:transform .18s ease,box-shadow .18s ease}.meal-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #193e3814}.meal-card h3,.meal-card p,.meal-card .chip{margin-left:4px;margin-right:4px}.meal-card-image{width:100%;height:170px;object-fit:cover;border-radius:12px;border:1px solid #edf0ef}.hero-banner{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:18px;padding:20px;border-radius:22px;border:1px solid #d9f0e6;background:linear-gradient(145deg,#edfaf5,#f5fefb 55%,#e9f6f1)}.hero-content h2{margin:12px 0 10px;font-size:34px;line-height:1.15;color:#204f45}.hero-content p{margin:0 0 14px;color:#4a6967;max-width:600px}.hero-badge{display:inline-flex;padding:6px 12px;border-radius:999px;border:1px solid #c8e9dd;background:#fff;color:#2a695b;font-weight:600;font-size:12px;width:fit-content}.hero-stats{display:flex;flex-wrap:wrap;gap:14px}.hero-stats div{min-width:110px;display:grid;gap:2px}.hero-stats strong{font-size:26px;color:#1f5f53}.hero-stats span{font-size:12px;color:#60807d}.hero-image-wrap{min-height:220px;border-radius:16px;overflow:hidden;border:1px solid #dcece7}.hero-image{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;min-height:120px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#eef3f2,#f8fbfb);border:1px dashed #d6e3e0;color:#7a9191;font-size:13px}.detail-main-image{width:100%;height:260px;object-fit:cover;border-radius:12px;border:1px solid #e5ebea;margin-bottom:12px}.similar-meal-image,.order-item-image{width:100%;height:140px;object-fit:cover;border-radius:10px;border:1px solid #ecefef;margin-bottom:4px}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px}.profile-grid label{display:block;font-size:12px;color:#6f7e7f;margin-bottom:4px}.spinner-page{min-height:100vh;display:grid;place-items:center;color:#658687;text-align:center}.spinner{width:42px;height:42px;border-radius:999px;border:3px solid #c7ebe0;border-top-color:#35af8d;animation:spin .8s linear infinite;margin:0 auto 10px}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:stretch;padding:22px}.auth-hero{border-radius:22px;background:linear-gradient(145deg,#daf7ee,#effdf8);border:1px solid #caeddf;padding:28px;display:grid;align-content:center}.auth-hero h1{margin:0 0 8px;font-size:52px}.auth-hero p{margin:0;color:#4f6969}.auth-card{border-radius:22px;background:#fff;border:1px solid #ececec;box-shadow:0 14px 30px #11292614;padding:24px}.social-row{display:flex;gap:10px;margin-top:12px}.auth-links{margin-top:12px;display:flex;justify-content:space-between}.stepper{display:flex;gap:8px;margin-bottom:12px}.stepper span{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;border:1px solid #d6e6e1;color:#769493}.stepper span.active{background:#e2f5ee;border-color:#90d5c0;color:#266857}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.auth-wrap{grid-template-columns:1fr}.auth-hero{min-height:180px}.hero-banner{grid-template-columns:1fr}.hero-content h2{font-size:28px}}@media(max-width:860px){.hamburger{display:inline-flex;align-items:center;justify-content:center;min-width:80px}.nav-main{position:absolute;left:12px;right:12px;top:68px;border-radius:14px;border:1px solid #e0ece8;background:#fff;box-shadow:0 14px 26px #102b2714;padding:10px;display:none;flex-direction:column;align-items:stretch}.nav-main.open{display:flex}.screen{padding:16px}}