.browser{display:flex;flex-direction:column;gap:12px;height:100%}.browser__header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid var(--line)}.browser__title{font-family:var(--font-display);font-size:1.1rem;margin:0;color:var(--primary-dark)}.browser__count{font-size:.8rem;color:var(--ink-soft)}.browser__empty{text-align:center;color:var(--ink-soft);font-size:.9rem;padding:24px 12px;line-height:1.6}.browser__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.browser__card{width:100%;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:6px;transition:transform .08s ease,border-color .12s ease,box-shadow .12s ease;color:var(--ink)}.browser__card:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow)}.browser__card--active{border-color:var(--primary);background:#fff1e0;box-shadow:0 0 0 2px #c4743a40}.browser__thumb{width:100%;aspect-ratio:16 / 9;background:var(--line);border-radius:6px;overflow:hidden;margin-bottom:2px}.browser__thumb img{width:100%;height:100%;object-fit:cover;display:block}.browser__card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.browser__name{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--primary-dark);line-height:1.2}.browser__diff{font-size:1.1rem;color:var(--mustard)}.browser__meta{display:flex;gap:10px;font-size:.8rem;color:var(--ink-soft);flex-wrap:wrap}.browser__tags{display:flex;gap:4px;flex-wrap:wrap}.tag{display:inline-block;font-size:.7rem;padding:2px 8px;border-radius:999px;background:var(--salmon);color:#fff;letter-spacing:.02em}.detail{display:flex;flex-direction:column;gap:20px}.detail--empty{display:flex;align-items:center;justify-content:center;color:var(--ink-soft);height:100%}.detail__hero{margin:0;width:100%;aspect-ratio:16 / 9;background:var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.detail__hero img{width:100%;height:100%;object-fit:cover;display:block}.detail__header{border-bottom:2px dashed var(--line);padding-bottom:14px}.detail__heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.detail__name{font-family:var(--font-display);font-size:1.7rem;margin:0;color:var(--primary-dark)}.stars{color:var(--mustard);letter-spacing:2px;font-size:1rem}.stars__empty{color:var(--line)}.detail__meta{margin-top:6px;color:var(--ink-soft);font-size:.9rem;display:flex;gap:6px;flex-wrap:wrap}.detail__tags{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.detail__subtitle{font-family:var(--font-display);font-size:1rem;margin:0 0 8px;color:var(--primary);text-transform:uppercase;letter-spacing:.08em}.detail__ingredients{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.detail__ingredients li{display:flex;justify-content:space-between;padding:6px 10px;background:var(--bg);border-radius:var(--radius-sm);font-size:.92rem}.detail__ing-name{color:var(--ink)}.detail__ing-qty{color:var(--ink-soft);font-variant-numeric:tabular-nums}.detail__steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:.95rem}.detail__steps li{padding-left:4px}.diary{position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,rgba(61,43,31,.06) 27px,rgba(61,43,31,.06) 28px),var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:24px 16px 16px;margin-top:8px}.diary__washi{position:absolute;top:-8px;left:24px;width:80px;height:18px;background:var(--salmon);opacity:.75;transform:rotate(-2deg);border-radius:2px}.diary__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.diary__title{font-family:var(--font-display);font-size:1.05rem;margin:0;color:var(--primary-dark)}.diary__count{font-size:.85rem;color:var(--ink-soft)}.diary__empty{color:var(--ink-soft);font-size:.88rem;line-height:1.5;margin:6px 0 0}.diary__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.diary__entry{padding:8px 10px;background:#fff9;border-left:3px solid var(--mustard);border-radius:4px}.diary__entry-top{display:flex;justify-content:space-between;gap:8px;font-size:.82rem;color:var(--ink-soft);margin-bottom:3px}.diary__mood{color:var(--primary)}.diary__note{margin:0;font-size:.93rem;color:var(--ink)}.controller{display:flex;flex-direction:column;gap:20px}.ctrl-section{padding-bottom:16px;border-bottom:1px dashed var(--line)}.ctrl-section:last-child{border-bottom:none;padding-bottom:0}.ctrl-title{font-family:var(--font-display);font-size:1rem;margin:0 0 10px;color:var(--primary-dark);text-transform:uppercase;letter-spacing:.08em}.ctrl-hint{margin:0 0 10px;font-size:.82rem;color:var(--ink-soft);line-height:1.5}.ctrl-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.ctrl-label{font-size:.85rem;color:var(--ink-soft)}.ctrl-input{flex:1;max-width:60%;font-family:inherit;font-size:.85rem;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}.ctrl-input:focus{outline:2px solid rgba(196,116,58,.4);outline-offset:0;border-color:var(--primary)}.meal-grid{width:100%;border-collapse:separate;border-spacing:3px;font-size:.78rem}.meal-grid th{color:var(--ink-soft);font-weight:500;text-align:center;padding:4px}.meal-grid__day{text-align:left!important;padding-left:2px!important;width:36px}.meal-cell{width:100%;min-height:30px;padding:4px 6px;border-radius:6px;font-size:.78rem;line-height:1.2;border:1px dashed var(--line);background:var(--bg);color:var(--ink-soft);transition:background .1s ease,border-color .1s ease}.meal-cell--empty:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#fff1e0}.meal-cell--empty:disabled{opacity:.5;cursor:not-allowed}.meal-cell--filled{background:var(--olive);color:#fff;border:1px solid var(--olive);font-weight:500}.meal-cell--filled:hover{background:#6a7a4e}.ctrl-budget{margin-top:10px;padding:8px 10px;background:var(--bg);border-radius:var(--radius-sm);font-size:.9rem;color:var(--ink);text-align:center}.ctrl-budget strong{color:var(--primary-dark);font-size:1rem}.grocery{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px;font-size:.85rem}.grocery li{display:flex;justify-content:space-between;padding:4px 8px;background:var(--bg);border-radius:4px}.grocery__qty{color:var(--ink-soft);font-variant-numeric:tabular-nums}.cooked-form{display:flex;flex-direction:column;gap:8px}.cooked-form__note{font-family:inherit;font-size:.88rem;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);resize:vertical;background:var(--bg);color:var(--ink)}.cooked-form__note:focus{outline:2px solid rgba(196,116,58,.4);border-color:var(--primary)}.cooked-form__note:disabled{opacity:.5}.cooked-form__moods{display:flex;gap:6px;flex-wrap:wrap}.mood-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:.78rem;cursor:pointer;color:var(--ink-soft);background:var(--bg);-webkit-user-select:none;user-select:none}.mood-chip input{display:none}.mood-chip--active{background:var(--mustard);color:#fff;border-color:var(--mustard)}.cooked-form__submit{background:var(--primary);color:#fff;border:none;padding:10px 14px;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;transition:background .1s ease,transform .05s ease}.cooked-form__submit:hover:not(:disabled){background:var(--primary-dark)}.cooked-form__submit:active:not(:disabled){transform:translateY(1px)}.cooked-form__submit:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column;padding:20px 24px 32px;max-width:1600px;margin:0 auto}.app__header{margin-bottom:16px;padding-bottom:14px;border-bottom:2px dashed var(--line)}.app__title{font-family:var(--font-display);font-size:2rem;margin:0;color:var(--primary-dark);letter-spacing:-.01em}.app__subtitle{margin:4px 0 0;color:var(--ink-soft);font-size:.95rem}.app__grid{flex:1;display:grid;grid-template-columns:320px 1fr 340px;gap:16px;min-height:0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;overflow-y:auto;max-height:calc(100vh - 120px)}@media (max-width: 1100px){.app__grid{grid-template-columns:1fr}.panel{max-height:none}}:root{--bg: #FFF8F0;--primary: #C4743A;--primary-dark: #8B5E3C;--mustard: #D4A537;--olive: #7A8B5E;--salmon: #E8967A;--ink: #3D2B1F;--ink-soft: #6B5344;--paper: #FFFDF7;--line: #E8DDC9;--radius: 14px;--radius-sm: 8px;--shadow: 0 2px 8px rgba(61, 43, 31, .08);--shadow-md: 0 4px 14px rgba(61, 43, 31, .12);--font-body: "Pretendard", "Noto Sans KR", system-ui, -apple-system, sans-serif;--font-display: "Gowun Batang", "Georgia", serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);line-height:1.5}button{font-family:inherit;cursor:pointer}