.landing-root{--paper:#fffbeb;--ink:#1c1917;--ink-soft:#57534e;--brown:#7c2d12;--brown-hi:#8a3517;--brown-press:#64230e;--tint:#f5e9dd;--line:#e7dcc9;--ok:#166534;--vol1:#7c2d12;--vol2:#2e5e58;--vol3:#4a5a32;--vol4:#5c4162;--vol5:#3e5570;--s1:4px;--s2:8px;--s3:16px;--s4:40px;--s5:96px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.04'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}html:has(.landing-root){color-scheme:light;scroll-behavior:smooth}.landing-root,.landing-root *{box-sizing:border-box}.landing-root{min-height:100svh;background-color:var(--paper);background-image:var(--grain);color:var(--ink);font-family:var(--font-pretendard),"Apple SD Gothic Neo",sans-serif;font-size:18px;line-height:1.7;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}.landing-root,.landing-root blockquote,.landing-root h1,.landing-root h2,.landing-root h3,.landing-root p,.landing-root ul{margin:0;padding:0}.landing-root .serif{font-family:var(--font-noto-serif),"AppleMyungjo","Nanum Myeongjo",serif;letter-spacing:0}.landing-root .wrap{max-width:430px;margin:0 auto;padding:0 24px}.landing-root .landing-relative{position:relative}.landing-root .scene{padding:var(--s5) 0}.landing-root .scene--tint{background-color:var(--tint);background-image:var(--grain);border-top:1px solid #e9dac4;border-bottom:1px solid #e9dac4}.landing-root .folio{margin-top:var(--s5);font-family:var(--font-noto-serif),serif;font-size:15px;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;gap:var(--s3)}.landing-root .folio:after,.landing-root .folio:before{content:"";width:32px;height:1px;background:var(--line)}.landing-root .scene--tint .folio:after,.landing-root .scene--tint .folio:before{background:#dccbb2}.landing-root .leaf{min-height:52svh;display:flex;align-items:center;color:#fffbeb;background-color:var(--leafc,var(--vol2));background-image:var(--grain);border-top:1px solid rgba(255,251,235,.28);border-bottom:1px solid rgba(255,251,235,.28);text-align:center}.landing-root .leaf .wrap{width:100%;padding-top:var(--s4);padding-bottom:var(--s4)}.landing-root .leaf .chapter{font-family:var(--font-noto-serif),serif;font-size:15px;font-weight:600;letter-spacing:.18em;opacity:.8}.landing-root .leaf h2{margin-top:var(--s3);font-size:clamp(27px,7.4vw,32px);font-weight:600;line-height:1.5;text-wrap:balance}.landing-root .leaf .orn{display:flex;align-items:center;justify-content:center;gap:var(--s3);margin-top:var(--s4)}.landing-root .leaf .orn:after,.landing-root .leaf .orn:before{content:"";width:56px;height:1px;background:rgba(255,251,235,.4)}.landing-root .leaf .orn svg rect{fill:rgba(255,251,235,.75)}.landing-root .rv{opacity:0;transform:translateY(8px);transition:opacity .5s ease-out,transform .5s ease-out}.landing-root .rv.in{opacity:1;transform:none}.landing-root .hero{position:relative;padding-top:var(--s4);padding-bottom:var(--s5)}.landing-root .ribbon{position:absolute;top:0;right:24px;width:12px;height:72px;background:linear-gradient(180deg,var(--brown-hi),var(--brown));clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 9px),0 100%);box-shadow:0 4px 8px rgba(68,35,16,.22)}.landing-root .lockup{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--brown);letter-spacing:.12em}.landing-root .hero h1{margin-top:var(--s4);font-size:clamp(32px,8.8vw,40px);font-weight:600;line-height:1.4;text-wrap:balance}.landing-root .hero .lead{margin-top:var(--s3);font-size:19px;line-height:1.75;color:var(--ink-soft)}.landing-root .hero-quote{margin-top:var(--s4);padding-left:var(--s3);border-left:1px solid var(--line)}.landing-root .hero-quote p{font-size:20px;line-height:1.8}.landing-root .hero-quote .who{display:block;margin-top:var(--s2);font-size:15px;color:var(--ink-soft);font-family:var(--font-pretendard),sans-serif;letter-spacing:-.01em}.landing-root .btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font:inherit;font-size:19px;font-weight:700;line-height:1.2;letter-spacing:-.01em;min-height:60px;border:none;border-radius:14px;cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--brown-hi),var(--brown));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 2px 6px rgba(124,45,18,.28);touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .15s ease-out,transform .15s ease-out;text-decoration:none}.landing-root .btn:active{background:var(--brown-press);transform:translateY(1px)}.landing-root .btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.landing-root .btn:disabled{cursor:wait;opacity:.72}.landing-root .hero .btn{margin-top:var(--s4)}.landing-root .cta-note{margin-top:var(--s2);font-size:15px;color:var(--ink-soft);text-align:center}.landing-root .shelf{display:flex;align-items:flex-end;gap:8px;padding:40px 4px 0;justify-content:center}.landing-root .spine{position:relative;height:150px;width:48px;flex:none;border-radius:3px 3px 2px 2px;color:#fffbeb;display:flex;flex-direction:column;align-items:center;padding:10px 0 8px;background:var(--sp);background-image:linear-gradient(90deg,rgba(0,0,0,.3),hsla(0,0%,100%,.16) 14%,rgba(0,0,0,.05) 55%,rgba(0,0,0,.22));box-shadow:0 8px 14px rgba(68,35,16,.28),inset 0 -3px 0 rgba(0,0,0,.18)}.landing-root .spine .no{font-size:14px;font-weight:800;width:22px;height:22px;border-radius:999px;border:1.5px solid rgba(255,251,235,.65);display:grid;place-items:center;margin-bottom:8px}.landing-root .spine .t{writing-mode:vertical-rl;font-family:var(--font-noto-serif),serif;letter-spacing:.14em;font-size:14px;font-weight:600;flex:1;display:flex;align-items:center}.landing-root .spine.now{width:52px;height:166px;transform:translateY(-10px);box-shadow:0 16px 24px rgba(68,35,16,.36),inset 0 -3px 0 rgba(0,0,0,.18)}.landing-root .spine.now:after{content:"오늘도 한 장";position:absolute;top:-28px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:700;color:var(--brown);white-space:nowrap;font-family:var(--font-pretendard),sans-serif;writing-mode:horizontal-tb;letter-spacing:0}.landing-root .spine.blank{width:36px;background:#fdf7e4;background-image:linear-gradient(90deg,rgba(68,35,16,.08),transparent 30%,rgba(68,35,16,.06));color:#a8a29e;border:1px solid var(--line);box-shadow:0 5px 10px rgba(68,35,16,.1)}.landing-root .spine.blank .no{border-color:#d6ccb8;color:#a8a29e}.landing-root .spine.blank .t{font-weight:400;color:#b4ab9e}.landing-root .shelf .spine{opacity:0;transform:translateY(-18px)}.landing-root .shelf.in .spine{opacity:1;transform:none;transition:opacity .45s ease-out,transform .45s ease-out}.landing-root .shelf.in .spine.now{transform:translateY(-10px)}.landing-root .shelf.in .spine:nth-child(2){transition-delay:.12s}.landing-root .shelf.in .spine:nth-child(3){transition-delay:.24s}.landing-root .shelf.in .spine:nth-child(4){transition-delay:.32s}.landing-root .shelf.in .spine:nth-child(5){transition-delay:.4s}.landing-root .shelf-board{height:8px;border-radius:2px;background:linear-gradient(180deg,#8a6b4a,#6b4e33);box-shadow:0 6px 12px rgba(68,35,16,.25)}.landing-root .shelf-cap{margin-top:var(--s3);font-size:16px;line-height:1.7;color:var(--ink-soft);text-align:center}.landing-root .excerpt{margin-top:var(--s5)}.landing-root .excerpt .when{font-size:15px;font-weight:600;color:var(--ink-soft);margin-bottom:var(--s2)}.landing-root .excerpt h3{font-size:23px;font-weight:600;line-height:1.5;margin-bottom:var(--s3)}.landing-root .excerpt .prose{font-size:18px;line-height:1.9}.landing-root .excerpt .prose p{text-indent:1em}.landing-root .excerpt .prose p+p{margin-top:var(--s2)}.landing-root .listen{display:flex;align-items:center;gap:var(--s3);width:100%;margin-top:var(--s3);min-height:56px;border:none;border-radius:14px;cursor:default;padding:var(--s2) var(--s3);font:inherit;color:#fffbeb;text-align:left;background:linear-gradient(180deg,var(--brown-hi),var(--brown));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 5px 12px rgba(124,45,18,.3)}.landing-root .listen .ic{flex:none;width:34px;height:34px;border-radius:999px;background:rgba(255,251,235,.16);display:grid;place-items:center}.landing-root .listen .lab{font-size:17px;font-weight:700}.landing-root .listen .dur{margin-left:auto;font-size:15px;font-weight:600;opacity:.9;font-variant-numeric:tabular-nums}.landing-root .step{display:flex;gap:18px;align-items:flex-start;padding:var(--s3) 0 var(--s4)}.landing-root .step+.step{border-top:1px solid #dccbb2;padding-top:var(--s4)}.landing-root .step.landing-step-last{padding-bottom:0}.landing-root .step-no{flex:none;width:44px;height:44px;border-radius:999px;color:#fff;background:linear-gradient(180deg,var(--brown-hi),var(--brown));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 3px 8px rgba(124,45,18,.25);font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center}.landing-root .step h3{font-size:20px;font-weight:700;line-height:1.5;padding-top:6px}.landing-root .step p{margin-top:var(--s1);font-size:16px;color:var(--ink-soft);line-height:1.7}.landing-root .diff+.diff{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}.landing-root .diff .tag{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:800;color:var(--brown);letter-spacing:.06em;margin-bottom:var(--s2)}.landing-root .diff h3{font-size:21px;font-weight:700;line-height:1.5;margin-bottom:var(--s2)}.landing-root .diff p{font-size:17px;color:var(--ink-soft);line-height:1.75}.landing-root .era-sample{margin:var(--s3) 0 0;padding-left:var(--s3);border-left:1px solid var(--line);font-size:18px;line-height:1.8;color:var(--ink-soft)}.landing-root .era-sample b{font-weight:600;color:var(--ink-soft)}.landing-root .diff .landing-diff-tail{margin-top:var(--s3)}.landing-root .talk-pair{margin-top:var(--s3);font-size:18px;line-height:1.9}.landing-root .talk-pair .keep{background:var(--tint);border-radius:4px;padding:1px 6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.landing-root .runhead{font-family:var(--font-noto-serif),serif;font-size:15px;color:var(--ink-soft);display:flex;align-items:center;gap:var(--s3)}.landing-root .runhead:after{content:"";flex:1;height:1px;background:#dccbb2}.landing-root .book-title{margin-top:var(--s3);font-size:clamp(27px,7.4vw,32px);font-weight:600;line-height:1.45;text-wrap:balance}.landing-root .cover{position:relative;color:#fffbeb;border-radius:6px 14px 14px 6px;overflow:hidden;background:linear-gradient(160deg,#8a3517,#7c2d12 55%,#6b2610);box-shadow:inset 6px 0 9px -5px rgba(0,0,0,.45),0 18px 34px rgba(68,35,16,.35);padding:56px 28px;text-align:center;margin:var(--s4) auto 0;max-width:300px;aspect-ratio:2/3;display:flex;flex-direction:column;justify-content:center}.landing-root .cover:before{content:"";position:absolute;inset:0;opacity:.5;background-image:var(--grain)}.landing-root .cover:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,251,235,.4);border-radius:8px;pointer-events:none}.landing-root .cover .who{position:relative;font-size:14px;font-weight:600;letter-spacing:.22em;opacity:.95;margin-bottom:var(--s3)}.landing-root .cover h3{position:relative;font-size:26px;font-weight:700;line-height:1.45}.landing-root .cover .period{position:relative;margin-top:var(--s3);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;opacity:.95}.landing-root .cover .period:after,.landing-root .cover .period:before{content:"";width:22px;height:1px;background:rgba(255,251,235,.5)}.landing-root .book-notes{margin-top:var(--s4)}.landing-root .book-notes li{list-style:none;display:flex;gap:12px;align-items:flex-start;font-size:17px;color:var(--ink-soft);line-height:1.7}.landing-root .book-notes li+li{margin-top:var(--s3)}.landing-root .book-notes svg{flex:none;margin-top:5px}.landing-root .book-notes b{color:var(--ink);font-weight:700}.landing-root .leaf--cta h2{font-size:clamp(25px,6.8vw,30px)}.landing-root .leaf--cta .sub{margin-top:var(--s3);font-size:17px;line-height:1.7;opacity:.9}.landing-root .form-zone{padding-top:var(--s5)}.landing-root .form-zone h2{font-size:clamp(27px,7.4vw,32px);font-weight:600;line-height:1.45;text-wrap:balance}.landing-root .form-lead{margin-top:var(--s2);font-size:17px;color:var(--ink-soft);line-height:1.75}.landing-root form{margin-top:var(--s4)}.landing-root .field{margin-bottom:var(--s3)}.landing-root .field label{display:block;font-size:16px;font-weight:700;margin-bottom:var(--s2)}.landing-root .field input,.landing-root .field select{width:100%;min-height:56px;padding:0 16px;font:inherit;font-size:18px;color:var(--ink);background:#fffdf6;border:1px solid #d9cbaf;border-radius:14px;box-shadow:inset 0 1px 3px rgba(68,35,16,.06)}.landing-root .field input::-moz-placeholder{color:#a8a29e}.landing-root .field input::placeholder{color:#a8a29e}.landing-root .field input:focus-visible,.landing-root .field select:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.landing-root .field .help{margin-top:var(--s1);font-size:15px;color:var(--ink-soft)}.landing-root .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.landing-root .form-error{margin:0 0 var(--s3);color:var(--brown);font-size:16px;font-weight:700;line-height:1.6}.landing-root form .btn{margin-top:var(--s2)}.landing-root .trust{margin-top:var(--s4);text-align:center}.landing-root .trust p{display:flex;align-items:flex-start;justify-content:center;gap:8px;font-size:15px;color:var(--ink-soft);line-height:1.6}.landing-root .form-done{display:none;text-align:center;padding:var(--s4) 0}.landing-root .form-done.on{display:block}.landing-root .form-done .icon{width:72px;height:72px;border-radius:999px;background:var(--ok);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 4px 12px rgba(22,101,52,.25);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--s3)}.landing-root .form-done h3{font-size:22px;font-weight:700;margin-bottom:var(--s2)}.landing-root .form-done p{font-size:17px;color:var(--ink-soft)}.landing-root .foot{margin-top:var(--s5);padding:var(--s4) 0;text-align:center;border-top:1px solid var(--line)}.landing-root .foot p{font-size:14px;color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){html:has(.landing-root){scroll-behavior:auto}.landing-root .rv,.landing-root .shelf .spine{opacity:1;transform:none;transition:none}.landing-root .shelf .spine.now,.landing-root .shelf.in .spine.now{transform:translateY(-10px)}}