
/* LIT 2.0 — inner sanctuary / book design, preserving interaction hooks */
:root{--lit-wine:#63283F;--lit-gold:#B69A76;--lit-cream:#F5EFE6}
body{background:var(--lit-cream)}
.masthead{box-shadow:0 6px 24px rgba(50,26,33,.04)}
.masthead__inner{max-width:1220px}
.navlinks a.is-current{border-bottom:1px solid var(--lit-gold)}
/* Daily Cup: a ritual, not a survey */
body.lit-cup-page{background:linear-gradient(145deg,#F5EFE6 0%,#F1E5DF 56%,#F8F1E9 100%)}
.lit-cup-page .practice-wrap{display:grid;grid-template-columns:minmax(285px,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,82px);align-items:start;padding-top:clamp(28px,6vw,78px);padding-bottom:100px}
.lit-cup-page .cupside{position:sticky;top:115px}
.lit-cup-page .cupstage{position:relative;background:radial-gradient(ellipse at 50% 24%,#FFFDF9 0%,#F5E9DF 70%,#E8D8D2 100%)!important;border:1px solid #D9C3BE!important;border-radius:180px 180px 18px 18px!important;box-shadow:0 25px 60px rgba(99,40,63,.1)!important;padding:clamp(34px,5vw,64px) clamp(20px,3vw,38px) 30px!important;overflow:hidden}
.lit-cup-page .cupstage:before{content:"A MOMENT THAT BELONGS TO YOU";display:block;text-align:center;font:700 10px/1.5 Karla,sans-serif;letter-spacing:.22em;color:#85566A;margin-bottom:25px}
.lit-cup-page .cupstage:after{content:"✦";position:absolute;top:16px;right:24px;color:#B69A76;font-size:22px}
.lit-cup-page .cup{width:min(100%,315px)!important;margin:auto;filter:drop-shadow(0 15px 12px rgba(86,54,49,.13))}
.lit-cup-page .cupread{padding:20px 0 22px;text-align:center}
.lit-cup-page .cupread__name{font:400 clamp(25px,3vw,38px)/1.1 Newsreader,Georgia,serif;color:#63283F}
.lit-cup-page .cupread__note{max-width:270px;margin:8px auto 0}
.lit-cup-page .streakbar{border-top:1px solid #D8C5BD;padding-top:24px}
.lit-cup-page .weekdots{border-top:1px solid #D8C5BD;margin-top:18px;padding-top:18px}
.lit-cup-page .screen{background:#FFFCF8;border:1px solid #E0CEC8;border-radius:6px;padding:clamp(28px,4vw,62px)!important;box-shadow:0 24px 70px rgba(65,32,46,.06);min-height:490px}
.lit-cup-page .screen h1,.lit-cup-page .screen h2{font-size:clamp(38px,4.5vw,64px);line-height:1.06;max-width:610px}
.lit-cup-page .screen .lede{font-size:1.13rem;max-width:500px}
.lit-cup-page .screen .label{color:#996B52}
.lit-cup-page .screen .actions{margin-top:36px}
.lit-cup-page .textarea{min-height:250px!important;background:repeating-linear-gradient(to bottom,#FFFCF8 0,#FFFCF8 35px,#E8DAD2 36px)!important;line-height:36px!important;padding:0 16px!important;border:1px solid #E4D3CD!important;border-radius:2px!important;color:#3C3033}
.lit-cup-page .btn{border-radius:3px!important;padding:15px 24px}
.lit-cup-page .cup-intro{font:italic 400 19px/1.5 Newsreader,Georgia,serif;color:#846B72;margin-bottom:18px}
/* Journal: a bound volume with real pages, not a dashboard of cards */
body.lit-journal-page{background:#E9E0D6}
.lit-journal-page main.shell{max-width:1160px;padding-top:clamp(34px,6vw,76px);padding-bottom:90px}
.lit-journal-page .jhead{background:#63283F;color:#F9EFE6;padding:clamp(36px,6vw,80px);border-radius:7px 7px 0 0;position:relative;overflow:hidden}
.lit-journal-page .jhead:after{content:"LIT  /  THE DAILY RECORD";position:absolute;right:24px;top:24px;font:700 10px Karla,sans-serif;letter-spacing:.2em;color:#D6B6B0}
.lit-journal-page .jhead .label{color:#D5B390!important}
.lit-journal-page .jhead h1{color:#FFF8F0!important;font-size:clamp(40px,5vw,68px);max-width:700px}
.lit-journal-page .jhead .lede{color:#EADCD8;max-width:600px}
.lit-journal-page .streakcard{background:#E9D8CD!important;border:1px solid #D4BEB2!important;border-radius:0!important;margin:0!important;padding:25px clamp(24px,4vw,52px)!important;box-shadow:none!important}
.lit-journal-page #guestBlock,.lit-journal-page #summaryBlock,.lit-journal-page #entriesBlock{background:#FFFCF7;border-left:12px solid #D7C2B2;border-right:1px solid #D9C5BA;padding:clamp(28px,5vw,70px)!important;margin:0!important;box-shadow:12px 18px 45px rgba(72,48,45,.08)}
.lit-journal-page #entriesBlock{border-bottom:12px solid #63283F;border-radius:0 0 6px 6px}
.lit-journal-page .section-head .label{color:#996B52}
.lit-journal-page .section-head h2{font-size:clamp(32px,4vw,52px);color:#63283F}
.lit-journal-page .entries{display:grid;gap:18px;margin-top:30px}
.lit-journal-page .entry{position:relative;background:repeating-linear-gradient(to bottom,#FFFCF8 0,#FFFCF8 37px,#E8DFD6 38px)!important;border:1px solid #E1D4C8!important;border-left:4px solid #B69A76!important;padding:28px 24px!important;border-radius:2px;box-shadow:0 8px 22px rgba(50,30,36,.045)}
.lit-journal-page .entry__when b{font-size:1.35rem!important;color:#63283F!important}
.lit-journal-page .entry__text{font:400 1.04rem/2.36 Newsreader,Georgia,serif!important;white-space:pre-wrap}
.lit-journal-page .entry__none{font-family:Newsreader,Georgia,serif;font-size:1.05rem}
.lit-journal-page .summary{background:#F9F1E8!important;border:1px solid #E4D1C4!important;border-radius:2px!important;box-shadow:none!important}
.lit-journal-page .weekpick{background:#F6EEE5;padding:12px 16px;border-radius:3px}
.lit-journal-page .empty{background:#F8F1EA!important;border:1px solid #E5D7C9!important}
.lit-journal-page .journal-epigraph{font:italic 400 clamp(21px,2.5vw,30px)/1.3 Newsreader,Georgia,serif;color:#E9C8B4;margin-top:28px}
/* Accounts: welcome into a private space */
body.lit-account-page{background:linear-gradient(135deg,#EADBD7,#F7F0E8 60%)}
.lit-account-page main.split{max-width:1180px;margin:clamp(32px,6vw,85px) auto;gap:0;box-shadow:0 30px 80px rgba(68,32,47,.1);border-radius:8px;overflow:hidden;background:#FFFCF8}
.lit-account-page .aside{background:#63283F!important;color:#F8F0E8;padding:clamp(35px,5vw,75px)!important}
.lit-account-page .aside h1{color:#FFF8F0!important;font-size:clamp(39px,4.2vw,61px)}
.lit-account-page .aside p{color:#EBDDDC}
.lit-account-page .aside .label{color:#E1C0A4!important}
.lit-account-page .panel{background:#FFFCF8!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:clamp(35px,5vw,70px)!important}
.lit-account-page .panel h2{font-size:clamp(33px,3.3vw,47px);color:#63283F}
.lit-account-page input{background:#FBF7F2;border:1px solid #DCC8C0;border-radius:3px;padding:14px}
.lit-account-page .btn--wide{padding:16px;border-radius:3px}
@media(max-width:850px){
.lit-cup-page .practice-wrap{grid-template-columns:1fr}
.lit-cup-page .cupside{position:static}
.lit-cup-page .cupstage{border-radius:110px 110px 14px 14px!important}
.lit-account-page main.split{margin:20px 16px}
}
@media(max-width:600px){
.lit-journal-page .jhead:after{display:none}
.lit-journal-page #guestBlock,.lit-journal-page #summaryBlock,.lit-journal-page #entriesBlock{border-left-width:5px;padding:26px 20px!important}
.lit-journal-page .entry{display:block!important}
.lit-cup-page .screen{min-height:0;padding:28px 22px!important}
}

/* Immersive session environments — preserves every canvas, timer and control ID */
body:has(#heroFlame){background:radial-gradient(circle at 50% 25%,#4D2735,#21191F 75%)!important;color:#F7EEE6}
body:has(#heroFlame) .screen{max-width:1000px;margin-inline:auto}
body:has(#heroFlame) .display{font-family:Newsreader,Georgia,serif!important;letter-spacing:-.035em;line-height:1.08}
body:has(#heroFlame) #intro{min-height:92svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(40px,7vw,100px) 22px;text-align:center}
body:has(#heroFlame) #intro .display{font-size:clamp(42px,6vw,86px);max-width:900px}
body:has(#heroFlame) .btn{border-radius:3px!important;letter-spacing:.05em}
body:has(#heroFlame) #session{padding:clamp(35px,5vw,72px) 22px}
body:has(#heroFlame) .prompt-text{font:400 clamp(25px,3vw,42px)/1.28 Newsreader,Georgia,serif!important}
body:has(#heroFlame) .phase-guide{font-family:Newsreader,Georgia,serif;font-style:italic}
body:has(#heroFlame) .btn-small{border-radius:3px!important}
@media(prefers-reduced-motion:reduce){body:has(#heroFlame) *{scroll-behavior:auto!important}}
