:root{--night:#171223;--night-soft:#241D35;--hanji:#F6F0E4;--hanji-deep:#EDE4D2;--ink:#2A2430;--mist:#9C93B0;--stone:#7C7466;--thread:#B5303B;--thread-soft:#F0DAD6;--moon:#E9CE8C;--serif:"Noto Serif KR","Apple SD Gothic Neo",serif;--sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);display:flex;justify-content:center}.frame,body{background:var(--night);min-height:100vh}.frame{width:100%;max-width:430px;position:relative;box-shadow:0 0 80px rgba(0,0,0,.55)}.page{min-height:100vh;animation:fadein .45s ease}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.moon,.page,.type-caret{animation:none!important}html{scroll-behavior:auto}}button{font-family:inherit;cursor:pointer;border:none}button:focus-visible,input:focus-visible{outline:2px solid var(--thread);outline-offset:2px}a{text-decoration:none;color:inherit}.hero-v2{position:relative;min-height:92svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:var(--hanji)}.hero-v2 .unni{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 10%}.hero-v2 .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,18,35,.45) 0,rgba(23,18,35,0) 20%,rgba(23,18,35,0) 44%,rgba(23,18,35,.9) 80%,var(--night) 97%)}.hero-v2 .brand-top{position:absolute;top:calc(18px + env(safe-area-inset-top));left:0;right:0;z-index:1;text-align:center;font-family:var(--serif);font-size:13px;letter-spacing:.5em;text-indent:.5em;color:var(--moon);opacity:.95;text-shadow:0 1px 12px rgba(0,0,0,.6)}.hero-v2 .inner{position:relative;z-index:1;padding:0 24px 28px;text-align:center}.hero-v2 h1{font-family:var(--serif);font-weight:900;font-size:42px;letter-spacing:.13em;line-height:1.2;text-shadow:0 2px 30px rgba(0,0,0,.55)}.hero-v2 .tagline{font-family:var(--serif);font-size:15.5px;line-height:1.8;color:#E4DCCB;margin-top:10px}.hero-v2 .tagline b{color:var(--moon);font-weight:700}.hook-chips{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;list-style:none;margin:16px 0 18px}.hook-chips li{font-size:11.5px;color:#E9E1CF;border:1px solid rgba(233,206,140,.4);background:rgba(23,18,35,.55);border-radius:20px;padding:6px 12px;letter-spacing:.02em}.hero-v2 .cta{box-shadow:0 8px 30px rgba(181,48,59,.55)}.hero-lean{min-height:64svh}.hero-lean .inner{padding-bottom:22px}.pick-sec{padding-top:30px}.pick-sec h2{margin-bottom:22px}.state-btn.state-dark{background:rgba(246,240,228,.06);border-color:rgba(246,240,228,.16);color:var(--hanji)}.state-btn.state-dark small{color:var(--mist)}.state-btn.state-dark:hover{border-color:var(--thread);background:rgba(246,240,228,.09)}.state-btn.state-dark .arrow{margin-left:auto;color:var(--moon);font-size:15px;opacity:.8}.price-anchor{text-align:center;font-size:12.5px;color:var(--mist);margin-top:18px;line-height:1.7}.price-anchor b{color:var(--moon);font-weight:700}.hero{padding:84px 26px 54px;color:var(--hanji);text-align:center;overflow:hidden}.hero,.moon{position:relative}.moon{width:104px;height:104px;border-radius:50%;margin:0 auto 30px;background:radial-gradient(circle at 38% 35%,#F7E7BE 0,var(--moon) 55%,#C9A75D 100%);box-shadow:0 0 70px rgba(233,206,140,.35),0 0 140px rgba(233,206,140,.14);animation:moonrise 1.4s ease both}@keyframes moonrise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.hero .dang{font-family:var(--serif);font-weight:900;font-size:44px;letter-spacing:.14em;text-shadow:0 2px 30px rgba(0,0,0,.4)}.hero .hanja{font-family:var(--serif);font-size:12px;letter-spacing:.5em;color:var(--moon);margin:6px 0 22px;text-indent:.5em}.hero .intro{font-family:var(--serif);font-size:16.5px;line-height:1.85;color:#DDD5C4}.hero .intro b{color:var(--hanji);font-weight:700}.hero .who{margin-top:20px;font-size:12px;color:var(--mist);line-height:1.7}.thread-svg{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:.85}.night-sec{position:relative;padding:44px 26px;color:var(--hanji)}.eyebrow{font-size:11px;letter-spacing:.28em;color:var(--thread);margin-bottom:10px;filter:brightness(1.5)}.eyebrow,.night-sec h2{font-weight:700;text-align:center}.night-sec h2{font-family:var(--serif);font-size:22px;line-height:1.5;margin-bottom:26px}.toc{list-style:none;position:relative}.toc li{background:rgba(246,240,228,.05);border:1px solid rgba(246,240,228,.13);border-radius:12px;padding:15px 16px;margin-bottom:10px;font-size:14px;line-height:1.55;color:#E4DCCB;display:flex;gap:11px;align-items:baseline}.toc .no{font-family:var(--serif);color:var(--moon);font-size:12px;flex:none}.toc .mask{background:var(--thread);color:var(--thread);border-radius:3px;padding:0 2px;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toc li.locked{color:#9A92A8}.toc li.locked:after{content:"🔒";margin-left:auto;font-size:12px;opacity:.8}.paper-note{background:var(--hanji);color:var(--ink);border-radius:16px;padding:22px 20px;font-family:var(--serif);font-size:14.5px;line-height:1.9;position:relative;box-shadow:0 12px 34px rgba(0,0,0,.35)}.paper-note:before{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:44px;height:18px;background:var(--thread);opacity:.9;border-radius:2px}.paper-note b{color:var(--thread)}.reviews{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:none}.reviews::-webkit-scrollbar{display:none}.review{flex:0 0 240px;background:rgba(246,240,228,.06);border:1px solid rgba(246,240,228,.12);border-radius:14px;padding:16px;font-size:13px;line-height:1.7;color:#D8D0BF}.review .meta{margin-top:10px;font-size:11px;color:var(--mist)}.review .stars{color:var(--moon);letter-spacing:2px;font-size:11px}.vol{display:flex;justify-content:center;gap:26px;text-align:center;margin-top:8px}.vol div{color:var(--hanji)}.vol .num{font-family:var(--serif);font-size:26px;font-weight:900;color:var(--moon)}.vol .lab{font-size:11px;color:var(--mist);margin-top:2px}.cta-wrap{position:-webkit-sticky;position:sticky;bottom:0;padding:14px 20px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(23,18,35,0) 0,var(--night) 40%);z-index:5}.cta-wrap.paper{background:linear-gradient(180deg,rgba(246,240,228,0) 0,var(--hanji) 40%);margin:0 -24px;padding-left:24px;padding-right:24px}.cta{display:block;width:100%;padding:17px;border-radius:14px;background:var(--thread);color:#FBF3E6;font-size:16px;font-weight:800;letter-spacing:.02em;text-align:center;box-shadow:0 8px 26px rgba(181,48,59,.4);transition:transform .12s ease}.cta:active{transform:scale(.98)}.cta small{display:block;font-weight:400;font-size:11px;opacity:.85;margin-top:3px}.cta:disabled{opacity:.55;box-shadow:none}.chat-screen{background:var(--night);height:100svh;display:flex;flex-direction:column;overflow:hidden;padding:16px 18px calc(16px + env(safe-area-inset-bottom));color:var(--hanji)}.chat-screen .top-nav{margin-bottom:14px}.chat-screen .back,.chat-screen .top-nav .brand{color:var(--mist)}.chat-log{flex:1 1;display:flex;flex-direction:column;gap:11px;padding:6px 2px 18px;overflow-y:auto}.msg-row{display:flex;gap:9px;align-items:flex-end;animation:fadein .3s ease}.msg-row.me{justify-content:flex-end}.avatar{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid rgba(233,206,140,.45);background:url(/unni-hero.jpg);background-size:300%;background-position:50% 28%}.msg{max-width:80%;padding:11px 14px;font-size:15px;line-height:1.7}.msg.unni{background:rgba(246,240,228,.08);border:1px solid rgba(246,240,228,.14);border-radius:4px 15px 15px 15px;font-family:var(--serif);color:#EFE7D6}.msg.me{background:var(--thread);color:#FBF3E6;border-radius:15px 4px 15px 15px}.typing{display:inline-flex;gap:4px;padding:4px 2px}.typing i{width:5px;height:5px;border-radius:50%;background:var(--mist);animation:blink 1s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.chat-dock{flex:none;padding-top:12px;border-top:1px solid rgba(246,240,228,.1)}.dock-row{display:flex;gap:8px}.chat-input,.chat-select{flex:1 1;min-width:0;padding:13px 14px;background:rgba(246,240,228,.07);border:1.5px solid rgba(246,240,228,.18);border-radius:13px;color:var(--hanji);font-size:16px;font-family:var(--sans);color-scheme:dark;-moz-appearance:none;appearance:none;-webkit-appearance:none}.chat-input:focus,.chat-select:focus{border-color:var(--thread);outline:none}.chat-select{background-image:linear-gradient(45deg,transparent 50%,var(--mist) 50%),linear-gradient(135deg,var(--mist) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.chat-select option{background:var(--night-soft);color:var(--hanji)}.dock-btn{flex:none;padding:13px 18px;border-radius:13px;background:var(--thread);color:#FBF3E6;font-size:15px;font-weight:700}.dock-btn:disabled{opacity:.4}.dock-btn.ghost{background:rgba(246,240,228,.07);border:1.5px solid rgba(246,240,228,.18);color:var(--mist);font-weight:500}.dock-choice{display:flex;gap:8px}.dock-choice button{flex:1 1;padding:15px;border-radius:13px;background:rgba(246,240,228,.07);border:1.5px solid rgba(246,240,228,.18);color:var(--hanji);font-size:15px;font-weight:600}.dock-choice button:active{border-color:var(--thread)}.dock-hint{font-size:11.5px;color:var(--mist);margin-top:9px;text-align:center;line-height:1.6}.dock-seg{display:flex;gap:6px;margin-bottom:8px}.dock-seg button{flex:1 1;padding:10px;border-radius:11px;background:rgba(246,240,228,.05);border:1.5px solid rgba(246,240,228,.14);color:var(--mist);font-size:13.5px}.dock-seg button.sel{border-color:var(--thread);color:#F0A9AE;background:rgba(181,48,59,.16);font-weight:700}.dock-cta{width:100%}.chip-grid{display:flex;flex-wrap:wrap;gap:7px}.chip-grid button{padding:10px 14px;border-radius:20px;font-size:14px;background:rgba(246,240,228,.07);border:1.5px solid rgba(246,240,228,.18);color:var(--hanji)}.chip-grid button:active{border-color:var(--thread);color:#F0A9AE}.chip-grid button.dim{color:var(--mist)}.sum-card{max-height:42svh;overflow-y:auto;border:1px solid rgba(246,240,228,.14);border-radius:14px;background:rgba(246,240,228,.05)}.sum-row{display:flex;width:100%;align-items:baseline;gap:10px;text-align:left;padding:12px 14px;background:none;border-bottom:1px solid rgba(246,240,228,.09);font-size:14px}.sum-row:last-child{border-bottom:none}.sum-row .k{flex:none;width:74px;color:var(--mist);font-size:12px}.sum-row .v{flex:1 1;color:var(--hanji);line-height:1.5}.sum-row .e{flex:none;color:var(--moon);opacity:.7;font-size:13px}.paper-screen{background:var(--hanji);min-height:100vh;padding:26px 24px 40px;color:var(--ink)}.top-nav{display:flex;align-items:center;gap:10px;margin-bottom:26px}.back{background:none;font-size:20px;color:var(--stone);padding:4px 8px 4px 0}.top-nav .brand{font-weight:700;font-size:14px;letter-spacing:.2em;color:var(--stone)}.bubble,.top-nav .brand{font-family:var(--serif)}.bubble{background:#fff;border:1px solid var(--hanji-deep);border-radius:4px 18px 18px 18px;padding:16px 18px;font-size:15.5px;line-height:1.8;margin-bottom:26px;box-shadow:0 4px 14px rgba(42,36,48,.06)}.bubble:before{content:"월하당 언니";display:block;font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;color:var(--thread);font-weight:700;margin-bottom:6px}.state-btn{width:100%;text-align:left;background:#fff;border:1.5px solid var(--hanji-deep);border-radius:14px;padding:19px 18px;margin-bottom:11px;font-size:16px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:13px;transition:border-color .15s,transform .12s}.state-btn .knot{width:10px;height:10px;border-radius:50%;background:var(--thread-soft);border:2px solid var(--thread);flex:none}.state-btn small{display:block;font-weight:400;font-size:12px;color:var(--stone);margin-top:2px}.state-btn:active{transform:scale(.985)}.state-btn:hover{border-color:var(--thread)}.field{margin-bottom:18px}.field label{display:block;font-size:12.5px;font-weight:700;color:var(--stone);letter-spacing:.04em;margin-bottom:7px}.field input[type=date],.field input[type=email],.field input[type=text],.field input[type=time]{width:100%;padding:14px;border:1.5px solid var(--hanji-deep);border-radius:12px;background:#fff;font-size:15px;font-family:var(--sans);color:var(--ink)}.seg{display:flex;gap:8px}.seg button{flex:1 1;padding:13px;border-radius:12px;border:1.5px solid var(--hanji-deep);background:#fff;font-size:14px;color:var(--stone)}.seg button.sel{border-color:var(--thread);color:var(--thread);font-weight:700;background:var(--thread-soft)}.check{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--stone)}.check input{accent-color:var(--thread);width:16px;height:16px}details.partner{background:var(--thread-soft);border-radius:12px;padding:14px 16px;margin:6px 0 26px}details.partner summary{font-size:14px;font-weight:700;color:var(--thread);cursor:pointer;list-style:none}details.partner summary:before{content:"▸ "}details.partner[open] summary:before{content:"▾ "}details.partner p{font-size:12px;color:#8C5A55;margin:6px 0 10px;line-height:1.6}details.partner input[type=date]{width:100%;padding:13px;border:1.5px solid #e3c7c2;border-radius:11px;background:#fff;font-size:14px;font-family:var(--sans);color:var(--ink)}.form-hint{font-size:11.5px;color:var(--stone);margin:-12px 0 18px;line-height:1.6}.chapter{font-family:var(--serif);margin-bottom:26px}.chapter .ch-no{font-size:11px;letter-spacing:.24em;color:var(--thread);font-weight:700;margin-bottom:6px}.chapter h3{font-size:19px;font-weight:700;line-height:1.5;margin-bottom:12px}.chapter p{font-size:15px;line-height:2;color:#3B3442;white-space:pre-wrap}.chapter p b{color:var(--thread)}.type-caret{display:inline-block;width:2px;height:1em;background:var(--thread);vertical-align:-2px;animation:blink .8s steps(1) infinite}@keyframes blink{50%{opacity:0}}.blur-zone{position:relative}.blur-zone p{filter:blur(4.5px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.blur-fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(246,240,228,0) 0,var(--hanji) 82%)}.locked-toc{list-style:none;margin:6px 0 20px}.locked-toc li{background:#fff;border:1px solid var(--hanji-deep);border-radius:11px;padding:13px 15px;margin-bottom:8px;font-size:13.5px;color:var(--stone);display:flex;align-items:center}.locked-toc .lk{margin-left:auto;font-size:12px}.locked-toc li.more{justify-content:center;color:#B8B0A2}.price-line{text-align:center;font-size:12px;color:var(--stone);margin:4px 0 10px}.price-line b{font-family:var(--serif);font-size:15px;color:var(--ink)}.err-note{text-align:center;font-size:13px;color:var(--thread);margin:20px 0;line-height:1.7}.waiting{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 30px;text-align:center;color:var(--hanji)}.waiting .moon{width:76px;height:76px;margin-bottom:34px}.waiting .msg{font-family:var(--serif);font-size:18px;min-height:56px;line-height:1.7}.prog{list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:30px;max-width:300px}.prog li{font-size:11px;color:var(--mist);border:1px solid rgba(246,240,228,.18);border-radius:20px;padding:5px 11px;transition:all .3s}.prog li.done{color:var(--night);background:var(--moon);border-color:var(--moon);font-weight:700}.email-card{width:100%;max-width:320px;margin-top:38px;padding:18px 16px;background:rgba(246,240,228,.06);border:1px solid rgba(246,240,228,.14);border-radius:16px;text-align:left}.email-ask{color:#EFE7D6;margin-bottom:12px}.email-ask,.email-done{font-family:var(--serif);font-size:14px;line-height:1.75}.email-done{color:var(--moon);text-align:center}.email-err{font-size:12px;color:#F0A9AE;margin-top:8px}.summary-card{background:var(--night);color:var(--hanji);border-radius:18px;padding:26px 22px;text-align:center;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:0 14px 36px rgba(23,18,35,.35)}.summary-card .s-moon{position:absolute;top:-34px;right:-34px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#F7E7BE,var(--moon));opacity:.28}.summary-card .grade-lab{font-size:10.5px;letter-spacing:.3em;color:var(--mist)}.summary-card .grade{font-family:var(--serif);font-size:30px;font-weight:900;color:var(--moon);margin:6px 0 12px}.summary-card .one-line{font-family:var(--serif);font-size:15px;line-height:1.8;color:#E7DFCE}.summary-card .when{margin-top:14px;display:inline-block;border:1px solid var(--thread);color:#F0A9AE;border-radius:20px;padding:5px 14px;font-size:12px}.save-btn{width:100%;padding:13px;border-radius:12px;background:#fff;border:1.5px solid var(--hanji-deep);font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:26px}.acc{border-top:1px solid var(--hanji-deep)}.acc details{border-bottom:1px solid var(--hanji-deep)}.acc summary{list-style:none;display:flex;align-items:baseline;gap:12px;padding:17px 2px;cursor:pointer}.acc summary::-webkit-details-marker{display:none}.acc .a-no{font-size:11px;color:var(--thread);flex:none}.acc .a-no,.acc .a-title{font-family:var(--serif);font-weight:700}.acc .a-title{font-size:15.5px;line-height:1.5}.acc .tag{margin-left:auto;flex:none;font-size:10px;background:var(--thread);color:#fff;border-radius:4px;padding:2px 7px;font-weight:700}.acc .a-body{padding:2px 2px 22px;font-family:var(--serif);font-size:14.5px;line-height:2;color:#3B3442;white-space:pre-wrap}.acc .a-body b{color:var(--thread)}.acc .a-locked{color:var(--stone);font-size:13px}.again{margin-top:30px}.again .cta{background:var(--night);box-shadow:none}.link-row{display:flex;gap:8px;margin-top:10px}.link-row button{flex:1 1;padding:12px;border-radius:11px;background:#fff;border:1.5px solid var(--hanji-deep);font-size:12.5px;color:var(--stone)}