:root{--ink:#f3dfb4;--wine:#a81828;--wine-deep:#030303;--rosewood:#c22132;--gold:#c6954f;--gold-light:#f0d39a;--paper:#0d0b0b;--paper-deep:#191313;--muted-ink:#b9aa8e;--background:#030303;--foreground:#f7e8c8;--card:#0d0b0b;--card-foreground:#f3dfb4;--primary:#a81828;--primary-foreground:#fff6df;--secondary:#1a1513;--secondary-foreground:#f0d39a;--muted:#181311;--muted-foreground:#b9aa8e;--accent:#c6954f;--accent-foreground:#080605;--border:#c6954f4d;--input:#c6954f3d;--ring:#c6954f;--radius:.35rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--wine-deep);color:var(--foreground);margin:0;font-family:Georgia,Times New Roman,serif}button,a{font-family:inherit}button{cursor:pointer}[data-slot=button]{color:#fff6df;background:var(--wine);border:1px solid var(--wine);border-radius:var(--radius);justify-content:center;align-items:center;gap:.45rem;min-height:42px;padding:.65rem 1.05rem;font-size:.82rem;font-weight:700;line-height:1;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}[data-slot=button]:hover{transform:translateY(-1px)}.button-outline{color:var(--gold-light);background:0 0;border-color:#c6954f73}.button-sm{min-height:34px;padding:.5rem .8rem;font-size:.72rem}.button-lg{min-height:50px;padding:.85rem 1.35rem;font-size:.92rem}.site-shell{isolation:isolate;background:#030303;min-height:100vh;position:relative;overflow:hidden}.site-shell:before{content:"";pointer-events:none;z-index:-1;opacity:.32;filter:blur(7px)saturate(.9);background:linear-gradient(90deg,#000000d6 0%,#0000006e 48%,#000000e0 100%),linear-gradient(#00000040,#000000c7),url(https://mirror-of-marriage.nscmmarketing.chatgpt.site/book-cover.jpeg) 50% 44%/cover no-repeat;position:fixed;inset:0;transform:scale(1.045)}.reader-bar{z-index:5;border-bottom:1px solid #ead6a42e;justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 36px);min-height:72px;margin:0 auto;display:flex;position:relative}.brand-mark{color:var(--gold-light);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand-mark b,.brand-mark small{display:block}.brand-mark b{letter-spacing:.04em;font-size:.95rem;font-weight:500}.brand-mark small{color:var(--gold-light);letter-spacing:.15em;text-transform:uppercase;margin-top:3px;font-size:.68rem}.mini-mirror{border:1px solid var(--gold);width:38px;height:44px;color:var(--gold-light);border-radius:50% 50% 46% 46%;place-items:center;font-style:italic;display:grid;box-shadow:inset 0 0 0 3px #c7a56a1a}.reader-tools{align-items:center;gap:14px;display:flex}.reading-progress{color:#f6eedfa3;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.reader-tools [data-slot=button]{color:var(--gold-light);background:#ffffff0a;border-color:#ead6a466}.reader-tools [data-slot=button]:hover{color:var(--wine-deep);background:var(--gold-light)}.reading-stage{z-index:2;perspective:1800px;place-items:center;min-height:calc(100vh - 132px);padding:50px 24px 40px;animation:.52s cubic-bezier(.2,.72,.24,1) both page-enter;display:grid;position:relative}.cover-entry{flex-direction:column;align-items:center;gap:26px;display:flex}.official-cover-frame{aspect-ratio:2/3;border:1px solid #f0d39ab8;border-left:11px solid #090707;border-radius:3px 10px 10px 3px;width:min(430px,78vw,66.67vh - 153.341px);position:relative;overflow:visible;box-shadow:-22px 26px 60px #000000b8,0 0 48px #c6954f1f,inset 0 0 0 2px #c6954f33}.official-cover-frame:after{content:"";pointer-events:none;border-radius:2px 9px 9px 2px;position:absolute;inset:0;box-shadow:inset 0 0 40px #00000052}.official-cover-frame img{object-fit:cover;border-radius:2px 9px 9px 2px;width:100%;height:100%;display:block}.open-book-button{background:var(--wine);color:#fff6df;border:1px solid #d55b63;box-shadow:0 12px 34px #00000085}.open-book-button:hover{background:#c32738}.cover-edges{background:repeating-linear-gradient(90deg,#f0e3c9 0 1px,#cab998 1px 2px);border-radius:0 8px 8px 0;width:8px;position:absolute;top:9px;bottom:9px;right:-8px;transform:skewY(-1deg)}.open-book{width:min(1120px,94vw);min-height:min(680px,100vh - 190px);color:var(--ink);filter:drop-shadow(0 28px 35px #0000006b);transform-style:preserve-3d;grid-template-columns:1fr 1fr;display:grid}.book-page{background:linear-gradient(90deg, #c6954f14, transparent 11%), radial-gradient(circle at 75% 18%, #a8182814, transparent 28%), repeating-linear-gradient(0deg, transparent 0 5px, #f0d39a03 6px), var(--paper);border:1px solid #c6954f57;min-width:0;padding:clamp(42px,5vw,76px);position:relative}.book-page:first-child{border-radius:12px 2px 2px 12px;box-shadow:inset -18px 0 25px -25px #000000f2,inset 8px 0 18px #c6954f09}.book-page:last-child{border-radius:2px 12px 12px 2px;box-shadow:inset 18px 0 25px -25px #000000f2,inset -8px 0 18px #c6954f09}.open-book:after{content:"";z-index:3;background:linear-gradient(#0000,#c6954f59 18%,#a818283d 82%,#0000);width:2px;position:absolute;top:2%;bottom:2%;left:50%;transform:translate(-50%);box-shadow:0 0 22px 6px #0000009e}.page-kicker{color:var(--rosewood);letter-spacing:.23em;text-transform:uppercase;margin:0 0 18px;font-family:Arial,Helvetica,sans-serif;font-size:.68rem;font-weight:700}.gold-rule{background:linear-gradient(90deg, var(--gold), transparent);width:80px;height:2px;margin:28px 0}.printed-page{text-align:center;color:#9f8a65;font-size:.72rem;font-style:italic;position:absolute;bottom:24px;left:0;right:0}.contents-intro{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.contents-intro h1,.author-copy-page h1,.closing-copy h1{letter-spacing:-.045em;color:var(--gold-light);margin:0;font-size:clamp(2.6rem,5vw,5.4rem);font-weight:500;line-height:.95}.contents-note{max-width:390px;color:var(--muted-ink);margin:24px 0 0;font-size:1.08rem;font-style:italic;line-height:1.7}.contents-intro [data-slot=button],.author-copy-page [data-slot=button],.closing-actions [data-slot=button],.synopsis-page [data-slot=button]{background:var(--wine);color:#fff6df;border-color:var(--wine)}.contents-intro [data-slot=button]:hover,.author-copy-page [data-slot=button]:hover,.closing-actions [data-slot=button]:hover,.synopsis-page [data-slot=button]:hover{background:#c32738}.contents-list{flex-direction:column;justify-content:center;padding-top:36px;padding-bottom:48px;display:flex}.contents-list a{color:var(--ink);border-bottom:1px solid #c6954f2e;grid-template-columns:92px 1fr 28px;align-items:baseline;gap:12px;padding:10px 0;text-decoration:none;transition:color .18s,padding .18s;display:grid;position:relative}.contents-list a:hover,.contents-list a:focus-visible{color:var(--gold-light);outline:none;padding-left:6px}.contents-list a span{color:var(--rosewood);letter-spacing:.1em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;font-size:.58rem}.contents-list a b{font-size:.91rem;font-weight:500}.contents-list a i{color:#9f8a65;text-align:right;font-size:.72rem}.author-portrait-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.author-monogram{aspect-ratio:.78;width:min(310px,74%);color:var(--gold-light);border:1px solid var(--gold);background:radial-gradient(circle at 35% 30%,#f0d39a26,#0000 25%),linear-gradient(145deg,#201718,#050505 72%);border-radius:48% 48% 12px 12px;place-items:center;display:grid;box-shadow:inset 0 0 0 8px #c6954f1a,0 14px 30px #00000080}.author-monogram span{aspect-ratio:1;border:1px solid #ead6a499;border-radius:50%;place-items:center;width:68%;font-size:3.4rem;font-style:italic;display:grid}.signature{color:var(--gold-light);margin:22px 0 6px;font-size:2rem;font-style:italic}.author-roles{color:var(--muted-ink);letter-spacing:.14em;text-transform:uppercase;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:.68rem}.author-copy-page{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.author-copy-page h1{margin-bottom:24px;font-size:clamp(2.35rem,4.3vw,4.8rem)}.author-copy-page p{color:#d7c6a7;margin:0 0 16px;font-size:clamp(.92rem,1.3vw,1.04rem);line-height:1.64}.author-copy-page q{color:#e35762;font-weight:600}.author-copy-page [data-slot=button]{margin-top:10px}.chapter-title-page{flex-direction:column;justify-content:center;align-items:flex-start;display:flex;overflow:hidden}.chapter-number{color:#c6954f14;margin:0;font-size:clamp(8rem,18vw,15rem);font-style:italic;line-height:1;position:absolute;top:18px;right:28px}.chapter-title-page h1{letter-spacing:-.048em;max-width:430px;color:var(--gold-light);margin:0;font-size:clamp(2.7rem,5.2vw,5.6rem);font-weight:500;line-height:.93;position:relative}.book-whisper{color:var(--muted-ink);margin:0;font-size:1rem;font-style:italic}.synopsis-page{flex-direction:column;justify-content:center;display:flex}.synopsis-copy p{color:#d9c8aa;margin:0 0 19px;font-size:clamp(.96rem,1.42vw,1.12rem);line-height:1.72}.synopsis-copy p:first-child:first-letter{float:left;color:#d64250;padding:0 8px 0 0;font-size:3.55rem;line-height:.82}.page-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.synopsis-page .page-actions [data-slot=button]:first-child{color:var(--gold-light);background:0 0;border-color:#c6954f66}.synopsis-page .page-actions [data-slot=button]:first-child:hover{background:var(--paper-deep)}.coming-soon-book .closing-copy{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.closing-copy h1{max-width:480px;font-size:clamp(2.5rem,4.8vw,5.1rem)}.closing-copy>p:not(.page-kicker):not(.sacred-line){max-width:470px;color:var(--muted-ink);margin:24px 0 0;font-size:1.08rem;line-height:1.7}.sacred-line{color:var(--wine);margin:0 0 22px;font-size:1.25rem;font-style:italic}.closing-actions{flex-wrap:wrap;gap:10px;display:flex}.closing-actions [data-slot=button]:last-child{color:var(--gold-light);background:0 0;border-color:#c6954f66}.mini-cover-page{place-items:center;display:grid}.mini-book-cover{aspect-ratio:.68;border:1px solid var(--gold);background:#030303;border-left:9px solid #050505;border-radius:3px 9px 9px 3px;width:min(320px,85%);overflow:hidden;box-shadow:-12px 17px 25px #0000008f,0 0 30px #c6954f1a}.mini-book-cover img{object-fit:cover;width:100%;height:100%;display:block}.site-footer{z-index:3;color:#f6eedf85;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #ead6a424;justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 36px);min-height:60px;margin:0 auto;font-family:Arial,Helvetica,sans-serif;font-size:.68rem;display:flex;position:relative}.site-footer span:last-child{color:var(--gold-light);text-transform:none;letter-spacing:.04em;font-family:Georgia,Times New Roman,serif;font-style:italic}@keyframes page-enter{0%{opacity:0;transform:translate(20px)rotateY(-2deg)}to{opacity:1;transform:translate(0)rotateY(0)}}@media (width<=860px){.reading-stage{padding:30px 16px}.open-book{grid-template-columns:1fr;width:min(640px,94vw);min-height:auto}.open-book:after{display:none}.book-page{min-height:440px;padding:48px clamp(30px,8vw,62px)}.book-page:first-child{border-radius:12px 12px 2px 2px;box-shadow:inset 0 -18px 25px -25px #2a1610bf,inset 8px 0 18px #ffffff40}.book-page:last-child{border-radius:2px 2px 12px 12px;box-shadow:inset 0 18px 25px -25px #2a1610bf,inset -8px 0 18px #ffffff40}.contents-intro,.chapter-title-page,.author-portrait-page,.mini-cover-page{min-height:390px}.contents-list{padding-top:40px;padding-bottom:55px}.author-monogram{width:min(250px,70%)}.chapter-number{font-size:10rem}}@media (width<=560px){.reader-bar{width:calc(100% - 28px);min-height:66px}.mini-mirror{width:32px;height:37px}.brand-mark b{font-size:.82rem}.brand-mark small,.reading-progress{display:none}.reading-stage{padding:22px 10px 28px}.cover-entry{gap:20px}.official-cover-frame{width:min(350px,80vw,66.67vh - 136.674px)}.book-page{min-height:auto;padding:46px 30px 58px}.contents-intro,.chapter-title-page,.author-portrait-page,.mini-cover-page{min-height:400px}.contents-list a{grid-template-columns:74px 1fr 22px;gap:8px;padding:11px 0}.contents-list a span{font-size:.52rem}.contents-list a b{font-size:.82rem}.author-copy-page p,.synopsis-copy p{font-size:.98rem;line-height:1.65}.page-actions,.closing-actions{flex-direction:column-reverse;align-items:stretch}.page-actions [data-slot=button],.closing-actions [data-slot=button]{width:100%}.site-footer{text-align:center;flex-direction:column;justify-content:center;gap:5px;width:calc(100% - 28px);min-height:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}