.chat-dock{flex-shrink:0}.chat-topbar-actions{display:contents}.character-chat .player-story{position:relative}.chat-jump-latest{z-index:5;right:16px;bottom:calc(var(--dock-h,140px) + 12px);border:1px solid var(--float-border);background:var(--float-surface);width:40px;height:40px;box-shadow:var(--float-shadow);-webkit-backdrop-filter:var(--float-blur);backdrop-filter:var(--float-blur);color:var(--float-ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;animation:.18s ease-out chat-jump-in;display:grid;position:absolute}.chat-jump-latest:hover{border-color:#fff3}.chat-jump-latest:focus-visible{outline-offset:2px;outline:2px solid #c7a6ef}@keyframes chat-jump-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.chat-jump-latest{animation:none}}@media (max-width:760px){.reader-shell .story-player,.reader-shell .player-story{position:relative}.reader-shell .player-topbar.chat-topbar{z-index:6;height:auto;padding:max(var(--float-inset), env(safe-area-inset-top)) var(--float-inset) 0;pointer-events:none;background:0 0;border:0;gap:8px;position:absolute;top:0;left:0;right:0}.reader-shell .player-topbar.chat-topbar>*{pointer-events:auto}.reader-shell .player-topbar.chat-topbar>a,.reader-shell .chat-topbar .chat-chip,.reader-shell .chat-topbar-actions{border:1px solid var(--float-border);background:var(--float-surface);box-shadow:var(--float-shadow);-webkit-backdrop-filter:var(--float-blur);backdrop-filter:var(--float-blur)}.reader-shell .player-topbar.chat-topbar>a{flex:0 0 var(--float-size);width:var(--float-size);height:var(--float-size);color:var(--float-ink);border-radius:50%;place-items:center;display:grid}.reader-shell .chat-topbar .chat-chip{height:var(--float-size);flex:1;gap:8px;margin-right:0;padding:4px 12px 4px 4px}.reader-shell .chat-topbar .chat-chip:hover{border-color:#ffffff2e}.reader-shell .chat-topbar .chat-chip-text{max-width:none}.reader-shell .chat-topbar-actions{height:var(--float-size);border-radius:calc(var(--float-size) / 2);flex:none;padding:0 2px;display:flex}.reader-shell .chat-topbar-actions .chat-topbar-icon{width:42px;height:100%;color:var(--float-ink);border-radius:22px}.reader-shell .player-scroll>.direct-chat-content{padding-top:calc(var(--float-size) + 2 * var(--float-inset) + env(safe-area-inset-top));padding-bottom:calc(var(--dock-h,140px) + 12px)}.reader-shell .player-story:before,.reader-shell .player-story:after{content:"";z-index:4;pointer-events:none;position:absolute;left:0;right:0}.reader-shell .player-story:before{height:calc(var(--float-size) + 2 * var(--float-inset) + env(safe-area-inset-top) + 16px);background:linear-gradient(to bottom, color-mix(in srgb, var(--background) 94%, transparent) 30%, transparent);top:0}.reader-shell .player-story:after{height:calc(var(--dock-h,140px) + 20px);background:linear-gradient(to top, color-mix(in srgb, var(--background) 96%, transparent) 45%, transparent);bottom:0}.reader-shell .chat-dock{z-index:5;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.reader-shell .chat-dock>*{pointer-events:auto}.reader-shell .chat-dock .player-composer{padding:0 var(--float-inset) max(var(--float-inset), env(safe-area-inset-bottom));pointer-events:none;background:0 0;border:0}.reader-shell .chat-dock .player-composer>*{pointer-events:auto}.reader-shell .chat-dock .chat-suggestions{margin:0 calc(-1 * var(--float-inset)) 10px;padding:0 var(--float-inset);scroll-padding-inline:var(--float-inset)}.reader-shell .chat-dock .chat-suggestion{border-color:var(--float-border);background:var(--float-surface);box-shadow:var(--float-shadow);-webkit-backdrop-filter:var(--float-blur);backdrop-filter:var(--float-blur);border-radius:18px}.reader-shell .chat-dock .chat-suggestion-pick{border-radius:17px}:is(.reader-shell .chat-dock .chat-composer-notice:has(>:not(:empty)),.reader-shell .chat-dock .chat-composer-alerts,.reader-shell .chat-dock .composer-banner,.reader-shell .chat-dock .composer-note){border:1px solid var(--float-border);background:var(--float-surface-raised);width:fit-content;max-width:100%;-webkit-backdrop-filter:var(--float-blur);backdrop-filter:var(--float-blur);box-sizing:border-box;border-radius:14px;margin:0 0 8px;padding:8px 12px}.reader-shell .chat-dock .composer-note{width:100%}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer-plus{flex:0 0 var(--float-size-lg);width:var(--float-size-lg);height:var(--float-size-lg);border:1px solid var(--float-border);background:var(--float-surface);box-shadow:var(--float-shadow);-webkit-backdrop-filter:var(--float-blur);backdrop-filter:var(--float-blur);color:var(--float-ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background .15s,transform .15s;display:grid}.composer-plus[data-state=open]{background:#34284a}.composer-plus[data-state=open] svg{transform:rotate(45deg)}.composer-plus svg{transition:transform .2s}.composer-plus:active{transform:scale(.94)}.composer-plus:focus-visible{outline-offset:2px;outline:2px solid #c7a6ef}.composer-plus-menu{border:1px solid var(--float-border);background:var(--float-surface-raised);min-width:240px;-webkit-backdrop-filter:var(--float-blur);backdrop-filter:var(--float-blur);border-radius:20px;padding:6px}.composer-plus-menu [data-slot=dropdown-menu-item],.composer-plus-menu [data-slot=dropdown-menu-checkbox-item],.composer-plus-menu [data-slot=dropdown-menu-radio-item]{border-radius:14px;min-height:44px;font-size:14.5px}.composer-plus-menu [data-slot=dropdown-menu-item]>svg{color:#cbb2f2}.composer-plus-menu [data-slot=dropdown-menu-label]{color:#a99db6;padding-top:6px;font-size:11.5px;font-weight:600}.player-composer .composer-row>form{min-width:0;max-width:none;min-height:var(--float-size-lg);border:1px solid var(--float-border);border-radius:calc(var(--float-size-lg) / 2);background:var(--float-surface);box-shadow:var(--float-shadow);-webkit-backdrop-filter:var(--float-blur);backdrop-filter:var(--float-blur);box-sizing:border-box;flex:1;align-items:flex-end;gap:6px;margin:0;padding:6px 6px 6px 7px}.player-composer .composer-row>form:focus-within{border-color:#c8affb80}.player-composer .composer-row>form:has(textarea:focus-visible){outline:none}.player-composer .composer-row textarea{min-height:38px;padding:8px 4px;font-size:16px;line-height:1.4}.player-composer .composer-row>form>button[type=submit]{color:#241333;background:#c8affb;border-radius:50%;width:38px;height:38px}.player-composer .composer-mic{color:#cdbfdc;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;padding:0;display:grid}.player-composer .composer-mic.is-on{color:#ece2ff;background:#c8affb38}.composer-mic:focus-visible{outline-offset:2px;outline:2px solid #c7a6ef}.player-composer .composer-mode-toggle{color:#cbb2f2;width:auto;min-width:38px;height:38px;font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:19px;flex:none;justify-content:center;align-items:center;padding:0 10px;font-size:13.5px;font-weight:600;transition:background .2s,color .2s,padding .25s;display:inline-flex;overflow:hidden}.player-composer .composer-mode-toggle:not(.is-flashing){padding:0}.composer-mode-label{opacity:0;white-space:nowrap;max-width:0;transition:max-width .25s,opacity .2s,margin .25s;overflow:hidden}.player-composer .composer-mode-toggle.is-flashing{padding:0 13px 0 10px}.composer-mode-toggle.is-flashing .composer-mode-label{opacity:1;max-width:80px;margin-left:6px}.player-composer form.is-do .composer-mode-toggle{color:#ece2ff;background:#c8affb38}.composer-mode-toggle:focus-visible{outline-offset:2px;outline:2px solid #c7a6ef}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.composer-mode-toggle,.composer-mode-label,.composer-plus,.composer-plus svg{transition:none}}
