:root{--paper:#f1ece0;--paper-2:#fbf8f1;--ink:#211c16;--ink-soft:#6b6256;--line:#d8cfbe;--clay:#a8472a;--clay-deep:#8b3a21;--gold:#b08a3e;--ok:#3c6b4a;--accent:#a8472a;--serif:"Noto Serif KR",serif;--sans:"Pretendard",-apple-system,system-ui,sans-serif;--r-lg:20px;--r-md:14px;--r-sm:11px;--shadow-card:0 1px 0 rgba(255,255,255,0.7) inset,0 16px 36px -26px rgba(33,28,22,0.4);--safe-top:env(safe-area-inset-top,0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{min-height:100%}body{-webkit-font-smoothing:antialiased}.screen,body{font-family:var(--sans);background:var(--paper);color:var(--ink)}.screen{min-height:100dvh;width:100%;max-width:460px;margin:0 auto;position:relative;background-image:radial-gradient(circle at 50% -4%,rgba(255,255,255,.55),transparent 55%)}.screen-pad{padding:calc(28px + var(--safe-top)) 20px calc(40px + env(safe-area-inset-bottom, 0px))}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:10px;padding:calc(18px + var(--safe-top)) 18px 12px;background:linear-gradient(var(--paper) 70%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.appbar .mark{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--clay);letter-spacing:-.01em}.appbar .spacer{flex:1 1}.iconbtn{width:40px;height:40px;flex:0 0 40px;border-radius:11px;border:1px solid var(--line);background:var(--paper-2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:border-color .18s,color .18s,transform .1s}.iconbtn:active{transform:scale(.93)}.iconbtn:hover{border-color:var(--ink-soft);color:var(--ink)}.iconbtn svg{width:20px;height:20px}.iconbtn.back svg{width:22px;height:22px}.h-serif{line-height:1.2}.h-serif,.title-xl{font-family:var(--serif);font-weight:700;letter-spacing:-.01em}.title-xl{font-size:28px;line-height:1.22}.title-lg{font-family:var(--serif);font-weight:700;font-size:23px;line-height:1.25}.sub{font-size:14.5px;line-height:1.6}.eyebrow,.sub{color:var(--ink-soft)}.eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.panel{background:var(--paper-2);border:1px solid var(--line);border-radius:18px;padding:20px 18px;box-shadow:var(--shadow-card);position:relative}.panel-title{font-size:13px;color:var(--ink-soft);letter-spacing:.02em;margin-bottom:14px;gap:8px}.btn,.panel-title{font-weight:600;display:flex;align-items:center}.btn{width:100%;border:none;cursor:pointer;font-family:var(--sans);font-size:17px;padding:17px;border-radius:14px;justify-content:center;gap:9px;transition:transform .12s ease,background .2s ease,border-color .2s}.btn svg{width:20px;height:20px;flex:0 0 auto}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fbf6ee;box-shadow:0 12px 24px -14px color-mix(in srgb,var(--accent) 85%,#000)}.btn-primary:hover{filter:brightness(.96)}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--ink-soft)}.btn-ok{background:var(--ok);color:#f4f8f2;box-shadow:none}.btn-lg{font-size:18px;padding:19px}.btn-sm{font-size:15px;padding:13px;border-radius:12px}.btn-text{background:none;border:none;cursor:pointer;font-family:var(--sans);color:var(--ink-soft);font-size:14.5px;font-weight:500;text-decoration:underline;text-underline-offset:3px;padding:8px;display:inline-flex;align-items:center;gap:6px}.btn-text:hover{color:var(--ink)}.pro-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--gold);border:1px solid var(--line);border-radius:8px;padding:4px 8px;background:#fff}.pro-chip svg{width:12px;height:12px}.row{display:flex;align-items:center;gap:13px;width:100%;padding:14px 4px;color:var(--ink);text-decoration:none;background:none;border:none;border-bottom:1px solid var(--line);cursor:pointer;font-family:var(--sans);text-align:left;transition:padding-left .2s ease}.row:last-child{border-bottom:none}.row:active{padding-left:9px}.row .ic{width:38px;height:38px;flex:0 0 38px;border-radius:10px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--accent);background:#fff}.row .ic svg{width:18px;height:18px}.row .rtext{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.row .rlabel{font-size:11.5px;color:var(--ink-soft);letter-spacing:.02em}.row .rval{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .chev{color:var(--line);flex:0 0 auto;display:flex}.row .chev svg{width:18px;height:18px}.live{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;letter-spacing:.05em;color:var(--ink-soft);text-transform:uppercase;font-weight:600}.live .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);position:relative}.live .dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--accent);opacity:.5;animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{transform:scale(.6);opacity:.6}to{transform:scale(1.9);opacity:0}}.mono{border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:600;letter-spacing:.02em;flex:0 0 auto}.mono,.toast{background:var(--ink);color:var(--paper-2)}.toast{position:fixed;left:50%;bottom:calc(30px + env(safe-area-inset-bottom, 0px));transform:translateX(-50%) translateY(16px);font-size:14px;font-weight:500;padding:13px 22px;border-radius:30px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:100;white-space:nowrap;max-width:90vw}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field>label{display:block;font-size:13px;color:var(--ink-soft);font-weight:500;margin-bottom:7px}.field input,.field textarea{width:100%;font-family:inherit;font-size:16.5px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px;transition:border-color .2s,box-shadow .2s}.field textarea{resize:none;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#bcb2a1}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.field-row{display:flex;gap:11px}.field-row .field{flex:1 1}.reveal{opacity:1}@media (prefers-reduced-motion:no-preference){.reveal{animation:rise .55s cubic-bezier(.2,.7,.2,1) both}}@keyframes rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.livestack{position:relative;width:100%;max-width:312px;margin:0 auto}.stackcard{position:absolute;left:0;right:0;top:0;height:92px;background:var(--paper-2);border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 24px -20px rgba(33,28,22,.5)}.stackcard.s2{transform:rotate(-4deg) translateY(6px);opacity:.55}.stackcard.s3{transform:rotate(3deg) translateY(9px);opacity:.3}.demo-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 20px 46px -28px rgba(33,28,22,.55)}.mode-badge{position:absolute;top:-11px;right:14px;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:5px 11px;border-radius:20px;background:var(--ink);color:#fff;box-shadow:0 7px 15px -6px rgba(0,0,0,.4);transition:background .4s ease;z-index:5;white-space:nowrap}.mode-badge.on{background:var(--clay)}.dc-head{display:flex;align-items:center;gap:13px}.dc-name{font-family:var(--serif);font-weight:700;font-size:21px;line-height:1.1;color:var(--ink)}.dc-sub{font-size:13px;color:var(--ink-soft);margin-top:3px}.promo-reveal{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .6s cubic-bezier(.2,.7,.2,1),opacity .45s ease,margin-top .6s ease}.promo-reveal.open{grid-template-rows:1fr;opacity:1;margin-top:15px}.promo-inner{overflow:hidden;min-height:0}.promo-photo{height:96px;border-radius:12px;border:1px solid var(--line);background:repeating-linear-gradient(45deg,#ECE2D0 0 7px,#F5EEDF 7px 14px);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--ink-soft)}.promo-menu{margin-top:11px;display:flex;flex-direction:column;gap:7px}.pm-row{display:flex;align-items:center;gap:10px;font-size:13.5px;padding:8px 10px;background:var(--paper-2);border-radius:10px}.pm-thumb{width:38px;height:38px;border-radius:8px;object-fit:cover;flex:0 0 auto;border:1px solid var(--line)}.pm-name{flex:1 1;min-width:0}.pm-row b{color:var(--clay);font-weight:700;flex:0 0 auto}.promo-cta{width:100%;background:var(--accent);color:#fff;font-family:inherit;font-weight:700;font-size:14.5px;padding:13px;border:none;border-radius:11px;cursor:pointer;gap:7px}.promo-cta,.promo-info{margin-top:11px;display:flex;align-items:center;justify-content:center}.promo-info{gap:6px;font-size:12.5px;color:var(--ink-soft)}.dc-contact{margin-top:15px;padding-top:13px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--ink-soft)}.dc-contact span{display:inline-flex;align-items:center;gap:9px}.dc-contact svg{color:var(--accent);flex:0 0 auto}.live-cap{text-align:center;font-size:13.5px;color:var(--ink-soft);margin-top:16px;min-height:20px;line-height:1.4;transition:opacity .3s ease}.live-cap b{color:var(--clay);font-weight:700}@media (prefers-reduced-motion:reduce){.live .dot:after{animation:none}}.no-bar::-webkit-scrollbar{height:0;width:0}.no-bar{scrollbar-width:none}.pubscreen{background:var(--c-bg);color:var(--c-fg);min-height:100dvh;font-family:var(--sans)}.pubscreen .row{border-color:var(--c-line);color:var(--c-fg)}.pubscreen .row .ic{border-color:var(--c-line);background:var(--c-surface);color:var(--accent)}.pubscreen .row .chev,.pubscreen .row .rlabel{color:var(--c-soft)}