.story-page{color:#f7f8f9;background:#070b12;min-height:100vh;padding-bottom:80px}.story-page *{box-sizing:border-box}.story-nav{background:#09070b;border-bottom:1px solid #62314e;justify-content:space-between;align-items:center;gap:12px;padding:18px max(20px,50vw - 450px);font:700 14px Arial,sans-serif;display:flex}.story-nav a,.story-footer a{color:#f7b91c;text-decoration:none}.story-nav strong{font:900 25px Impact,Arial Narrow,sans-serif}.story-nav span{color:#5cd5d4}.story-main{max-width:850px;margin:auto;padding:28px 20px 100px}.story-hero{max-width:540px;margin:auto;position:relative}.story-hero video{aspect-ratio:910/512;object-fit:contain;border:2px solid #5bd3d4;border-radius:16px;width:100%;display:block}.story-badge{color:#dcffff;letter-spacing:.1em;background:#052e37;border:1px solid #72edef;border-radius:30px;padding:9px 13px;font:900 12px Arial;position:absolute;bottom:12px;right:12px;box-shadow:0 0 22px #57d9db99}.story-main h1{text-align:center;margin:25px 0 8px;font:700 clamp(34px,7vw,55px) Georgia,serif}.story-subtitle{text-align:center;color:#b4cbd2;margin:0 0 28px}.story-main section{background:linear-gradient(125deg,#09202a,#10101c);border:1px solid #27505c;border-radius:18px;margin:22px 0;padding:24px}.story-main h2{margin:8px 0 18px;font:700 clamp(24px,5vw,34px) Georgia,serif}.story-main section>span:first-child{color:#62d7db;letter-spacing:.15em;font:800 12px Arial,sans-serif}.story-main p{line-height:1.65}.story-lock{text-align:center;border-color:#c99a2c!important}.story-lock strong{color:#f6bc2d;font-size:21px}.story-admin{color:#ffd070;text-align:center}.story-player{flex-direction:column;gap:12px;display:flex}.story-player audio{width:100%;height:43px}.story-player a{color:#6de1e1}.story-player button,.story-reflection button,.story-growth button{color:#111;background:#f6b91e;border:0;border-radius:30px;width:max-content;padding:12px 18px;font-weight:800}.story-signin{border:1px solid #edbb3d;border-radius:12px;padding:14px}.story-signin a{color:#68dce1}.story-progress{background:#071e2b;border:1px solid #4abfc6;border-radius:14px;padding:20px}.story-progress>span{color:#5fe1e6;letter-spacing:.13em;font-weight:800}.story-progress>strong{float:right;color:#f8c239}.story-progress>div{background:#182b35;border-radius:10px;height:10px;margin:14px 0;overflow:hidden}.story-progress i{background:linear-gradient(90deg,#f9c23e,#57d8db);height:100%;display:block}.story-progress small{color:#b5c9d0}.story-scripture-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.story-scripture-cards blockquote{background:#061e27;border:1px solid #3f9d9e;border-radius:12px;margin:0;padding:15px}.story-scripture-cards b{color:#dfeff4}.story-scripture-cards p{color:#ef8993;font:19px/1.55 Georgia,serif}.story-scripture-cards mark{color:#ffc64a;text-underline-offset:4px;background:0 0;text-decoration:underline}.story-prompt{font:22px/1.5 Georgia,serif}.story-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.story-choices button{color:#f8fbfc;text-align:left;background:#092b38;border:1px solid #43747e;border-radius:12px;min-height:62px;padding:16px;font:700 16px/1.35 Arial,sans-serif}.story-choices button:hover:not(:disabled),.story-choices button:focus-visible{background:#17414a;border-color:#f7c43c}.story-choices button.chosen{color:#b9ffdb;border-color:#50dd9b}.story-choices button:disabled{opacity:.72}.story-feedback{border-radius:10px;padding:13px 15px}.story-feedback.correct{background:#0a3227;border:1px solid #48cd93}.story-feedback.clue{background:#342414;border:1px solid #e5aa48}.story-feedback b{color:#ed8893;margin-top:8px;display:block}.story-growth{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.story-growth a{color:#70e5e4}.story-active-choice{z-index:4;background:#061e28;border:1px solid #56d8dc;border-radius:14px;padding:16px;position:sticky;top:0;box-shadow:0 8px 25px #000b}.story-active-choice>strong{color:#f8cd53}.story-active-choice p{margin:6px 0 12px}.story-chapter{padding-top:18px}.story-chapter>p{color:#e5e9e9;border-bottom:1px solid #ffffff18;margin:0;padding:12px 0;font:20px/1.85 Georgia,serif}.story-chapter sup{color:#f5bd36;margin-right:9px;font:700 12px Arial}.story-token{white-space:normal;position:relative}.story-original{color:#f1f2f3}.story-definition{color:#fff;white-space:nowrap;background:#122936;border:1px dashed #668591;border-radius:6px;margin:0 3px;padding:4px 7px;font:700 15px Arial}.story-definition.active{outline:2px solid #ffc62e}.story-definition.filled{text-underline-offset:3px;border-style:solid;text-decoration:underline}.story-definition.cyan{color:#7de7ef;text-shadow:0 0 9px #16c6de}.story-definition.coral{color:#ff9c9c;text-shadow:0 0 9px #ea6060}.story-definition.gold{color:#ffe182;text-shadow:0 0 9px #eabb31}.story-definition.violet{color:#dbf;text-shadow:0 0 9px #af6ee0}.story-definition.mint{color:#9cf7ce;text-shadow:0 0 9px #43d6a2}.story-definition.amber{color:#ffbd7c;text-shadow:0 0 9px #e8873a}.story-definition.blue{color:#9dc6ff;text-shadow:0 0 9px #579bfc}.story-definition.pink{color:#ffb4df;text-shadow:0 0 9px #e865a9}.story-extender{white-space:normal;color:#d8e9e9;background:#082a31;border:1px solid #41aead;border-radius:10px;margin:8px 0;padding:14px;font:15px/1.5 Arial;display:block}.story-extender b{color:#ed8791;margin-bottom:5px;display:block}.story-complete{text-align:center;background:radial-gradient(circle,#173e40,#110f1c)!important;border-color:#ffc448!important}.story-complete>span{color:#6ff2b2!important;font-size:50px!important}.story-complete h2{font-size:42px}.story-reflection{flex-direction:column;gap:12px;display:flex}.story-reflection small{color:#a7c3cb;font:13px Arial;display:block}.story-reflection textarea{color:#fff;background:#102a36;border:1px solid #4b8c93;border-radius:12px;width:100%;min-height:120px;padding:14px;font:16px Arial}.story-reflection>span{color:#67d6be}.story-related>a{color:#fff;border:1px solid #5f8692;border-radius:12px;align-items:center;gap:16px;margin:10px 0;padding:10px;text-decoration:none;display:flex}.story-related img{aspect-ratio:16/9;object-fit:cover;border-radius:7px;width:112px}.story-related span{gap:8px;display:grid}.story-related small{color:#6cd8dd}.story-footer{z-index:10;background:#09070b;border-top:1px solid #582a4f;justify-content:space-around;width:100%;padding:18px 8px;font:800 13px Arial;display:flex;position:fixed;bottom:0}@media (width<=600px){.story-nav{padding:15px 12px;font-size:11px}.story-nav strong{font-size:18px}.story-main{padding:15px 13px 92px}.story-main section{padding:17px}.story-scripture-cards,.story-choices{grid-template-columns:1fr}.story-chapter>p{font-size:18px}.story-related img{width:85px}.story-badge{font-size:10px}.story-active-choice{top:0}.story-hero{max-width:430px}}.story-extender .story-scripture-text{color:#e5818d;margin-bottom:9px;font:17px/1.55 Georgia,serif;display:block}.story-match{gap:13px;display:grid}.story-match label{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;font-weight:800;display:grid}.story-match select{color:#fff;background:#092b38;border:1px solid #56a6ae;border-radius:10px;width:100%;padding:14px;font-size:16px}.story-match>button{color:#101820;background:#f4bc28;border:0;border-radius:30px;width:max-content;padding:13px 20px;font-weight:900}.story-match>button:disabled{opacity:.5}@media (width<=600px){.story-match label{grid-template-columns:1fr}}.story-page{padding-bottom:0}.story-main{padding-bottom:30px}.story-active-choice .story-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.story-active-choice .story-choices button{min-height:44px;padding:9px 10px;font-size:15px;line-height:1.25}.story-active-choice{padding:12px}.story-active-choice>strong{font-size:16px}.story-active-choice>p{margin:5px 0 8px;font-size:14px}.story-badge{padding:7px 10px;font-size:10px;top:10px;bottom:auto}.story-glow-label,.story-card-label{text-align:center;text-shadow:0 0 12px #42dadf;letter-spacing:.1em;margin:16px auto;font-weight:900;display:block;color:#8cecf0!important}.story-main h2,.story-main section>span:first-child{text-align:center;display:block}.story-prompt{margin:25px 0 30px}.story-context-tab{background:#08262c;border:1px solid #4eb9b5;border-radius:12px;margin-top:15px;padding:0 14px}.story-context-tab summary{cursor:pointer;color:#83e4de;padding:13px 0;font-weight:800}.story-context-tab b{color:#e98b96}.story-context-tab p{font-size:16px}@keyframes story-context-blink{50%{border-color:#9bfff2;box-shadow:0 0 15px #5ae4df}}@media (prefers-reduced-motion:reduce){.story-context-tab.blink{animation:none;box-shadow:0 0 8px #5ae4df}}.story-compact-player{margin:22px 0}.story-compact-player audio{width:100%;height:44px}.story-reading-screen{z-index:1000;overscroll-behavior:contain;background:#070b12;padding:20px max(16px,50vw - 425px);position:fixed;inset:0;overflow:auto}.story-reading-screen>header{z-index:10;background:#070b12;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex;position:sticky;top:-20px}.story-reading-screen h2{margin:0;font-family:Georgia,serif}.story-reading-screen button,.story-read-button{color:#fff;background:#092b38;border:1px solid #63d9d9;border-radius:9px;padding:12px;font-weight:700}.story-scripture-text{color:#ec8b95!important}.story-chapter>p,.story-original{color:#ec8b95}.story-active-choice{position:relative}.story-main section h2{font-size:clamp(24px,5vw,30px)}.story-decoder>p{text-align:center}@keyframes story-purple-blink{50%{border-color:#e0b9ff;box-shadow:0 0 15px #bd84ed}}.story-read-button{color:#111;background:#f5bb29;border-color:#f5bb29;min-width:160px;margin:22px auto 0;display:block}.story-read-button:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.story-context-tab.blink{animation:none;box-shadow:0 0 8px #bd84ed}}.story-reading-screen{background:#020611;padding:0}.story-reading-backdrop{object-fit:cover;pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.story-reading-content{z-index:1;background:linear-gradient(#02061199,#020611bb);min-height:100%;padding:20px max(16px,50vw - 425px) 40px;position:relative}.story-reading-content>header{z-index:10;background:#020611d9;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex;position:sticky;top:0}.story-reading-content .story-chapter{background:#03111bd9;border-radius:14px;margin-top:16px;padding:18px}.story-chapter-done{min-width:170px;font-size:18px;display:block;color:#111!important;background:#f7bd27!important;border-color:#f7bd27!important;margin:28px auto 0!important}.story-reading-content .story-chapter>p{text-shadow:0 1px 3px #000}.story-nav{background:#080609;grid-template-columns:90px minmax(0,1fr) 90px;align-items:center;gap:12px;padding:16px 22px;display:grid}.story-brand img{object-fit:contain;width:66px;height:66px}.story-username{text-align:center;overflow-wrap:anywhere;min-width:0;color:#fff!important}.story-username strong{font-family:var(--font-display,Impact,sans-serif);font-size:28px}.story-help{background:#ffbd16;border-radius:32px;justify-self:end;padding:14px 23px;font-weight:800;color:#17120b!important}.story-recap p,.story-prompt,.story-decoder>p,.story-complete p,.story-lock p{text-align:center}.story-spotify-player{width:100%;max-width:850px;margin:12px auto 22px}.story-spotify-player iframe{border:0;border-radius:12px;display:block}.story-spotify-player>p{text-align:center;color:#b9cbd2;margin:14px 0;font-size:15px}.story-spotify-player small{font-size:13px}.story-context-tab{background:#342412;border-color:#edaf42}.story-context-tab summary{color:#ffcf70}.story-context-tab.blink{animation:1s ease-in-out 3 story-gold-blink}@keyframes story-gold-blink{50%{border-color:#ffce6b;box-shadow:0 0 22px #ffc04d88}}.story-reading-content{background:linear-gradient(#02061130,#02061155)}.story-reading-content .story-chapter{background:#03111b66}.story-reading-content .story-chapter>p,.story-reading-content .story-original{color:#fff;text-shadow:0 1px 4px #000}.story-related video{object-fit:cover;border-radius:8px;flex-shrink:0;width:85px;height:60px}.story-more{color:#17120b;background:#ffbd16;border:0;border-radius:30px;margin:22px auto 0;padding:12px 24px;font-weight:700;display:block}.story-read-button{white-space:normal;text-align:center;line-height:1.4}@media (width<=600px){.story-nav{grid-template-columns:64px minmax(0,1fr) 64px;gap:8px;padding:12px 14px}.story-brand img{width:54px;height:54px}.story-username strong{font-size:24px}.story-help{padding:12px 16px;font-size:14px}}@media (prefers-reduced-motion:reduce){.story-context-tab.blink{animation:none;box-shadow:0 0 8px #ffc04d88}}.story-username strong{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(20px,2.2vw,27px);font-weight:400}.story-help{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.story-nav{min-height:104px}.story-reading-content>header{text-align:center;justify-content:center}.story-reading-content>header h2{text-align:center;color:#fff;text-shadow:0 0 8px #fff8,0 0 20px #fff5;width:100%;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(32px,6vw,44px);font-weight:400;line-height:1.2}.story-exit-transition{z-index:2000}.story-recap blockquote{background:#08272d;border:1px solid #488d91;border-radius:12px;margin:22px 0;padding:18px}.story-recap blockquote p{color:#ec8b95;margin:0;font-family:Georgia,serif}.story-recap>p{text-align:left;margin:0 0 1.25em}.story-recap blockquote{text-align:left;margin:0 0 1.6em;padding:20px 22px}.story-recap blockquote b{color:#dbeff1;margin-bottom:12px;font:700 16px/1.4 Arial,sans-serif;display:block}.story-recap blockquote p{text-align:left;color:#ec8b95;margin:0;line-height:1.65}.story-share{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:-5px auto 22px;display:flex}.story-share button{color:#d9fcfc;cursor:pointer;background:#092c39;border:1px solid #65d6dc;border-radius:25px;padding:11px 21px;font:700 15px Arial,sans-serif}.story-share button:hover,.story-share button:focus-visible{border-color:#ffcf6e;box-shadow:0 0 13px #ffca5366}.story-share p{text-align:center;color:#8de3df;overflow-wrap:anywhere;margin:0}.story-share-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.story-share-actions a{color:#d9fcfc;background:#092c39;border:1px solid #65d6dc;border-radius:25px;padding:11px 21px;font:700 15px Arial,sans-serif;text-decoration:none}.story-share-actions a:hover,.story-share-actions a:focus-visible{border-color:#ffcf6e;box-shadow:0 0 13px #ffca5366}.story-signin+.story-progress{margin-top:24px}