*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f0e7;color:#1c1611;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit}.story-nav{position:sticky;top:0;z-index:80;background:rgba(17,12,8,.96);color:#fff;border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(18px)}.story-nav-inner{max-width:1240px;height:72px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:18px}.story-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.story-brand img{width:37px;height:37px;border-radius:50%}.story-brand strong{display:block;font:600 .9rem Cinzel,serif}.story-brand small{display:block;color:rgba(255,255,255,.5);font-size:.62rem}.story-nav-links{margin-left:auto;display:flex;align-items:center;gap:4px}.story-nav-links a{padding:9px 11px;border-radius:9px;text-decoration:none;color:rgba(255,255,255,.68);font-size:.74rem;font-weight:700}.story-nav-links a:hover{background:rgba(255,255,255,.08);color:#fff}.story-nav-links .gold{background:#e2b557;color:#17110d}.story-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 24%,rgba(213,83,36,.19),transparent 28%),radial-gradient(circle at 18% 15%,rgba(227,184,94,.16),transparent 28%),linear-gradient(125deg,#120c08,#28180f 56%,#100b08);color:#fff}.story-hero-inner{max-width:1240px;min-height:660px;margin:auto;padding:92px 24px 76px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:64px;align-items:center}.story-kicker{color:#f0cf83;font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.story-hero h1{margin:16px 0 18px;font:600 clamp(3.1rem,7vw,6.5rem)/.95 Cinzel,serif;letter-spacing:-.055em}.story-hero h1 em{display:block;color:#f0cf83;font:500 italic .67em 'Cormorant Garamond',serif;letter-spacing:-.02em}.story-hero p{max-width:690px;color:rgba(255,255,255,.69);font:400 1.25rem/1.55 'Cormorant Garamond',serif}.story-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.story-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:11px;text-decoration:none;color:#fff;font-size:.75rem;font-weight:800}.story-btn.primary{background:linear-gradient(135deg,#f0cf83,#d7aa50);color:#17110d;border:0}.journey-card{padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.055);backdrop-filter:blur(18px);box-shadow:0 35px 80px -55px #000}.journey-card-head{display:flex;justify-content:space-between;gap:15px}.journey-card small{color:rgba(255,255,255,.5);font-size:.65rem}.journey-card h2{margin:5px 0;font:600 1.35rem Cinzel,serif}.journey-card p{margin:0;font-size:.96rem}.journey-percent{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;border:5px solid rgba(227,184,94,.28);color:#f0cf83;font-weight:800}.journey-track{height:7px;margin:18px 0;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.journey-track i{display:block;height:100%;background:linear-gradient(90deg,#d7aa50,#d95122);border-radius:inherit}.continue-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border-radius:13px;background:rgba(0,0,0,.22);text-decoration:none}.continue-card span{display:block;color:rgba(255,255,255,.48);font-size:.61rem;text-transform:uppercase;letter-spacing:.1em}.continue-card strong{display:block;margin-top:3px;font:600 .84rem Cinzel,serif}.continue-card b{font-size:1.3rem;color:#f0cf83}.story-wrap{max-width:1240px;margin:auto;padding:88px 24px}.section-head{display:grid;grid-template-columns:.45fr 1fr;gap:48px;margin-bottom:37px}.section-head small{color:#a26728;font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section-head h2{margin:0;font:600 clamp(2.2rem,4vw,4rem)/1.05 Cinzel,serif;letter-spacing:-.045em}.section-head h2 em{color:#9d5e28;font:500 italic 1em 'Cormorant Garamond',serif}.section-head p{margin:13px 0 0;color:#6e6257;font:400 1.13rem/1.52 'Cormorant Garamond',serif}.volume-path{display:grid;grid-template-columns:1.15fr .58fr 1.15fr .58fr 1fr;gap:12px;align-items:stretch}.volume-card,.bridge-card{position:relative;display:flex;flex-direction:column;min-height:320px;padding:25px;border:1px solid rgba(29,23,19,.12);border-radius:20px;background:#fffdf8;text-decoration:none;box-shadow:0 24px 70px -54px rgba(23,17,13,.5);transition:.22s}.volume-card:hover,.bridge-card:hover{transform:translateY(-4px);box-shadow:0 30px 70px -48px rgba(23,17,13,.65)}.volume-card .num,.bridge-card .num{font-size:.62rem;font-weight:800;color:#a26728;letter-spacing:.12em;text-transform:uppercase}.volume-card h3,.bridge-card h3{margin:13px 0 7px;font:600 1.35rem/1.18 Cinzel,serif}.volume-card p,.bridge-card p{margin:0;color:#6e6257;font:400 1rem/1.45 'Cormorant Garamond',serif}.volume-card .meta{margin-top:auto;padding-top:25px}.volume-progress-text{font-size:.62rem;font-weight:800;color:#6e6257}.mini-track{height:5px;margin-top:7px;border-radius:999px;background:#eee3d4;overflow:hidden}.mini-track i{display:block;height:100%;background:linear-gradient(90deg,#d7aa50,#d95122)}.volume-card .enter,.bridge-card .enter{margin-top:16px;color:#8f551f;font-size:.72rem;font-weight:800}.bridge-card{justify-content:center;text-align:center;background:#17110d;color:#fff}.bridge-card p{color:rgba(255,255,255,.58)}.bridge-card .num{color:#f0cf83}.bridge-card .enter{color:#f0cf83}.mode-panel{margin-top:70px;padding:34px;border-radius:24px;background:#17110d;color:#fff}.mode-tabs{display:flex;gap:8px;margin-bottom:23px}.mode-tabs button{border:1px solid rgba(255,255,255,.16);border-radius:999px;background:transparent;color:rgba(255,255,255,.65);padding:9px 14px;font-weight:800}.mode-tabs button.active{background:#e1b45a;color:#17110d;border-color:#e1b45a}.mode-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mode-content article{padding:22px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(255,255,255,.04)}.mode-content h3{margin:0 0 8px;font:600 1rem Cinzel,serif}.mode-content p{margin:0;color:rgba(255,255,255,.62);font:400 1rem/1.5 'Cormorant Garamond',serif}.story-tools{background:#eee3d5}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card{display:block;padding:22px;border:1px solid rgba(29,23,19,.11);border-radius:17px;background:#fffdf8;text-decoration:none}.tool-card i{font-style:normal;color:#a26728;font-size:1.35rem}.tool-card h3{margin:12px 0 6px;font:600 .95rem Cinzel,serif}.tool-card p{margin:0;color:#6e6257;font:400 .95rem/1.42 'Cormorant Garamond',serif}.daily-passage{display:grid;grid-template-columns:.45fr 1fr;gap:45px;margin-top:70px;padding:34px;border:1px solid rgba(29,23,19,.12);border-radius:24px;background:#fffdf8}.daily-passage small{font-size:.63rem;font-weight:800;letter-spacing:.14em;color:#a26728}.daily-passage blockquote{margin:0;font:500 italic clamp(1.45rem,2.8vw,2.3rem)/1.35 'Cormorant Garamond',serif}.daily-passage cite{display:block;margin-top:13px;color:#74675c;font:700 .7rem Inter,sans-serif}.story-footer{background:#100b08;color:#fff}.story-footer-inner{max-width:1240px;margin:auto;padding:38px 24px 95px;display:flex;justify-content:space-between;gap:22px}.story-footer a{color:rgba(255,255,255,.58);text-decoration:none;font-size:.7rem}.story-footer nav{display:flex;flex-wrap:wrap;gap:16px}
@media(max-width:980px){.story-hero-inner{grid-template-columns:1fr;min-height:0}.volume-path{grid-template-columns:1fr 1fr}.bridge-card{min-height:230px}.volume-card:last-child{grid-column:1/-1}.tool-grid{grid-template-columns:1fr 1fr}.section-head,.daily-passage{grid-template-columns:1fr}.story-nav-links{display:none}}
@media(max-width:620px){.story-hero-inner,.story-wrap{padding-left:17px;padding-right:17px}.story-hero h1{font-size:3.2rem}.volume-path,.mode-content,.tool-grid{grid-template-columns:1fr}.volume-card:last-child{grid-column:auto}.volume-card,.bridge-card{min-height:0}.story-actions .story-btn{width:100%}.story-footer-inner{display:block}.story-footer nav{margin-top:18px}}