@font-face{font-family:'Noto Serif KR';src:url('../fonts/NotoSerifKR-500.woff') format('woff');font-weight:400 700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#E8E8E3;color:#293447;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-size:18px;line-height:1.7;word-break:keep-all}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4B6574;outline-offset:4px}[hidden]{display:none!important}.viewer{position:fixed;top:0;left:0;right:0;z-index:30;background:#202B3B;color:#FBF8F0;padding:10px 20px;display:flex;gap:12px;align-items:center;font-size:14px}.viewer select{background:#202B3B;color:#FBF8F0;border:1px solid #87919D;border-radius:6px;padding:6px;max-width:66%}.viewer a{margin-left:auto}.screen{display:none;max-width:430px;margin:76px auto 32px;background:#FBF8F0;min-height:850px;overflow:hidden}.screen.active{display:block}.topbar{height:84px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #DDD9CF}.brand{display:flex;gap:9px;align-items:center;font-family:'Noto Serif KR',serif;font-size:23px;font-weight:600;letter-spacing:2px}.brand svg{width:34px;height:38px;color:#80613B}.textlink{font-size:16px;color:#4B6574;min-height:48px;display:inline-flex;align-items:center}.wrap{padding:32px 24px}.eyebrow{font-size:13px;letter-spacing:.04em;font-weight:600;color:#80613B;text-transform:uppercase}.serif,h1,h2,h3{font-family:'Noto Serif KR',serif;font-weight:500}h1{font-size:36px;line-height:1.5;letter-spacing:-1.6px;margin:20px 0}h2{font-size:28px;line-height:1.5;letter-spacing:-.8px;margin:14px 0 20px}h3{font-size:22px;line-height:1.6;margin:0 0 12px}p{margin:0 0 20px}.muted{color:#66717B}.small{font-size:14px;line-height:1.7}.label{font-size:16px}.btn{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:12px 16px;border:0;border-radius:8px;background:#80613B;color:white;font-size:18px;font-weight:500;width:100%;text-align:center}.btn.secondary{background:transparent;color:#293447;border:1px solid #B6B4AE}.btn:disabled{background:#E0DDD5;color:#5E6266;cursor:default}.section{padding:40px 24px;border-top:1px solid #DDD9CF}.hero{padding:36px 24px 32px}.hero-art{height:214px;position:relative;margin:18px -24px 26px;background:radial-gradient(ellipse at 50% 60%,#EDE6D7,transparent 65%)}.hero-art svg{width:100%;height:100%}.hero .btn{margin-top:24px}.subnote{font-size:14px;text-align:center;color:#66717B;margin-top:12px}.rule{height:1px;background:#DDD9CF;margin:28px 0}.night{background:#202B3B;color:#FBF8F0}.night .eyebrow{color:#D8B783}.night .muted{color:#BFC8D2}.night .brand svg{color:#D8B783}.night .badge{color:#D8B783;border-color:#66717B}.night .btn{background:#D8B783;color:#202B3B}.quote{font-family:'Noto Serif KR',serif;font-size:25px;line-height:1.8;letter-spacing:-.6px;margin:20px 0}.sign{text-align:right;color:#80613B;font-size:16px;margin-top:20px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#80613B;padding:4px 10px;border:1px solid #D4C6AE;border-radius:999px}.card{padding:24px;background:white;border:1px solid #DDD9CF;border-radius:12px;margin:20px 0}.card.soft{background:#F3EEE4;border:0}.product{display:block;border-bottom:1px solid #DDD9CF;padding:24px 0}.product:last-child{border-bottom:0}.row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.product h3{margin:0}.product p{font-size:16px;margin:8px 0;color:#66717B}.product small{font-size:14px;color:#80613B}.arrow{float:right;color:#80613B}.footer{padding:32px 24px;background:#F0EEE7;color:#66717B;font-size:14px}.footer a{text-decoration:underline;display:inline-block;margin:0 12px 12px 0;min-height:32px}.business{border:1px dashed #B7AEA0;padding:12px;margin-top:12px}.chart{margin:24px 0}.chart svg{width:100%;height:auto;display:block}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:14px}.legend span{display:flex;gap:4px;align-items:center}.legend img{width:20px;height:20px}.months{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.month{padding:14px 4px;border:1px solid #DDD9CF;border-radius:8px;text-align:center;font-size:16px}.month strong{display:block;font-size:23px;font-weight:500;color:#80613B}.month.rest strong{color:#8B513E}.chart-caption{font-size:14px;color:#66717B;margin-top:12px}.steps{display:flex;gap:8px;align-items:center;font-size:14px;color:#66717B;padding:24px 24px 0}.steps .on{color:#80613B;font-weight:600}.steps i{height:1px;background:#DDD9CF;flex:1}.feature{display:flex;gap:16px;margin:24px 0}.feature .num{font-size:14px;color:#80613B;border-top:1px solid #AF8956;width:32px;padding-top:6px}.feature p{font-size:16px;color:#66717B;margin:4px 0}.preview-pages{display:flex;gap:8px;margin:24px 0}.mini-page{flex:1;min-width:0;background:white;border:1px solid #DDD9CF;padding:16px 10px;min-height:160px;font-size:13px;line-height:1.6}.mini-page strong{font-family:'Noto Serif KR';font-size:16px;display:block;margin:14px 0}.mini-page i{display:block;height:1px;background:#DDD9CF;margin:10px 0}.sticky{position:sticky;bottom:0;padding:16px 24px;background:#FBF8F0;border-top:1px solid #DDD9CF;z-index:5}.price{font-size:30px;font-weight:500}.price small{font-size:14px;color:#66717B;font-weight:400}.field{margin-bottom:24px}.field label,.field legend{display:block;font-size:16px;margin-bottom:8px;font-weight:500}fieldset{border:0;margin:0;padding:0}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:56px;padding:12px;border:1px solid #9DA1A2;border-radius:8px;background:white;color:#293447}textarea{resize:vertical;min-height:104px}.seg{display:flex;gap:8px}.seg label{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:1px solid #9DA1A2;background:white;border-radius:8px;margin:0}.seg label:has(input:checked){border:2px solid #4B6574;background:#E8EEEF}input[type=radio],input[type=checkbox]{width:20px;height:20px;accent-color:#4B6574;flex-shrink:0}.check{display:flex!important;gap:10px;align-items:flex-start;font-size:16px;min-height:48px;padding:10px 0}.check input{margin-top:4px}.error{font-size:14px;color:#8B513E;margin-top:6px}.hint{font-size:14px;color:#66717B;margin-top:8px}.order{display:flex;justify-content:space-between;font-size:16px;padding:16px 0;border-top:1px solid #DDD9CF}.progress{height:3px;background:#E3DED3;margin:28px 0}.progress i{display:block;width:60%;height:3px;background:#AF8956}.loading-art{height:272px;display:flex;align-items:center;justify-content:center}.loading-art img{height:264px;animation:breathe 2.8s ease-in-out infinite}.status-step{display:flex;gap:16px;align-items:center;padding:16px 0;font-size:16px;border-bottom:1px solid #DDD9CF;text-align:left}.status-step span:first-child{width:28px;color:#80613B}.report-head{padding:32px 24px}.report-chapter{padding:40px 24px;border-top:1px solid #DDD9CF;scroll-margin-top:16px}.chapter-tag{display:flex;align-items:center;gap:12px;color:#80613B;font-size:14px;letter-spacing:.08em}.chapter-tag:after{content:'';height:1px;background:#DDD9CF;flex:1}.report-chapter p{font-size:18px;line-height:1.9}details{border-top:1px solid #DDD9CF;border-bottom:1px solid #DDD9CF;margin:24px 0;padding:16px 0}summary{font-size:16px;cursor:pointer;min-height:32px}details p{padding-top:16px;color:#66717B;font-size:16px!important}.action-note{padding:20px;border-left:2px solid #AF8956;background:#F0EBDD;font-size:18px;line-height:1.9}.toc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.toc a{padding:12px;border:1px solid #DDD9CF;border-radius:6px;font-size:14px}.readerbar{display:flex;justify-content:space-between;gap:8px;margin-top:20px}.readerbar button{border:1px solid #B6B4AE;border-radius:6px;background:white;min-height:48px;padding:8px 12px;font-size:14px}.yul-inline{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #DDD9CF;border-radius:12px}.yul-inline img{width:70px;height:82px}.yul-inline p{font-size:16px;margin:0}.notice{font-size:14px;color:#66717B;padding:12px 16px;background:#F1F3F5;border-radius:6px}.demo-banner{font-size:13px;line-height:1.6;padding:8px 24px;background:#EAE3D4;color:#645139}.share-card{width:100%;aspect-ratio:9/16;position:relative;overflow:hidden;background:#202B3B;color:#FBF8F0;padding:48px 32px;display:flex;flex-direction:column}.share-card .brand{color:#FBF8F0;justify-content:center}.share-card .brand svg{color:#D8B783}.share-card .eyebrow{color:#D8B783;text-align:center;margin-top:36px}.share-card h1{text-align:center;font-size:30px;line-height:1.7;margin:22px 0;letter-spacing:-1px}.share-card .staff-art{height:160px;margin:0 -32px}.share-card .share-bottom{text-align:center;margin-top:auto;font-size:13px;color:#BFC8D2}.share-months{display:flex;justify-content:center;gap:24px;color:#D8B783;font-family:'Noto Serif KR';font-size:26px;margin:14px 0}.share-caption{letter-spacing:.12em;text-align:center;font-size:14px;color:#BFC8D2}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#293447;color:white;border-radius:8px;padding:16px 20px;font-size:16px;z-index:90;max-width:90vw;display:none}.toast.show{display:block}.sample-preview{background:#F1F3F5;padding:20px;border-radius:12px;font-size:16px}.sample-preview p{margin:0}.sample-preview .badge{margin-bottom:12px}.method-list{margin:0;padding-left:22px}.method-list li{padding:8px 0;font-size:16px}.report-progress{height:3px;background:#DFDACE}.report-progress i{height:3px;background:#AF8956;display:block;width:0}.read-large .report-chapter p{font-size:21px}.dark-mode .report-chapter,.dark-mode .report-head,.dark-mode .section{background:#202B3B;color:#FBF8F0}.dark-mode .chapter-tag,.dark-mode .sign{color:#D8B783}.dark-mode .notice,.dark-mode .action-note{background:#334053;color:#FBF8F0}.dark-mode details p,.dark-mode .chart-caption,.dark-mode .muted{color:#BFC8D2}.dark-mode .chart text{fill:#BFC8D2}.dark-mode .toc a,.dark-mode details,.dark-mode .report-chapter{border-color:#637080}.dark-mode .readerbar button{background:#334053;color:#FBF8F0}.dark-mode .month strong{color:#D8B783}.dark-mode .legend img{filter:brightness(1.8)}@keyframes breathe{50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:500px){body{background:#FBF8F0}.screen{margin:68px auto 0;max-width:430px}.viewer{padding:8px 12px;font-size:12px;gap:8px}.viewer select{font-size:13px;min-height:44px}.viewer>a{display:none}}@media print{.viewer,.sticky,.readerbar,.toast{display:none!important}.screen{margin:0;max-width:none}.report-chapter{break-inside:avoid}}
.share-card{padding:32px 24px}.share-card .eyebrow{margin-top:24px;flex-shrink:0}.share-card h1{font-size:27px;line-height:1.65;margin:16px 0;flex-shrink:0}.share-card .staff-art{height:auto;flex:1;min-height:72px;margin:0 -24px}.share-card .staff-art svg{height:100%;width:100%;display:block}.share-card .share-months{margin:10px 0;flex-shrink:0}.share-card .share-bottom{margin-top:12px;flex-shrink:0}.dark-mode .eyebrow{color:#D8B783}.dark-mode .chart path[stroke='#4B6574']{stroke:#BFC8D2}.dark-mode :focus-visible{outline-color:#D8B783}

.report-chapter>.uc-component{margin:28px 0}.uc-component .uc-stamp{letter-spacing:0}.dark-mode .chart.uc-component{color:#FBF8F0}.uc-component h3{margin-top:10px}.report-chapter>.uc-component .uc-heading h3{font-size:23px}

/* 운율담 웹 실제 화면용 덮어쓰기 (Codex 시안 → 서비스) */
.screen{display:block;margin:0 auto;min-height:100vh}
@media(max-width:500px){.screen{margin:0 auto}}
body{background:#E8E8E3}
.topbar{position:sticky;top:0;z-index:10;background:rgba(251,248,240,.97);height:64px}
.brand{color:#293447}.brand svg{color:#80613B}
.product .row h3{font-size:22px}
.product .price-now{font-size:15px;color:#80613B;font-weight:600}
.business{border:0;padding:12px 0 0;line-height:1.8}
.business b{color:#293447;font-weight:500}
.form-error{background:#F7E6DF;color:#8B513E;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:16px}
.notice.strong{background:#F7F0E2;color:#5A4630;border:1px solid #E1D2B5}
.multi{display:flex;flex-wrap:wrap;gap:8px}.multi label{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid #9DA1A2;border-radius:999px;background:#fff;font-size:15px;margin:0;font-weight:400}
.multi label:has(input:checked){border:2px solid #4B6574;background:#E8EEEF}
.partner-box{padding:20px 16px;border:1px solid #DDD9CF;border-radius:12px;background:#fff;margin:8px 0 24px}
.partner-box h3{margin:0 0 16px;font-size:19px}
.pay-btns{display:grid;gap:10px;margin-top:20px}
.btn.toss{background:#0064FF}.btn.card{background:#293447}
.legal{font-size:16px;line-height:1.85}.legal h2{font-size:22px;margin-top:32px}.legal h3{font-size:18px;margin:24px 0 8px}
.legal table{width:100%;border-collapse:collapse;font-size:14px}.legal th,.legal td{border:1px solid #DDD9CF;padding:8px;text-align:left;vertical-align:top}
.ry-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}.ry-chips span{font-size:14px;padding:6px 12px;border:1px solid #CFC6B8;border-radius:999px;background:#fff}.ry-chips b{font-weight:600;color:#4B6574}
.ry-gold{border-color:#BDA782!important;background:#FBF5E8!important}
.uc-compare .uc-mini-card h4{margin:4px 0}
.dsel{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:8px}.dsel.two{grid-template-columns:1.6fr 1fr}
.dsel select{width:100%;min-height:56px;font-size:18px;padding:0 10px;border:1px solid #9DA1A2;border-radius:8px;background:#fff;color:#293447}
fieldset.field{border:0;padding:0;margin:0 0 24px}fieldset.field legend{font-size:17px;font-weight:500;margin-bottom:10px;padding:0}

.fx-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 16px}.fx-pillars div{background:#fff;border:1px solid #DDD9CF;border-radius:10px;padding:12px 4px;text-align:center;display:flex;flex-direction:column;gap:2px}.fx-pillars div.me{border:2px solid #80613B;background:#F7F1E5}.fx-pillars span{font-size:12px;color:#66717B}.fx-pillars b{font-family:'Noto Serif KR',serif;font-size:26px;font-weight:500;letter-spacing:2px;color:#293447}.fx-pillars small{font-size:13px;color:#66717B}.fx-pillars em{font-style:normal;font-size:12px;color:#80613B;margin-top:4px}
.fx-bars{margin:8px 0 20px}.fx-bars div{display:grid;grid-template-columns:7.5em 1fr 1.5em;align-items:center;gap:8px;font-size:15px;padding:5px 0}.fx-bars i{display:block;height:10px;border-radius:5px;background:#AF8956;max-width:100%}.fx-bars b{font-weight:600;color:#4B6574;text-align:right}
.fx-star{padding:14px 16px;border-left:2px solid #AF8956;background:#F3EEE4;margin:10px 0;border-radius:0 8px 8px 0}.fx-star b{font-family:'Noto Serif KR',serif;font-weight:500;font-size:19px;color:#80613B}.fx-star p{margin:4px 0 0;font-size:16px}
.fx-best{margin:20px 0;padding:18px;background:#202B3B;color:#FBF8F0;border-radius:12px}.fx-best span{font-size:13px;color:#D8B783}.fx-best h3{margin:6px 0;color:#FBF8F0}.fx-best p{margin:0;font-size:16px;color:#E4E7EB}
.fx-lock{padding:18px;border:1px solid #DDD9CF;border-radius:12px;background:#fff;margin:12px 0}.fx-lock h3{font-size:19px;margin-bottom:8px}.fx-lock p{font-size:16px;margin:0 0 8px}.fx-blur{filter:blur(5px);user-select:none;color:#66717B}.fx-lock small{font-size:13px;color:#80613B}

.recent-bar{display:block;margin:12px 16px 0;padding:14px 16px;border-radius:10px;background:#202B3B;color:#FBF8F0;font-size:15px;text-decoration:none;text-align:center}.recent-bar b{color:#D8B783;font-weight:600}

.promo-tag{display:inline-block;padding:2px 8px;border-radius:10px;background:#F3EEE4;color:#80613B;font-size:12px;font-weight:600;vertical-align:middle}.promo-note{margin:6px 0 0;font-size:14px;color:#80613B}