@font-face{font-family:Inter;src:url('/fonts/inter.ttf') format('truetype');font-display:swap}
html,body{margin:0;height:100%;font-size:14px}body{background:#10151d}.topbar{height:64px;padding:0 24px}.brand{font-size:18px}.brand-icon{width:34px;height:34px;font-size:24px}.brand-detail{font-size:7px}main{max-width:none;padding:0;margin:0}.reader-ready{height:100dvh;overflow:hidden}.reader-ready main{height:calc(100dvh - 64px);min-height:0}.reader-ready #reader-studio{height:100%;display:flex;flex-direction:column;min-height:0}.reader-heading{min-height:68px;flex:none;padding:12px 24px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #2b3441;background:#131a23}.reader-heading h1{font-size:23px;letter-spacing:-.8px;white-space:nowrap}.reader-view-tabs{display:flex;gap:5px;padding:4px;border:1px solid #354251;background:#0e151d;border-radius:10px}.reader-view-tabs a{padding:8px 15px;border-radius:6px;font-weight:600;font-size:13px;color:#a7b7c7;white-space:nowrap}.reader-view-tabs a[aria-current=page]{background:#2b4438;color:#cbf6d9}.reader-view-tabs a:hover{color:#e7fff0}.reader-save-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.reader-save-actions .button{padding:9px 14px}#live-unsaved{font-size:11px;color:#e4bb7d;margin-left:auto}
.reader-live{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;flex:1;min-height:0;overflow:hidden}#presence-slot{min-height:0;min-width:0;border-right:1px solid #344150;background:#141d27}.presence-panel{border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;height:100%;min-height:0}.presence-panel .section-heading{padding:15px 16px 10px;gap:5px}.presence-panel h2{font-size:14px}.presence-panel .section-heading .button{font-size:10px;padding:6px;gap:0}.presence-panel>.panel-content{padding:0 15px;display:flex;flex-direction:column;flex:1;min-height:0}.presence-summary{font-size:11px;color:#b4cabe}.presence-counts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0;flex:none}.presence-counts>div{padding:10px;border:1px solid #3b5548;background:#1d3027;border-radius:8px;display:flex;flex-direction:column;gap:3px}.presence-counts strong{font-size:26px;line-height:1.1;color:#c6f8d7;font-variant-numeric:tabular-nums}.presence-counts span{font-size:10px;line-height:1.35;color:#b1cbb9}.presence-panel input[type=search]{font-size:12px;height:35px;margin:0 0 9px;flex:none}.presence-list{list-style:none;padding:0;margin:0;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}.presence-list li{padding:8px 8px;border-radius:5px;font-size:13px;overflow-wrap:anywhere;color:#cad6e3;border-bottom:1px solid #27354166}.presence-list li:hover{background:#223243;color:#e4f3ff}.presence-list:empty{display:none}.presence-panel .reader-inline{padding:7px 0;flex:none}.presence-info{padding:9px 15px;color:#95aabd;font-size:10px;border-top:1px solid #2b3846}.presence-info summary{cursor:pointer}.presence-info .reader-help{font-size:11px;margin-top:8px}.presence-info .button{margin-top:7px}.monitor-foot{font-size:10px;color:#829b92;padding:8px 15px;border-top:1px solid #2b3846;line-height:1.5;flex:none}
.reader-chat-panel{display:flex;flex-direction:column;border:0;border-radius:0;min-height:0;background:#101821}.live-chat-heading{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#17212c;border-bottom:1px solid #303d4b;flex:none}.live-chat-heading>div{display:flex;align-items:center;gap:10px}.live-chat-heading h2{font-size:14px}.live-chat-heading h2 span{color:#b8e9ca}.chat-view-actions{gap:10px!important}.live-follow{display:flex;align-items:center;gap:6px;font-size:11px;color:#a9bccb;white-space:nowrap;cursor:pointer}.live-follow input{margin:0;width:15px;height:15px}.reader-log{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;font-size:var(--log-size,16px);scrollbar-color:#3a4a5d #131c26}.log-message{padding:9px 18px;overflow-wrap:anywhere;border-bottom:1px solid #26364655;line-height:1.65}.reader-log.alternate .log-message:nth-child(even){background:#192330}.log-header{display:inline;font-size:.85em;margin-right:9px}.log-header strong{color:#b7efcb}.log-avatar{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:25px;height:25px;border-radius:6px;margin-right:7px;background:#2a4236;color:#c5f7d7;font-size:10px}.log-time{color:#8f9dae;font-size:10px;margin-left:8px}.log-message>p{display:inline}.log-result{display:block;font-size:10px;color:#7f94a9;margin-top:1px;line-height:1.5}.log-emote{height:1.8em;max-width:5em;object-fit:contain;vertical-align:middle}.log-gif{max-width:100%;max-height:180px;display:block;border-radius:8px}.log-system{padding:9px 18px;font-size:12px;color:#9aafbf;border-bottom:1px solid #24344455}.empty-line{color:#8ca0b5;font-size:13px;padding:24px!important;line-height:1.7}.chat-live-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#849d9b;padding:8px 18px;border-top:1px solid #2b3846;background:#141e28;flex:none}
.reader-console{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 20px;padding:12px 24px 8px;background:#1a2824;border-top:1px solid #496254;position:relative;z-index:4}.console-info{min-width:0}.console-status{display:flex;align-items:center;gap:12px;margin-bottom:5px}.state-pill{border:1px solid #617067;border-radius:20px;color:#bfd0c7;padding:2px 9px;font-size:10px}.state-pill.running{background:#284e34;border-color:#7eae8d;color:#ceffdc}#connection-status{color:#a8c1b4;font-size:10px}#now-reading{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ecf5ef}.current-voice{font-size:10px;color:#b7f3c9;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.transport{display:flex;gap:7px;align-items:center}.transport .button{font-size:12px;padding:10px 13px}.reader-alert{grid-column:1/-1;font-size:11px;color:#ffd2a0;line-height:1.5;overflow-wrap:anywhere}.reader-alert:empty{display:none}#reader-queue{grid-column:1/-1;font-size:11px;color:#a7bdaf}#reader-queue>summary{cursor:pointer;width:fit-content;padding:3px 0}#reader-queue .count{margin-left:5px;color:#c2d8ca;border-color:#4b6555}.queue-content{position:absolute;left:24px;right:24px;bottom:calc(100% + 8px);max-height:220px;overflow:auto;border:1px solid #4a6355;background:#1b2a25;box-shadow:0 10px 35px #0008;border-radius:10px;padding:12px}.queue-content>.button{float:right}.queue-list{list-style:none;padding:0;margin:0;clear:both}.queue-list li{padding:9px 0;border-top:1px solid #34463b;font-size:12px;overflow-wrap:anywhere}.queue-list strong{color:#b7f3c9;margin-right:8px}
#reader-settings-view{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;background:#10151d}.reader-settings{max-width:1040px;margin:auto;padding:30px 30px 42px}.settings-intro{margin-bottom:22px}.settings-intro h2{font-size:24px;letter-spacing:-.6px}.settings-intro>p{color:#a0b2c5;font-size:13px;margin-top:8px;line-height:1.7}.section-nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.section-nav a{padding:8px 12px;background:#1b2732;border:1px solid #364454;border-radius:20px;font-size:12px;color:#c5d5e1}.section-nav a:hover{border-color:var(--accent);color:var(--accent)}.reader-section{margin-bottom:20px;scroll-margin-top:20px}.reader-section summary{list-style:none;cursor:pointer;padding:23px;display:flex;align-items:start;gap:15px}.reader-section summary::-webkit-details-marker{display:none}.reader-section summary::after{content:'+';margin-left:auto;color:var(--accent);font-size:24px;line-height:1}.reader-section[open] summary::after{content:'−'}.section-index{width:29px;height:29px;flex:none;border:1px solid #42604f;border-radius:8px;display:grid;place-items:center;font-size:11px;color:var(--accent);background:#22372c}.reader-section h2{font-size:18px}.section-desc{font-size:13px;color:#a4b4c6;line-height:1.65;margin-top:6px;max-width:700px}.reader-section .panel-content{border-top:1px solid #2c3744;padding-top:22px}.reader-section .field{font-size:14px;margin-bottom:20px}.reader-section .field>input,.reader-section textarea{margin-top:8px}.reader-section select,.reader-section input:not([type=checkbox]){height:44px;font-size:14px}.reader-section textarea{width:100%;display:block;resize:vertical;min-height:90px;background:#101721;border:1px solid #354150;border-radius:7px;padding:11px;color:#e3eaf3;font:inherit;line-height:1.6}.field-help{display:block;font-size:12px;color:#93a6ba;line-height:1.6;margin-top:7px;font-weight:400}.reader-check{display:flex;gap:11px;align-items:start;padding:9px 0;color:#d2dce7;font-size:14px;cursor:pointer}.reader-check input{width:18px;height:18px;margin:2px 0 0;flex:none}.reader-subtitle{font-size:14px;margin:24px 0 10px;color:var(--accent)}.reader-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.reader-tools{display:flex;gap:8px;flex-wrap:wrap}.reader-help{font-size:12px;line-height:1.7;color:#a7b5c4;margin-top:14px}.reader-note{margin-top:24px;padding:20px;border-left:2px solid #5f8c70;background:#18231f;border-radius:0 12px 12px 0}.reader-note strong{font-size:14px}.reader-note p{color:#a7b5c4;font-size:12px;line-height:1.7;margin-top:6px}.rule-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#111a24;border:1px solid #334150;padding:14px;border-radius:10px;margin-bottom:12px}.rule-row .field{margin:0}.rule-row .button{justify-self:start}.rule-row select{min-width:0}.rule-row .field-help{font-size:11px}.voice-card{margin:3px 0 24px;padding:18px 20px;border:1px solid #5c9373;border-left:4px solid #b7f3c9;border-radius:10px;background:linear-gradient(110deg,#233b30,#1c2b28);display:flex;flex-direction:column;gap:5px}.voice-card-label{font-size:10px;letter-spacing:.12em;font-weight:700;color:#b7f3c9}.voice-card-name{font-size:21px;line-height:1.35;color:#e2ffeb;font-weight:650}.voice-card-meta{font-size:12px;color:#b0cebd}.voice-card .field-help{margin-top:3px;color:#a4bdaf}.voice-card.unavailable{border-color:#af895c;background:#322a20}.voice-card.unavailable .voice-card-name{color:#ffe1b8}#r-voiceURI{border-color:#6a9c7b}.voice-test{background:#121e29;border:1px solid #3e5365;border-radius:12px;padding:20px;margin:4px 0 22px}.voice-test h3{font-size:17px;margin:0;color:#d8e9f5}.voice-test .reader-help{margin-top:7px;margin-bottom:16px}.voice-test .reader-inline .button:first-child{background:#b7f3c9;color:#13291d;border-color:#b7f3c9}.voice-test .field{margin-bottom:12px}.reader-login{padding:70px 24px;max-width:600px;margin:auto}.reader-login p{color:var(--muted);margin:20px 0}.reader-section input:invalid{border-color:#d09b6e}.toast{bottom:145px}#save-status.error{color:#ffb5ab}
@media(min-width:1800px){.reader-live{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:900px){.topbar{padding:0 16px}.reader-heading{padding:10px 16px;gap:15px}.reader-heading h1{font-size:20px}.reader-save-actions .save-status{display:none}.reader-live{grid-template-columns:225px minmax(0,1fr)}.reader-console{padding:10px 16px 7px;gap:7px 12px}.transport{gap:4px}.transport .button{padding:9px 8px;font-size:11px}.chat-live-footer>span:last-child{display:none}.reader-settings{padding:24px}.reader-view-tabs a{padding:7px 10px}.presence-panel .section-heading{flex-wrap:wrap}}
@media(max-width:640px){.topbar{height:56px;min-height:56px;gap:8px}.brand-icon,.brand-detail{display:none}.brand{font-size:13px}.widget-nav a{font-size:11px;padding:7px 8px}.topbar .button{font-size:11px;padding:6px}.reader-ready main{height:calc(100dvh - 56px)}.reader-heading{min-height:58px;flex-wrap:wrap;gap:8px 12px;padding:8px 12px}.reader-heading h1{font-size:18px}.reader-view-tabs{margin-left:auto}.reader-view-tabs a{font-size:11px;padding:6px 8px}.reader-save-actions{width:100%;justify-content:space-between}.reader-save-actions .save-status{display:inline;font-size:10px}.reader-save-actions .button{padding:7px 10px;font-size:11px}#live-unsaved{font-size:10px;width:100%;margin:0}.reader-live{grid-template-columns:150px minmax(0,1fr)}.presence-panel .section-heading{padding:10px 9px 5px}.presence-panel h2{font-size:12px}.presence-panel>.panel-content{padding:0 9px}.presence-counts{gap:5px}.presence-counts>div{padding:7px 5px}.presence-counts strong{font-size:22px}.presence-counts span{font-size:8px}.presence-summary{font-size:10px}.presence-list li{font-size:11px;padding:7px 4px}.presence-info,.monitor-foot{padding:7px 9px;font-size:9px}.presence-info .reader-help{font-size:10px}.live-chat-heading{padding:10px;align-items:start;flex-wrap:wrap;gap:5px}.live-chat-heading h2{font-size:12px}.live-chat-heading .section-dot{display:none}.chat-view-actions{flex-wrap:wrap;gap:3px!important}.chat-view-actions .button{font-size:10px;padding:3px 6px}.live-follow{font-size:10px}.reader-log{font-size:14px}.log-message,.log-system{padding:8px 10px}.log-avatar{width:20px;height:20px;font-size:9px}.chat-live-footer{padding:7px 10px;font-size:9px}.reader-console{grid-template-columns:1fr;padding:9px 12px 6px;gap:5px}.console-info{display:grid;grid-template-columns:1fr auto;gap:3px 8px}.console-status{margin:0}.console-status #connection-status{font-size:9px}.current-voice{grid-row:2;grid-column:1/-1;font-size:9px}#now-reading{font-size:11px;max-width:150px}.transport{justify-content:flex-start}.transport .button{padding:6px 10px;font-size:11px}.reader-alert{font-size:10px}#reader-queue{font-size:10px}.reader-settings{padding:20px 14px}.reader-section summary{padding:17px 14px;gap:10px}.reader-section h2{font-size:16px}.section-desc{font-size:12px}.section-index{display:none}.reader-section .field-row,.rule-row{grid-template-columns:1fr;gap:0}.settings-intro h2{font-size:21px}.voice-test{padding:15px}.voice-card{padding:14px}.voice-card-name{font-size:18px}.toast{bottom:180px}.queue-content{left:12px;right:12px}}
#reader-save-actions:not([hidden]) + #live-unsaved{display:none}