:root{--paper:#f4ead2;--ink:#191612;--gold:#c7a25d;--cream:#f3ebdd;--dark:#080d0c}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--dark);color:var(--cream)}
body{font-family:Inter,Arial,sans-serif;overflow-x:hidden}
.btm-page{min-height:100vh;background:radial-gradient(circle at 50% 20%,rgba(78,99,88,.13),transparent 34%),linear-gradient(180deg,#09100e,#0d1412 50%,#070b0a)}
.btm-header{height:96px;padding:18px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(199,162,93,.15);background:rgba(5,9,8,.72);backdrop-filter:blur(10px)}
.btm-brand img{width:225px;display:block}.back-button{width:66px;height:52px;border:1px solid rgba(199,162,93,.55);color:var(--gold);display:grid;place-items:center;text-decoration:none}
.btm-intro{text-align:center;padding:52px 18px 28px}.eyebrow{font-size:11px;letter-spacing:.34em;color:var(--gold);margin:0 0 16px}
.btm-intro h1{margin:0;font:500 clamp(48px,7vw,86px)/.9 "Cormorant Garamond",serif;letter-spacing:-.035em;color:#f4ecdf}.btm-intro h1 em{font-weight:400}
.subtitle{margin:18px 0 0;font:400 22px/1.25 "Cormorant Garamond",serif;color:#bdb4a5}
.journal-wrap{max-width:900px;margin:0 auto;padding:0 20px 55px}
.journal{position:relative;width:100%;aspect-ratio:1.28/1;perspective:2200px}
.paper-stack{position:absolute;inset:8px -7px 8px 7px;border-radius:4px 14px 14px 4px;background:linear-gradient(90deg,#d2c09c,#f0e2c2 5%,#ebdcba 94%,#c7b187);box-shadow:18px 22px 40px rgba(0,0,0,.5)}
.book-cover{position:absolute;inset:0;z-index:20;border:1px solid #a88445;border-radius:5px 14px 14px 5px;cursor:pointer;color:#eadbbd;background:radial-gradient(circle at 35% 25%,rgba(190,151,84,.16),transparent 28%),linear-gradient(135deg,#201810,#342516 48%,#1b140e);box-shadow:20px 25px 55px rgba(0,0,0,.55),inset 0 0 0 10px rgba(199,162,93,.08),inset 0 0 0 11px rgba(199,162,93,.3);padding:9% 8%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:left center;transition:transform 1.1s cubic-bezier(.22,.72,.18,1);backface-visibility:hidden}
.book-cover:after{content:"";position:absolute;inset:22px;border:1px solid rgba(199,162,93,.65)}
.book-cover.open{transform:rotateY(-180deg);pointer-events:none}
.cover-top{font-size:12px;letter-spacing:.3em;margin-bottom:8%;color:#d2b678}.book-cover strong,.book-cover em{font:500 clamp(48px,7vw,82px)/.82 "Cormorant Garamond",serif}.book-cover em{font-weight:400}
.cover-rule{width:80px;height:1px;background:var(--gold);margin:7% 0 4%}.cover-meta,.cover-brand{font-size:10px;letter-spacing:.28em;color:#d7c59e}.cover-brand{margin-top:16px;font-size:11px}.cover-hint{margin-top:9%;font-size:9px;letter-spacing:.26em;color:#a99673}
.book-stage{position:absolute;inset:0;transform-style:preserve-3d;z-index:10}
.sheet{position:absolute;inset:0;border-radius:5px 14px 14px 5px;overflow:hidden;background:repeating-linear-gradient(0deg,rgba(116,96,63,.035) 0,rgba(116,96,63,.035) 1px,transparent 1px,transparent 5px),linear-gradient(100deg,#f8efd9,#efe2c5 55%,#e5d5b4);color:var(--ink);backface-visibility:hidden;box-shadow:0 12px 30px rgba(0,0,0,.28);transition:transform .9s cubic-bezier(.22,.72,.18,1)}
.sheet-left{transform-origin:right center}.sheet-right{transform-origin:left center;display:none}
.sheet.turn-forward{transform:rotateY(-180deg)}.sheet.turn-back{transform:rotateY(0deg)}
.sheet-inner{height:100%;padding:7% 8%;position:relative;display:flex;flex-direction:column}
.page-number{position:absolute;right:5%;top:4%;font-size:12px;color:#81745e;letter-spacing:.18em}.chapter-kicker{font-size:11px;letter-spacing:.27em;color:#8b795c;margin:5% 0 2%}
.chapter-title{font:500 clamp(54px,8vw,92px)/.8 "Cormorant Garamond",serif;margin:0 0 3%}.chapter-sub{font:400 clamp(20px,3vw,30px)/1.05 "Cormorant Garamond",serif;max-width:620px}
.story-note{margin-top:auto;padding-top:18px;border-top:1px solid rgba(151,119,62,.4);font-size:12px;line-height:1.6;color:#6e665a;max-width:570px}
.corner{position:absolute;bottom:3%;width:48px;height:48px;border:0;background:transparent;color:#927444;font-size:21px;cursor:pointer}.corner-next{right:1%}.corner-prev{left:1%}
.reel-sheet{padding:4.5% 5% 4%}.reel-inner{height:100%;display:flex;flex-direction:column;gap:9px}.reel-heading{display:flex;align-items:end;justify-content:space-between}.reel-heading h2{margin:0;font:500 clamp(38px,5vw,62px)/.8 "Cormorant Garamond",serif}.reel-heading span{font-size:10px;letter-spacing:.2em;color:#7d705c}
.reel-box{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#111;border-radius:5px;overflow:hidden}
.reel-box iframe{width:100%;height:100%;min-height:320px;border:0;display:block}
.fullscreen-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.watch-instagram,.fullscreen-btn{border:0;background:transparent;color:#67573e;font-size:10px;letter-spacing:.13em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #a88a55;padding:5px 0;cursor:pointer}
.journal-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:18px}.round-control{width:64px;height:64px;border-radius:50%;border:1px solid rgba(199,162,93,.72);background:transparent;color:var(--gold);cursor:pointer;font-size:18px;display:grid;place-items:center}.round-control:disabled{opacity:.22;cursor:default}
#pageCounter{min-width:115px;text-align:center;color:#bcae95;font-size:11px;letter-spacing:.27em}.tap-note{text-align:center;color:#9f947f;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin:17px 0 0}
.reel-fullscreen{position:fixed;inset:0;background:#000;z-index:9999;display:none;align-items:center;justify-content:center}.reel-fullscreen.active{display:flex}.reel-fullscreen iframe{width:100vw;height:100vh;border:0}.close-fullscreen{position:absolute;top:18px;right:18px;width:48px;height:48px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.5);color:#fff;border-radius:50%;z-index:2}
@media(max-width:700px){.btm-header{height:96px;padding:16px 24px}.btm-brand img{width:215px}.btm-intro{padding:42px 14px 24px}.btm-intro h1{font-size:58px}.subtitle{font-size:20px}.journal-wrap{padding:0 15px 40px}.journal{aspect-ratio:.79/1}.book-cover{padding:12% 8%}.book-cover strong,.book-cover em{font-size:62px}.sheet-inner{padding:10% 10%}.chapter-title{font-size:62px}.chapter-sub{font-size:25px}.reel-sheet{padding:7% 5% 5%}.reel-heading h2{font-size:44px}.reel-box iframe{min-height:430px}.journal-controls{gap:16px}.round-control{width:60px;height:60px}}
@media(max-width:380px){.btm-brand img{width:185px}.btm-intro h1{font-size:51px}.chapter-title{font-size:55px}.chapter-sub{font-size:22px}}