@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#26312e;background:#f7f8f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}a{color:inherit}.layout{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{background:#24312d;color:#e7eee9;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 17px 22px}.identity{display:flex;align-items:center;gap:13px;padding:2px 15px 42px}.brand-seal{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:12px;background:#e6b775;color:#26312e;font-size:12px;font-weight:700;letter-spacing:.06em;flex:none}.identity strong{display:block;font-size:16px;letter-spacing:-.035em}.identity small{display:block;color:#aab9b1;font-size:12px;margin-top:4px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#c7d3cb;display:flex;align-items:center;gap:13px;text-align:left;width:100%;border-radius:10px;padding:13px 15px;font-size:14px;font-weight:600}.nav-item:hover,.nav-item.active{color:white;background:#374941}.nav-symbol{font-size:18px;width:21px;text-align:center;font-weight:400}.side-bottom{margin-top:auto}.account{border-top:1px solid #40534a;margin:14px 14px 0;padding-top:20px;font-size:12px;word-break:break-all;color:#bfcbc3}.account button{display:block;margin-top:9px;background:none;border:0;padding:0;color:#e9be83;font-size:13px}.workarea{min-width:0}.topbar{height:76px;padding:0 clamp(24px,4.5vw,74px);background:#fff;border-bottom:1px solid #e9ede8;display:flex;justify-content:space-between;align-items:center}.breadcrumb{font-size:13px;color:#58675f}.breadcrumb span{color:#bcc6be;margin:0 9px}.top-actions{display:flex;align-items:center;gap:18px}.text-btn,.panel-head button{background:none;border:0;color:#52675b;font-size:13px;font-weight:600}.avatar{width:34px;height:34px;border-radius:50%;background:#e6eadf;display:grid;place-items:center;font-size:14px;font-weight:700}.content{max-width:1410px;padding:54px clamp(24px,4.5vw,74px) 100px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px}.eyebrow{font-size:11px;color:#9a7444;font-weight:700;letter-spacing:.19em;margin-bottom:13px}.page-head h1{font-size:clamp(28px,3vw,38px);letter-spacing:-.06em;line-height:1.35;margin-bottom:10px}.page-head p{font-size:15px;color:#718078;line-height:1.7;margin:0;word-break:keep-all}.btn{border:1px solid transparent;border-radius:9px;padding:11px 16px;font-size:14px;font-weight:700;white-space:nowrap}.btn.primary{background:#283b31;color:#fff}.btn.primary:hover{background:#3e5948}.btn.secondary{background:#fff;border-color:#dce4dc;color:#405247}.btn.secondary:hover{background:#f5f8f5}.btn span{margin-right:7px;font-size:18px;line-height:0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:34px}.stats button{border:1px solid #e7ece5;border-radius:15px;background:#fff;text-align:left;padding:25px 27px;min-height:151px;display:flex;flex-direction:column}.stats button:hover,.tile:hover{border-color:#b8c8b6}.stats span{color:#66796c;font-size:14px}.stats strong{font-size:34px;letter-spacing:-.05em;margin-top:13px}.stats small{font-size:12px;color:#8a9b8e;margin-top:auto}.columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.panel{background:#fff;border:1px solid #e7ece5;border-radius:16px;padding:24px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel h2{font-size:18px;letter-spacing:-.04em;margin:0}.entry{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;padding:21px 23px;border:1px solid #e6ebe5;border-radius:12px;min-width:0}.panel .entry{border:0;border-top:1px solid #edf0ea;border-radius:0;padding:19px 0}.entry-main{min-width:0}.entry-meta{display:flex;gap:7px;color:#829088;font-size:12px;margin-bottom:7px}.entry h3,.tile h3{font-size:16px;letter-spacing:-.045em;margin:0 0 7px;word-break:keep-all}.entry p,.tile p{font-size:13px;color:#7b8a80;margin:0;line-height:1.6;white-space:pre-line}.entry .excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.entry-right{display:flex;align-items:center;gap:14px;flex:none}.badge{display:inline-block;background:#f1f3ee;color:#718074;font-size:12px;font-weight:600;border-radius:99px;padding:6px 10px;white-space:nowrap}.badge.complete{background:#e5f1e8;color:#3e7650}.badge.progress{background:#f9efe0;color:#a16f33}.more{background:none;border:0;color:#6a7b70;font-size:12px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;color:#859188;font-size:13px}.search{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid #e3e9e2;border-radius:9px;padding:0 14px;width:min(340px,75%)}.search span{font-size:24px;color:#738276;line-height:1}.search input{outline:none;border:0;width:100%;padding:12px 0;font-size:14px;background:transparent;color:#26312e}.entries{display:grid;gap:10px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tile{background:#fff;border:1px solid #e7ece5;border-radius:13px;padding:23px;min-width:0;min-height:183px;display:flex;flex-direction:column}.tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.category{color:#7c8e80;font-size:12px;font-weight:600}.tile-link{align-self:flex-start;background:transparent;border:0;padding:0;color:#41604b;font-size:13px;font-weight:700;margin-top:auto}.tile-link span{margin-left:6px}.empty{text-align:center;padding:65px 15px;color:#748278}.empty-mark{width:46px;height:46px;border-radius:50%;background:#eef2eb;display:grid;place-items:center;margin:0 auto 18px;color:#5c7765;font-size:27px}.empty h3{color:#35453a;font-size:17px;margin-bottom:7px}.empty p{font-size:13px;line-height:1.6;margin-bottom:18px;word-break:keep-all}.mobile-nav,.mobile-brand{display:none}.overlay{position:fixed;inset:0;background:#1e2924a8;z-index:10;display:flex;justify-content:flex-end}.dialog{width:min(640px,100%);height:100%;overflow:auto;background:#fff;padding:36px 40px 50px;box-shadow:-15px 0 45px #1a231d26}.dialog.narrow{width:min(510px,100%)}.dialog-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:30px}.dialog h2{font-size:24px;letter-spacing:-.05em;margin:0}.close{font-size:26px;line-height:1;background:#f3f5f1;border:0;border-radius:8px;width:36px;height:36px}.dialog form{display:grid;gap:20px}.dialog label,.auth-card label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#526456}.dialog input,.dialog textarea,.dialog select,.onboard input,.auth-card input{border:1px solid #dce4dc;border-radius:8px;padding:12px 13px;outline:none;color:#26342b;background:white;font-size:14px;width:100%;min-width:0}.dialog :is(input,textarea,select):focus,.auth-card input:focus,.onboard input:focus{border-color:#658775;box-shadow:0 0 0 3px #dfece2}.dialog textarea{line-height:1.7;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{border-top:1px solid #edf0eb;margin-top:7px;padding-top:24px;display:flex;gap:9px;justify-content:flex-end}.delete{margin-right:auto;border:0;background:none;color:#af594d;font-size:13px}.field-title{font-size:13px;font-weight:700;color:#526456}.field-title span{font-size:12px;font-weight:400;color:#8b978e;margin-left:7px}.ingredient-row{display:grid;grid-template-columns:minmax(110px,1fr) 90px 106px 28px;gap:7px;margin:8px 0}.ingredient-row input,.ingredient-row select{padding:9px;font-size:13px}.remove-item{background:transparent;border:0;font-size:22px;color:#8e9a91}.add-item{justify-self:start}.hint,.help{color:#718078;font-size:13px;line-height:1.7}.invite{display:flex;gap:8px}.invite code{background:#f3f5f1;border:1px solid #e2e8df;border-radius:8px;padding:13px;overflow-wrap:anywhere;min-width:0;flex:1;font-size:12px}.subhead{font-size:15px;margin:37px 0 13px}.member-list>div{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #edf0eb;font-size:13px;gap:12px;overflow-wrap:anywhere}.switch{border:0;background:none;color:#557460;font-size:13px;font-weight:600;padding:12px 0}.switch.danger{color:#a76a55;margin-top:18px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f6f8f4}.auth-intro{background:#24332c;color:white;padding:clamp(40px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.auth-intro .brand-seal{width:55px;height:55px;margin-bottom:44px}.auth-intro h1{font-size:clamp(34px,4.3vw,58px);letter-spacing:-.07em;line-height:1.35;word-break:keep-all}.auth-intro p{font-size:17px;line-height:1.8;color:#c7d4c9;max-width:470px;word-break:keep-all}.auth-foot{font-size:12px;color:#a6b7ab;margin-top:80px}.auth-card{align-self:center;justify-self:center;width:min(410px,calc(100% - 50px))}.auth-card h2{font-size:29px;letter-spacing:-.05em;margin-bottom:7px}.auth-card p{font-size:14px;color:#87948a;margin-bottom:28px}.auth-card form{display:grid;gap:19px}.auth-card .wide{width:100%;margin-top:8px;padding:14px}.auth-card .switch{margin-top:13px}.onboard,.setup{min-height:100vh;display:grid;place-items:center;padding:30px;background:#f6f8f4}.onboard-card{max-width:670px;background:#fff;border:1px solid #e4e9e2;border-radius:18px;padding:42px;width:100%}.onboard-card .brand-seal{margin-bottom:28px}.onboard-card h1{letter-spacing:-.055em;font-size:28px;line-height:1.4;word-break:keep-all}.onboard-card>p{font-size:14px;color:#748379;line-height:1.7;word-break:keep-all}.onboard-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.choice{text-align:left;border:1px solid #e0e6df;border-radius:12px;padding:20px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.choice:hover{border-color:#8fa993}.choice strong{font-size:16px}.choice span{font-size:13px;color:#829084;line-height:1.5}.choice input{margin-top:7px}.choice .btn{align-self:stretch}.setup{text-align:center}.setup p{color:#718078}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:#283b31;color:white;padding:12px 18px;border-radius:9px;opacity:0;pointer-events:none;z-index:30;font-size:13px;transition:.2s;box-shadow:0 12px 28px #1c2b2040;max-width:calc(100% - 30px)}#toast.show,#toast.error{opacity:1;transform:translate(-50%,0)}#toast.error{background:#a04539}
@media(max-width:1100px){.columns{grid-template-columns:1fr}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.layout{display:block;padding-bottom:69px}.sidebar{display:none}.topbar{height:58px;padding:0 18px}.breadcrumb,.top-actions .text-btn{display:none}.mobile-brand{display:block;font-weight:700;letter-spacing:.06em;font-size:14px}.mobile-brand span{font-size:13px;letter-spacing:-.03em;margin-left:5px}.content{padding:32px 18px 65px}.page-head{align-items:flex-start;margin-bottom:23px}.page-head h1{font-size:27px}.page-head p{font-size:14px}.page-head .btn{align-self:flex-end;font-size:12px;padding:10px}.page-head .btn span{font-size:15px;margin-right:4px}.stats{gap:8px}.stats button{padding:16px 12px;min-height:115px}.stats span{font-size:12px}.stats strong{font-size:27px;margin-top:8px}.stats small{font-size:11px}.panel{padding:18px}.entry{padding:16px;align-items:flex-start}.entry-right{flex-direction:column;align-items:flex-end;gap:12px}.tiles{gap:9px}.tile{padding:17px;min-height:165px}.tile h3{font-size:15px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8df;height:69px;z-index:5;justify-content:space-around;box-shadow:0 -4px 15px #2431260a}.mobile-nav .nav-item{display:flex;flex-direction:column;gap:2px;justify-content:center;text-align:center;width:20%;padding:5px 0;border-radius:0;font-size:10px;color:#829188}.mobile-nav .nav-item.active{color:#355844;background:#f1f6f0}.mobile-nav .nav-symbol{font-size:19px}.dialog{padding:25px 20px 90px}.auth-screen{display:block}.auth-intro{padding:35px 30px 30px;min-height:230px}.auth-intro .brand-seal{margin-bottom:18px}.auth-intro h1{font-size:29px;margin-bottom:7px}.auth-intro p{font-size:13px;margin:0}.auth-foot{display:none}.auth-card{padding:38px 0 60px}.onboard-options{grid-template-columns:1fr}.onboard-card{padding:25px}.form-row{grid-template-columns:1fr;gap:20px}}@media(max-width:420px){.page-head{display:block}.page-head .btn{margin-top:17px}.tiles{grid-template-columns:1fr}.ingredient-row{grid-template-columns:1fr 78px 76px 23px}.ingredient-row input,.ingredient-row select{padding:8px 5px;font-size:12px}.stats small{display:none}.entry .badge{font-size:10px}.entry{gap:6px}}