#story.overlay{backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;display:flex;align-items:flex-end;background:linear-gradient(0deg,#0c202ce8 0%,#0c202c00 42%);pointer-events:none;overflow:hidden}
#story .story-card{width:min(940px,calc(100% - 48px));max-width:none;display:block;margin:0 auto max(22px,env(safe-area-inset-bottom));background:linear-gradient(115deg,#122c36f5,#243b49ef);border:1px solid #cfddcf8c;border-left:3px solid #f3daa2;border-radius:9px;box-shadow:0 8px 35px #071b2980;pointer-events:auto}
#story .story-body{padding:16px 25px 12px;position:relative}#story .eyebrow{font-size:9px;letter-spacing:1.7px;margin:0 0 6px;color:#b2d3d4}#story .story-body h2{font-size:13px;font-weight:400;color:#c3d5d1;margin:0 0 9px;line-height:1.4}#story #story-speaker{font-size:17px;letter-spacing:2px;color:#ffdfa4;margin:0 0 5px}#story #story-text{font-size:16px;line-height:1.8;min-height:56px;max-width:850px;color:#f5f4e9;margin:0}#story #story-page{position:absolute;right:25px;top:16px;margin:0;color:#a9c8cb;font-size:10px}#story #chapter-rest{font-size:10px;line-height:1.5;margin:8px 0 3px;padding:5px 8px;background:#4665664d}
.story-controls{display:flex;gap:10px;align-items:center;margin-top:8px}.story-controls #story-next{width:auto;min-width:160px;margin:0;padding:9px 18px;min-height:38px;font-size:12px}.story-controls .text-button{font-size:10px;min-height:38px;padding:6px 10px;margin:0}.story-controls #story-back{margin-left:auto;color:#a9bfc1}
@media(max-width:600px){#story .story-card{width:calc(100% - 20px);margin-bottom:max(10px,env(safe-area-inset-bottom))}#story .story-body{padding:13px 14px 10px}#story #story-page{right:14px;top:13px}#story #story-text{font-size:13px;min-height:68px;line-height:1.8}#story #story-speaker{font-size:15px}.story-controls{gap:5px;flex-wrap:wrap}.story-controls #story-next{min-width:135px;padding:8px 13px}.story-controls .text-button{padding:5px;font-size:9px}}
@media(max-height:520px){#story .story-card{width:calc(100% - 32px);margin-bottom:8px}#story .story-body{padding:9px 18px 7px}#story .story-body h2{display:none}#story .eyebrow{margin:0 0 4px;font-size:8px}#story #story-text{font-size:12px;line-height:1.6;min-height:36px}#story #story-speaker{font-size:13px;margin-bottom:2px}#story #story-page{top:10px;right:18px}.story-controls{margin-top:4px}.story-controls #story-next,.story-controls .text-button{min-height:30px;padding:4px 12px}#story #chapter-rest{margin:3px 0;font-size:9px;padding:3px 7px}}