*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#2e2122;color:#dcd5d1;font-family:'Noto Sans KR',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a,input,select,textarea,summary{outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}button:disabled{cursor:default;opacity:.45}img{max-width:100%;display:block}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.site-shell{max-width:560px;margin:0 auto;background:#1f1717;min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom));box-shadow:0 0 55px #442f3112}.site-head{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#1f1717;position:sticky;top:0;z-index:30;border-bottom:1px solid #312425}.brand{display:flex;align-items:center;gap:10px}.seal{font:12px/1.15 'Gowun Batang',serif;border:1px solid #493133;color:#c1b4ad;padding:5px 4px;border-radius:2px;transform:rotate(-4deg)}.brand strong{font:700 24px/1 'Gowun Batang',serif;letter-spacing:2px}.brand small{font:8px 'Noto Sans KR',sans-serif;letter-spacing:.5px;display:block;margin-top:7px;color:#b2a9a4}.round-button{width:36px;height:36px;background:transparent;color:inherit;font-size:24px;border-radius:50%;display:grid;place-items:center}.round-button:hover{background:#47333517}.outside-note{position:fixed;left:calc(50% - 530px);top:29%;color:#b4a39b;width:210px}.outside-note>span{font:15px 'Gowun Batang';letter-spacing:7px}.outside-note h2{font:24px/1.7 'Gowun Batang';margin:28px 0 16px;color:#bfb7b2}.outside-note p{font-size:11px;line-height:2}.outside-note small{font-size:8px;letter-spacing:2px;display:block;margin-top:40px}#site-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;height:calc(76px + env(safe-area-inset-bottom));padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;z-index:40;background:#1f1717f5;border-top:1px solid #372829;backdrop-filter:blur(12px)}#site-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#aaa3a0}#site-nav svg{width:21px;height:21px}#site-nav a.active{color:#cbc0ba;font-weight:600}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#b8a8a1;text-transform:uppercase}.section{padding:30px 24px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px;gap:10px}.section-title h2{font:700 21px/1.55 'Gowun Batang';letter-spacing:-.5px;word-break:keep-all}.section-title .eyebrow{margin-bottom:6px}.small-link{font-size:10px;color:#b4a7a0;white-space:nowrap;background:none}.categories{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;padding:0 24px;background:#1f1717;height:52px;border-bottom:1px solid #312425}.categories button{font-size:12px;white-space:nowrap;background:none;padding:0 2px;color:#aba4a0;border-bottom:2px solid transparent}.categories button.active{color:#d6cec9;border-color:#493133;font-weight:700}.hero{height:420px;position:relative;color:#e7e2e0;overflow:hidden;background:#271a1b}.hero>img{width:100%;height:100%;object-fit:cover;object-position:62% center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#231718d9,#25191a44 70%),linear-gradient(0deg,#26191ac4,transparent 40%)}.hero-copy{position:absolute;z-index:1;inset:35px 26px 25px;display:flex;flex-direction:column;align-items:start}.hero-label{font-size:9px;border:1px solid #dac8a763;padding:5px 10px;letter-spacing:1px;color:#dac7a8;border-radius:20px}.hero h1{font:700 31px/1.6 'Gowun Batang';letter-spacing:-1px;margin:30px 0 14px;word-break:keep-all}.hero h1 em{font-style:normal;color:#d6b985}.hero p{font-size:12px;line-height:1.9;color:#d4cbc6}.hero-button{margin-top:auto;min-height:46px;background:#d8bf94;color:#ded6d3;padding:12px 18px;border-radius:4px;display:flex;align-items:center;gap:22px;font-size:12px;letter-spacing:.2px}.hero-footer{position:absolute;bottom:19px;right:24px;z-index:2;display:flex;gap:10px;align-items:center;font-size:9px;color:#b8ada8}.hero-footer button{background:transparent;border:1px solid #d8c8a34d;border-radius:50%;color:#dfc9a4;width:30px;height:30px;font-size:14px}.quick-note{display:flex;align-items:center;gap:15px;border-bottom:1px solid #342627;padding:18px 24px}.quick-note .symbol{font:27px 'Gowun Batang';color:#b6a69e}.quick-note strong{display:block;font:700 14px 'Gowun Batang'}.quick-note p{font-size:10px;line-height:1.7;color:#afa7a2;margin-top:5px}.quick-note .arrow{margin-left:auto;color:#b4a49c}.featured-guide{display:flex;gap:18px;padding:25px 24px;background:#2a1f20;border-top:1px solid #3b2a2c;border-bottom:1px solid #3b2a2c}.featured-guide>img{width:83px;height:96px;object-fit:cover;border-radius:45px 45px 3px 3px;border:1px solid #63484a}.featured-guide h2{font:700 18px/1.6 'Gowun Batang';margin:7px 0}.featured-guide p:last-child{font-size:10px;color:#b5aaa5;line-height:1.8}.rail{display:flex;overflow-x:auto;gap:13px;scrollbar-width:thin;scrollbar-color:#5e4446 transparent;padding:2px 2px 14px}.product-card{flex:0 0 204px;min-width:0;text-align:left;background:transparent;padding:0;color:inherit}.product-cover{height:237px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;border-radius:5px 5px 2px 2px;padding:20px;color:#eae5e2;background:#432c2e;isolation:isolate;border:1px solid #33252629}.product-cover:before{content:'';position:absolute;inset:9px;border:1px solid #e4d0af38;z-index:-1;border-radius:90px 90px 0 0}.cover-symbol{position:absolute;font:112px/1 'Gowun Batang';top:35px;left:50%;transform:translateX(-50%);color:#e3ceac42;z-index:-1}.product-cover small{font-size:8px;letter-spacing:1.5px;margin-bottom:9px;color:#e3d3b5b3}.product-cover h3{font:700 23px/1.4 'Gowun Batang';letter-spacing:-.7px;word-break:keep-all}.product-cover .genre{font-size:9px;border-top:1px solid #36272835;padding-top:12px;margin-top:13px;letter-spacing:1px;color:#dbd3cf}.cover-rank{position:absolute;top:13px;left:16px;font:italic 15px Georgia;color:#d6b886}.product-cover.rose{background:radial-gradient(ellipse at 90% 5%,#e1b6a268,transparent 58%),#936564}.product-cover.plum{background:radial-gradient(ellipse at 0% 0%,#dbc4d44a,transparent 70%),#514255}.product-cover.slate{background:radial-gradient(ellipse at 80% 0%,#68777b80,transparent 65%),#293b44}.product-cover.green{background:radial-gradient(ellipse at 75% 0%,#a2ad744a,transparent 65%),#3a554c}.product-cover.blue{background:radial-gradient(ellipse at 80% 0%,#8399a54d,transparent 60%),#36515f}.product-cover.gold{background:radial-gradient(ellipse at 80% 5%,#d8c49b88,transparent 70%),#8b714d}.product-details{padding:13px 1px}.product-details strong{font-size:12px;font-weight:600}.product-details p{font-size:10px;line-height:1.75;margin-top:6px;color:#afa6a2}.product-details span{display:inline-block;font-size:9px;margin-top:9px;color:#c2b5ae;background:#2e2223;padding:3px 7px;border-radius:3px}.rail-hint{font-size:9px;color:#b1a39c;text-align:right;margin:0 2px}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.catalog-grid .product-card{width:100%}.catalog-grid .product-cover{height:244px}.genre-choice{display:flex;gap:10px;overflow:auto;padding-bottom:16px;scrollbar-width:none}.genre-choice button{padding:8px 12px;border:1px solid #402e30;white-space:nowrap;border-radius:20px;background:transparent;color:#b1a9a4;font-size:10px}.genre-choice button.active{background:#493133;border-color:#493133;color:#edeae8}.story-list{border-top:1px solid #3b2a2c}.story-list button{display:flex;align-items:center;gap:15px;width:100%;background:transparent;border-bottom:1px solid #3b2a2c;text-align:left;padding:19px 0;color:inherit}.story-list span:first-child{font:20px Georgia;color:#ae9d94}.story-list strong{font:700 14px 'Gowun Batang'}.story-list p{font-size:10px;color:#afa39c;margin-top:5px}.story-list .arrow{margin-left:auto;color:#b5a49c}.faqs details{border-bottom:1px solid #372829}.faqs summary{font-size:12px;padding:17px 0;cursor:pointer}.faqs p{font-size:11px;line-height:1.9;color:#b2a8a2;padding-bottom:16px}.site-footer{padding:28px 24px 35px;background:#2a1e1f;border-top:1px solid #39292a;color:#b1a29b}.site-footer>strong{font:700 18px 'Gowun Batang';color:#bdafa9}.site-footer p{font-size:9px;line-height:1.9;margin-top:13px}.site-footer small{font-size:8px;letter-spacing:1.5px;display:block;margin-top:15px}.page-title{padding:30px 24px 18px}.page-title h1{font:700 28px/1.6 'Gowun Batang';margin:7px 0 9px;letter-spacing:-.9px}.page-title p:last-child{font-size:11px;color:#b2a8a3;line-height:1.9}.back-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px}.back-title>div{flex:1}.back-title strong{font:700 15px 'Gowun Batang';display:block}.back-title small{font-size:9px;color:#ada19b;display:block;margin-top:5px}.back-title .round-button{font:23px Georgia}.back-title .counter{font-size:9px;color:#b09f97}.chat-mode{height:100dvh;min-height:0;overflow:hidden;padding-bottom:0}.chat-mode .site-head{position:relative;flex-shrink:0}.chat-frame{height:calc(100dvh - 72px - 76px - env(safe-area-inset-bottom));display:flex;flex-direction:column;background:#2c1e1f;color:#e3ddda;min-height:0}.progress{margin:0 22px;height:2px;background:#1313130d;flex-shrink:0}.progress>i{display:block;height:100%;background:#5c4345;transition:width .25s}.conversation{flex:1;min-height:100px;overflow:auto;padding:22px 22px 10px;scrollbar-width:thin;scrollbar-color:#483234 transparent}.guide-intro{display:flex;align-items:center;gap:11px;margin-bottom:22px}.guide-intro>img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #64484b77}.guide-intro strong{font:14px 'Gowun Batang';display:block}.guide-intro small{font-size:9px;color:#b09f97;display:block;margin-top:4px}.message{display:flex;margin-bottom:16px}.bubble{background:#412c2d;color:#e8e3e1;padding:14px 16px;font:14px/1.95 'Gowun Batang';border-radius:3px 14px 14px 14px;white-space:pre-wrap;max-width:91%;overflow-wrap:anywhere}.message.user{justify-content:end}.message.user .bubble{background:#d7bd91;color:#ddd6d2;border-radius:14px 3px 14px 14px;font:12px/1.8 'Noto Sans KR';max-width:85%;padding:11px 15px}.message.added{animation:arrive .18s ease-out}.editor{flex-shrink:0;background:#2c1e1f;padding:17px 22px 20px;border-top:1px solid #1313130b;overflow:auto;max-height:72%;scrollbar-width:thin;scrollbar-color:#483234 #2c1e1f}.editor label,.field-label{font-size:10px;color:#baaca5;display:block;margin-bottom:9px}.editor input,.editor select,.editor textarea{width:100%;min-height:48px;border:1px solid #493133;background:#3a2628;color:#ede8e6;padding:12px;border-radius:5px;outline-color:#d7bd91;font-size:13px;color-scheme:dark}.editor input::placeholder,.editor textarea::placeholder{color:#b4a49c}.input-row{display:flex;gap:8px;align-items:end}.input-row>input,.input-row>textarea{flex:1;min-width:0}.btn{display:flex;align-items:center;justify-content:center;gap:18px;min-height:48px;border-radius:4px;background:#d7bd91;color:#dcd4d0;padding:12px 20px;font-size:12px}.btn.wide{width:100%;margin-top:12px}.btn.outline{background:transparent;border:1px solid #5c4345;color:#c0b3ac}.editor .btn.outline{border-color:#473335;color:#c2b6b0}.note{font-size:9px;line-height:1.8;color:#af9e96;margin-top:10px}.skip{width:100%;margin-top:10px;min-height:43px;color:#bcada6;border:1px dashed #483234;background:transparent;border-radius:4px;font-size:11px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.options button{border:1px solid #493133;background:#402b2d;min-height:51px;border-radius:5px;padding:12px 10px;color:#dad3cf;font-size:12px;word-break:keep-all}.options button.selected,.small-options button.selected,.time-grid button.selected{border-color:#dcc398;background:#cfb18422;color:#e7d7b8}.options button:last-child:nth-child(odd){grid-column:1/-1}.small-options{display:flex;gap:7px;margin-bottom:12px}.small-options button{font-size:10px;background:transparent;border:1px solid #493133;padding:7px 12px;border-radius:4px;color:#baaba3}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-fields label{margin-top:12px}.time-editor{display:flex;flex-direction:column;overflow:hidden;padding-top:12px;padding-bottom:12px}.time-picks{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#483234 #2c1e1f}.time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.time-grid button{min-height:55px;border:1px solid #493133;border-radius:5px;background:#3d282a;color:#d7cec9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:7px 3px}.time-grid strong{font:700 14px 'Gowun Batang'}.time-grid small{font-size:8px;color:#b1a098;white-space:nowrap}.time-grid .unknown{grid-column:span 2;border-style:dashed}.time-editor>.btn{flex-shrink:0}.exact-time{margin-top:10px}.exact-time summary{font-size:10px;color:#b6a79f;cursor:pointer}.exact-time .input-row{margin-top:8px}.exact-time input{min-height:41px}.exact-time .btn{min-height:41px;padding:10px 12px;font-size:10px}.error{color:#b0684f;font-size:11px;line-height:1.7;margin-top:10px}.error:empty{display:none}.mbti{grid-template-columns:repeat(4,1fr)}.mbti button{min-height:38px;padding:8px 3px;font-size:10px}.mbti button:last-child:nth-child(odd){grid-column:auto}.confirm-list{margin:0;background:#3e2a2b;border:1px solid #493133;border-radius:5px;padding:12px 14px}.confirm-list>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:11px}.confirm-list dt{color:#b09f97;flex-shrink:0}.confirm-list dd{margin:0;text-align:right;line-height:1.7}.confirm-list .group{border-top:1px solid #13131312;margin-top:9px;padding-top:13px;font-size:10px;color:#cfb78e}.partner-input{display:grid;gap:11px}.partner-input label{margin-bottom:5px}.partner-time{margin-top:12px}.read-head{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #39292a;font-size:10px;color:#b6aca7}.read-head button{background:none;color:inherit;font-size:10px}.report-cover{position:relative;padding:30px 25px 32px;background:#382527;color:#dfd8d5;overflow:hidden}.report-cover:after{content:attr(data-mark);position:absolute;right:15px;top:22px;font:155px 'Gowun Batang';color:#d5bb8120}.report-cover .eyebrow{color:#b09f97;position:relative;z-index:1}.report-cover h1{font:700 28px/1.6 'Gowun Batang';margin:16px 0 12px;letter-spacing:-.9px;position:relative;z-index:1}.report-cover>p{font-size:11px;line-height:1.9;position:relative;z-index:1;color:#c7bab4;max-width:92%}.reading-meta{display:flex;flex-wrap:wrap;gap:5px 13px;border-top:1px solid #e0cda324;margin-top:21px;padding-top:17px;font-size:9px;color:#bbb2ae;position:relative;z-index:1}.guide-opening{display:flex;gap:15px;padding:24px;background:#2c2021;border-bottom:1px solid #3c2b2d}.guide-opening>img{width:49px;height:49px;object-fit:cover;border-radius:50%;border:1px solid #65494c;flex-shrink:0}.guide-opening small{display:block;color:#b9aaa2;font-size:9px;margin:1px 0 8px}.guide-opening p{font:700 15px/1.85 'Gowun Batang';word-break:keep-all;color:#c2b9b4}.summary-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 17px;border-bottom:1px solid #3a2a2b;gap:8px;background:#241a1b}.summary-tiles>div{border-right:1px solid #3c2b2d;text-align:center;padding:0 5px}.summary-tiles>div:last-child{border-right:0}.summary-tiles small{font-size:8px;color:#b2a39c;display:block;margin-bottom:9px}.summary-tiles strong{font-size:11px;line-height:1.6;font-weight:500;word-break:keep-all;color:#c2b8b4}.report-nav{display:flex;overflow:auto;gap:23px;position:sticky;top:72px;background:#1f1717f5;z-index:20;border-bottom:1px solid #3c2b2d;padding:0 24px;scrollbar-width:none}.report-nav a{padding:16px 0;font-size:10px;white-space:nowrap;color:#bbaca4}.report-nav a:first-child{color:#cabeb8;border-bottom:2px solid #493133}.chart-block{padding:29px 24px;border-bottom:1px solid #3a2a2b;scroll-margin-top:120px}.chart-block h2{font:700 20px 'Gowun Batang';margin-top:6px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #443133;border-radius:4px;background:#2b1f20;margin-top:21px;overflow:hidden}.pillar{text-align:center;border-right:1px solid #433132;padding:12px 4px;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.pillar:last-child{border-right:0}.pillar.day{background:#342627}.pillar>small{font-size:8px;color:#b5a69f}.pillar .hanja{display:block;font:29px/1.3 'Gowun Batang';color:#c2b5ae;letter-spacing:2px;overflow-wrap:anywhere}.pillar>span:last-child{font-size:10px;color:#bcaea7;min-height:16px}.pillar .candidates{font:11px/1.8 'Gowun Batang';color:#b7ada8;min-height:37px;display:grid;place-items:center}.chart-note{font-size:9px;color:#b2a199;line-height:1.9;margin-top:13px}.counts{display:flex;gap:7px;margin:21px 0 0}.counts>div{flex:1;text-align:center;background:#2f2223;padding:11px 3px;border-radius:3px}.counts small{font-size:9px;color:#b2a9a4;display:block}.counts strong{font:20px 'Gowun Batang';color:#bfb1aa;display:block;margin-top:5px}.calculation{margin-top:17px;border-top:1px solid #3b2b2c}.calculation summary{font-size:10px;color:#b7a7a0;cursor:pointer;padding:14px 0}.calculation p{font-size:9px;line-height:1.9;color:#b1a29a;margin-bottom:10px}.candidate-row{font-size:9px;padding:9px 0;border-top:1px solid #3b2b2c;display:flex;gap:8px;justify-content:space-between;line-height:1.7}.candidate-row strong{font-weight:500;min-width:68px}.candidate-row span{text-align:right}.story-heading{display:flex;gap:14px;padding:24px;background:#322425;align-items:center;color:#bdafa8}.story-heading>span{font:28px 'Gowun Batang'}.story-heading p{font:14px 'Gowun Batang'}.story-heading small{display:block;font-size:9px;color:#b7a79f;margin-top:5px}.chapters{padding:0 24px 20px}.chapter{border-bottom:1px solid #3d2c2e;scroll-margin-top:121px}.chapter>summary{display:flex;align-items:center;gap:15px;padding:23px 0;cursor:pointer;list-style:none}.chapter>summary::-webkit-details-marker{display:none}.chapter .chapter-number{font:italic 23px Georgia;color:#af9e95}.chapter h2{font:700 18px/1.6 'Gowun Batang';flex:1;letter-spacing:-.3px;word-break:keep-all}.chapter .plus{color:#b4a49c;font:21px Georgia}.chapter[open] .plus{font-size:0}.chapter[open] .plus:after{content:'−';font:21px Georgia}.chapter-body{padding:0 0 22px}.chapter-body>p{font-size:13px;line-height:2.1;color:#c2b8b2;word-break:keep-all;margin-bottom:17px}.chapter-body>p:first-child{border-left:2px solid #63474a;padding-left:15px;font-family:'Gowun Batang';font-size:15px;line-height:1.95;color:#c8bcb6}.basis{font-size:9px;line-height:1.8;color:#b3a39a;background:#2c2021;padding:10px 13px;margin-top:21px}.monthly{padding:26px 24px 20px;background:#2d2122;border-bottom:1px solid #423032}.monthly h2{font:700 21px 'Gowun Batang';margin:6px 0 10px}.monthly>p{font-size:9px;line-height:1.9;color:#b9aaa3}.month-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.month-card{border:1px solid #4a3637;background:#241a1b;padding:13px;border-radius:3px}.month-card .month{font:20px Georgia;color:#baaca4}.month-card strong{font:700 12px 'Gowun Batang';line-height:1.7;display:block;margin:8px 0;color:#c8bcb6}.month-card small{font-size:8px;color:#b8a8a1}.month-card p{font-size:9px;line-height:1.9;color:#b7a79f;margin-top:7px}.pair-note{padding:22px 24px;background:#2e2122;border-bottom:1px solid #423031}.pair-note strong{font:700 17px 'Gowun Batang';color:#c0b3ad}.pair-note p{font-size:10px;color:#b7a79f;line-height:1.9;margin-top:9px}.read-actions{padding:18px 24px 30px}.read-actions .btn{width:100%;margin-bottom:10px}.read-actions .action-note{font-size:9px;line-height:1.9;color:#b4a49c;margin-top:15px}.read-actions .outline{border-color:#5c4244}.suggestions{display:flex;gap:7px;overflow:auto;padding-bottom:12px;scrollbar-width:none}.suggestions button{flex-shrink:0;border:1px solid #473435;border-radius:20px;font-size:9px;padding:7px 10px;color:#beb1ab;background:transparent}.chat-editor textarea{min-height:48px;max-height:120px;resize:none;overflow-y:hidden;line-height:1.7}.chat-editor .input-row>.btn{width:48px;height:48px;padding:0;font-size:22px;flex-shrink:0}.typing{font-size:11px;color:#c5b9b3;padding:15px 20px;background:#412c2d;border-radius:4px;display:inline-block}.empty{padding:55px 25px 70px;text-align:center}.empty .mark{font:60px 'Gowun Batang';color:#b6a69e}.empty h2{font:700 20px 'Gowun Batang';margin:23px 0 14px}.empty p{font-size:11px;line-height:1.9;color:#b2a59e}.empty .btn{margin:25px auto 0;max-width:280px}.saved-list{padding:5px 24px 35px}.saved-item{display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #3c2c2d}.saved-item>.saved-mark{font:28px 'Gowun Batang';color:#b2a299;background:#2d2021;width:55px;height:68px;display:grid;place-items:center;border:1px solid #463334;flex-shrink:0;border-radius:3px}.saved-item button:first-of-type{flex:1;text-align:left;background:none;color:inherit;padding:0}.saved-item strong{font:700 15px 'Gowun Batang';display:block;margin-bottom:7px}.saved-item small{font-size:9px;color:#b4a39b}.saved-item button:last-child{font-size:9px;background:none;color:#b1a098;padding:8px}.loading{height:calc(100dvh - 148px);display:grid;place-content:center;text-align:center;background:#2c1e1f;color:#baaba3;padding:25px}.loading .moon{font:80px 'Gowun Batang';animation:breathe 1.3s infinite alternate}.loading h1{font:22px/1.8 'Gowun Batang';margin:20px 0 15px}.loading p{font-size:10px;color:#af9d94;line-height:1.9}#notice{position:fixed;left:50%;bottom:95px;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;background:#3d282aed;color:#edeae8;border:1px solid #493133;border-radius:5px;padding:12px 17px;font-size:11px;z-index:90;max-width:85%;white-space:nowrap}#notice.show{opacity:1;transform:translate(-50%,0)}dialog{width:min(90%,430px);border:1px solid #4c3739;border-radius:5px;padding:23px;background:#251b1b;color:#c8bcb6}dialog::backdrop{background:#231718c9;backdrop-filter:blur(4px)}.menu-top{display:flex;align-items:center;justify-content:space-between;font:20px 'Gowun Batang';margin-bottom:17px}dialog>a{display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid #402e30;font-size:12px}dialog>p{font-size:10px;line-height:1.9;color:#b9aaa3;margin-top:22px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@keyframes arrive{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{to{opacity:.5;transform:scale(.96)}}
@media(max-width:1100px){.outside-note{display:none}}@media(max-width:560px){.site-head{height:65px;padding:0 21px}.site-shell{box-shadow:none}.hero{height:400px}.hero h1{font-size:28px}.hero-copy{inset:27px 23px 24px}.hero h1{margin-top:30px}.hero>img{object-position:60% center}.section{padding-left:21px;padding-right:21px}.chat-frame{height:calc(100dvh - 65px - 76px - env(safe-area-inset-bottom))}.report-nav{top:65px}.conversation,.editor{padding-left:20px;padding-right:20px}.brand strong{font-size:22px}.categories{padding-left:21px;gap:21px}.section-title h2{font-size:20px}.product-card{flex-basis:188px}.product-cover{height:224px}.product-cover h3{font-size:22px}.catalog-grid .product-cover{height:223px;padding:17px}.catalog-grid .product-cover h3{font-size:21px}.report-cover h1{font-size:25px}.chapter h2{font-size:17px}.chart-block,.chapters,.monthly{padding-left:21px;padding-right:21px}.guide-opening{padding:22px 21px;gap:12px}.guide-opening p{font-size:14px}.guide-opening>img{width:42px;height:42px}}
@media(max-width:360px){.hero{height:385px}.hero h1{font-size:26px}.hero p{font-size:11px}.hero-button{font-size:11px}.hero-footer{right:18px}.section-title h2{font-size:18px}.product-card{flex-basis:173px}.product-cover h3{font-size:20px}.catalog-grid{gap:18px 11px}.catalog-grid .product-cover{height:202px;padding:15px}.catalog-grid .product-cover h3{font-size:18px}.cover-symbol{font-size:94px}.conversation{padding:18px 17px 6px}.editor{padding-left:17px;padding-right:17px}.bubble{font-size:13px}.time-grid{gap:6px}.time-grid button{min-height:51px}.time-grid small{font-size:7px}.time-grid strong{font-size:13px}.summary-tiles strong{font-size:10px}.month-grid{gap:7px}.month-card{padding:11px}.confirm-list>div{font-size:10px}.back-title{padding-left:13px;padding-right:17px}.back-title strong{font-size:14px}.featured-guide{padding-left:21px;padding-right:21px;gap:13px}.featured-guide h2{font-size:16px}.featured-guide>img{width:71px;height:92px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.message.added,.loading .moon{animation:none}.progress>i{transition:none}}
.confirm-list dt{flex-shrink:1;max-width:47%;line-height:1.8;word-break:keep-all}.confirm-list dd{flex:1;min-width:0;overflow-wrap:anywhere}.editor select{max-width:100%}.partner-time summary{cursor:pointer}
.cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.illustrated:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#241819fa 0%,#2c1e1fcf 32%,#2e1e204f 61%,#281b1c10);z-index:-2}.illustrated:before{border-color:#e6d4b548}.illustrated.rose:after{background:linear-gradient(0deg,#493133fa 0%,#493133d9 30%,#49313315 70%)}.illustrated.plum:after{background:linear-gradient(0deg,#382627fa,#382627ca 30%,#38262710 70%)}.illustrated.slate .cover-art{filter:saturate(.55)}.illustrated.green:after{background:linear-gradient(0deg,#3a2728fa,#3a2728d8 32%,#35242510 70%)}.illustrated.blue:after{background:linear-gradient(0deg,#462f31fa,#462f31d5 32%,#462f3110 70%)}.illustrated.navy .cover-art{object-position:50% 15%}.illustrated.gold .cover-art{object-position:85% center}.illustrated.gold:after{background:linear-gradient(0deg,#493133fa,#493133d9 32%,#49313310 72%)}.avatar-stamp{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;flex-shrink:0;background:#49313335;color:#cdb588;border:1px solid #6247494a;font:18px 'Gowun Batang'}.avatar-stamp.rose{background:#49313340;color:#b06c4f}.avatar-stamp.plum{background:#45363744;color:#c5b8b2}.avatar-stamp.green{background:#47333544;color:#bbaca4}.avatar-stamp.blue{background:#49313344;color:#c6b9b3}.guide-opening>.avatar-stamp{width:49px;height:49px;font-size:24px;border-color:#684b4e;color:#bdafa7}
.reading-access{display:inline-block;font-size:9px;letter-spacing:.4px;color:#d6c097;border:1px solid #d6c09760;padding:5px 9px;margin-top:16px;border-radius:2px}.report-page.has-premium-dock{padding-bottom:74px}.free-ending{padding:21px 24px 29px;text-align:center;background:#2b1f20;border-block:1px solid #3d2c2e}.free-ending p{font-size:10px;color:#baaba4;line-height:1.8}.free-ending strong{display:block;font:700 17px/1.8 'Gowun Batang';margin:10px 0 14px;word-break:keep-all}.free-ending button{background:none;border-bottom:1px solid #493133;padding:8px 0;font-size:11px;color:#c7bbb5}.premium-panel{padding:35px 24px;background:#302021;color:#e1dbd8;position:relative;overflow:hidden}.premium-panel:before{content:'月';position:absolute;font:180px 'Gowun Batang';right:-18px;top:10px;color:#ccb08508;pointer-events:none}.premium-panel .sealed-mark{display:grid;place-items:center;width:39px;height:44px;color:#c8a874;border:1px solid #c7a67155;font:23px 'Gowun Batang';margin:21px 0 17px;transform:rotate(-4deg)}.premium-panel h2{font:700 26px/1.6 'Gowun Batang';word-break:keep-all}.personal-concern{margin-top:21px;font-size:10px;line-height:2;color:#b0a7a3}.personal-concern strong{font-size:13px;font-weight:500;color:#e4ceb0}.next-question{margin-top:13px;font:16px/1.85 'Gowun Batang';color:#c5b8b1;word-break:keep-all}.preview-progress{margin:25px 0 19px}.preview-progress>span{display:flex;justify-content:space-between;color:#aca19b;font-size:10px}.preview-progress b{color:#d2b58d;font-weight:500}.preview-progress>i{display:block;height:3px;background:#13131312;margin-top:10px}.preview-progress em{display:block;width:33.333%;height:100%;background:#684b4d}.locked-stories{border-top:1px solid #5e444730}.locked-stories button{display:flex;align-items:center;gap:14px;width:100%;padding:20px 0;text-align:left;border-bottom:1px solid #5e444730;color:inherit;background:transparent}.lock-number{font:21px Georgia;color:#b6a69e;align-self:start;margin-top:3px}.locked-stories button>div{flex:1;min-width:0}.locked-stories strong{font:700 16px/1.6 'Gowun Batang';word-break:keep-all}.locked-stories p{font-size:10px;line-height:1.9;color:#b09f97;margin-top:7px;word-break:keep-all}.lock-seal{font:15px 'Gowun Batang';border:1px solid #64484b66;color:#af9e95;padding:4px;flex-shrink:0}.included-summary{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 14px}.included-summary>span{padding:5px 8px;border:1px solid #4b3a3b25;color:#b8ada7;font-size:9px;border-radius:3px}.demo-note{font-size:9px;line-height:1.9;color:#ac9a91;text-align:center;margin-top:12px}.report-dock{position:fixed;bottom:calc(76px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:35;width:100%;max-width:560px;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:13px 22px;background:#2f2021f7;color:#d8cfcb;border-top:1px solid #4f3a3c29;box-shadow:0 -8px 24px #2318190d;backdrop-filter:blur(12px)}.report-dock small{display:block;font-size:9px;color:#aa9d97;margin-bottom:4px}.report-dock strong{font:700 15px 'Gowun Batang'}.report-dock .btn{min-height:43px;font-size:11px;padding:10px 15px;white-space:nowrap}.month-locked{display:flex;align-items:center;gap:13px;width:100%;padding:18px 14px;background:#302324;border:1px dashed #604648;border-radius:4px;margin-top:12px;color:#c1b3ac;text-align:left}.month-locked>span:first-child{font:25px 'Gowun Batang'}.month-locked>div{flex:1}.month-locked strong{display:block;font:700 14px/1.7 'Gowun Batang'}.month-locked small{display:block;font-size:9px;line-height:1.9;margin-top:4px}.unlocked-banner{display:flex;align-items:center;gap:13px;margin:15px 24px 22px;padding:17px;background:#2e2122;border:1px solid #4e3a3c;color:#c1b8b3}.unlocked-banner>span{font:27px 'Gowun Batang'}.unlocked-banner strong{font:700 16px 'Gowun Batang'}.unlocked-banner p{font-size:9px;line-height:1.8;margin-top:6px;color:#b4aaa5}.chat-upgrade{display:block;min-height:39px;margin-top:15px;background:#d6bc93;color:#dcd4d0;padding:9px 12px;border-radius:3px;font:11px 'Noto Sans KR'}
#premium-dialog{width:min(92%,480px);max-height:88dvh;padding:23px;overscroll-behavior:contain;border-radius:9px;background:#23191a;color:#d8d0cb;overflow-y:auto}.premium-dialog-head{display:flex;align-items:center;justify-content:space-between;color:#bbaca5;font-size:11px;margin-bottom:12px}.demo-badge{display:inline-block;padding:5px 8px;font-size:9px;border:1px solid #5a4143;color:#bfb2ab;border-radius:3px}#premium-title{font:700 24px/1.65 'Gowun Batang';margin-top:15px;word-break:keep-all}.offer-description{font-size:10px;line-height:1.9;color:#b8a8a0;margin:8px 0 14px}.offer-chapters{list-style:none;margin:0;padding:0;border-top:1px solid #423032}.offer-chapters li{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid #423032}.offer-chapters li>span{font:17px Georgia;color:#b1a098}.offer-chapters strong{font:700 14px/1.7 'Gowun Batang'}.offer-chapters p{font-size:9px;line-height:1.8;color:#b5a49c;margin-top:4px}.offer-chapters .focused{background:#302324;padding-inline:9px;margin-inline:-9px}.offer-extras{font-size:9px;line-height:1.8;color:#b7aaa4;margin:12px 0}.demo-price{display:flex;align-items:center;justify-content:space-between;gap:10px;border-block:1px solid #423032;padding:14px 0}.demo-price small{font-size:9px;color:#b5a59d}.demo-price strong{font-size:23px;white-space:nowrap;font-weight:600}.demo-method{border:0;margin:17px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;min-width:0}.demo-method legend{font-size:10px;color:#b8a9a1;padding:0 0 9px}.demo-method label{min-width:0;position:relative}.demo-method input{position:absolute;left:8px;top:14px;accent-color:#463436}.demo-method span{display:grid;place-items:center;min-height:43px;padding:9px 6px 9px 19px;border:1px solid #453233;border-radius:4px;font-size:10px;color:#bbaca4}.demo-method input:checked+span{background:#2c2021;border-color:#473435;color:#cabeb8}.demo-total{display:flex;justify-content:space-between;font-size:10px;align-items:center;margin-top:19px}.demo-total strong{font-size:20px;color:#c4b8b1}#premium-dialog .demo-note{color:#b5a59d;word-break:keep-all}#premium-dialog .btn{background:#493133;color:#ece7e5}#premium-dialog::backdrop{background:#26191ad4}
@media(max-width:560px){#premium-dialog{margin:auto auto 0;width:100%;max-width:560px;max-height:92dvh;border-radius:15px 15px 0 0;padding:21px 22px calc(24px + env(safe-area-inset-bottom));border-bottom:0}.premium-panel{padding-inline:21px}.premium-panel h2{font-size:24px}.report-dock{padding-inline:21px}.locked-stories button{gap:12px}.report-nav{scroll-padding-inline:15px}}@media(max-width:360px){.premium-panel h2{font-size:22px}.locked-stories strong{font-size:15px}.report-dock{gap:8px;padding-inline:17px}.report-dock strong{font-size:14px}.report-dock .btn{padding-inline:11px;font-size:10px}#premium-dialog{padding-inline:18px}.demo-method span{font-size:9px}.free-ending strong{font-size:16px}}
.chart-block,.chapter,.monthly,.premium-panel{scroll-margin-top:115px}
.offer-chapters li:not(.focused) p{display:none}.offer-chapters li{padding-block:11px}

/* v6 · 지역 자동 인식, 직접 입력 질문, 모바일 가독성 */
.region-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.region-suggestions:empty{display:none}
.region-suggestions button{border:1px solid #483234;background:#402b2d;color:#ddd5d1;border-radius:20px;padding:9px 13px;font-size:13px;min-height:38px}
.region-suggestions button:first-child{border-color:#d7bd91;color:#e7d7b8}
.region-suggestions .raw{border-style:dashed;color:#bcada6}
.editor textarea#person-wish{min-height:96px}
.wish-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:11px;line-height:1.6;color:#af9e96}.wish-meta span:last-child{flex-shrink:0;font-variant-numeric:tabular-nums}
/* 16px 미만 입력창은 iOS Safari에서 포커스 시 화면이 확대된다. */
.editor input,.editor select,.editor textarea{font-size:16px}
.editor label,.field-label{font-size:12px}
.note,.error{font-size:11px}
.btn{font-size:14px}
.skip{font-size:13px}
.options button{font-size:14px}
.mbti button{font-size:12px;min-height:42px}
.small-options button{font-size:12px;padding:8px 13px}
.time-grid small{font-size:10px}
.confirm-list>div{font-size:12px}
.message.user .bubble{font-size:13px}
.suggestions button{font-size:12px;padding:8px 12px}
.product-details p{font-size:11px}
.back-title small,.back-title .counter{font-size:11px}
@media(max-width:360px){.time-grid small{font-size:9px}.confirm-list>div{font-size:11px}}
.region-prompt{flex-basis:100%;color:#b0684f;font-size:12px;line-height:1.6}
.region-prompt+button{border-color:#483234;color:#ddd5d1}

/* v6 · 메신저형 입력 화면: 전체 화면, 상담자 배경, 입력 중 표시, 보내기 버튼 */
.site-shell.flow-mode .site-head,.site-shell.flow-mode #site-nav{display:none}
.site-shell.flow-mode .chat-frame{height:var(--app-height,100dvh)}
.flow-frame{position:relative;isolation:isolate;overflow:hidden}
.flow-backdrop{position:absolute;inset:0 0 auto;height:62%;background:center 18%/cover no-repeat;opacity:.34;z-index:-1;-webkit-mask-image:linear-gradient(#000000 30%,transparent);mask-image:linear-gradient(#000000 30%,transparent)}
.flow-frame .back-title{padding-top:calc(12px + env(safe-area-inset-top))}
.flow-frame .conversation{padding-top:18px}
.flow-frame .bubble{background:#412c2de6;backdrop-filter:blur(3px)}
.flow-frame .message.user .bubble{background:#d7bd91}
.flow-frame .editor{padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#2c1e1ff2}
.message.added{animation:arrive .24s ease-out both}
.typing-dots .bubble{display:flex;gap:5px;align-items:center;padding:16px 18px}
.typing-dots i{width:6px;height:6px;border-radius:50%;background:#4a3739;animation:dot 1s infinite ease-in-out}
.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.composer{align-items:flex-end}
.composer>input,.composer>textarea{border-radius:24px;padding:12px 18px}
.composer>textarea{min-height:48px;max-height:140px;resize:none;line-height:1.6}
.send{width:48px;height:48px;flex-shrink:0;border-radius:50%;background:#d7bd91;color:#dcd4d0;font-size:21px;display:grid;place-items:center}
.send:active{transform:scale(.94)}
.editor[data-type="wish"] .composer>textarea{border-radius:18px}
@media(prefers-reduced-motion:reduce){.message.added,.typing-dots i{animation:none}}

/* v7 · 적월관: 붉은 달, 도깨비 담과 여우 채리 */
.seal{border-color:#9d4c46;color:#b0564f;background:#9d4c4610}
.hero h1 em{color:#b0604f}
.hero-button{background:#b0584f;color:#f6f4f3}
.btn,.send{background:#b0584f;color:#f6f4f3}
.btn.outline{background:transparent}
.flow-backdrop{background-position:center 12%;opacity:.42}
.product-cover .cover-art{object-position:center 12%}
.yokai{padding:30px 24px;background:#1d1414;color:#e7e2e0}
.yokai .eyebrow{color:#b0614f}
.yokai h2{font:700 21px/1.55 'Gowun Batang';margin:6px 0 18px}
.yokai-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.yokai-grid button{background:#2a1c1d;border:1px solid #493133;border-radius:6px;padding:0 0 14px;text-align:left;color:inherit;overflow:hidden}
.yokai-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 8%;margin-bottom:12px}
.yokai-kind{display:inline-block;margin:0 12px;font-size:10px;color:#b0614f;border:1px solid #b0614f66;border-radius:12px;padding:2px 8px}
.yokai-grid strong{display:block;font:700 20px 'Gowun Batang';margin:6px 12px 4px}
.yokai-grid p{font-size:11px;line-height:1.7;color:#c6bab4;margin:0 12px}
.loading-face{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0 auto;border:2px solid #b0584f;box-shadow:0 0 40px #b0584f88;animation:breathe 1.3s infinite alternate}
.guide-intro>img,.guide-opening>img{object-position:center 20%}
.hero>img{object-position:84% center}
@media(max-width:560px){.hero>img{object-position:84% center}}

/* v8 · 희미하게 붉은 어두운 테마: 대비 보정 */
:root{color-scheme:dark}
.hero h1 em{color:#d9a092}
.btn,.send,.hero-button,#premium-dialog .btn{background:#a8493f;color:#fbefe8}
.btn.outline{background:transparent;color:#d8c4bb;border-color:#5a4344}
.message.user .bubble,.flow-frame .message.user .bubble{background:#d9c2a6;color:#2a1c1c}
.chat-upgrade{background:#d9c2a6;color:#2a1c1c}
.flow-backdrop{opacity:.3}
.flow-frame .bubble{background:#2d2122f0}
.seal{border-color:#b0574c;color:#c9776b;background:transparent}

/* v9 · 완성 이미지 적용: 로고, 첫 화면 3장, 로딩, 봉인 두루마리, 빈 화면 */
.seal-logo{width:40px;height:40px;transform:rotate(-4deg);flex-shrink:0}
.hero>img{object-position:72% center}
@media(max-width:560px){.hero>img{object-position:74% center}}
.hero:after{background:linear-gradient(90deg,#140d0ee6,#140d0e66 60%,transparent),linear-gradient(0deg,#140d0ecc,transparent 45%)}
.loading-art{width:min(220px,60vw);aspect-ratio:1;object-fit:cover;border-radius:50%;margin:0 auto;border:1px solid #6b4140;box-shadow:0 0 60px #9e3b3755;animation:breathe 1.6s infinite alternate}
.seal-art{display:block;width:120px;height:120px;object-fit:cover;border-radius:8px;margin:18px 0 14px}
.seal-art.small{width:72px;height:72px;margin:0 0 12px}
.empty-art{display:block;width:180px;height:180px;object-fit:contain;margin:0 auto}
@media(prefers-reduced-motion:reduce){.loading-art{animation:none}}

/* v10 · 상품 소개 시트, 확인 단계 수정, 단계별 로딩, 다음 풀이 추천, 공유 */
dialog.intro-sheet{width:min(100%,560px);max-width:560px;max-height:92dvh;margin:auto auto 0;padding:0;border:0;border-radius:18px 18px 0 0;background:#1d1617;color:#ece2da;overflow:auto;overscroll-behavior:contain}
@media(min-width:600px){dialog.intro-sheet{margin:auto;border-radius:14px}}
dialog.intro-sheet[open]{animation:sheet .26s ease-out}
@keyframes sheet{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.intro-cover{position:relative;height:300px;overflow:hidden;display:flex;align-items:flex-end;padding:22px}
.intro-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%}
.intro-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1d1617 6%,#1d161700 70%)}
.intro-cover>div{position:relative;z-index:1}
.intro-cover .round-button{position:absolute;top:12px;right:12px;z-index:2;background:#1d1617aa;color:#f1e6de}
.intro-guide{font-size:11px;color:#dba395;border:1px solid #dba39566;border-radius:20px;padding:3px 10px}
.intro-cover h2{font:700 28px/1.4 'Gowun Batang';margin:12px 0 4px}
.intro-cover p{font-size:13px;color:#d6c6bc}
.intro-body{padding:6px 22px calc(24px + env(safe-area-inset-bottom))}
.intro-hook{font-size:14px;line-height:1.8;color:#dccfc7}
.intro-meta{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 20px}
.intro-meta span{font-size:12px;background:#2c2122;border:1px solid #47393a;border-radius:20px;padding:5px 11px;color:#d9c9c0}
.intro-body h3{font:700 16px 'Gowun Batang';margin-bottom:10px}
.intro-chapters{list-style:none;margin:0;padding:0;border-top:1px solid #3a2e2f}
.intro-chapters li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #3a2e2f;font-size:14px;color:#cdbdb4}
.intro-chapters li>span{font:italic 15px Georgia;color:#a88e82;width:22px}
.intro-chapters li em{margin-left:auto;font-style:normal;font-size:11px;color:#8f7b74}
.intro-chapters li.free{color:#f0e5dd}.intro-chapters li.free em{color:#dba395}
.intro-extra{font-size:12px;color:#c9b5aa;margin-top:10px}
.intro-known{margin-top:16px;font-size:13px;line-height:1.7;color:#e7cfc4;background:#2c2122;border-radius:8px;padding:12px 14px}
.confirm-hint{font-size:12px;color:#b8a8a0;margin-bottom:8px}
.confirm-list dd button{background:none;color:inherit;font:inherit;text-align:right;padding:2px 0;display:inline-flex;gap:8px;align-items:baseline;line-height:1.6}
.confirm-list dd button span{font-size:10px;color:#dba395;border:1px solid #dba39555;border-radius:10px;padding:0 6px;flex-shrink:0}
.birth-preview.ok{color:#e3c3a6}
.loading-steps{list-style:none;padding:0;margin:4px auto 16px;display:grid;gap:8px;text-align:left;width:max-content;max-width:100%}
.loading-steps li{font-size:13px;color:#8d7c76;padding-left:24px;position:relative;transition:color .2s}
.loading-steps li:before{content:'';position:absolute;left:4px;top:6px;width:9px;height:9px;border-radius:50%;border:1px solid #6b5754}
.loading-steps li.active{color:#f1e3d9}.loading-steps li.active:before{background:#c25a4d;border-color:#c25a4d;box-shadow:0 0 10px #c25a4d}
.loading-steps li.done{color:#c4ada3}.loading-steps li.done:before{background:#7d5550;border-color:#7d5550}
.related{padding:26px 24px 6px}
.related h2{font:700 19px 'Gowun Batang';margin:6px 0 4px}
.related-note{font-size:12px;color:#ad9b93;margin-bottom:14px}
.related-list{display:grid;gap:10px}
.related-list button{display:flex;gap:14px;align-items:center;text-align:left;background:#251c1d;border:1px solid #3d3031;border-radius:10px;padding:10px;color:inherit}
.related-list img{width:64px;height:84px;object-fit:cover;object-position:center 15%;border-radius:6px;flex-shrink:0}
.related-list small{font-size:11px;color:#dba395}
.related-list strong{display:block;font:700 16px 'Gowun Batang';margin:4px 0 3px;color:#f1e6de}
.related-list span{font-size:12px;color:#b8a7a0}
@media(prefers-reduced-motion:reduce){dialog.intro-sheet[open]{animation:none}}
.intro-body>.btn.wide{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:2;box-shadow:0 -14px 22px #1d1617}
.loading h1{font-size:19px;word-break:keep-all}

/* v11 · 결제 심사: 사업자 정보, 약관 페이지, 결제 동의 */
.legal-links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:18px;font-size:11px}
.legal-links a{color:#d9c6bd;text-decoration:underline;text-underline-offset:3px}
.legal-links strong{font-weight:700}
.business-info{margin:14px 0 0;display:grid;gap:4px;font-size:10px;line-height:1.7;color:#a8968e}
.business-info>div{display:flex;gap:8px}
.business-info dt{flex-shrink:0;min-width:84px;color:#8f7e77}
.business-info dd{margin:0;overflow-wrap:anywhere}
.legal-page .page-title p:last-child{font-size:12px}
.legal-body{padding:0 24px 10px}
.legal-body section{padding:16px 0;border-top:1px solid #3a2e2f}
.legal-body h2{font:700 15px 'Gowun Batang';margin-bottom:8px;color:#f0e5dd}
.legal-body p{font-size:13px;line-height:1.85;color:#cdbdb4;margin-top:6px;word-break:keep-all}
.legal-links.in-page{padding:6px 24px 28px;margin:0}
.consents{display:grid;gap:10px;margin:16px 0 4px}
.consents label{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6;color:#d6c6bd;cursor:pointer}
.consents input{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:#a8493f}
.consents a{color:#e8b4a6;text-decoration:underline}
#premium-dialog .btn:disabled{opacity:.45}
/* v12 · 세 요괴 소개 */
.yokai-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.yokai-grid strong{font-size:18px;margin:6px 10px 4px}
.yokai-kind{margin:0 10px;font-size:10px}
.yokai-grid p{font-size:10.5px;margin:0 10px}

/* v13 · 공유 보상, 궁합 초대, 결제 예정 금액과 쿠폰 */
.share-reward{margin:16px 0 4px;padding:14px;border:1px dashed #6b4f4c;border-radius:10px;background:#251c1d;text-align:left}
.share-reward strong{display:block;font:700 15px 'Gowun Batang';color:#f1e4da}
.share-reward p{font-size:12px;line-height:1.7;color:#c4b2a9;margin-top:4px}
.share-reward-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.share-reward-row span{font-size:12px;color:#dba395;flex-shrink:0}
.share-reward-row .btn{min-height:42px;padding:10px 14px;font-size:13px}
.pair-note .invite{margin-top:12px;width:100%}
.invite-note{font-size:11px!important;margin-top:6px!important}
.quote dl{margin:12px 0 8px;display:grid;gap:6px;font-size:13px}
.quote dl>div{display:flex;justify-content:space-between;gap:10px}
.quote dt{color:#b9a69d}.quote dd{margin:0;color:#ecdfd6}
.quote .discount dd{color:#e3a493}
.quote .total{border-top:1px solid #3d3031;padding-top:8px;font-weight:700}
.quote .total dd{font-size:16px;color:#f6ece4}
.coupon-row{display:flex;gap:8px;margin-top:6px}
.coupon-row input{flex:1;min-width:0;min-height:42px;border:1px solid #4a3a3b;background:#241b1c;color:#f1e6de;border-radius:6px;padding:8px 12px;font-size:16px}
.coupon-row .btn{min-height:42px;padding:8px 14px}
.coupon-msg{font-size:12px;color:#dba395;min-height:1em;margin-top:4px}

/* v14 · 카카오 로그인 */
.btn.kakao-login{background:#fee500;color:#191600;width:100%;margin-top:6px;text-decoration:none}
.quote .pending dd{color:#a99189}
.menu-account{display:flex;justify-content:space-between;width:100%;padding:19px 0;border:0;border-bottom:1px solid #3d3031;background:none;color:inherit;font-size:12px;text-align:left}
