:root{--bg:#fff;--bg-sidebar:#f5f5f7;--card:#f2f2f6;--card-strong:#e8e8ed;--field:#fff;--text:#1d1d1f;--text2:#6e6e73;--text3:#a1a1a6;--border:#e2e2e7;--accent:#4f6bed;--accent-soft:#4f6bed1f;--selected:#4f6bed24;--green:#28a745;--orange:#f08a00;--red:#e5372c;--indigo:#5856d6;--blue:#0a7cff;--brown:#9c7a52;--gray:#8e8e93;--purple:#a54fd6;--pink:#e8335f;--teal:#2aa6bf;--mint:#00b3aa;--radius:12px;--shadow:0 8px 30px #0000001f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Segoe UI,Roboto,Noto Sans KR,sans-serif;font-size:14px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#1c1c1e;--bg-sidebar:#232326;--card:#2b2b2f;--card-strong:#36363b;--field:#2b2b2f;--text:#f2f2f7;--text2:#a1a1a8;--text3:#6e6e75;--border:#3a3a3f;--accent:#7087ff;--accent-soft:#7087ff29;--selected:#7087ff38;--green:#3ccf62;--orange:#ff9f0a;--red:#ff5a4f;--indigo:#7d7aff;--blue:#3d9bff;--brown:#b8966a;--purple:#c77dff;--pink:#ff5c83;--teal:#4cc4db;--mint:#3fd4cb;--shadow:0 8px 30px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.01em;margin:0}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}.muted{color:var(--text2)}.faint{color:var(--text3)}.small{font-size:12px}.num{font-variant-numeric:tabular-nums}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.stack{flex-direction:column;gap:8px;display:flex}.btn{border:1px solid var(--border);background:var(--field);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;height:30px;padding:0 12px;transition:background .12s;display:inline-flex}.btn:hover{background:var(--card)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);color:#fff;border-color:#0000}.btn.primary:hover{filter:brightness(1.07)}.btn.danger{color:var(--red)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--card)}.btn.icon{justify-content:center;width:30px;padding:0}.link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0}.input,.select,.textarea{border:1px solid var(--border);background:var(--field);border-radius:8px;outline:none;min-width:0;height:32px;padding:0 10px}.textarea{resize:vertical;height:auto;padding:8px 10px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.segmented{background:var(--card);border-radius:8px;padding:2px;display:inline-flex}.segmented button{cursor:pointer;color:var(--text2);background:0 0;border:none;border-radius:6px;padding:4px 12px}.segmented button.on{background:var(--field);color:var(--text);box-shadow:0 1px 2px #0000001f}.check{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.badge{background:var(--card-strong);color:var(--text2);border-radius:99px;padding:1px 6px;font-size:11px;font-weight:600}.chip{border-radius:99px;padding:1px 6px;font-size:11px;font-weight:600}.chip.green{color:var(--green);background:color-mix(in srgb, var(--green) 14%, transparent)}.tag{color:var(--accent);font-size:12px}.app{grid-template-columns:250px 1fr;height:100%;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.sidebar .brand{align-items:center;gap:10px;padding:16px 16px 8px;font-size:16px;font-weight:700;display:flex}.sidebar .brand img{border-radius:7px;width:28px;height:28px}.sidebar nav{flex:1;padding:4px 10px 12px;overflow-y:auto}.nav-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;padding:6px 8px;display:flex}.nav-item:hover{background:var(--card-strong)}.nav-item.on{background:var(--selected)}.nav-item svg{color:var(--accent);flex:none}.nav-item.soon{color:var(--text2)}.nav-item.soon svg{color:var(--text3)}.nav-item .count{color:var(--text2);margin-left:auto;font-size:12px}.nav-section{color:var(--text3);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;margin:14px 8px 4px;font-size:11px;font-weight:600;display:flex}.sidebar footer{border-top:1px solid var(--border);color:var(--text2);padding:10px 14px;font-size:12px}.content{min-width:0;min-height:0;overflow:auto}.page{max-width:1240px;margin:0 auto;padding:24px 28px 40px}.page-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.page-head h1{font-size:22px}.topbar{display:none}.error-bar{background:color-mix(in srgb, var(--red) 12%, transparent);color:var(--red);padding:8px 16px;font-size:13px}@media (max-width:860px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.topbar{border-bottom:1px solid var(--border);background:var(--bg-sidebar);align-items:center;gap:10px;padding:10px 14px;display:flex}.sidebar{z-index:40;box-shadow:var(--shadow);transition:transform .2s;position:fixed;inset:0 30% 0 0;transform:translate(-100%)}.sidebar.open{transform:none}.page{padding:16px}}.card{background:var(--card);border-radius:var(--radius);padding:16px}.card h3{align-items:center;gap:6px;margin-bottom:10px;display:flex}.grid-tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.grid-charts{grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:16px;display:grid}@media (max-width:560px){.grid-charts{grid-template-columns:1fr}}.tile{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:6px;min-height:104px;padding:14px 16px;display:flex}.tile .label{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.tile .value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:26px;font-weight:700}.tile .value small{color:var(--text2);letter-spacing:0;margin-left:3px;font-size:13px;font-weight:400}.bar{background:var(--card-strong);border-radius:99px;height:5px;overflow:hidden}.bar>div{border-radius:99px;height:100%}.split{grid-template-columns:minmax(280px,340px) 1fr;height:100%;display:grid}.split .list{border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.split .list .tools{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:12px;display:flex}.split .list .items{flex:1;overflow-y:auto}.split .detail{min-width:0;overflow-y:auto;container-type:inline-size}@media (max-width:860px){.split{grid-template-columns:1fr}.split.has-detail .list,.split:not(.has-detail) .detail{display:none}}.recipe-row{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.recipe-row:hover{background:var(--card)}.recipe-row.on{background:var(--selected)}.recipe-row .title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.thumb{object-fit:cover;background:color-mix(in srgb, var(--orange) 14%, transparent);width:46px;height:46px;color:var(--orange);border-radius:8px;flex:none;place-items:center;display:grid}.hero{object-fit:cover;border-radius:14px;width:100%;height:280px;display:block}.recipe-body{max-width:1000px;padding:26px 28px 60px}.two-col{grid-template-columns:minmax(220px,340px) 1fr;gap:32px;display:grid}@media (max-width:760px){.two-col{grid-template-columns:1fr}}@container (width<=640px){.two-col{grid-template-columns:1fr;gap:20px}}.ing{border-bottom:1px solid var(--border);align-items:baseline;gap:8px;padding:7px 0;display:flex}.step{gap:12px;margin-bottom:14px;display:flex}.step .n{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.stars{gap:1px;display:inline-flex}.stars button{cursor:pointer;color:var(--text3);background:0 0;border:none;padding:0 1px}.stars button.on{color:#f5b301}.text-small .scaled{font-size:12.5px}.text-medium .scaled{font-size:14px}.text-large .scaled{font-size:17px}.addbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;padding:12px 0 16px;display:flex}.addbar .input.big{flex:1;min-width:180px;height:36px;font-size:16px}.group{margin-top:16px}.group h4{color:var(--text2);align-items:center;gap:6px;margin:0 0 4px;font-size:12px;font-weight:600;display:flex}.line{border-bottom:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;padding:8px 6px;display:flex}.line:hover{background:var(--card)}.line .grow{flex:1;min-width:0}.line .hover-only{opacity:0}.line:hover .hover-only{opacity:1}.done{color:var(--text2);text-decoration:line-through}.week{grid-template-columns:64px repeat(7,minmax(120px,1fr));gap:6px;display:grid;overflow-x:auto}.week .head{text-align:center;padding:6px 0}.week .head .dnum{font-size:18px;font-weight:600}.week .head.today .dnum{color:#fff;background:var(--accent);border-radius:99px;min-width:30px;display:inline-block}.week .meal{color:var(--text2);padding-top:8px;font-size:12px}.slot{background:var(--card);border-radius:10px;flex-direction:column;gap:4px;min-height:84px;padding:6px;display:flex}.slot .plan{background:var(--field);border-radius:7px;align-items:flex-start;gap:4px;padding:5px 7px;font-size:12px;display:flex}.slot .plan .grow{flex:1;min-width:0}.slot .add{color:var(--text3);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:auto;padding:2px 4px;font-size:12px}.slot .add:hover{color:var(--accent)}.backdrop{z-index:50;background:#00000059;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg);box-shadow:var(--shadow);border-radius:14px;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto}.modal.wide{width:min(860px,100%)}.modal header{align-items:center;gap:8px;padding:16px 20px 8px;display:flex}.modal .body{flex-direction:column;gap:12px;padding:8px 20px 16px;display:flex}.modal footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 20px 16px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field>span{color:var(--text2);font-size:12px}.form-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.toast{background:var(--card-strong);color:var(--text);box-shadow:var(--shadow);z-index:60;border-radius:99px;max-width:calc(100vw - 32px);padding:9px 16px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.empty{text-align:center;color:var(--text2);flex-direction:column;align-items:center;gap:10px;padding:60px 20px;display:flex}.empty svg{color:var(--text3)}.login{place-items:center;min-height:100%;padding:24px;display:grid}.login form{text-align:center;flex-direction:column;gap:10px;width:min(340px,100%);display:flex}.login img{border-radius:20px;width:88px;height:88px;margin:0 auto 6px}