:root{--navy:#141e2e;--ink:#26303e;--paper:#f5f0e7;--gold:#b49a6f;--muted:#77776d;--line:#ddd4c5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#0b1422;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #b49a6f}h1,h2,h3,p{margin:0}h1,h2,.brand,.footer-brand,.speech,blockquote{font-family:Iowan Old Style,AppleMyungjo,Batang,serif;font-weight:400}button{cursor:pointer}.shell{background:var(--paper);width:min(100%,480px);min-height:100svh;margin:auto;position:relative;overflow:clip;box-shadow:0 0 100px #0003}.skip-link{z-index:99;background:var(--paper);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.header{height:78px;color:var(--paper);z-index:3;justify-content:space-between;align-items:center;padding:0 27px;display:flex;position:relative}.brand{letter-spacing:3px;align-items:center;gap:10px;font-size:29px;display:flex}.brand span{letter-spacing:2px;opacity:.6;border-left:1px solid #b49a6f66;padding-left:10px;font-family:Georgia,serif;font-size:8px}.records-link{letter-spacing:.3px;align-items:center;gap:7px;font-size:12px;display:flex}.header-light{color:var(--ink);border-bottom:1px solid var(--line)}.hero{background:var(--navy);color:var(--paper);isolation:isolate;position:relative}.hero-title{z-index:2;text-align:center;padding:20px 18px 0;position:relative}.eyebrow{letter-spacing:2px;color:#ccb58c;font-size:11px;line-height:1.6}.hero h1{letter-spacing:-1px;margin:15px 0 14px;font-size:36px;line-height:1.48}.hero-sub{letter-spacing:.5px;color:#ece3d5;font-size:13px}.hero-art{height:370px;margin-top:4px;position:relative}.hero-art img{object-fit:cover;object-position:50% 40%}.art-shade{background:linear-gradient(#141e2e 0%,#0000 19% 72%,#141e2e 100%),linear-gradient(90deg,#141e2e44,#0000 25% 80%,#141e2e44);position:absolute;inset:0}.speech{color:#343a44;background:#f5f0e7f5;border:1px solid #c5ad85;border-radius:10px;padding:15px 16px;font-size:14px;line-height:1.65;position:absolute;top:43%;right:22px;transform:rotate(-2deg);box-shadow:0 5px 24px #0002}.speech:after{content:"";background:var(--paper);border-bottom:1px solid #c5ad85;border-left:1px solid #c5ad85;width:12px;height:12px;position:absolute;bottom:13px;left:-7px;transform:rotate(45deg)}.speech span{color:#77776d;text-align:right;margin-top:6px;font-family:system-ui;font-size:9px;display:block}.vertical-note{writing-mode:vertical-rl;letter-spacing:3px;color:#f5f0e77a;font-family:serif;font-size:9px;line-height:1.9;position:absolute;top:20px;right:24px}.character-name{letter-spacing:4px;color:#eee4d2;font-family:serif;font-size:20px;position:absolute;bottom:33px;left:27px}.character-name span{letter-spacing:3px;margin-top:7px;font-size:9px;display:block}.hero-action{z-index:3;text-align:center;margin-top:-7px;padding:0 27px 24px;position:relative}.button{letter-spacing:-.3px;border:0;border-radius:100px;justify-content:center;align-items:center;gap:20px;width:100%;min-height:54px;padding:16px 22px;font-size:15px;font-weight:600;transition:transform .2s,background .2s;display:flex}.button:hover{transform:translateY(-2px)}.button-ivory{color:var(--navy);background:var(--paper);box-shadow:0 3px 24px #0002}.button-navy{color:var(--paper);background:var(--navy)}.hero-action p{color:#d7cdbf;margin-top:13px;font-size:11px}.section{padding:42px 28px}.product{text-align:center;background:radial-gradient(at 100% 100%,#e2d5bf77,#0000 60%);padding-top:23px;position:relative}.ornament{color:var(--gold);justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:12px;display:flex}.ornament span{background:var(--gold);opacity:.5;flex:1;height:1px}.ink-muted{color:#897254}.section h2{letter-spacing:-.8px;margin-top:12px;font-size:29px;line-height:1.5}.section-sub{color:#746e65;margin-top:9px;font-size:14px;line-height:1.8}.product-description{color:#69645d;margin-top:24px;font-size:14px;line-height:1.95}.price{border:1px solid #d7c9b2;border-radius:6px;justify-content:center;align-items:center;gap:16px;margin-top:27px;padding:14px 20px;display:flex}.price>span{color:#6f685d;font-size:12px}.price strong{letter-spacing:-1px;font-family:Georgia,serif;font-size:27px;font-weight:400}.price strong span{margin-left:2px;font-family:system-ui;font-size:14px}.price-note{color:#7f776c;margin-top:12px;font-size:10px;line-height:1.7}.text-link{border-bottom:1px solid #26303e66;justify-content:center;align-items:center;gap:12px;margin-top:23px;padding-bottom:3px;font-size:13px;line-height:1.7;display:inline-flex}.story{border-top:1px solid var(--line);background:#eee8de}.story h2{margin-bottom:26px}.chapter{border-top:1px solid #d8cfbf;align-items:center;gap:15px;padding:19px 0;display:flex}.chapter:last-child{border-bottom:1px solid #d8cfbf}.chapter-number{color:#9f865e;font-family:Georgia,serif;font-size:13px}.chapter h3{letter-spacing:-.2px;font-size:14px;font-weight:400}.chapter-star{color:#a38d69;margin-left:auto}.story-note{color:#787064;margin-top:23px;font-size:12px;line-height:1.9}.invitation{background:var(--navy);color:var(--paper);text-align:center;padding-top:45px;padding-bottom:45px}.large-star{color:var(--gold);font-size:32px;display:block}.invitation h2{margin:15px 0;font-size:27px}.invitation p{color:#d7cdbf;margin-bottom:27px;font-size:12px}.invitation .button{background:var(--paper);color:var(--navy)}.faq h2{margin-bottom:20px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-size:13px;line-height:1.8;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary span{color:#8e7857;font-size:20px;font-weight:300}details[open] summary span{transform:rotate(45deg)}details p{color:#736b60;padding-bottom:20px;font-size:13px;line-height:1.85}footer{border-top:1px solid var(--line);text-align:center;background:#eee8de;padding:30px 24px 36px}footer .footer-brand{letter-spacing:4px;font-size:23px}footer p{color:#867965;margin:10px 0 21px;font-size:11px}footer small{color:#8d8271;font-size:9px;line-height:1.9}.desktop-caption{display:none}.subpage .section h1{margin-top:20px;font-size:31px;line-height:1.5}.sample-art{height:340px;position:relative}.sample-art img{object-fit:cover;object-position:center 37%}.sample-copy>p:not(.eyebrow){color:#69645d;margin:24px 0;font-size:15px;line-height:2}.sample-copy blockquote{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;margin:32px 0;padding:26px 20px;font-size:22px;line-height:1.8}.sample-label{color:#6e6659;background:#eae3d6;border-radius:8px;margin:20px 0;padding:16px;font-size:12px;line-height:1.8}.sample-copy .button{margin-top:28px}.empty-state{text-align:center;padding-top:58px}.empty-state .large-star{margin:48px 0 24px}.empty-state h2{font-size:23px}.empty-state p:not(.eyebrow){color:#746e65;margin:20px 0 30px;font-size:14px;line-height:1.9}.entry-form{margin-top:30px}.entry-form label:not(.checkbox){flex-direction:column;gap:10px;margin:23px 0;font-size:13px;display:flex}.entry-form input:not([type=checkbox]),.entry-form select{width:100%;min-width:0;height:50px;color:var(--ink);background:#fffcf7;border:1px solid #cfc3b0;border-radius:8px;padding:12px}.entry-form input:disabled{opacity:.4}.checkbox{align-items:center;gap:10px;font-size:13px;display:flex}.checkbox input{accent-color:var(--navy);width:18px;height:18px}.entry-form .button{margin-top:32px}.form-complete{text-align:center;padding-top:40px}.form-complete h2{font-size:25px}.form-complete p{margin:20px 0;font-size:14px;line-height:1.9}.privacy-note{color:#7c725f;font-size:12px!important}@media (min-width:960px){body{background:radial-gradient(at 15% 30%,#283546,#101a2a 60%) fixed}.shell{margin-left:calc(50% - 100px)}.desktop-caption{color:#e6daca;display:block;position:fixed;top:34%;left:calc(50% - 380px)}.desktop-caption>span{letter-spacing:6px;color:#bda77f;font-family:Georgia,serif;font-size:11px}.desktop-caption p{margin-top:24px;font-family:serif;font-size:26px;line-height:1.8}.desktop-caption i{color:#bda77f;margin-top:40px;font-size:24px;font-style:normal;display:block}}@media (max-width:360px){.hero h1{font-size:31px}.hero-title{padding-top:10px}.hero-art{height:330px}.header{height:68px;padding:0 22px}.section{padding-left:23px;padding-right:23px}.speech{padding:12px;font-size:12px;right:15px}.hero-action{padding-left:22px;padding-right:22px}.hero .button{font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.step-track{justify-content:space-between;gap:8px;margin:30px 0;display:flex}.step-track>span{color:#a59b89;border-top:2px solid #d8cfbf;flex:1;padding-top:12px;font-family:Georgia,serif}.step-track>span.active{color:var(--ink);border-color:var(--gold)}.step-track small{margin-top:5px;font-family:system-ui;font-size:10px;display:block}.step-heading h2{font-size:23px}.field-hint{color:#776d5f;margin-top:12px;font-size:12px;line-height:1.9}.entry-form textarea{resize:vertical;width:100%;color:var(--ink);font:inherit;background:#fffcf7;border:1px solid #cfc3b0;border-radius:8px;padding:14px;line-height:1.8}.entry-form textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.input-review{grid-template-columns:82px 1fr;gap:16px;margin:28px 0;font-size:13px;line-height:1.8;display:grid}.input-review dt{color:#84765f}.input-review dd{overflow-wrap:anywhere;margin:0}.form-error{color:#843b36;background:#f7e5df;border:1px solid #d5a49a;border-radius:8px;padding:15px;font-size:13px;line-height:1.8}.form-error button{color:inherit;background:0 0;border:0;margin-top:8px;padding:0;text-decoration:underline;display:block}.back-button{color:inherit;background:0 0;border-top:0;border-left:0;border-right:0;margin-right:20px;padding:0 0 3px}.button:disabled{opacity:.6;cursor:wait;transform:none}.mode-tabs{background:#e8e0d3;border-radius:100px;gap:4px;margin-top:27px;padding:4px;display:flex}.mode-tabs button{color:#716756;background:0 0;border:0;border-radius:100px;flex:1;padding:12px 8px;font-size:12px}.mode-tabs button[aria-pressed=true]{background:var(--navy);color:var(--paper)}.reading-summary{background:#eae3d6}.reading-summary ul{margin:20px 0 0;padding:0;list-style:none}.reading-summary li{border-top:1px solid #d3c8b5;padding:15px 0;font-size:14px;line-height:1.8}.reading-summary li:before{content:"✦";color:#a78d62;margin-right:12px}.pillar-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin:20px 0 27px;display:grid}.pillar{background:#fffbf2;border:1px solid #d2c6b1;border-radius:9px;flex-direction:column;align-items:center;gap:10px;padding:15px 4px;display:flex}.pillar small{color:#81725a;font-size:11px}.pillar strong{writing-mode:vertical-rl;letter-spacing:6px;min-height:61px;font-family:serif;font-size:25px;font-weight:400}.pillar span{color:#716756;font-size:11px}.chart-section h3{font-size:14px;font-weight:500}.element-chart{margin:18px 0}.element-row{align-items:center;gap:13px;margin:12px 0;font-size:12px;display:flex}.element-row>span{width:20px}.element-track{background:#e6ded1;border-radius:100px;flex:1;height:9px;overflow:hidden}.element-track i{background:#92785c;border-radius:100px;height:100%;display:block}.element-track .el-목{background:#65876b}.element-track .el-화{background:#b97263}.element-track .el-토{background:#b29966}.element-track .el-금{background:#8a9399}.element-track .el-수{background:#647f99}.element-row b{width:27px;font-weight:400}.reading-warning{border-left:2px solid var(--gold);background:#eae3d6;margin:15px 0;padding:12px;font-size:12px;line-height:1.8}.webtoon{background:var(--navy);color:var(--paper)}.webtoon-scene{border-bottom:1px solid #b49a6f33;padding:32px 0}.scene-heading{padding:0 27px 23px}.scene-heading>span{letter-spacing:2px;color:#c2ac84;font-size:9px}.scene-heading h2{margin-top:12px;font-size:25px;line-height:1.5}.scene-art{height:310px;position:relative;overflow:hidden}.scene-art img{object-fit:cover;object-position:50% 35%}.scene-1 .scene-art img{object-position:50% 26%;transform:scale(1.15)}.scene-3 .scene-art img{object-position:50% 52%}.scene-6 .scene-art img{object-position:50% 30%}.scene-name{background:#141e2eb3;border:1px solid #c2ac8466;border-radius:100px;padding:5px 16px;font-size:11px;position:absolute;bottom:20px;left:24px}.scene-dialogue{background:var(--paper);color:var(--ink);overflow-wrap:anywhere;border-radius:15px;margin:24px 25px 0;padding:23px;font-family:AppleMyungjo,serif;font-size:17px;line-height:1.95;position:relative}.scene-dialogue:before{content:"✦";color:var(--gold);margin-bottom:8px;font-size:12px;display:block}.scene-explanation{color:#ddd3c3;overflow-wrap:anywhere;padding:22px 28px 0;font-size:13px;line-height:1.9}.scene-explanation small{color:#b5a68c;margin-top:16px;font-size:10px;line-height:1.8;display:block}.summary-scenes article{border-bottom:1px solid var(--line);padding:18px 0}.summary-scenes h2{font-size:22px}.summary-scenes article>p{overflow-wrap:anywhere;margin-top:18px;font-size:14px;line-height:1.9}.preview-end{text-align:center}.preview-end>p{color:#756c5f;margin:18px 0 26px;font-size:13px;line-height:1.9}.preview-end .back-button{margin:24px auto 0;display:block}.preview-intro h1{overflow-wrap:anywhere}.kakao-button{color:#191919;background:#fee500;border:0}.library-save{border-top:1px solid #d8d1c4;margin:24px 0;padding:24px 0}.library-list{margin:24px 0;padding:0;list-style:none}.library-list li{border-bottom:1px solid #d8d1c4;padding:20px 0}.library-list a{color:inherit;text-decoration:none;display:block}.library-list strong{overflow-wrap:anywhere;font-size:20px;display:block}.library-list span{color:#706b63;margin:10px 0;font-size:13px;display:block}.library-actions{text-align:center;flex-direction:column;gap:16px;display:flex}.delete-confirm{background:#eee8de;padding:12px}.delete-confirm button{margin:0 16px 8px 0;padding:8px 14px}.login-panel p{line-height:1.8}.library-save .field-hint a{text-decoration:underline}.button:disabled{opacity:.6;cursor:wait}.daily-hero{background:var(--navy);color:var(--paper)}.daily-title{text-align:center;z-index:2;padding:22px 24px 0;position:relative}.daily-title h1{margin:18px 0;font-size:34px;line-height:1.5}.daily-title>p:last-child{color:#d4c9b9;font-size:13px;line-height:1.9}.daily-art{height:350px;margin-top:12px;position:relative}.daily-art img{object-fit:cover;object-position:50% 36%}.daily-art-quote{text-shadow:0 2px 12px #000;font-family:serif;font-size:22px;line-height:1.65;position:absolute;bottom:26px;left:26px}.daily-art-quote span{color:#d3bd97;letter-spacing:2px;margin-top:12px;font-family:system-ui;font-size:10px;display:block}.daily-hero-footer{text-align:center;padding:8px 27px 35px}.daily-hero-footer>span{color:#d3bd97;margin-bottom:18px;font-size:11px;display:block}.daily-hero-footer p{color:#c6baa8;margin-top:14px;font-size:10px}.daily-details h2,.checkout-section h2{line-height:1.6}.daily-sample{text-align:center;background:#e9e1d4}.daily-sample blockquote{margin:28px 0;font-family:serif;font-size:21px;line-height:1.9}.daily-sample>p:not(.eyebrow){font-size:13px;line-height:1.9}.daily-sample small{color:#786e60;margin-top:24px;font-size:10px;display:block}.checkout-total{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:12px;margin-top:26px;padding:24px 0;display:grid}.checkout-total>span{font-size:13px}.checkout-total strong{font-family:Georgia,serif;font-size:36px;font-weight:400}.checkout-total strong span{margin-left:4px;font-family:system-ui;font-size:15px}.checkout-total small{color:var(--muted);font-size:11px}.checkout-profile{background:#eae3d6;border-radius:10px;margin:24px 0;padding:20px}.checkout-profile>span{color:#786b58;font-size:10px;display:block}.checkout-profile strong{margin:8px 0;font-size:21px;display:block}.checkout-profile p{margin-bottom:16px;font-size:12px}.payment-methods{border:0;gap:10px;margin:28px 0 14px;padding:0;display:grid}.payment-methods legend{margin-bottom:14px;font-size:13px}.payment-methods label{background:#fffcf7;border:1px solid #cfc3b0;border-radius:8px;align-items:center;gap:12px;padding:16px;font-size:14px;display:flex}.payment-methods label.selected{border:2px solid var(--navy);padding:15px}.payment-methods input{accent-color:var(--navy);width:18px;height:18px}.test-payment-notice{background:#f0e5c9;border:1px solid #cfb77c;border-radius:8px;margin:22px 0;padding:16px;font-size:12px;line-height:1.8}.test-payment-notice p{margin:8px 0 15px}.test-payment-notice .checkbox{font-size:12px}.checkout-consent{align-items:flex-start;margin-top:24px;font-size:12px;line-height:1.8}.checkout-consent input{flex-shrink:0}.checkout-section>.button{margin-top:24px}.checkout-section a:not(.button){text-decoration:underline}.seller-info{color:#776d5f;border-top:1px solid var(--line);overflow-wrap:anywhere;margin-top:30px;padding-top:18px;font-size:10px;line-height:2}.order-status h1{font-size:28px!important}.order-number{word-break:break-all;font-family:monospace;font-size:11px}.daily-result-heading h1{line-height:1.7}.purchased-list{border-top:1px solid var(--line)}@media (max-width:360px){.daily-title h1{font-size:29px}.daily-art{height:310px}.daily-sample blockquote{font-size:18px}}.password-login{border-top:1px solid var(--line);text-align:left;margin-top:28px;padding-top:24px}.password-login .mode-tabs{margin-bottom:24px}.password-login .entry-form label:not(.checkbox){flex-direction:column;gap:10px;margin:18px 0 8px;display:flex}.password-login input:not([type=checkbox]){width:100%;min-height:48px;color:var(--ink);background:#fffaf0;border:1px solid #cfc4b2;border-radius:8px;padding:12px;font-size:16px}.password-login .button{width:100%;margin-top:20px}.password-login .checkbox{align-items:flex-start}.password-login .checkbox a{text-decoration:underline}.header-account{position:relative}.header-account nav{align-items:center;gap:12px;display:flex}.header-account .records-link{white-space:nowrap;gap:5px}.header-auth-link,.header-signup-link{font:inherit;white-space:nowrap;color:inherit;font-size:11px;text-decoration:none}.header-auth-link{cursor:pointer;background:0 0;border:0;padding:8px 0}.header-signup-link{border:1px solid;border-radius:5px;padding:8px 10px}.header-auth-error{background:var(--paper);width:200px;color:var(--ink);z-index:5;padding:10px;font-size:12px;position:absolute;top:100%;right:0}@media (max-width:360px){.header-account nav{gap:8px}.header-signup-link{padding:8px}.header-account .records-link svg{display:none}}.logout-button{color:#766d61;min-height:46px;font:inherit;cursor:pointer;background:0 0;border:1px solid #cfc6b8;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:13px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.logout-button:hover{color:var(--ink);background:#eae3d7;border-color:#a9987c}.logout-button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.logout-button:disabled{opacity:.55;cursor:wait}.logout-button-small{min-height:36px;color:inherit;border-color:#b49a6f66;border-radius:7px;gap:5px;padding:7px 10px;font-size:11px}.header:not(.header-light) .logout-button-small:hover{border-color:var(--gold);color:var(--paper);background:#ffffff0d}.library-actions .logout-button{align-self:center;min-width:150px;margin-top:8px}@media (max-width:360px){.header .brand span{display:none}}@media (prefers-reduced-motion:reduce){.logout-button{transition:none}}.library-list .order-input-action{color:var(--ink);border-bottom:1px solid var(--gold);padding-bottom:4px;font-size:13px;display:inline-block}
