@import "https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{color:#292620;font-synthesis:none;--orange:#e9683b;--cream:#f5f1e8;--green:#52705b;--ink:#28261f;background:#f5f1e8;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}body{background:var(--cream);margin:0}button,input,select{font:inherit}.app{background:#faf8f2;max-width:560px;min-height:100vh;margin:auto;padding-bottom:88px;box-shadow:0 0 50px #8f806522}header{z-index:10;background:#faf8f2;border-bottom:1px solid #ece6d9;justify-content:space-between;align-items:center;height:74px;padding:12px 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand .logo{font-size:26px}.brand div{flex-direction:column;display:flex}.brand b{font-family:Gowun Dodum;font-size:20px}.brand small{color:#8b877e;font-size:10px}.avatar{color:#5f5a50;background:#fff;border:1px solid #ded7c8;border-radius:18px;padding:7px 11px;font-size:11px}main{min-height:calc(100vh - 150px)}.hero{background:linear-gradient(145deg,#f4ead8,#f8f3e9);border-bottom:1px solid #e9e1d2;padding:28px 22px 25px}.eyebrow,.kicker{letter-spacing:1.5px;color:#9a6c4c;font-size:11px;font-weight:700}.hero h1,.page>h1{margin:10px 0 22px;font-family:Gowun Dodum;font-size:31px;line-height:1.25}.hero h1 em{color:var(--orange);font-style:normal}.today-dish{background:#fffdf8;border-radius:21px;align-items:center;gap:16px;padding:18px;display:flex;box-shadow:0 9px 25px #6c492313}.dish-icon,.plate{background:#f2e3cb;border-radius:50%;place-items:center;width:69px;height:69px;font-size:36px;display:grid}.today-dish span{color:#9b806e;font-size:11px}.today-dish h2{margin:3px 0;font-size:22px}.today-dish p{color:#6d7d70;margin:0;font-size:12px}.button-row{gap:10px;margin-top:14px;display:flex}.button-row button{border:0;border-radius:13px;flex:1;padding:12px;font-size:13px;font-weight:600}.ghost{background:#fff;border:1px solid #dfd8c9}.dark{background:var(--ink);color:#fff}.next-section{padding:28px 22px}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.section-title h2,.mini-head h2{margin:2px 0;font-family:Gowun Dodum;font-size:23px}.date-pill{text-align:right;color:#8a867d;font-size:10px}.date-pill b{color:var(--ink);font-size:13px;display:block}.recommend{background:#fff;border:1px solid #e8e0d4;border-radius:24px;padding:20px;box-shadow:0 13px 30px #4a35270d}.rec-top{justify-content:space-between;display:flex}.round{color:#635e54;background:#f4f0e7;border:0;border-radius:50%;width:40px;height:40px;font-size:23px}.tag{color:#af5939;background:#fbede4;border-radius:20px;margin-top:16px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-block}.recommend h3{margin:7px 0;font-family:Gowun Dodum;font-size:27px}.pair{color:#78736b;margin:0 0 15px;font-size:12px}.baby{background:#eef4ed;border-radius:14px;gap:2px;margin:14px 0;padding:12px 14px;display:grid}.baby b{color:#45634e;font-size:11px}.baby span{font-size:14px;font-weight:700}.baby small{color:#758078;font-size:10px}.primary{color:#fff;background:var(--orange);border:0;border-radius:14px;width:100%;margin-top:7px;padding:14px;font-weight:700}.text-actions{justify-content:space-around;margin-top:12px;display:flex}.text-actions button{color:#6d6860;background:0 0;border:0;font-size:11px;text-decoration:underline}.text-actions button:disabled{opacity:.35}.ideas{border-top:1px solid #e9e2d6;padding:23px 22px}.mini-head{justify-content:space-between;align-items:center;display:flex}.mini-head>div{align-items:center;gap:8px;display:flex}.mini-head>button{color:#7a756d;background:0 0;border:0;font-size:11px}.chips{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chips button{text-align:left;background:#fff;border:1px solid #e5ded1;border-radius:13px;padding:13px 8px;font-size:13px}.kimchi{background:#f8eee8}.page{padding:30px 22px}.page>h1{margin-bottom:6px}.muted{color:#8a857d;margin:0 0 22px;font-size:13px}.search{background:#fff;border:1px solid #ded7ca;border-radius:14px;width:100%;margin:15px 0;padding:14px}.filters{gap:7px;padding-bottom:13px;display:flex;overflow:auto}.filters button{white-space:nowrap;background:#fff;border:1px solid #ded7ca;border-radius:20px;padding:7px 12px;font-size:11px}.filters button.active{background:var(--ink);color:#fff}.menu-list{gap:7px;display:grid}.menu-list>button{text-align:left;background:#fff;border:0;border-radius:14px;align-items:center;gap:12px;padding:13px;display:flex}.menu-list>button>span{font-size:22px}.menu-list div{flex:1;display:grid}.menu-list small{color:#928b81;margin-top:3px}.menu-list i{color:#aaa;font-size:22px}.menu-list .disabled{opacity:.42}.day{border-top:1px solid #e7dfd2;gap:14px;padding:14px 0;display:flex}.day-label{text-align:center;width:37px;display:grid}.day-label b{font-size:21px}.day-label span{color:#918a80;font-size:10px}.day-meals{flex:1;gap:7px;display:grid}.day-meals article{cursor:pointer;background:#fff;border-radius:13px;padding:10px 36px 10px 12px;display:grid;position:relative}.day-meals article small{color:var(--orange);font-size:9px}.day-meals article span{color:#718075;font-size:10px}.day-meals article button{background:#f3eee5;border:0;border-radius:50%;width:23px;height:23px;position:absolute;top:8px;right:8px}.empty{color:#aaa;padding:11px;font-size:12px}.setting-card{background:#fff;border-radius:17px;margin:13px 0;padding:17px}.setting-card h2{margin:0 0 10px;font-size:16px}.setting-row{border-top:1px solid #eee8de;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.setting-row label{gap:8px;display:flex}.setting-row input{accent-color:var(--orange)}.setting-row select{background:#f3efe7;border:0;border-radius:9px;padding:7px;font-size:11px}.toggle-row{justify-content:space-between;align-items:center;display:flex}.toggle-row h2{margin:0}.toggle-row p,.data-note{color:#908a81;margin:3px 0;font-size:11px}.switch input{display:none}.switch span{background:#ccc;border-radius:20px;width:45px;height:25px;display:block;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{left:23px}.data-note{padding:15px;line-height:1.6}nav{z-index:20;width:min(560px,100%);height:74px;padding-bottom:env(safe-area-inset-bottom);background:#fffdf9;border-top:1px solid #e8e1d6;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:#aaa;background:0 0;border:0;place-items:center;gap:2px;padding:8px 14px;font-size:10px;display:grid}nav button span{font-size:21px}nav button.active{color:var(--orange);font-weight:700}.overlay{z-index:30;background:#221c1899;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fffdf8;border-radius:25px 25px 0 0;width:min(560px,100%);max-height:88vh;padding:25px 22px 32px;position:relative;overflow:auto}.handle{background:#ddd;border-radius:3px;width:40px;height:4px;margin:-15px auto 15px}.modal-close{background:#f0ebe2;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:18px;right:18px}.modal h2{margin:10px 0 23px;font-family:Gowun Dodum;font-size:29px}.modal h3{margin:19px 0 8px;font-size:12px}.modal p{color:#6f6a62;font-size:13px}.ingredient-list{flex-wrap:wrap;gap:7px;display:flex}.ingredient-list span{background:#f3eee5;border-radius:20px;padding:7px 11px;font-size:11px}.preference{gap:8px;margin-top:10px;display:flex}.preference button{background:#fff;border:1px solid #ddd5c8;border-radius:12px;flex:1;padding:10px;font-size:11px}.preference button.active{color:var(--orange);border-color:var(--orange)}.preference button.danger{color:#777;background:#eee}@media (width>=700px){body{padding:20px 0}.app{border-radius:28px;min-height:calc(100vh - 40px);overflow:hidden}nav{border-radius:0 0 28px 28px;bottom:20px}.overlay{align-items:center}.modal{border-radius:25px;max-width:520px}}
