@import"https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap";:root,[data-theme=light]{--surface-100: #fbf8f3;--surface-200: #ffffff;--surface-300: #f2ede4;--line: #e3dccf;--line-strong: #958b7b;--ink: #231f18;--ink-muted: #6b6255;--brand: #aa3d25;--on-brand: #ffffff;--brand-soft: #f8e4dc;--herb: #2f6b4f;--on-herb: #ffffff;--herb-soft: #e1efe7;--grain: #e3a82b;--danger: #a3271b;--focus: var(--ink);--scrim: rgba(35, 31, 24, .48);--shadow-card: 0 1px 2px rgba(35, 31, 24, .06), 0 6px 16px rgba(35, 31, 24, .06)}[data-theme=dark]{--surface-100: #17150f;--surface-200: #221f18;--surface-300: #2b271f;--line: #3a352b;--line-strong: #7a705f;--ink: #f4efe6;--ink-muted: #b3a999;--brand: #f08a6c;--on-brand: #1a0f0b;--brand-soft: #3a2219;--herb: #7cc5a0;--on-herb: #0e1f17;--herb-soft: #1e3329;--grain: #e8b547;--danger: #ff8a7a;--focus: var(--ink);--scrim: rgba(0, 0, 0, .6);--shadow-card: 0 1px 2px rgba(0, 0, 0, .5)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-pill: 999px;--font-display: "Gowun Batang", "Noto Serif KR", serif;--font-sans: "IBM Plex Sans KR", "Apple SD Gothic Neo", system-ui, sans-serif}.display{font-family:var(--font-display);font-size:34px;line-height:42px;font-weight:700;letter-spacing:-.5px}.title-lg{font-family:var(--font-display);font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.3px}.numeral{font-family:var(--font-sans);font-size:44px;line-height:48px;font-weight:700;letter-spacing:-1px}.title-md{font-family:var(--font-sans);font-size:18px;line-height:26px;font-weight:600}.body{font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:400}.label{font-family:var(--font-sans);font-size:15px;line-height:20px;font-weight:600}.body-sm{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:400}.caption{font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:600;letter-spacing:.2px}body{margin:0;background:var(--surface-100);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.hs-icon{flex:none;display:block}.hs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:where(.hs-btn,.hs-opt,.hs-chip,.hs-iconbtn,.hs-meal,.hs-ing):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hs-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:52px;padding:0 var(--space-6);border-radius:var(--radius-pill);border:1.5px solid transparent;font:600 15px/20px var(--font-sans);cursor:pointer;transition:transform .12s ease,background-color .12s ease}.hs-btn:active{transform:scale(.98)}.hs-btn:disabled{opacity:.45;cursor:not-allowed}.hs-btn-primary{background:var(--brand);color:var(--on-brand)}.hs-btn-secondary{background:var(--surface-200);color:var(--ink);border-color:var(--line-strong)}.hs-btn-ghost{background:transparent;color:var(--brand);padding:0 var(--space-3);min-height:44px}.hs-btn-block{display:flex;width:100%}.hs-opt{position:relative;display:flex;gap:var(--space-3);text-align:left;width:100%;padding:var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--line-strong);background:var(--surface-200);color:var(--ink);font-family:var(--font-sans);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.hs-opt-tile{flex-direction:column;min-height:112px}.hs-opt-row{flex-direction:row;align-items:center;min-height:64px}.hs-opt-icon{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--surface-300);color:var(--ink);flex:none}.hs-opt-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.hs-opt-title{font:600 15px/20px var(--font-sans)}.hs-opt-desc{font:400 13px/18px var(--font-sans);color:var(--ink-muted)}.hs-opt-check{position:absolute;top:var(--space-3);right:var(--space-3);width:20px;height:20px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center}.hs-opt-row .hs-opt-check{position:static}.hs-opt.is-selected{border-color:var(--brand);background:var(--brand-soft)}.hs-opt.is-selected .hs-opt-icon{background:var(--surface-200);color:var(--brand)}.hs-opt.is-selected .hs-opt-check{background:var(--brand);color:var(--on-brand)}.hs-opt:disabled{opacity:.45;cursor:not-allowed}.hs-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:36px;padding:0 14px;border-radius:var(--radius-pill);border:1.5px solid var(--line-strong);background:var(--surface-200);color:var(--ink);font:500 14px/20px var(--font-sans);cursor:pointer;white-space:nowrap}.hs-chip.is-selected{background:var(--ink);border-color:var(--ink);color:var(--surface-100)}.hs-step{padding:var(--space-2) 0 var(--space-6)}.hs-step-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.hs-iconbtn{width:44px;height:44px;margin-left:-10px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ink);border-radius:var(--radius-pill);cursor:pointer}.hs-iconbtn-space{width:34px}.hs-progress{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--surface-300);overflow:hidden}.hs-progress>span{display:block;height:100%;background:var(--brand);border-radius:var(--radius-pill);transition:width .3s ease}.hs-step-count{font:600 12px/16px var(--font-sans);color:var(--ink-muted);min-width:30px;text-align:right;font-variant-numeric:tabular-nums}.hs-step-title{margin:0;font:700 24px/32px var(--font-display);letter-spacing:-.3px}.hs-step-hint{margin:var(--space-2) 0 0;font:400 14px/20px var(--font-sans);color:var(--ink-muted)}.hs-meal{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;font-family:var(--font-sans)}button.hs-meal{cursor:pointer}.hs-meal-thumb{width:56px;height:56px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;flex:none}.hs-tone-brand{background:var(--brand);color:var(--on-brand)}.hs-tone-herb{background:var(--herb);color:var(--on-herb)}.hs-tone-grain{background:var(--grain);color:var(--ink)}[data-theme=dark] .hs-tone-grain{color:var(--surface-100)}.hs-tone-plain{background:var(--surface-300);color:var(--ink)}.hs-meal-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.hs-meal-slot{font:600 12px/16px var(--font-sans);color:var(--ink-muted);letter-spacing:.2px}.hs-meal-title{font:600 16px/22px var(--font-sans);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-meal-meta{font:400 13px/18px var(--font-sans);color:var(--ink-muted)}.hs-meal-chev{color:var(--ink-muted)}.hs-stat{display:flex;flex-direction:column;gap:var(--space-1)}.hs-stat-label{font:600 12px/16px var(--font-sans);color:var(--ink-muted);letter-spacing:.2px}.hs-stat-value{font:700 44px/48px var(--font-sans);letter-spacing:-1px;font-variant-numeric:tabular-nums}.hs-stat-sm .hs-stat-value{font-size:24px;line-height:30px;letter-spacing:-.4px}.hs-stat-unit{font-size:.45em;font-weight:600;margin-left:2px;color:var(--ink-muted);letter-spacing:0}.hs-stat-note{display:inline-flex;align-items:center;gap:var(--space-1);font:600 13px/18px var(--font-sans);color:var(--ink-muted)}.hs-text-herb{color:var(--herb)}.hs-text-danger{color:var(--danger)}.hs-plan{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3);font:400 15px/20px var(--font-sans)}.hs-plan li{display:flex;align-items:center;gap:var(--space-3)}.hs-plan-dot{width:20px;height:20px;border-radius:var(--radius-pill);border:1.5px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box}.hs-plan-done{color:var(--ink)}.hs-plan-done .hs-plan-dot{background:var(--herb);border-color:var(--herb);color:var(--on-herb)}.hs-plan-active{color:var(--ink);font-weight:600}.hs-plan-active .hs-plan-dot{border-color:var(--brand);border-top-color:transparent;animation:hs-spin .9s linear infinite}.hs-plan-todo{color:var(--ink-muted)}@keyframes hs-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hs-plan-active .hs-plan-dot{animation:none;border-top-color:var(--brand)}}.hs-ing{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;font:400 16px/22px var(--font-sans)}button.hs-ing{cursor:pointer}.hs-box{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box}.hs-box.is-checked{background:var(--herb);border-color:var(--herb);color:var(--on-herb)}.hs-ing-amt{min-width:64px;font-weight:600;font-variant-numeric:tabular-nums}.hs-ing-name{flex:1;display:flex;flex-direction:column}.hs-ing-note{font-size:13px;line-height:18px;color:var(--ink-muted)}.hs-ing-price{font:500 14px/20px var(--font-sans);color:var(--ink-muted);font-variant-numeric:tabular-nums}.hs-ing.is-checked .hs-ing-name,.hs-ing.is-checked .hs-ing-amt{color:var(--ink-muted);text-decoration:line-through}:root{--rv-bg: #eef0f3;--rv-panel: #ffffff;--rv-line: #d9dde3;--rv-ink: #1b1f24;--rv-muted: #5c6470;--rv-accent: #2563eb;--rv-on-accent: #ffffff;--rv-soft: #e8effd;--rv-error: #b42318}@media(prefers-color-scheme:dark){:root{--rv-bg: #111317;--rv-panel: #1b1e24;--rv-line: #343944;--rv-ink: #eceff3;--rv-muted: #a3abb8;--rv-accent: #7aa7ff;--rv-on-accent: #0b1220;--rv-soft: #1f2a40;--rv-error: #ff8f84}}body{margin:0;background:var(--rv-bg);color:var(--rv-ink);font-family:IBM Plex Sans KR,system-ui,sans-serif}.scroll::-webkit-scrollbar{display:none}.rv{min-height:100dvh;display:flex;flex-direction:column}.rv-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;background:var(--rv-panel);border-bottom:1px solid var(--rv-line)}.rv-logo{font-size:16px;margin-right:auto}.rv-seg{display:flex;border:1px solid var(--rv-line);border-radius:999px;padding:2px}.rv-seg button,.rv-sheet-btns button,.rv-jump,.rv-chips button,.rv-tabs button,.rv-close{font:600 13px/18px inherit;font-family:inherit;color:var(--rv-ink);background:transparent;border:0;border-radius:999px;padding:6px 12px;cursor:pointer;min-height:32px}.rv-seg button[aria-pressed=true]{background:var(--rv-accent);color:var(--rv-on-accent)}.rv-jump{border:1px solid var(--rv-line);background:var(--rv-panel)}.rv-sheet-btns{display:none;gap:4px}.rv-sheet-btns button{border:1px solid var(--rv-line)}.rv-hint{margin:0;padding:8px 16px;font-size:13px;color:var(--rv-muted)}.is-review .rv-hint{background:var(--rv-soft);color:var(--rv-ink)}.rv-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 400px;min-height:0}.rv-stage{display:flex;justify-content:center;align-items:flex-start;padding:16px}.rv-frame{width:390px;height:min(844px,calc(100dvh - 140px));min-height:600px;border-radius:36px;overflow:hidden;box-shadow:0 0 0 10px #1b1f24,0 20px 50px #00000040;position:relative}.is-review .rv-frame{cursor:crosshair}.is-review .rv-frame :is(.hs-btn,.hs-opt,.hs-chip,.hs-step,.hs-meal,.hs-stat,.hs-plan,.hs-ing,[data-spot]):hover:not(:has(:is(.hs-btn,.hs-opt,.hs-chip,.hs-step,.hs-meal,.hs-stat,.hs-plan,.hs-ing,[data-spot]):hover)){outline:2px dashed var(--rv-accent);outline-offset:2px;cursor:pointer}.rv-frame [data-picked]{outline:3px solid var(--rv-accent)!important;outline-offset:2px}.rv-panel{background:var(--rv-panel);border-left:1px solid var(--rv-line);display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 100px);position:sticky;top:0}.rv-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0}.rv-tabs{display:flex;gap:4px}.rv-tabs button[aria-selected=true]{background:var(--rv-soft);color:var(--rv-accent)}.rv-close{display:none}.rv-error{margin:8px 16px 0;color:var(--rv-error);font-size:13px}.rv-author{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px;color:var(--rv-muted);border-bottom:1px solid var(--rv-line)}.rv-author input{flex:1}.rv input,.rv textarea{font:inherit;font-size:14px;color:var(--rv-ink);background:var(--rv-bg);border:1px solid var(--rv-line);border-radius:10px;padding:8px 10px;min-width:0}.rv textarea{resize:vertical;width:100%;box-sizing:border-box}.rv-body{flex:1;overflow-y:auto;padding:12px 16px 24px;display:flex;flex-direction:column;gap:12px}.rv-compose{display:flex;flex-direction:column;gap:8px}.rv-picked{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding:10px 12px;background:var(--rv-soft);border-radius:10px}.rv-picked div{display:flex;flex-direction:column;gap:2px;min-width:0}.rv-picked span{font-size:12px;color:var(--rv-muted);overflow-wrap:anywhere}.rv-primary{font:inherit;font-weight:600;font-size:14px;min-height:40px;border:0;border-radius:10px;background:var(--rv-accent);color:var(--rv-on-accent);cursor:pointer}.rv-primary:disabled{opacity:.45;cursor:default}.rv-link{align-self:flex-start;font:inherit;font-size:12px;color:var(--rv-accent);background:none;border:0;padding:4px 0;cursor:pointer;white-space:nowrap}.rv-empty{margin:0;font-size:13px;color:var(--rv-muted)}.rv-sub{margin:8px 0 0;font-size:14px}.rv-chips{display:flex;flex-wrap:wrap;gap:6px}.rv-chips button{border:1px solid var(--rv-line);font-size:12px;padding:4px 10px;min-height:28px}.rv-chips button[aria-pressed=true]{border-color:var(--rv-accent);color:var(--rv-accent);background:var(--rv-soft)}.rv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.rv-list li{padding:12px 0;border-bottom:1px solid var(--rv-line);display:flex;flex-direction:column;gap:4px}.rv-list p{margin:0;font-size:14px;line-height:21px;white-space:pre-wrap;overflow-wrap:anywhere}.rv-meta{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;font-size:13px}.rv-meta span,.rv-label{font-size:12px;color:var(--rv-muted)}.rv-actions{display:flex;gap:12px}.rv-colors{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.rv-colors li{display:flex;align-items:center;gap:10px}.rv-colors input[type=color]{width:40px;height:32px;padding:2px;flex:none;cursor:pointer}.rv-colors div{flex:1;display:flex;flex-direction:column;font-size:13px;min-width:0}.rv-colors span{font-size:12px;color:var(--rv-muted);font-family:ui-monospace,monospace}.rv-swatches{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--rv-muted)}.rv-swatches span{display:inline-flex;align-items:center;gap:4px}.rv-swatches i{width:14px;height:14px;border-radius:4px;border:1px solid var(--rv-line);display:inline-block}@media(max-width:899px){.rv{height:100dvh;min-height:0}.rv-top{padding:8px 12px;gap:6px 8px}.rv-jump{flex:1 1 140px;min-width:0}.rv-hint{padding:6px 12px;font-size:12px}.rv-main{display:flex;flex:1;min-height:0}.rv-stage{flex:1;padding:0;display:flex;align-items:stretch}.rv-frame{flex:1;width:auto;height:auto;min-height:0;border-radius:0;box-shadow:none}.rv-sheet-btns{display:flex}.rv-logo{display:none}.rv-panel{display:none;position:fixed;top:auto;left:0;right:0;bottom:0;max-height:60dvh;border-left:0;border-radius:16px 16px 0 0;box-shadow:0 -10px 30px #00000040;z-index:10;padding-bottom:env(safe-area-inset-bottom)}.rv-panel.is-open{display:flex}.rv-close{display:block}}