:root{color-scheme:light;--bg: #f7f1e8;--card: rgba(255, 255, 255, .82);--ink: #26332d;--muted: #66756c;--green: #1f7a5a;--orange: #e38b29;--line: rgba(38, 51, 45, .12);--shadow: 0 24px 70px rgba(49, 66, 54, .14)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(227,139,41,.24),transparent 36rem),radial-gradient(circle at 80% 10%,rgba(31,122,90,.2),transparent 30rem),var(--bg)}button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:var(--green);font-weight:800}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 64px}.hero{display:grid;grid-template-columns:1.5fr .8fr;gap:24px;align-items:stretch}.eyebrow{margin:0 0 8px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;font-size:clamp(42px,8vw,88px);line-height:.95}h2{margin-bottom:0;font-size:clamp(24px,4vw,38px)}.hero-copy{max-width:680px;color:var(--muted);font-size:19px;line-height:1.7}.slogan{display:inline-flex;margin-bottom:18px;border:1px solid rgba(31,122,90,.16);border-radius:999px;padding:10px 15px;color:var(--green);font-size:18px;font-weight:900;background:#ffffffb8}.hero-card,.panel,.group-card,.chart-card,.stats-grid>div{border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{display:flex;min-height:220px;flex-direction:column;justify-content:flex-end;padding:28px}.hero-card span,.stats-grid span{color:var(--muted);font-size:14px}.hero-card strong{margin-top:8px;font-size:28px;line-height:1.25}.tabs{display:flex;gap:10px;margin:28px 0;overflow-x:auto;padding-bottom:4px}.tab{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:12px 18px;color:var(--muted);background:#fff9}.tab.active{color:#fff;background:var(--green)}.panel{padding:26px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.quiz-grid,.record-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}label{display:grid;gap:8px;color:var(--muted);font-size:14px;font-weight:700}input,select{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;color:var(--ink);background:#fff}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.primary-button,.secondary-button,.ghost-button{border-radius:999px;padding:13px 18px;font-weight:800}.primary-button{color:#fff;background:var(--green)}.secondary-button{color:var(--green);background:#1f7a5a1a}.ghost-button{color:var(--orange);background:#e38b291f}.summary-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px;border-radius:18px;padding:14px;background:#1f7a5a1a}.summary-strip span,.summary-strip strong{border-radius:999px;padding:8px 11px;background:#fff}.summary-strip .calorie-chip.good{color:#176b4f;background:#1f7a5a29}.summary-strip .calorie-chip.high{color:#9a4f00;background:#e38b2933}.summary-strip .calorie-chip.low{color:#2457a6;background:#477ee029}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dish-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fffaf3}.dish-image{display:grid;min-height:142px;place-items:center;font-size:56px;background:linear-gradient(135deg,#1f7a5a24,#e38b2933)}.real-dish-image{display:block;width:100%;height:142px;object-fit:cover;background:#1f7a5a1a}.dish-visual{display:block;min-height:190px;background:linear-gradient(135deg,#1f7a5a1a,#e38b2929)}.final-image{width:100%;height:190px;object-fit:cover;background:#fffaf3}.plate{display:grid;width:118px;height:118px;place-items:center;margin-top:10px;border:10px solid #fffaf3;border-radius:999px;background:radial-gradient(circle at 50% 54%,rgba(227,139,41,.24),transparent 38%),radial-gradient(circle,#fff 0 48%,#efe5d4 49% 58%,#fff 59%);box-shadow:inset 0 0 0 1px #26332d14,0 14px 26px #26332d1f}.plate i{font-style:normal;font-size:56px}.dish-body{padding:16px}.dish-body h3{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.lock-badge{border-radius:999px;padding:4px 8px;color:#fff;font-size:12px;background:var(--green)}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.pill{border-radius:999px;padding:6px 9px;color:var(--green);font-size:12px;font-weight:800;background:#1f7a5a1a}.recipe{color:var(--muted);font-size:14px;line-height:1.6}.image-form{display:grid;gap:8px;margin-top:12px}.record-form{grid-template-columns:repeat(2,minmax(0,1fr))}.record-form button{align-self:end}.meal-summary,.insight-list{display:grid;gap:12px;margin-top:18px}.summary-card,.insight,.voting-card{border-left:5px solid var(--green);border-radius:18px;padding:16px;background:#ffffffb8}.voting-card{margin-top:18px}.compact{margin-bottom:12px}.vote-list,.leftover-list{display:grid;gap:10px}.vote-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:#fff}.small{margin:0}.small .secondary-button,.small .ghost-button{padding:8px 12px}.group-layout,.stats-grid,.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.group-card,.stats-grid>div,.chart-card{padding:20px}.chart-card{margin-bottom:16px;overflow-x:auto}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.two-column{margin-top:18px}.profile-layout{display:grid;gap:18px}.stats-grid strong{display:block;margin-top:8px;font-size:24px}.bar-chart{display:grid;grid-template-columns:repeat(7,minmax(78px,1fr));gap:18px;align-items:end;min-width:720px;height:300px}.bar-item{display:grid;justify-items:center;gap:7px}.bar{width:54px;min-height:14px;border-radius:999px 999px 10px 10px;background:linear-gradient(180deg,var(--orange),var(--green))}.weight,.calories{color:var(--muted);font-size:13px}@media(max-width:840px){.app-shell{width:min(100% - 22px,1180px);padding-top:20px}.hero,.quiz-grid,.record-form,.cards-grid,.group-layout,.two-column,.vote-row,.stats-grid{grid-template-columns:1fr}.panel{padding:18px;border-radius:22px}.section-title{align-items:flex-start;flex-direction:column}}