.compact-control,.compact-icon,.progress-compact,.reader-drawer-shade{display:none}
.reader-drawer-open .reader-drawer-shade{display:block;position:absolute;inset:0;border:0;border-radius:0;background:#23303c28;z-index:25}
@media(max-width:700px),(max-width:1100px) and (max-height:500px){
 :root{--player-height:68px;--site-footer-height:38px}
 .workspace{display:grid;grid-template-columns:minmax(0,1fr);height:calc(100dvh - var(--player-height) - var(--site-footer-height));min-height:0}
 .reading-pane{grid-column:1;margin:0;border-radius:0;border-left:0;border-right:0;min-height:0;height:auto;max-height:none}
 .side-toggle{display:none}
 .article-navigation{flex-wrap:nowrap;justify-content:space-between;gap:0;padding:2px 7px;min-height:44px}
 .article-navigation>.compact-control,.compact-icon{display:inline-flex}
 .article-navigation>div{display:contents}
 .article-navigation>span,.article-navigation .control-label{display:none}
 .article-navigation button,.article-navigation .small-button,#toggle-tools{width:40px;min-width:36px;height:40px;min-height:40px;padding:8px;justify-content:center;font-size:13px;border:0;background:transparent;color:#6e7882;flex-shrink:0;margin:0}
 .article-navigation svg{width:21px;height:21px}
 .article-navigation #quick-read-from{color:#df731f}
 .article-navigation #toggle-tools[aria-expanded=true]{background:#fff1e7;border-radius:8px;color:#ce661c}
 .reading-header,.tools-collapsed .reading-header{padding:7px 15px;display:flex;gap:8px;flex-shrink:0;min-height:36px;align-items:center}
 .reading-title,.tools-collapsed .reading-title{flex:1;max-width:none;min-width:0}
 .reading-header h1,.tools-collapsed .reading-header h1{font-size:15px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .reading-header .collapsed-question:not([hidden]),.tools-collapsed .collapsed-question:not([hidden]),.reading-header .eyebrow,.reading-title p{display:none}
 .selection-bar{padding:9px 12px;gap:8px;flex-shrink:0}.selection-bar>span{width:100%;font-size:11px}.selection-bar>div{gap:6px;flex-wrap:wrap}
 .shared-reading-current{padding:2px 10px 2px 15px;gap:5px;flex-wrap:nowrap;height:32px;min-height:32px}
 .shared-reading-current p{font-size:11px;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .shared-reading-current .progress-full,.shared-reading-current .control-label{display:none}
 .shared-reading-current .progress-compact{display:inline}
 #shared-reading-locate{width:30px;height:28px;min-width:30px;padding:5px;border:0;background:transparent;justify-content:center}
 #shared-reading-locate svg{width:17px;height:17px}
 .reading-bottom{display:none}
 .reader-scroll{overscroll-behavior:contain;scroll-padding:16px 0;touch-action:pan-y;-webkit-overflow-scrolling:touch}
 .reader,.tools-collapsed .reader{padding:12px 18px 36px;line-height:1.9;letter-spacing:.2px}
 .reader p{margin-bottom:.45em}
 .notice{padding:6px 14px;font-size:11px;line-height:1.4;max-height:64px;overflow:auto;flex-shrink:0}
 .player{height:var(--player-height);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:40px 16px;gap:2px 10px;padding:4px 14px;position:relative;bottom:auto}
 .player-document{grid-column:1;grid-row:1}.player-document .disc{display:none}.player-document>div:last-child{display:flex;align-items:center;gap:6px;min-width:0}
 .player-document #playing-title{width:30px;height:32px;min-width:30px;padding:0;font-size:0;overflow:hidden;flex-shrink:0}
 .player-document #playing-title:before{content:'⌖';font-size:24px;color:#8998a0}
 .player-document #play-state{font-size:11px;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .player-center{display:contents}.play-controls{grid-column:2;grid-row:1;gap:8px}.play-controls .icon-button{width:36px;height:36px;padding:8px}.play-button{width:36px;height:36px}
 .progress-line{grid-column:1/-1;grid-row:2;font-size:10px;gap:9px;line-height:1}
 .site-footer{height:var(--site-footer-height);min-height:38px;padding:3px 7px;gap:2px 5px;font-size:9px;line-height:1.2;overflow:hidden}
 .site-footer .security-beian{flex-basis:100%;justify-content:center}.site-footer .security-beian img{width:12px;height:12px}
 #library-panel,#settings-panel{position:absolute;left:auto;right:auto;top:0;bottom:0;width:min(320px,calc(100% - 32px));z-index:40;padding:16px;overflow:auto;overscroll-behavior:contain}
 #library-panel{left:0}#settings-panel{right:0}
 .drawer-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px;border:0;border-radius:7px;background:#edf0f3;color:#65717b;flex-shrink:0}
 .drawer-close svg{width:19px;height:19px}.section-heading .count,.section-heading .orange-label{margin-left:auto;margin-right:9px}
 #compact-reading-options:not(:empty),#compact-audio-options{display:block}
 #compact-reading-options:empty{display:none}
 #compact-reading-options .plan-auto-next{padding:0;white-space:normal;border:0;background:transparent;font-size:13px}
 #compact-audio-options .player-volume{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px}
 #compact-audio-options .player-volume input{flex:1;min-width:100px;max-width:160px;margin:0;height:20px}
 #compact-audio-options .follow-button{margin:0;padding:8px 10px;font-size:12px}
 .essay-dialog-header{padding:9px 13px}.essay-dialog-header h2{font-size:17px}.essay-dialog-header .small-button{font-size:12px}
 .shared-reading-resume{margin:0 12px 8px;padding:9px 11px}.shared-reading-resume #shared-reading-snippet{display:none}
 .essay-results-heading{padding:5px 13px;font-size:11px}.essay-results-heading>span:last-child{display:none}
 .toast{bottom:114px;font-size:12px;padding:9px 13px}
}