:root{--bg:#eef0ea;--surface:#fff;--ink:#1c2218;--muted:#5b6455;--line:#d3d8cb;--accent:#3f5a2a;--accent-ink:#fff;--accent-soft:#e1e8d6;--sample:#6b4fa0;--sample-soft:#ece6f6;--warn:#9a3412;--warn-soft:#fbe7dc;--best:#8a5a00;--best-soft:#fbefcf;--thumb-meat:#d9c2b0;--thumb-kimchi:#e3c4b9;--hdr-bg:#fff;--hdr-band:#f5f8f0;--hdr-ink:#1f2b17;--hdr-gold:#3f7a2a;--hdr-soft:#e6f0dc;--hdr-line:#dfe5d6;--mil-bg:#fff8e6;--mil-line:#e9c96a;--mil-gold:#b8860b;--mil-ink:#3d2e00;--font-display:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-body:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--font-mono:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#131711;--surface:#1b2018;--ink:#e5e9de;--muted:#9ba393;--line:#2f3729;--accent:#a3c27f;--accent-ink:#11160d;--accent-soft:#263020;--sample:#c3aef0;--sample-soft:#2b2440;--warn:#f2a07a;--warn-soft:#3a2117;--best:#f0c766;--best-soft:#3a2f12;--thumb-meat:#3d3029;--thumb-kimchi:#432c26;--hdr-bg:#1b2018;--hdr-band:#161a13;--hdr-ink:#e5e9de;--hdr-gold:#a9cf82;--hdr-soft:#26331d;--hdr-line:#2f3729;--mil-bg:#2a2412;--mil-line:#7a6428;--mil-gold:#f2c94c;--mil-ink:#f3e7c2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#131711;--surface:#1b2018;--ink:#e5e9de;--muted:#9ba393;--line:#2f3729;--accent:#a3c27f;--accent-ink:#11160d;--accent-soft:#263020;--sample:#c3aef0;--sample-soft:#2b2440;--warn:#f2a07a;--warn-soft:#3a2117;--best:#f0c766;--best-soft:#3a2f12;--thumb-meat:#3d3029;--thumb-kimchi:#432c26;--hdr-bg:#1b2018;--hdr-band:#161a13;--hdr-ink:#e5e9de;--hdr-gold:#a9cf82;--hdr-soft:#26331d;--hdr-line:#2f3729;--mil-bg:#2a2412;--mil-line:#7a6428;--mil-gold:#f2c94c;--mil-ink:#f3e7c2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.55}h1,h2,h3{text-wrap:balance;margin:0}h1,h2{font-family:var(--font-display);letter-spacing:-.01em;font-weight:800}p{margin:0}button,input{font:inherit;color:inherit}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:1120px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));gap:16px;margin:0 auto;padding-block:20px 120px;display:grid}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;padding:10px 16px;font-weight:500}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.small{padding:6px 12px;font-size:14px}.btn:disabled{opacity:.45;cursor:not-allowed}.link{color:var(--muted);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px;text-decoration:underline}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--hdr-bg);position:fixed;inset:0 0 auto}.top{top:env(safe-area-inset-top,0px);z-index:5;background:var(--hdr-bg);color:var(--hdr-ink);border-bottom:1px solid var(--hdr-line);position:sticky;box-shadow:0 1px 6px #1f2b170f}.top-in{max-width:1120px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));align-items:center;gap:12px;margin:0 auto;padding-block:10px;display:flex}.brand{font-family:var(--font-display);color:var(--bg);font-size:20px;font-weight:800;text-decoration:none}.role{opacity:.8;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:13px;overflow:hidden}.top .link{color:var(--bg);opacity:.8}.login{align-content:center;min-height:80vh}.login-card{gap:16px;max-width:560px;display:grid}.login h1{font-size:clamp(40px,9vw,64px);line-height:1.05}.eyebrow{letter-spacing:.08em;color:var(--accent);font-size:13px;font-weight:700}.lead{color:var(--muted);max-width:34em;font-size:17px}.login-actions{flex-wrap:wrap;gap:10px;display:flex}.note{color:var(--muted);font-size:13px}.controls{gap:12px;display:grid}.search-box input{border:2px solid var(--ink);background:var(--surface);border-radius:6px;width:100%;padding:14px 16px;font-size:16px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 14px}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.cat-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.cat-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.cat-head strong{font-size:15px}.cat-head select{border:1px solid var(--line);background:var(--bg);max-width:60vw;color:var(--ink);font:inherit;border-radius:6px;padding:6px 10px;font-size:14px}.cat-panel .chips{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;display:grid}.cat-panel .chip{background:var(--bg);text-align:left;white-space:nowrap;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;font-size:14px;display:flex;overflow:hidden}.cat-panel .chip .n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.cat-panel .chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.cat-panel .chip.on .n{color:inherit;opacity:.85}@media (width<=480px){.cat-panel .chips{scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;display:flex;overflow-x:auto}.cat-panel .chips::-webkit-scrollbar{display:none}.cat-panel .chip{scroll-snap-align:start;border-radius:999px;flex:none;padding:8px 14px}}.allergen{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 14px}.allergen summary{cursor:pointer;font-weight:500}.allergen .count{color:var(--warn);margin-left:6px;font-size:13px}.allergen-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px 12px;margin-block:12px 8px;display:grid}.ck{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.ck input{width:18px;height:18px;accent-color:var(--accent)}.hint,.meta{color:var(--muted);font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-rows:auto auto 1fr;display:grid;overflow:hidden}.thumb{aspect-ratio:16/7;background:var(--thumb-meat);place-items:center;max-width:100%;display:grid}.thumb.cat-kimchi{background:var(--thumb-kimchi)}.thumb span{font-family:var(--font-display);color:var(--ink);opacity:.35;font-size:22px;font-weight:800}.thumb.big{aspect-ratio:1;border-radius:8px;width:140px}.thumb.has-img{position:relative;overflow:hidden}.thumb.has-img svg{width:100%;height:100%;display:block;position:absolute;inset:0}.img-note{background:var(--surface);border-radius:3px;padding:1px 6px;position:absolute;bottom:6px;right:6px;font-family:var(--font-body)!important;opacity:1!important;color:var(--muted)!important;font-size:11px!important}.thumb.big.has-img{aspect-ratio:16/10;width:200px}.card-body{align-content:start;gap:4px;min-width:0;padding:12px 14px 14px;display:grid}.tag{color:var(--muted);letter-spacing:.02em;font-size:12px}.card h3{font-size:17px}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{color:var(--accent);text-decoration:underline}.thumb-link{cursor:pointer;color:inherit;text-decoration:none;display:block;position:relative}.thumb-link:hover .thumb{opacity:.9}.spec{color:var(--muted);font-size:.85em;font-weight:400}.vendor{color:var(--muted);font-size:14px}.price{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:4px;display:flex}.price b{font-size:19px}.price s,.price .per{color:var(--muted);font-size:13px}.badges{flex-wrap:wrap;gap:6px;min-height:0;display:flex}.badge{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.badge.sample{background:var(--sample-soft);color:var(--sample)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.best{background:var(--best);color:var(--surface);margin-left:6px}.card-actions{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;margin-top:8px;padding-top:10px;display:flex}.empty{grid-column:1/-1;gap:4px;padding:32px 0;display:grid}.tray{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);z-index:4;position:fixed;bottom:0;left:0;right:0}.tray-in{max-width:1120px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding-block:10px;display:flex}#tray-count{font-variant-numeric:tabular-nums;font-weight:500}.back{color:var(--muted);font-size:14px;text-decoration:none}.compare h2,.detail h2{font-size:30px}.calc{background:var(--accent-soft);border-radius:8px;flex-wrap:wrap;align-items:end;gap:12px;padding:14px 16px;display:flex}.calc label{gap:4px;font-size:14px;font-weight:500;display:grid}.calc input{border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:6px;width:130px;padding:10px 12px;font-size:18px}.calc .unit{color:var(--muted);font-weight:400}.times{color:var(--muted);padding-bottom:8px;font-size:22px}.table-wrap{overflow-x:auto}.cmp{border-collapse:collapse;background:var(--surface);min-width:100%;font-size:14px}.cmp th,.cmp td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.cmp thead th{border-bottom:2px solid var(--ink);min-width:190px}.cmp thead th:first-child,.cmp tbody th{width:84px;min-width:84px}.cmp thead strong{font-size:16px;display:block}.cmp thead .mono{color:var(--muted);font-size:12px}.cmp tbody th{color:var(--muted);white-space:nowrap;font-weight:500}.cmp tbody th,.cmp thead th:first-child{background:var(--surface);z-index:1;position:sticky;left:0}.result{gap:2px;display:grid}.result.best{background:var(--best-soft);border-radius:4px;margin:-6px -8px;padding:6px 8px}.calc-total{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.missing{color:var(--muted);font-style:italic}.detail-head{flex-wrap:wrap;align-items:start;gap:18px;display:flex}.detail-head>div:last-child{flex:260px;gap:4px;min-width:0;display:grid}.block{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:10px;padding:14px 16px;display:grid}.block h3{font-size:16px}dl{gap:8px;margin:0;display:grid}.kv{grid-template-columns:110px 1fr;gap:12px;display:grid}.kv dt{color:var(--muted);font-size:14px}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}.docs{gap:8px;margin:0;padding:0;list-style:none;display:grid}.docs li{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.contact{justify-items:start}.cook{--progress:25%;border-top:1px dashed var(--line);gap:10px;padding-top:12px;display:grid}.cook-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cook-head .btn{margin-left:auto}.cook-stage{aspect-ratio:16/7;background:var(--thumb-meat);border-radius:8px;max-width:100%;position:relative;overflow:hidden}.cook-food{animation:1.4s ease-in-out infinite alternate sizzle;position:absolute;inset:0}.cook-food svg{width:100%;height:100%;display:block}.steam{background:radial-gradient(closest-side,#ffffffb0,#fff0);border-radius:50%;width:14px;height:44px;animation:2.6s ease-out infinite steam;position:absolute;bottom:45%}.steam.s1{left:38%}.steam.s2{animation-delay:.9s;left:50%}.steam.s3{animation-delay:1.7s;left:62%}.cook.paused .cook-food,.cook.paused .steam{animation-play-state:paused}.cook-steps{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cook-steps li{color:var(--muted);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background .3s,color .3s;display:flex}.cook-steps li.on{background:var(--accent-soft);color:var(--ink);font-weight:500}.cook-steps .n{font-variant-numeric:tabular-nums;border:1px solid;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:13px;display:grid}.cook-steps li.on .n{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.cook-bar{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.cook-bar span{height:100%;width:var(--progress);background:var(--accent);transition:width .4s;display:block}@keyframes sizzle{0%{transform:translateY(0)rotate(-.4deg)}to{transform:translateY(-2px)rotate(.4deg)}}@keyframes steam{0%{opacity:0;transform:translateY(10px)scaleX(.8)}30%{opacity:.9}to{opacity:0;transform:translateY(-40px)scaleX(1.4)}}@media (prefers-reduced-motion:reduce){.cook-food,.steam{animation:none}.steam{display:none}}.narrow{max-width:560px}.nav-in{max-width:1120px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));gap:4px;margin:0 auto;padding-block:0 8px;display:flex;overflow-x:auto}.nav-in a{color:var(--bg);opacity:.75;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:14px;text-decoration:none}.nav-in a.on{opacity:1;background:color-mix(in srgb, var(--bg) 18%, transparent)}.top .link{color:var(--bg);font-size:14px;text-decoration:none}.role-pick{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.role-card{text-align:left;border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;gap:4px;padding:14px 16px;display:grid}.role-card span{color:var(--muted);font-size:14px}.role-card.on{border-color:var(--accent);background:var(--accent-soft)}.step{margin-top:8px;font-weight:700}.btn.kakao{color:#191600;background:#fee500;border-color:#fee500}a.btn{color:var(--ink);text-decoration:none;display:inline-block}a.btn.primary{color:var(--accent-ink)}.legal{gap:10px;max-width:65ch;display:grid}.legal ul{margin:0;padding-left:1.2em}.err:empty{display:none}.loading{color:var(--muted);padding:24px 0}.thumb.has-photo{padding:0;position:relative;overflow:hidden}.thumb.has-photo img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.thumb.has-photo:has(img[data-nara-img]){background:#fff}.thumb.has-photo img[data-nara-img]{object-fit:contain}.photos img[data-nara-img]{object-fit:contain;background:#fff}.photos{scroll-snap-type:x mandatory;gap:8px;display:flex;overflow-x:auto}.photos img{aspect-ratio:4/3;object-fit:cover;scroll-snap-align:start;border-radius:8px;flex:none;width:min(100%,420px)}.detail{gap:16px;display:grid}.detail video{background:#000;border-radius:8px;width:100%;max-height:70vh}.yt{aspect-ratio:16/9;max-width:100%;position:relative}.yt iframe{border:0;border-radius:8px;width:100%;height:100%;position:absolute;inset:0}.more-wrap{justify-content:center;display:flex}a.btn.disabled{opacity:.45;pointer-events:none}.price+.meta{display:block}#more-cats{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 10px}.vendor-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}a.vitem{color:inherit;text-decoration:none}a.vitem:hover{border-color:var(--accent)}.readonly{background:var(--accent-soft)}.upload{border-bottom:1px dashed var(--line);gap:6px;padding-block:8px;display:grid}.upload:last-child{border-bottom:0}.upload label{gap:6px;font-weight:500;display:grid}fieldset.block{margin:0}textarea{border:1px solid var(--line);background:var(--surface);width:100%;font:inherit;color:inherit;border-radius:6px;padding:10px 12px}.app-actions{gap:6px;min-width:180px;display:grid}.app-actions input,.pack-edit input,.pack-edit select{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:6px 10px}.pack-edit{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:14px;display:flex}.pack-edit input{width:90px}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.stats li{background:var(--accent-soft);font-variant-numeric:tabular-nums;border-radius:6px;padding:8px 12px}.stats b{font-size:20px;display:block}.wrap{grid-template-columns:minmax(0,1fr)}input[type=file]{max-width:100%}fieldset,.form{min-width:0}.form label.ck{grid-template-columns:none;font-weight:400;display:inline-flex}.brand,.top .link{white-space:nowrap}@media (width<=480px){.brand{font-size:17px}.top-in{gap:8px}.role{font-size:12px}}.ads{gap:8px;display:grid}.ads-title{color:var(--muted);font-size:16px;font-weight:700}.ad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:840px;display:grid}.ad-card{background:var(--accent-soft);aspect-ratio:9/16;border-radius:10px;max-width:100%;position:relative;overflow:hidden}.ad-link{color:#fff;text-decoration:none;display:block;position:absolute;inset:0}.ad-link img,.ad-link video{object-fit:cover;width:100%;height:100%;display:block}.ad-link:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.ad-badge{color:#fff;background:#000000a6;border-radius:3px;padding:1px 6px;font-size:11px;position:absolute;top:6px;left:6px}.ad-text{background:linear-gradient(#0000,#000000c7);gap:2px;min-width:0;padding:28px 8px 8px;display:grid;position:absolute;bottom:0;left:0;right:0}.ad-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ad-text span{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}@media (width>=720px){.ad-text strong{font-size:15px}.ad-text span{font-size:14px}.ad-text{padding:40px 12px 12px}}.ad-sound{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:16px;display:grid;position:absolute;top:6px;right:6px}.ad-preview img{border-radius:6px;max-width:100%;max-height:240px}.ad-options{gap:4px;display:grid}.ad-option{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:6px;padding:8px 10px}.ad-row-in{align-items:center;gap:10px;min-width:0;display:flex}.ad-row-in img{object-fit:cover;border-radius:4px;flex:none;width:45px;height:80px}.btn.danger{border-color:var(--warn);color:var(--warn)}.vendor-pick{gap:8px;display:grid}.vendor-pick select,.form input,.form select,.form textarea{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:100%;padding:10px 12px}.form{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:12px;padding:16px;display:grid}.form .row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.form label{gap:4px;font-size:14px;font-weight:500;display:grid}.form .err{color:var(--warn);font-size:14px}.vlist{gap:8px;display:grid}.vitem{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.vitem>div{min-width:0}#toast{left:50%;bottom:calc(76px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);z-index:20;border-radius:6px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}@media (width<=480px){.thumb{aspect-ratio:16/4}.cmp thead th{min-width:170px}.kv{grid-template-columns:1fr;gap:2px}.thumb.big{width:96px}.calc input{width:110px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.src{color:var(--muted);border:1px solid var(--line);vertical-align:middle;border-radius:999px;margin-left:4px;padding:0 6px;font-size:11px;line-height:18px;display:inline-block}.nara-photo{margin:0}.credit{color:var(--muted);margin:4px 0 0;font-size:12px}.runs{border-collapse:collapse;font-variant-numeric:tabular-nums;border:1px solid var(--line);background:var(--surface);width:100%;font-size:14px}.runs th,.runs td{border:1px solid var(--line);text-align:right;white-space:nowrap;padding:7px 8px}.runs thead th{background:var(--accent-soft);text-align:center;font-weight:600}.runs td:first-child,.runs td:nth-child(2){text-align:center}.runs td:last-child{text-align:left;white-space:normal;min-width:120px}.runs td:last-child .badge,.runs td:last-child .err{white-space:normal;display:block}.runs tbody tr:nth-child(2n) td{background:var(--bg)}.form .ck input,.ck input[type=checkbox]{flex:none;width:18px;height:18px;margin:0;padding:0}.form label.ck{white-space:nowrap}.allergen-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.allergen-grid .ck,fieldset>.ck{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:10px 12px;display:flex}fieldset>.ck{width:fit-content;min-width:140px;margin-top:4px}.allergen-grid .ck:has(input:checked){border-color:var(--accent);background:var(--accent-soft);font-weight:600}fieldset>.ck:has(input:checked){border-color:var(--accent);background:var(--accent-soft);font-weight:600}.no-scroll{overflow:hidden}.doc-viewer{z-index:50;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:#000000e0;flex-direction:column;display:flex;position:fixed;inset:0}.doc-bar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 16px;display:flex}.doc-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.doc-body{-webkit-overflow-scrolling:touch;flex:1;align-content:start;justify-items:center;gap:12px;padding:16px;display:grid;overflow:auto}.doc-body .doc-page{background:#fff;width:100%;max-width:900px;height:auto;box-shadow:0 2px 12px #0000004d}.doc-body .err,.doc-body .loading,.doc-body .hint{color:#fff}.doc-list{gap:16px;display:grid}.doc-inline{border:1px solid var(--line);background:var(--bg);border-radius:8px;margin:0;overflow:hidden}.doc-inline figcaption{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.doc-inline figcaption span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.doc-inline-body{justify-items:center;gap:10px;max-height:70vh;padding:12px;display:grid;overflow:auto}.doc-inline-body .doc-page{background:#fff;width:100%;max-width:820px;height:auto;box-shadow:0 1px 6px #0000002e}.doc-none{gap:8px;font-size:14px;display:flex}.detail dl{border:1px solid var(--line);border-radius:6px;gap:0;overflow:hidden}.detail .kv{border-bottom:1px solid var(--line);gap:0}.detail .kv:last-child{border-bottom:0}.detail .kv dt{background:var(--accent-soft);color:var(--ink);border-right:1px solid var(--line);align-items:center;padding:10px 12px;font-weight:600;display:flex}.detail .kv dd{background:var(--surface);padding:10px 12px}@media (width<=480px){.detail .kv{grid-template-columns:1fr}.detail .kv dt{border-right:0;border-bottom:1px solid var(--line);padding:6px 12px}}.order-calc{gap:12px;display:grid}.seg{border:1px solid var(--line);border-radius:8px;width:fit-content;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);cursor:pointer;border:0;padding:8px 16px;font-weight:500}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:700}.oc-form{border:1px solid var(--line);border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;display:grid;overflow:hidden}.oc-form label{background:var(--accent-soft);border-right:1px solid var(--line);gap:6px;padding:10px 12px;font-size:14px;font-weight:600;display:grid}.oc-form label:last-child{border-right:0}.oc-form input{border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:6px;width:100%;padding:10px 12px;font-size:18px}.oc-form .unit{color:var(--muted);font-weight:400}.order-calc[data-mode=pieces] .oc-weight,.order-calc[data-mode=weight] .oc-pieces{display:none}.oc-result{border:1px solid var(--line);border-radius:6px;display:grid;overflow:hidden}.oc-result>p{margin:0;padding:10px 12px}.oc-row{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;display:grid}.oc-row span{background:var(--accent-soft);border-right:1px solid var(--line);padding:10px 12px;font-weight:600}.oc-row b{text-align:right;font-variant-numeric:tabular-nums;background:var(--surface);padding:10px 12px}.oc-row.total b{color:var(--accent);font-size:20px}.oc-form,.oc-result{max-width:640px}@media (width<=480px){.oc-form label{border-right:0;border-bottom:1px solid var(--line)}.oc-form label:last-child{border-bottom:0}.oc-row{grid-template-columns:96px 1fr}}.oc-bundle{background:var(--accent-soft);border-radius:6px;width:fit-content;margin:0;padding:8px 12px;font-weight:600}.price+.each,.each{color:var(--accent);font-weight:600;display:block}@media (width<=480px){.thumb.has-photo{aspect-ratio:1}.thumb.has-photo img[data-nara-img]{width:calc(100% - 16px);height:calc(100% - 16px);inset:8px}.photos img{aspect-ratio:1;width:100%}}.member-actions,.del-ask{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.del-ask .err{text-align:right;flex-basis:100%;font-size:13px}.btn.danger{background:var(--warn);border-color:var(--warn);color:#fff}.badge.st-paid{background:var(--accent-soft);color:var(--accent)}.badge.st-trial{background:var(--accent-soft);color:var(--ink)}.badge.st-soon{background:var(--warn-soft);color:var(--warn)}.badge.st-off{background:var(--warn);color:#fff}.bill-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.bill-list{border:1px solid var(--line);border-radius:6px;display:grid;overflow:hidden}.bill-item{border-bottom:1px solid var(--line);background:var(--surface);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.bill-item:last-child{border-bottom:0}.bill-item input{width:18px;height:18px}.bill-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bill-pay{gap:10px;margin-top:14px;display:grid}.bill-pay .seg label{cursor:pointer;border-left:1px solid var(--line);background:var(--surface);align-items:center;gap:6px;padding:8px 14px;display:flex}.bill-pay .seg label:first-child{border-left:0}.bill-pay .seg label:has(input:checked){background:var(--accent);color:var(--accent-ink);font-weight:700}.bill-pay .seg input{opacity:0;pointer-events:none;position:absolute}.bill-total{font-variant-numeric:tabular-nums;margin:0;font-size:18px;font-weight:700}.pay-modal .pay-body{background:var(--surface);flex:1;align-content:start;gap:12px;padding:16px;display:grid;overflow:auto}.btn.big{padding:14px;font-size:17px}.pay-result{text-align:center;justify-items:center;gap:12px;display:grid}.pay-month{font-weight:700}@media (width<=480px){.bill-item{grid-template-columns:auto minmax(0,1fr)}.bill-item .badge{grid-column:2;justify-self:start}}.bill-list{max-height:55vh;overflow-y:auto}.bill-pay{background:var(--surface);padding:12px 0 calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);z-index:2;position:sticky;bottom:0}.bill-pay .seg{width:100%;display:flex}.bill-pay .seg label{white-space:nowrap;flex:1;justify-content:center;padding:8px 6px}@media (width<=480px){.bill-total{font-size:15px}.bill-pay{gap:8px;padding-top:8px}}[data-testid=paid-search]{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:6px;padding:10px 12px}.reg-form{gap:8px;width:100%;margin-top:8px;display:grid}.reg-form .err:empty{display:none}.vitem:has(.reg-form){flex-wrap:wrap}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top-in{justify-content:space-between;padding-block:10px}.brand{color:var(--hdr-ink);align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.logo-mark{filter:drop-shadow(0 1px #00000040);flex:none;width:34px;height:37px}.brand-txt{gap:4px;line-height:1;display:grid}.brand-name{font-family:"Black Ops One", var(--font-display);letter-spacing:.06em;color:var(--hdr-ink);font-size:26px;font-weight:400}.brand-sub{letter-spacing:.32em;color:var(--hdr-gold);font-size:11px;font-weight:700}.top-right{align-items:center;gap:6px;min-width:0;display:flex}.top .role{color:var(--hdr-gold);background:var(--hdr-soft);opacity:1;border-radius:999px;max-width:32vw;margin:0;padding:4px 10px;font-size:12px;font-weight:700}.top-btn{border:1px solid var(--hdr-line);color:var(--hdr-ink);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:5px 10px;font-size:13px;text-decoration:none}.top-btn:hover{border-color:var(--hdr-gold);color:var(--hdr-gold)}.nav-band{background:var(--hdr-band);border-top:1px solid var(--hdr-line)}.nav-band .nav-in{scrollbar-width:none;gap:2px;padding-block:0}.nav-band .nav-in::-webkit-scrollbar{display:none}.nav-band .nav-in a{color:var(--hdr-ink);opacity:.72;background:0 0;border-bottom:3px solid #0000;border-radius:0;padding:11px 12px 9px;font-size:14px;font-weight:500}.nav-band .nav-in a:hover{opacity:1}.nav-band .nav-in a.on{opacity:1;color:var(--hdr-gold);border-bottom-color:var(--hdr-gold);background:0 0;font-weight:700}.brand.big{color:var(--ink)}.brand.big .logo-mark{width:64px;height:70px}.brand.big .brand-name{color:var(--ink);font-size:clamp(44px,11vw,72px)}.brand.big .brand-sub{color:var(--accent);font-size:clamp(13px,3.4vw,18px)}.hero-brand{margin-bottom:4px}@media (width<=480px){.logo-mark{width:28px;height:31px}.brand{gap:8px}.brand-name{font-size:21px}.brand-sub{letter-spacing:.24em;font-size:9.5px}.top-btn{padding:4px 8px;font-size:12px}.top .role{max-width:26vw;padding:3px 8px;font-size:11px}.nav-band .nav-in a{padding:10px 10px 8px}}@media (width<=360px){.top .role{display:none}}:root{--cheap:#d92d20;--cheap-ink:#fff}.cheap-badge.r2{--cheap:#1d4ed8}.cheap-badge.r3{--cheap:#15803d}.cheap-badge{z-index:2;background:var(--cheap);color:var(--cheap-ink);pointer-events:none;border-radius:0 999px 999px 0;align-items:baseline;gap:6px;padding:6px 12px 6px 10px;font-size:14px;line-height:1.1;display:inline-flex;position:absolute;top:10px;left:0;box-shadow:0 2px 6px #00000040}.cheap-badge b{letter-spacing:.02em;font-weight:800}.cheap-badge small{background:var(--cheap-ink);color:var(--cheap);border-radius:999px;padding:2px 7px;font-size:12px;font-weight:700}.photo-wrap{position:relative}.photo-wrap>.cheap-badge{border-radius:999px;margin-bottom:4px;font-size:16px;display:inline-flex;position:static}.photo-wrap:has(img:not([hidden]))>.cheap-badge{border-radius:0 999px 999px 0;position:absolute;top:14px}.mil-badge{z-index:2;color:#fff;pointer-events:none;background:#17140c;border:1.5px solid #e2b93b;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:5px 10px 6px;line-height:1;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0000004d}.mil-badge i{color:#f5c542;letter-spacing:1px;font-size:13px;font-style:normal}.mil-badge b{letter-spacing:.08em;font-size:12px;font-weight:800}.photo-wrap>.mil-badge{vertical-align:top;margin:0 0 4px 6px;display:inline-flex;position:static}.photo-wrap:has(img:not([hidden]))>.mil-badge{margin:0;position:absolute;top:14px;right:14px}.mil-detail{background:var(--mil-bg);border:1.5px solid var(--mil-line);color:var(--mil-ink)}.mil-detail .mil-head{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;display:flex}.mil-detail .mil-stars{color:var(--mil-gold);letter-spacing:2px;font-size:22px}.mil-detail .mil-head b{font-size:17px}.mil-detail .mil-level{color:var(--mil-gold);font-size:14px;font-weight:700}.mil-detail .mil-note{margin:8px 0 2px;font-size:16px;font-weight:500}.mil-edit{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:14px;display:flex}.mil-edit input,.mil-edit select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:6px 10px}.mil-edit input{flex:180px;min-width:0}.mil-on{color:var(--mil-gold);font-weight:700}.quick-row{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.mil-about{min-width:0;color:var(--muted);flex:260px;margin:0;font-size:13.5px;line-height:1.55}.mil-about b{color:var(--mil-gold)}.mil-toggle{cursor:pointer;font:inherit;background:var(--surface);color:var(--ink);border:1.5px solid var(--mil-line);border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:15px;font-weight:700;display:inline-flex}.mil-toggle .mil-toggle-stars{color:var(--mil-gold)}.mil-toggle:hover{background:var(--mil-bg)}.mil-toggle.on{color:#fff;background:#17140c;border-color:#e2b93b}.mil-toggle.on .mil-toggle-stars{color:#f5c542}.mil-admin{justify-items:start;gap:10px;display:grid}.mil-panel{background:var(--mil-bg);border:1.5px solid var(--mil-line);border-radius:12px;gap:8px;width:100%;padding:12px;display:grid}.mil-item{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.mil-item .mil-on{min-width:3.4em;font-size:16px}.mil-item-body{flex:220px;gap:2px;min-width:0;display:grid}.mil-item-note{color:var(--mil-ink);font-size:14px}.mil-item-act{gap:6px;display:flex}.site-foot{border-top:1px solid var(--line);background:var(--surface);color:var(--muted);padding-bottom:env(safe-area-inset-bottom,0px);margin-top:40px;font-size:12.5px;line-height:1.7}#app:has(.tray) .site-foot{padding-bottom:88px}.site-foot .foot-in{max-width:1100px;padding:20px max(16px, env(safe-area-inset-right,0px)) 20px max(16px, env(safe-area-inset-left,0px));gap:4px;margin:0 auto;display:grid}.site-foot p{margin:0}.foot-brand b{color:var(--ink);letter-spacing:.04em;margin-right:4px}.foot-biz{flex-wrap:wrap;gap:0 14px;display:flex}.foot-links{gap:14px;display:flex;margin-top:4px!important}.foot-links a{color:var(--muted)}.kakao-btn{color:#191919;background:#fee500;border-radius:10px;justify-self:start;align-items:center;gap:6px;margin-bottom:8px;padding:10px 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.kakao-btn:hover{filter:brightness(.96)}.biz-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px;display:grid}.mil-cell{gap:2px;display:grid}.mil-cell .mil-level{color:var(--mil-gold);font-size:13px;font-weight:700}.mil-cell-note{color:var(--ink);font-size:13px}.mil-logo{vertical-align:-.35em;flex:none;width:1.3em;height:auto;display:inline-block}.mil-badge{flex-direction:row;align-items:center;gap:6px;padding:4px 10px 4px 6px}.mil-badge .mil-logo{vertical-align:0;width:26px}.mil-badge-txt{flex-direction:column;align-items:center;gap:1px;display:inline-flex}.mil-toggle .mil-logo{width:22px}.mil-about .mil-logo{width:18px;margin-right:4px}.mil-detail-in{align-items:flex-start;gap:14px;display:flex}.mil-detail-in>.mil-logo{width:56px}.mil-detail-in>div{flex:1;min-width:0}.mil-cell-top{align-items:center;gap:6px;display:inline-flex}.mil-cell-top .mil-logo{vertical-align:0;width:34px}.per-kg{color:var(--accent);margin-top:2px;font-size:13.5px;display:block}.per-kg b{font-weight:800}.heat-pick{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.heat-opt{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex!important}.heat-opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.heat-opt input{height:20px;accent-color:var(--accent);flex:none;margin-top:2px;width:20px!important}.heat-opt span{gap:2px;display:grid}.heat-opt small{color:var(--muted);font-size:13px}.heat-type .req{color:var(--warn);font-size:13px;font-weight:400}.heat-badge{border-radius:999px;padding:2px 10px;font-size:13.5px;font-weight:800;display:inline-block}.heat-on{color:#a43d00;background:#ffe8d6}.heat-raw{color:#1d4f9c;background:#e3eefc}.heat-band{border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:9px 14px;font-size:13px;line-height:1.35;display:flex}.heat-band b{letter-spacing:.02em;font-size:18px;font-weight:900}.heat-band.cooked{color:#8a3300;background:#fff0e3}.heat-band.cooked b{color:#c2410c}.heat-band.raw{color:#1e3a8a;background:#e6f0ff}.heat-band.raw b{color:#1d4ed8}.heat-band.unknown{background:var(--bg);color:var(--muted)}.heat-band.unknown b{font-size:15px}.heat-band.big{border:0;border-radius:12px;margin:4px 0;padding:14px 18px}.heat-band.big b{font-size:24px}.heat-band.big span{font-size:15px}.cooked-kg{color:#1d4ed8;margin-top:2px;font-size:14px;font-weight:600;display:block}.cooked-kg b{font-weight:900}.cooked-kg small{color:var(--muted);font-weight:400}table.cmp td.best{background:var(--best-soft,#fdf0d5)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .heat-band.cooked{color:#ffd1ad;background:#3a2414}:root:not([data-theme=light]) .heat-band.cooked b{color:#ffab70}:root:not([data-theme=light]) .heat-band.raw{color:#c7d8ff;background:#172540}:root:not([data-theme=light]) .heat-band.raw b,:root:not([data-theme=light]) .cooked-kg{color:#8fb3ff}}:root[data-theme=dark] .heat-band.cooked{color:#ffd1ad;background:#3a2414}:root[data-theme=dark] .heat-band.cooked b{color:#ffab70}:root[data-theme=dark] .heat-band.raw{color:#c7d8ff;background:#172540}:root[data-theme=dark] .heat-band.raw b,:root[data-theme=dark] .cooked-kg{color:#8fb3ff}.flavor-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 2px;display:flex}.flavor-label{margin-right:4px;font-size:14px;font-weight:800}.flavor-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:8px 14px;font-size:14.5px;font-weight:600}.flavor-chip .n{color:var(--muted);margin-left:2px;font-weight:400}.flavor-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.flavor-chip.on .n{color:#fffc}.typing-fix{background:var(--accent-soft);border-radius:8px;margin:0;padding:8px 12px;font-size:14px}.typing-fix .link{margin-left:6px;font-size:13.5px}.kakao-notify .row-btns{flex-wrap:wrap;gap:8px;display:flex}.badge.ok{background:var(--accent-soft);color:var(--accent)}.ok-msg{background:var(--accent-soft);color:var(--ink);border-radius:10px;padding:12px 14px}@media (width<=480px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grid .card{border-radius:8px}.grid .thumb,.grid .thumb.has-photo{aspect-ratio:3/2}.grid .thumb.has-photo img[data-nara-img]{width:calc(100% - 8px);height:calc(100% - 8px);inset:4px}.grid .thumb span{font-size:15px}.grid .img-note{padding:0 4px;bottom:3px;right:3px;font-size:9px!important}.grid .heat-band{gap:0 6px;padding:5px 8px;font-size:11px}.grid .heat-band b{font-size:14px}.grid .heat-band.unknown b{font-size:12px}.grid .heat-band span{display:none}.grid .card-body{gap:2px;padding:7px 8px 8px}.grid .tag{white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.grid .card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.grid .vendor{white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.grid .price{gap:2px 4px;margin-top:2px}.grid .price b{font-size:15.5px}.grid .price s{font-size:11px}.grid .price .per{white-space:nowrap;text-overflow:ellipsis;flex-basis:100%;font-size:10.5px;overflow:hidden}.grid .per-kg,.grid .cooked-kg{font-size:11.5px}.grid .card-body>.meta{white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.grid .cooked-kg small{display:block}.grid .badge{padding:1px 5px;font-size:10.5px}.grid .card-actions{margin-top:4px;padding-top:6px}.grid .card-actions .ck{gap:5px;font-size:13px}.grid .card-actions .ck input{width:17px;height:17px}.grid .cheap-badge{gap:3px;padding:3px 7px 3px 6px;font-size:11px;top:6px}.grid .cheap-badge small{padding:1px 5px;font-size:10px}.grid .mil-badge{border-radius:7px;gap:3px;padding:2px 6px 2px 3px;top:6px;right:6px}.grid .mil-badge .mil-logo{width:17px}.grid .mil-badge i{letter-spacing:0;font-size:9px}.grid .mil-badge b{letter-spacing:.04em;font-size:9px}}
