:root{--player-height:88px;--site-footer-height:30px;--left-width:244px;--right-width:296px}
html,body{height:100%;overflow:hidden}
body.left-collapsed{--left-width:0px}body.right-collapsed{--right-width:0px}
.workspace{position:relative;display:grid;grid-template-columns:var(--left-width) 24px minmax(0,1fr) 24px var(--right-width);height:calc(100dvh - var(--player-height) - var(--site-footer-height));min-height:0;overflow:hidden}
#library-panel{grid-column:1;grid-row:1;min-height:0;min-width:0;padding:22px 16px;display:flex;flex-direction:column}
#settings-panel{grid-column:5;grid-row:1;min-width:0;display:block;padding:22px 18px}
.reading-pane{grid-column:3;grid-row:1;margin:12px 0;min-height:0;height:auto;max-height:none}
.side-toggle{grid-row:1;align-self:center;width:24px;height:76px;border:1px solid #e1e4e8;background:#fff;color:#bc672a;font-size:26px;z-index:35;padding:0;border-radius:8px;touch-action:manipulation;box-shadow:0 2px 8px #38291c08}
#toggle-left{grid-column:2}#toggle-right{grid-column:4}
.side-toggle:hover{background:#fff0e5;border-color:#f8ad77}
.player{height:var(--player-height);position:relative;grid-template-columns:minmax(0,1fr) minmax(220px,420px) minmax(0,1fr);padding:8px 24px;gap:20px}
.site-footer{height:var(--site-footer-height);display:flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border-top:1px solid #eceef1;background:#f8f9fb;color:#747b84;font-size:12px;line-height:1;position:relative;z-index:11}
.site-footer strong{color:#4f555d;font-weight:600}.site-footer a{color:#666e78}.site-footer a:hover{color:#e5620a;text-decoration:underline;text-underline-offset:3px}
.article-navigation{gap:8px;padding:10px 16px;flex-wrap:wrap}
.article-navigation>span{margin-right:auto}.article-navigation>div{margin-left:auto}
#toggle-tools,#toggle-filters{min-height:36px;color:#b7672f}
.quick-read-from{color:#d95e0b;border-color:#f1c6a7;background:#fffaf6}.quick-read-from svg{width:13px;height:13px}
.reading-header{padding:18px 24px 14px}.reading-header .eyebrow{display:none}.reading-title{min-width:0}.collapsed-question{display:none}
.tools-collapsed .selection-bar,.tools-collapsed .reading-options,.tools-collapsed .reading-title p,.tools-collapsed #essay-context{display:none!important}
.tools-collapsed .reading-header{padding:10px 24px;border-bottom:1px solid #f0f1f3;align-items:flex-start}
.tools-collapsed .reading-title{flex:0 0 auto;max-width:32%}
.tools-collapsed .reading-header h1{font-size:16px;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tools-collapsed .collapsed-question:not([hidden]){display:block;flex:1;min-width:0;margin:0;padding-left:18px;border-left:1px solid #e9e2dc;color:#4f555d;font-size:14px;line-height:1.65;font-weight:500;overflow-wrap:anywhere}
.tools-collapsed .reader{padding-top:18px}
.filters-collapsed .essay-filters{display:none!important}
.essay-dialog-header{padding:16px 22px 12px;flex-wrap:wrap}.essay-dialog-header .eyebrow{display:none}.essay-dialog-header h2{font-size:21px;margin:0}
.essay-dialog-header>div:first-child{margin-right:auto}.essay-dialog-header{gap:8px}
.essay-results-heading{padding:8px 22px 12px}.essay-results{padding:0 22px 20px}
.essay-filters{padding:8px 22px}.essay-search-label{grid-column:1/-1}
.settings .connection{margin:0 0 18px}
@media(max-width:1100px),(pointer:coarse) and (max-width:1400px){
 :root{--player-height:80px}
 .workspace{grid-template-columns:24px minmax(0,1fr) 24px}
 .reading-pane{grid-column:2;margin:6px 0;border-radius:12px}
 #toggle-left{grid-column:1}#toggle-right{grid-column:3}
 #library-panel,#settings-panel{position:absolute;top:0;bottom:0;width:min(290px,calc(100% - 48px));z-index:30;background:#fafbfc;box-shadow:0 8px 30px #25344526;grid-column:auto;display:flex;flex-direction:column}
 #library-panel{left:24px;border-right:1px solid #e4e6eb}#settings-panel{right:24px;border-left:1px solid #e4e6eb}
 .settings .setting-group{flex-shrink:0;margin-bottom:18px}.settings .voice-grid{grid-template-columns:1fr 1fr}.settings .voice[data-id=mimo_default] small{display:inline-block}
 .library .theme-info{display:block}.library .theme-info small{margin-top:4px}.library .theme-list{flex-direction:column}.library .marks-list{flex-direction:column;overflow:visible}
 .library .upload-card{flex-direction:column;padding:18px}.library .library-foot{display:block}
 .player{grid-template-columns:minmax(0,1fr) minmax(180px,280px);padding:6px 18px;gap:16px}
 .player-volume{display:none}.disc{width:34px;height:34px}.player-center{gap:6px}.play-button{width:38px;height:38px}
 .article-navigation{padding:7px 12px}.article-navigation>span{display:none}.article-navigation>div{margin-left:auto}
 .reader{padding:16px clamp(20px,5vw,56px) 45px;font-size:19px;line-height:1.95}
 .reading-bottom{padding:7px 14px}.essay-card{padding:16px 18px}.essay-results{gap:12px}
 .essay-dialog-header{padding:12px 18px}.essay-dialog-header h2{font-size:20px}.essay-results-heading{font-size:12px;padding:6px 18px 10px}
 .tools-collapsed .reading-header{gap:12px}.tools-collapsed .reading-title{max-width:27%}.tools-collapsed .collapsed-question:not([hidden]){padding-left:12px;font-size:13px;line-height:1.55}
}
@media(max-width:600px){
 .article-navigation{gap:5px}.article-navigation .small-button{font-size:12px;padding:7px 6px;min-height:36px}
 #toggle-tools{font-size:12px}.tools-collapsed .reading-header{padding:9px 12px;display:grid;grid-template-columns:auto minmax(0,1fr)}.tools-collapsed .reading-title{max-width:34vw}.tools-collapsed .collapsed-question:not([hidden]){padding-left:10px;font-size:12px}
 .player{grid-template-columns:minmax(0,1fr) 160px;padding:7px 12px;gap:8px}.player-document .disc{display:none}.player-document span{font-size:11px}
 .essay-dialog-header{gap:6px}.essay-dialog-header h2{font-size:18px}.essay-results{padding:0 12px 14px}.essay-filters{padding:8px 14px}
}