@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&family=Noto+Serif+KR:wght@600&display=swap";:root{--bg:#f4f2ee;--card:#fff;--ink:#1c1a17;--sub:#5f5a52;--faint:#8a8276;--line:#e6e2da;--line2:#d6d0c5;--accent:#7a4e31;--accent-bg:#fbf4ea;--accent-line:#e3c9a8;--danger:#b23a2e;--wholesale:#1f3a5f;--radius:14px;--serif:"Noto Serif KR", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Noto Sans KR,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}.shell{flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;display:flex}.shell.wide{max-width:1080px}.topbar{z-index:20;background:var(--card);border-bottom:1px solid var(--line);align-items:center;gap:4px;min-height:56px;padding:8px;display:flex;position:sticky;top:0}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;padding-left:4px;font-size:16px;font-weight:700;overflow:hidden}.topbar .brand{font-family:var(--serif);letter-spacing:.03em;font-size:20px;font-weight:600}.page{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex}.page.pad-bottom{padding-bottom:96px}.card{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.card.flat{padding:0;overflow:hidden}.card.dark{background:var(--ink);color:var(--bg)}.section-title{color:var(--sub);padding:4px 4px 0;font-size:12px;font-weight:700}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted{color:var(--sub)}.faint{color:var(--faint)}.small{font-size:12px}.xs{font-size:11px}.bold,.price{font-weight:700}.strike{color:var(--faint);font-weight:400;text-decoration:line-through}.discount{color:var(--danger);font-weight:700}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pre{white-space:pre-wrap}.btn{border:1px solid var(--line2);background:var(--card);min-height:44px;color:var(--ink);text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:700}.btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn.ghost{background:0 0;border-color:#0000}.btn.small{border-radius:8px;min-height:36px;padding:0 12px;font-size:13px}.btn.block{width:100%}.btn.lg{border-radius:12px;min-height:52px;font-size:15px}.btn:disabled{opacity:.45;cursor:default}.icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:relative}.badge{background:var(--danger);color:#fff;text-align:center;border-radius:8px;min-width:16px;padding:0 5px;font-size:10px;line-height:16px;position:absolute;top:4px;right:2px}.chip{border:1px solid var(--line2);background:var(--card);white-space:nowrap;border-radius:17px;align-items:center;min-height:34px;padding:0 12px;font-size:13px;display:inline-flex}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tag{color:#fff;background:var(--accent);border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-block}.tag.wholesale{background:var(--wholesale)}.tag.line{color:var(--accent);border:1px solid var(--accent-line);background:0 0}.tag.gray{color:var(--sub);background:#e9e5de}.opt{border:1px solid var(--line2);background:var(--card);border-radius:8px;min-height:38px;padding:0 12px;font-size:13px}.opt.on{border:2px solid var(--ink);font-weight:700}.field{color:var(--sub);flex-direction:column;gap:4px;font-size:12px;display:flex}.input,.textarea,.select{border:1px solid var(--line2);background:var(--card);width:100%;min-height:42px;color:var(--ink);border-radius:8px;padding:8px 10px;font-size:15px}.textarea{resize:vertical;min-height:180px;line-height:1.7}.input:focus,.textarea:focus,.select:focus{outline:2px solid var(--accent-line);border-color:var(--accent)}.check{color:var(--ink);align-items:flex-start;gap:8px;font-size:13px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin:0}.notice-box{background:var(--accent-bg);border:1px solid var(--accent-line);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.6}.warn{color:var(--danger);font-size:12px}.error-box{color:var(--danger);background:#fdecea;border-radius:10px;padding:10px 12px;font-size:13px}.list>*+*{border-top:1px solid #eeeae3}.list-item{color:var(--ink);align-items:center;gap:12px;padding:12px 14px;display:flex}.thumb{object-fit:cover;background:#d9d3c9;border-radius:8px;flex-shrink:0;width:56px;height:56px}.thumb.lg{width:72px;height:72px}.avatar{object-fit:cover;background:#d9d3c9;border-radius:22px;flex-shrink:0;width:44px;height:44px}.bottom-nav{z-index:20;grid-template-columns:repeat(var(--n,5), minmax(0, 1fr));background:var(--card);border-top:1px solid var(--line);padding:6px 0 calc(8px + env(safe-area-inset-bottom));display:grid;position:sticky;bottom:0}.bottom-nav a{color:#6e675c;flex-direction:column;align-items:center;gap:2px;padding-top:2px;font-size:11px;display:flex;position:relative}.bottom-nav a.active{color:var(--ink);font-weight:700}.bottom-nav .badge{top:-2px;right:calc(50% - 22px)}.action-bar{z-index:30;background:var(--card);border-top:1px solid var(--line);padding:10px 12px calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.action-bar>div{gap:8px;max-width:640px;margin:0 auto;display:flex}.feed-card{background:var(--card);border-radius:var(--radius);color:var(--ink);display:block;overflow:hidden}.feed-imgs{aspect-ratio:3/2;background:#e9e5de;grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:2px;display:grid}.feed-imgs.one{grid-template-rows:1fr;grid-template-columns:1fr}.feed-imgs.two{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.feed-imgs img{object-fit:cover;width:100%;height:100%}.feed-imgs img:first-child{grid-row:span 2}.feed-imgs.two img:first-child,.feed-imgs.one img:first-child{grid-row:auto}.feed-imgs .more{position:relative}.feed-imgs .more span{color:#fff;background:#1c1a1773;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.feed-body{flex-direction:column;gap:4px;padding:12px 14px 14px;display:flex}.gallery{scroll-snap-type:x mandatory;scrollbar-width:none;background:#e9e5de;display:flex;overflow-x:auto}.gallery>*{scroll-snap-align:center;aspect-ratio:1;object-fit:contain;background:#000;flex:0 0 100%;width:100%}.pinned{border:1px solid var(--accent-line)}.tabs{grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));background:#e6e2da;border-radius:10px;padding:3px;display:grid}.tabs button{background:0 0;border:0;border-radius:8px;min-height:36px;font-size:13px}.tabs button.on{background:#fff;font-weight:700}.stat-grid{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.stat{background:var(--bg);color:var(--ink);border-radius:10px;padding:10px 2px}.stat b{font-size:20px;display:block}.stat.hot{background:var(--accent-bg)}.stat.hot b{color:var(--danger)}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:78%;padding:8px 12px;font-size:14px}.bubble.me{background:var(--ink);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.bubble.them{background:var(--card);border-bottom-left-radius:4px;align-self:flex-start}.msg-time{color:var(--faint);align-self:flex-end;font-size:10px}.empty{text-align:center;color:var(--sub);padding:40px 16px;font-size:14px}.center-screen{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.overlay{z-index:50;background:#1c1a178c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sheet{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:360px;display:flex;overflow:hidden}.toast{z-index:60;background:var(--ink);color:#fff;border-radius:20px;max-width:90vw;padding:10px 16px;font-size:13px;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}@media (width>=900px){.page{padding:20px}}.shell.wide>.page:not(.full),.shell.wide main.page:not(.full){width:100%;max-width:720px;margin:0 auto}.cat-bar{scrollbar-width:none;border-bottom:1px solid var(--line);background:var(--card);gap:4px;margin:-12px -12px 0;padding:0 8px;display:flex;overflow-x:auto}.cat-bar button{color:var(--sub);background:0 0;border:0;border-bottom:2px solid #0000;flex-shrink:0;padding:12px 12px 10px;font-size:14px}.cat-bar button.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:700}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;display:grid}@media (width>=700px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}.cat-bar{justify-content:center;margin:-20px -20px 0}}@media (width>=960px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.grid-card{color:var(--ink);flex-direction:column;gap:8px;display:flex}.grid-img{aspect-ratio:1;background:#e9e5de;border-radius:10px;position:relative;overflow:hidden}.grid-img img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.grid-card:hover .grid-img img{transform:scale(1.03)}.grid-sold{color:#fff;background:#1c1a1773;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;inset:0}.grid-body{flex-direction:column;gap:4px;padding:0 2px;display:flex}.ellipsis2{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.wordmark{color:var(--ink);flex-direction:column;align-self:flex-start;line-height:1;display:inline-flex}.wordmark.dark{color:#f3efe8}.wordmark.dark .wm-ko{color:#c9a27e}.wordmark .wm-en{letter-spacing:.24em;margin-right:-.24em;font-family:Bodoni Moda,serif;font-weight:500}.wordmark .wm-ko{color:var(--accent);align-items:center;gap:.3em;margin-top:.12em;display:flex}.wordmark .wm-ko i{opacity:.6;background:currentColor;flex:1;height:1px}.pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:18px 0 8px;display:flex}.pager button{border:1px solid var(--line);min-width:36px;height:36px;color:var(--ink);background:#fff;border-radius:10px;padding:0 8px;font-size:14px}.pager button.on{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:700}.pager button:disabled{opacity:.35}.pager span{color:var(--sub);padding:0 2px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat-grid .stat{gap:4px}.stat-grid .stat b{font-size:22px}.stat-grid .stat.big{grid-column:span 1}@media (width>=700px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.bars{align-items:flex-end;gap:2px;height:80px;display:flex}.bars .bar{flex:1;align-items:flex-end;height:100%;display:flex}.bars .bar span{background:var(--accent);border-radius:2px 2px 0 0;width:100%;min-height:2px;display:block}@font-face{font-family:Bodoni Moda;font-weight:500;font-display:swap;src:url(/assets/bodoni-moda-latin-500-normal-CtAcMono.woff2)format("woff2")}@font-face{font-family:Nanum Pen Script;font-display:swap;src:url(/assets/nanum-pen-script-105-400-normal-C1d0ZPV0.woff2)format("woff2");unicode-range:U+D0B5}@font-face{font-family:Nanum Pen Script;font-display:swap;src:url(/assets/nanum-pen-script-116-400-normal-DFpLQ1Ow.woff2)format("woff2");unicode-range:U+B298}@font-face{font-family:Nanum Brush Script;font-display:swap;src:url(/assets/nanum-brush-script-105-400-normal-Dpqyc2aJ.woff2)format("woff2");unicode-range:U+D0B5}@font-face{font-family:Nanum Brush Script;font-display:swap;src:url(/assets/nanum-brush-script-116-400-normal-B1W2ZBrx.woff2)format("woff2");unicode-range:U+B298}
