:root{--ink:#1c1917;--sub:#71717a;--faint:#a1a1aa;--bg:#fff;--shell:#f4f4f6;--surface:#f7f7f9;--line:#e8e8ec;--accent:#e8402a;--accent-soft:#fdeeea;--pop:#ff8a70;--brass:#a16207;--brass-soft:#faf3e3;--brass-ink:#854d0e;--ok:#1f9254;--ok-soft:#e9f4ee;--star:#a16207;--gold-hi:#d4a643;--kakao:#fee500;--shadow-card:0 1px 1.5px #1c191709, 0 3px 8px #1c19170b, 0 12px 28px -10px #1c191712;--shadow-cta:0 1px 2px #1c19172e, 0 8px 22px -6px #1c191747;--shadow-gold:0 1px 2px #854d0e38, 0 8px 22px -6px #a1620752}@font-face{font-family:SUIT Variable;src:url(https://cdn.jsdelivr.net/gh/sun-typeface/SUIT@2/fonts/variable/woff2/SUIT-Variable.woff2)format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:BMDOHYEON;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff)format("woff");font-weight:400;font-display:swap}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;background:#e7e8ea;font-family:SUIT Variable,Pretendard Variable,Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;line-height:1.5}.display{letter-spacing:0;font-family:BMDOHYEON,SUIT Variable,sans-serif;font-weight:400}.page-title,.hero h2{letter-spacing:.01em;font-family:BMDOHYEON,SUIT Variable,sans-serif;font-weight:400}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none;padding:0}input,textarea,select{font:inherit}img{display:block}.shell{background:var(--shell);flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.page{flex-direction:column;flex:1;gap:15px;padding:4px 20px 118px;display:flex}.appbar{padding:calc(18px + env(safe-area-inset-top,0px)) 20px 8px;letter-spacing:-.01em;z-index:5;-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);background:#f4f4f6db;align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex;position:sticky;top:0}.appbar .back{color:var(--ink);margin-left:-6px;padding:2px;display:flex}.appbar .right{color:var(--sub);margin-left:auto;font-size:12px;font-weight:600}.page-title{letter-spacing:-.02em;margin:4px 0 0;font-size:25px;font-weight:800;line-height:1.3}.page-sub{color:var(--sub);margin:-6px 0 0;font-size:13.5px}.demo-strip{background:var(--surface);color:var(--sub);text-align:center;border-bottom:1px solid var(--line);padding:6px 10px;font-size:11px;font-weight:600}.tabbar{bottom:calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);z-index:10;background:#ffffffe6;border:1px solid #1c19170f;border-radius:26px;width:calc(100% - 32px);max-width:398px;padding:7px 8px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #1c19170d,0 14px 34px -8px #1c191738}.tabbar a{text-align:center;color:var(--faint);flex-direction:column;flex:1;align-items:center;gap:2px;font-size:10px;font-weight:700;text-decoration:none;display:flex}.tabbar a.on{color:var(--ink)}.tabbar a .ico{border-radius:14px;justify-content:center;align-items:center;width:44px;height:29px;transition:background .18s,color .18s;display:flex}.tabbar a.on .ico{background:var(--tab-accent,var(--accent));color:#fff}.tabbar svg{width:20px;height:20px}.card{border:1px solid var(--line);box-shadow:var(--shadow-card);background:linear-gradient(#fff,#fdfcfb);border-radius:20px;padding:16px}.card.flat{box-shadow:none;background:#eeeef1;border:none}.btn{text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:14.5px;font-weight:700;transition:transform 60ms,opacity .1s;display:flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.35;cursor:default;box-shadow:none}.btn-p{color:#fff;box-shadow:inset 0 1px 0 #ffffff17, var(--shadow-cta);background:linear-gradient(#2b2723,#1c1917 60%)}.btn-ghost{background:var(--bg);color:var(--ink);border:1.5px solid var(--ink)}.btn-quiet{color:var(--sub);background:#ebebee}.btn-kakao{background:var(--kakao);color:#191919}.btn-brass{color:#fff;box-shadow:inset 0 1px 0 #ffffff2e, var(--shadow-gold);background:linear-gradient(#b3770f,#96590b)}.btn:active{filter:brightness(.96)}.btn.sm{border-radius:10px;flex:1;width:auto;padding:10px 14px;font-size:12.5px}.btn svg{width:17px;height:17px}.chips{flex-wrap:wrap;gap:8px;display:flex}.searchbar{background:#ebebee;border-radius:13px;align-items:center;gap:9px;padding:12px 15px;transition:box-shadow .15s;display:flex}.searchbar:focus-within{box-shadow:0 0 0 2px var(--ink) inset;background:var(--bg)}.searchbar svg{color:var(--faint);flex:none;width:17px;height:17px}.searchbar input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px;font-weight:500}.searchbar input::placeholder{color:var(--faint)}.seg{background:#ebebee;border-radius:12px;gap:2px;padding:3px;display:flex}.seg button{color:var(--sub);white-space:nowrap;border-radius:10px;flex:1;padding:9px 4px;font-size:12.5px;font-weight:700;transition:background .15s,color .15s}.seg button.on{background:var(--bg);color:var(--ink);box-shadow:0 1px 4px #1c19171a}.tier-group summary{cursor:pointer;background:var(--bg);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:14px;align-items:center;gap:8px;padding:13px 15px;font-size:14px;list-style:none;display:flex}.tier-group summary::-webkit-details-marker{display:none}.tier-group summary .note{margin-left:auto}.tier-group summary .arrow{color:var(--faint);flex:none;transition:transform .18s}.tier-group[open] summary .arrow{transform:rotate(90deg)}.tier-group summary:active{transform:scale(.99)}.fold summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.fold summary::-webkit-details-marker{display:none}.fold summary .arrow{color:var(--faint);flex:none;margin-left:auto;transition:transform .18s}.fold[open] summary .arrow{transform:rotate(180deg)}select.sort{border:1px solid var(--line);color:var(--ink);background:var(--bg);appearance:auto;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:700}.chip{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:8px 15px;font-size:13px;font-weight:600}.chip.on{color:#fff;border-color:var(--ink);background:linear-gradient(#2b2723,#1c1917 70%);box-shadow:inset 0 1px #ffffff14}.note{color:var(--sub);margin:0;font-size:12px}.sec{color:var(--ink);letter-spacing:-.01em;align-items:center;gap:7px;margin:6px 0 0;font-size:14px;font-weight:800;display:flex}.sec:before{content:"";background:linear-gradient(180deg, #ff6b4d, var(--accent));border-radius:2px;flex:none;width:3px;height:13px}.badge{background:var(--ok-soft);color:var(--ok);vertical-align:2px;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.badge svg{width:11px;height:11px}.badge.gray{background:var(--surface);color:var(--sub)}.badge.brass{color:var(--brass-ink);background:linear-gradient(#fbf4e2,#f6ebcd);box-shadow:inset 0 0 0 1px #a1620724}.star{color:var(--star)}.avt{object-fit:cover;background:var(--surface);border-radius:14px;flex:none;width:56px;height:56px}.avt.sm{border-radius:11px;width:44px;height:44px}.avt.lg{border-radius:16px;width:68px;height:68px}.avt.round{border-radius:50%}.shots{border-radius:16px;gap:6px;display:flex;overflow:hidden}.shots img{object-fit:cover;background:var(--surface);flex:1;min-width:0;height:110px}.status-strip{scrollbar-width:none;gap:8px;margin:-4px 0;display:flex;overflow-x:auto}.status-strip::-webkit-scrollbar{display:none}.status-strip button{background:var(--bg);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-card);border-radius:99px;flex:none;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.qgrid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.qgrid a,.qgrid button{border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-card);background:linear-gradient(#fff,#fdfcfb);border-radius:18px;flex-direction:column;align-items:center;gap:7px;padding:13px 6px 11px;font-size:11.5px;font-weight:700;text-decoration:none;transition:transform 80ms;display:flex}.qgrid a:active,.qgrid button:active{transform:scale(.96)}.qgrid .qi{border-radius:15px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.hero{min-height:212px;box-shadow:var(--shadow-cta);border-radius:24px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero .ov{background:linear-gradient(#18141000 0%,#1814100d 28%,#18141033 48%,#18141073 66%,#181410ad 82%,#181410d6 100%);position:absolute;inset:0}.hero .tx{color:#fff;padding:20px 19px 18px;position:relative}.hero h2{letter-spacing:.01em;margin:0;font-size:clamp(20px,6.2vw,26px);font-weight:400;line-height:1.32}.hero.compact{min-height:108px}.hero.compact .tx{padding:14px 17px 13px}.hero.compact h2{font-size:17.5px;line-height:1.4}.hero h2 .gold{color:var(--pop)}.hero p{opacity:.82;margin:7px 0 0;font-size:13px;font-weight:500}.hero .stamp{border:2px solid var(--gold-hi);text-align:center;color:var(--gold-hi);letter-spacing:.1em;opacity:.88;border-radius:9px;padding:5px 9px;font-family:BMDOHYEON,sans-serif;font-size:10.5px;line-height:1.3;position:absolute;top:13px;right:13px;transform:rotate(7deg)}.sticky-cta{padding:18px 20px max(16px, env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, var(--shell) 34%);margin:auto -20px 0;position:sticky;bottom:0}.shell:has(.tabbar) .sticky-cta{bottom:calc(62px + env(safe-area-inset-bottom,0px))}.pro{color:inherit;align-items:center;gap:13px;text-decoration:none;display:flex}.pro .m{flex:1;min-width:0}.pro .nm{letter-spacing:-.01em;align-items:center;gap:6px;font-size:16px;font-weight:800;display:flex}.pro .ln{color:var(--sub);margin-top:2px;font-size:12.5px}.card.pro.vip{box-shadow:inset 3px 0 0 var(--accent), var(--shadow-card)}.dday{color:var(--brass-ink);background:var(--accent-soft);text-align:center;white-space:nowrap;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:700;line-height:1.35}.dday b{font-size:13px}.dday.brass{color:var(--brass-ink);background:var(--brass-soft)}.rowline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:13.5px;display:flex}.rowline:last-child{border-bottom:none}.rowline b{font-variant-numeric:tabular-nums}.cal-h{justify-content:space-between;align-items:center;padding:0 4px;font-size:15px;font-weight:800;display:flex}.cal-h button{color:var(--faint);padding:4px 8px;display:flex}.cal-h button svg{width:18px;height:18px}table.cal{border-collapse:collapse;text-align:center;font-variant-numeric:tabular-nums;table-layout:fixed;width:100%;margin-top:8px;font-size:13px}.cal th{color:var(--faint);padding:6px 0;font-size:11px;font-weight:600}.cal td{color:#cfd1cd;padding:3px 0}.cal td button{font-variant-numeric:tabular-nums;border:1px solid var(--line);width:36px;height:36px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.cal td.sel button{background:var(--ink);color:#fff;border-color:var(--ink)}.step-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:11px 0;font-size:14px;font-weight:600;display:flex}.step-item:last-child{border-bottom:none}.stepper{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:800;display:flex}.stepper button{border:1px solid var(--line);width:32px;height:32px;color:var(--sub);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:inline-flex}.stepper button.p{border-color:var(--ink);color:var(--ink)}.stepper .qty{text-align:center;min-width:30px}.steps{color:var(--faint);align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex}.steps b{color:var(--ink)}.steps .dot{background:var(--line);border-radius:50%;flex:none;width:7px;height:7px}.steps .dot.on{background:var(--accent)}.steps i{background:var(--line);border-radius:2px;flex:1;height:2px}.steps i.on{background:var(--accent)}.soft-banner{border-radius:13px;align-items:center;gap:8px;padding:12px 14px;font-size:12.5px;font-weight:600;display:flex}.soft-banner svg{flex:none;width:15px;height:15px}.soft-banner.blue{background:var(--accent-soft);color:var(--brass-ink)}.soft-banner.brass{background:var(--brass-soft);color:var(--brass-ink)}textarea.memo{border:1px solid var(--line);background:var(--bg);resize:none;width:100%;min-height:70px;color:var(--ink);border-radius:14px;padding:14px;font-size:13.5px}textarea.memo:focus{outline:2px solid var(--ink);outline-offset:-1px}textarea.memo::placeholder{color:var(--faint)}.tiles{gap:9px;display:flex}.tile{background:var(--bg);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow-card);border-radius:14px;flex:1;padding:13px 8px}.tile .v{font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.tile .k{color:var(--sub);margin-top:2px;font-size:10.5px;font-weight:600}.howto{flex-direction:column;padding:2px 4px 0;display:flex}.howto .step{gap:12px;padding-bottom:16px;display:flex;position:relative}.howto .step:last-child{padding-bottom:0}.howto .step:not(:last-child):before{content:"";background:var(--line);width:1.5px;position:absolute;top:24px;bottom:2px;left:10px}.howto .num{background:var(--surface);width:21px;height:21px;color:var(--sub);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex;position:relative}.howto .tt{color:var(--ink);font-size:13.5px;font-weight:700;line-height:1.5}.howto .ds{color:var(--sub);margin-top:1px;font-size:12px}.stars-input{justify-content:center;gap:8px;display:flex}.stars-input button{color:#e5e5e9;display:flex}.stars-input button svg{fill:currentColor;stroke:none;width:34px;height:34px}.stars-input button.on{color:var(--star)}.modal-back{z-index:50;background:#0f11158c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(#fff,#fdfcfb 40px);border-radius:26px 26px 0 0;flex-direction:column;gap:12px;width:100%;max-width:430px;padding:26px 22px 32px;display:flex;box-shadow:0 -1px #fff9,0 -12px 40px #1c19172e}.modal h3{letter-spacing:-.01em;margin:0;font-size:18px}.review-item{border-bottom:1px solid var(--line);padding:11px 0}.review-item:last-child{border-bottom:none}.review-item .rh{color:var(--sub);justify-content:space-between;font-size:12px;font-weight:600;display:flex}.review-item p{margin:4px 0 0;font-size:13px}.empty{text-align:center;color:var(--sub);padding:48px 0;font-size:13.5px}.empty svg{width:36px;height:36px;color:var(--faint);margin-bottom:10px}.fade-in{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.rise{animation:.3s backwards riseIn}.hero h2,.hero p{animation:.32s backwards riseIn}.hero p{animation-delay:70ms}.chip{transition:background .15s,color .15s,border-color .15s,transform 60ms}.chip:active{transform:scale(.95)}.promo{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -20px;padding:2px 20px 4px;display:flex;overflow-x:auto}.promo::-webkit-scrollbar{display:none}.promo-card{scroll-snap-align:center;color:#fff;background:#1c1917;border-radius:18px;flex-direction:column;flex:0 0 86%;justify-content:flex-end;gap:3px;min-height:118px;padding:16px 17px 15px;text-decoration:none;transition:transform 60ms;display:flex;position:relative;overflow:hidden}.promo-card:active{transform:scale(.985)}.promo-card .bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.promo-card .ov{background:linear-gradient(#1814100f 0%,#1814102e 34%,#18141070 58%,#181410b8 80%,#181410d1 100%);position:absolute;inset:0}.promo-card .t{letter-spacing:-.01em;font-size:16px;font-weight:800;position:relative}.promo-card .t .gold{color:var(--pop)}.promo-card .d{opacity:.82;font-size:12px;font-weight:500;position:relative}.ad-tag{letter-spacing:.08em;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border-radius:6px;padding:2.5px 7px;font-size:9px;font-weight:800;position:absolute;top:10px;right:12px}.promo-dots{justify-content:center;gap:5px;display:flex}.promo-dots i{background:var(--line);border-radius:50%;width:5px;height:5px;transition:background .2s,width .2s}.promo-dots i.on{background:var(--accent);border-radius:3px;width:14px}@media (prefers-reduced-motion:reduce){.fade-in,.rise,.hero h2,.hero p{animation:none}}.card.pro,a.card,button.card{transition:transform 80ms}.card.pro:active,a.card:active,button.card:active{transform:scale(.985)}.chat-pin{color:var(--sub);background:var(--surface);border-bottom:1px solid var(--line);padding:10px 18px;font-size:12.5px}.chat-pin b{color:var(--ink)}.chat-body{flex-direction:column;flex:1;gap:9px;padding:14px 16px 18px;display:flex;overflow-y:auto}.msg-row{align-items:flex-end;gap:6px;display:flex}.msg-row.mine{justify-content:flex-end}.msg{white-space:pre-wrap;word-break:break-word;border-radius:18px;max-width:74%;padding:10px 14px;font-size:14px;line-height:1.5}.msg.mine{background:var(--accent);color:#fff;border-bottom-right-radius:5px}.msg.mine.vendor{background:var(--brass)}.msg.theirs{background:var(--bg);border:1px solid var(--line);border-bottom-left-radius:5px}.msg-time{color:var(--faint);flex:none;margin-bottom:2px;font-size:10px}.chat-input{padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);align-items:center;gap:8px;display:flex;position:sticky;bottom:0}.toasts{z-index:100;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 40px);max-width:390px;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.toast{color:#fff;text-align:center;background:#1c1917eb;border-radius:13px;padding:13px 16px;font-size:13.5px;font-weight:600;animation:.22s toastUp;box-shadow:0 8px 24px #1c191740}.toast.error{background:#962c22f0}.toast.success{background:#186a3ef0}@keyframes toastUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.skel{background:linear-gradient(90deg, var(--surface) 25%, #f0f0f3 50%, var(--surface) 75%);background-size:200% 100%;border-radius:8px;animation:1.3s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.splash{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash .half{background:var(--ink);transition:transform .5s cubic-bezier(.7,0,.84,0) .12s;position:absolute;inset:0}.splash .half.top{clip-path:polygon(0 0,100% 0,100% 46.2%,0 56.2%)}.splash .half.bot{clip-path:polygon(0 55.8%,100% 45.8%,100% 100%,0 100%)}.splash .inner{flex-direction:column;align-items:center;transition:opacity .16s;display:flex;position:relative}.splash.out .inner{opacity:0}.splash.out .half.top{transform:translate(-3%,-103%)}.splash.out .half.bot{transform:translate(3%,103%)}.splash .cutzone{width:216px;height:88px;position:relative}.splash .cutline{display:flex;position:absolute;top:60px;left:0;right:0}.splash .cutline i{border-top:2px dashed #f7f4ef61;flex:1}.splash .cutline i.l{transform-origin:100%;animation:.45s 1s forwards splash-sag}@keyframes splash-sag{to{opacity:.5;transform:rotate(-3.5deg)translateY(2px)}}.splash .snipmove{animation:.8s cubic-bezier(.45,0,.55,1) .25s both splash-travel;position:absolute;top:26px;left:50%}@keyframes splash-travel{0%{transform:translate(-104px)}to{transform:translate(40px)}}.splash .snip{color:#f7f4ef;filter:drop-shadow(0 4px 14px #00000059);width:64px;height:64px;animation:.25s both splash-pop;transform:rotate(90deg)}@keyframes splash-pop{0%{opacity:0}to{opacity:1}}.splash .armL,.splash .armR{transform-box:view-box;transform-origin:12px 12.2px}.splash .armL{animation:.24s ease-in-out .32s 6 alternate splash-snipL}.splash .armR{animation:.24s ease-in-out .32s 6 alternate splash-snipR}@keyframes splash-snipL{to{transform:rotate(-11deg)}}@keyframes splash-snipR{to{transform:rotate(11deg)}}.splash .wordmark{color:#fff;letter-spacing:.04em;margin:8px 0 0;font-size:46px;animation:.4s cubic-bezier(.34,1.56,.64,1) 1.05s both splash-stamp}.splash .wordmark span{color:var(--accent)}.splash .tag{color:#a8a29e;letter-spacing:.02em;margin:9px 0 0;font-size:12px;font-weight:600;animation:.35s 1.25s both splash-fade}@keyframes splash-stamp{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes splash-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.splash .snipmove,.splash .snip,.splash .armL,.splash .armR,.splash .cutline i.l,.splash .wordmark,.splash .tag{animation:none}.splash .snipmove{transform:translate(-32px)}}
