.story-icon{background:linear-gradient(145deg,#c2b6f9,#7560bf 70%,#6150a3);color:#fff}.story-icon svg{width:46px;height:46px;filter:drop-shadow(0 2px 2px #493a6a30)}
.story-view{background:#f8f7fb!important;color:#292735}.story-view .nav{background:#faf9fce8;backdrop-filter:blur(22px);border-bottom:1px solid #dedbe733}.story-view .nav h2{font-weight:650}.story-chat-link{font-size:12px!important;color:#76618c!important;width:auto!important;padding:0 6px!important}.story-view .appcontent{padding:18px 19px 22px;background:#f8f7fb!important}.story-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#91899f;letter-spacing:1px}.story-heading b{font-size:11px;letter-spacing:0;color:#70687f}.story-progress{display:flex;gap:4px;margin:11px 0 24px}.story-progress i{height:3px;border-radius:4px;flex:1;background:#e6e2ee}.story-progress i.lit{background:#b6a3ce}.story-location{font-size:10px;color:#9d8da5;margin:0 0 10px}.story-opening h1{font-size:24px;letter-spacing:-.6px;line-height:1.45;margin:0 0 16px;font-weight:650}.story-opening p,.story-line p{font-size:14px;line-height:1.95;letter-spacing:.1px;margin:0 0 14px;overflow-wrap:anywhere}.story-opening .story-recap{font-size:11px;line-height:1.8;color:#9a8b9e;padding-left:11px;border-left:2px solid #d9cce0;margin-bottom:20px}.story-timeline{padding-top:9px}.story-line{margin:0 0 16px;padding:0}.story-line small{display:block;font-size:9px;letter-spacing:.4px;margin-bottom:5px;color:#968797}.story-line p{margin:0}.story-line.message,.story-line.dialogue{border-left:2px solid #d6c7e4;padding:3px 0 3px 12px}.story-line.sent,.story-line.action{margin-left:20px;border-radius:14px;background:#eeebf3;padding:10px 13px}.story-line.action{background:#ede8f3}.story-line.action small{color:#9d8caa}.story-line.narration{color:#6d6576;padding:8px 0}.story-wait{font-size:11px;color:#a394ad;margin:19px 0}.story-wait span{letter-spacing:5px}.story-clue{border:1px solid #e5e0ec;border-radius:14px;padding:13px;margin-top:25px;color:#9a8b9f}.story-clue summary{font-size:11px;cursor:pointer}.story-clue p{font-size:11px;line-height:1.8}.story-clue div{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.story-clue button{font-size:10px;background:#fff;border:1px solid #e8e1ef;border-radius:8px;color:#877590;padding:7px}.story-clue small{font-size:9px;line-height:1.8;display:block}.story-controls{flex-shrink:0;padding:10px 13px 29px;background:#fbfafdeF;border-top:1px solid #e7e2ec;backdrop-filter:blur(20px);z-index:2}.story-directions{display:flex;gap:6px;overflow-x:auto;margin-bottom:9px;scrollbar-width:none}.story-directions button{white-space:nowrap;padding:7px 9px;border:1px solid #e5deed;border-radius:20px;color:#8a7799;font-size:10px;background:#fff;flex:1}.story-directions button[aria-pressed=true]{background:#7d6595;color:white;border-color:#7d6595}.story-compose{display:flex;gap:8px;align-items:flex-end;background:white;border:1px solid #e1dae8;border-radius:17px;padding:7px 8px 7px 12px}.story-compose textarea{border:0;box-shadow:none!important;background:transparent;resize:none;font:inherit;font-size:13px;line-height:1.6;width:100%;min-height:41px;max-height:100px;padding:0;color:#39313e;outline:none}.story-compose textarea::placeholder{color:#b4a9bd;font-size:11px}.story-compose button{border:0;border-radius:50%;height:30px;width:30px;flex:0 0 30px;background:#8c759f;color:white;font-size:18px}.story-controls button:disabled{opacity:.4}.story-control-foot{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:9px}.story-control-foot small{font-size:8px;color:#b3a7bc;line-height:1.7}.story-control-foot button{border:0;background:transparent;color:#826b93;font-size:11px;font-weight:600;white-space:nowrap;padding:4px 0 4px 5px}.story-control-foot button span{padding-left:4px}.story-confirm{padding:9px;border:1px solid #ddd0e7;border-radius:12px;margin-bottom:10px}.story-confirm p{font-size:12px;line-height:1.7;margin:0 0 8px}.story-confirm button{font-size:11px;padding:6px 9px;border:1px solid #ded3e6;border-radius:8px;margin-right:5px;background:white;color:#786088}.screen:has(.story-view) .status{color:#40384b}.screen:has(.story-view) .island{background:#08080b}.screen:has(.story-view) .homebar{color:#51445d}
@media(max-width:760px){.story-view .appcontent{padding:20px 20px 24px}.story-opening p,.story-line p{font-size:15px;line-height:1.95}.story-compose textarea{font-size:16px}.story-controls{padding-bottom:max(29px,env(safe-area-inset-bottom))}.story-directions button{font-size:11px}.story-control-foot small{font-size:9px}}