/* TYPE B reader polish. Only board-reader classes are targeted here.
   Keep --accent (filled controls and embedded games) unchanged; small reader
   links use a separate accessible ink on both light and dark surfaces. */
.viewer-game-loading{padding:30px 18px;color:var(--text);background:var(--surface);font-size:.85rem;line-height:1.8;text-align:center}
.viewer-game-loading p{margin:0 0 16px}
.viewer-game-loading button{margin:4px;padding:8px 13px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--surface-2);cursor:pointer}
.viewer-game-loading button:hover{background:var(--hover)}
:root{--accent-text:#245b96;--viewer-muted:#58616e;--viewer-border:#d5dbe2;--viewer-shadow:0 1px 3px rgb(26 38 54 / 5%);--viewer-error:#a32120;--viewer-error-bg:#fff2f0;--viewer-focus:var(--accent-text)}
:root[data-palette="gray"]{--accent-text:#4b535f}
:root[data-palette="blue"]{--accent-text:#245b96}
:root[data-palette="green"]{--accent-text:#1e6a40}
:root[data-palette="amber"]{--accent-text:#825600}
:root[data-palette="rose"]{--accent-text:#95334f}
:root[data-palette="violet"]{--accent-text:#5b4498}
:root[data-theme="dark"]{--accent-text:#91c6ff;--viewer-muted:#b3bcc8;--viewer-border:#434b57;--viewer-shadow:0 1px 3px rgb(0 0 0 / 18%);--viewer-error:#ffb3a9;--viewer-error-bg:#382627}
:root[data-theme="dark"][data-palette="gray"]{--accent-text:#cbd1db}
:root[data-theme="dark"][data-palette="blue"]{--accent-text:#91c6ff}
:root[data-theme="dark"][data-palette="green"]{--accent-text:#8dd8aa}
:root[data-theme="dark"][data-palette="amber"]{--accent-text:#f2cc83}
:root[data-theme="dark"][data-palette="rose"]{--accent-text:#f3afc4}
:root[data-theme="dark"][data-palette="violet"]{--accent-text:#c7b7f4}

/* Navigation stays compact and recognizable; one shape for ordinary controls. */
.topbar{padding-inline:14px;border-bottom-color:var(--viewer-border);box-shadow:0 1px 3px rgb(20 30 45 / 4%)}
.topbar .brand{gap:9px;min-height:36px}
.topbar .brand-mark{border-radius:5px}
.topbar .brand-text{letter-spacing:.015em}
.topbar :is(.icon-button,.type-link-top,.new-thread-top){border-radius:6px}
.topbar .icon-button{width:36px;height:36px}
.topbar .type-link-top{height:32px;color:var(--accent-text)}
.topbar .type-link-top.radio-live{color:var(--viewer-error)}
.topbar .new-thread-top{min-height:32px;padding-inline:13px}
.topbar-actions{gap:4px}
.thread-sidebar{border-color:var(--viewer-border)}
.thread-sidebar .list-controls{padding:10px 9px;gap:8px;border-color:var(--viewer-border)}
.thread-sidebar .filter-row{border-radius:6px;overflow:hidden}
.thread-sidebar .filter-row button{height:32px;font-size:.69rem}
.thread-sidebar .sort-row select{height:34px;border-radius:5px;font-size:.69rem}
.thread-list li{border-bottom-color:color-mix(in srgb,var(--viewer-border) 75%,transparent)}
.thread-list .thread-link{padding:13px 8px 13px 13px}
.thread-list .thread-title{font-size:.83rem;line-height:1.55}
.thread-list .thread-meta{margin-top:5px;gap:10px;color:var(--viewer-muted);font-size:.65rem}
.thread-list .unread{border-radius:3px;padding:1px 5px;line-height:1.4}
.thread-list .favorite-button{width:38px;min-height:44px}
.thread-list li.selected{box-shadow:inset 3px 0 var(--accent-text)}
.thread-list li.selected .thread-title{font-weight:700}
.thread-list li.selected .thread-meta{color:var(--viewer-muted)}

/* Home: quieter surfaces, clear headings, and readable summaries. */
.main-view .dashboard{padding:22px 26px;background:var(--surface-2)}
.dashboard>.dashboard-toolbar{align-items:center;justify-content:space-between;gap:14px;padding:0 0 16px;border-bottom:1px solid var(--viewer-border)}
.dashboard-toolbar>div{min-width:0}
.dashboard-toolbar h1{margin:0;color:var(--text);font-size:1.3rem;font-weight:700;letter-spacing:.025em}
.dashboard-toolbar p{margin:6px 0 0;color:var(--viewer-muted);font-size:.73rem;line-height:1.6}
.dashboard-toolbar>button{margin-left:auto;flex-shrink:0;min-height:34px;padding:6px 13px;border-radius:6px;font-size:.74rem}
.dashboard-cards{gap:16px;margin-top:18px}
.dashboard-cards>:is(.summary-strip,.quick-composer,.activity-panel,.recent-panel,.list-panel){border-color:var(--viewer-border);border-radius:8px;box-shadow:var(--viewer-shadow)}
.dashboard-cards .summary-strip{overflow:hidden}
.dashboard-cards .summary-strip>div{display:grid;justify-content:start;gap:6px;padding:14px 16px;border-color:var(--viewer-border)}
.dashboard-cards .summary-strip dt{color:var(--viewer-muted);font-size:.7rem}
.dashboard-cards .summary-strip dd{font-size:1.4rem;font-weight:700;line-height:1.25;font-variant-numeric:tabular-nums}
.dashboard-cards .quick-composer{padding:15px 16px;gap:10px}
.dashboard-cards .quick-thread{gap:6px;color:var(--viewer-muted);font-size:.7rem;line-height:1.5}
.dashboard-cards .quick-thread select{min-height:36px;border-radius:5px;padding-inline:7px;font-size:.8rem}
.dashboard-cards .quick-input-row textarea{border-radius:8px;min-height:44px;line-height:1.55}
.dashboard-cards .quick-input-row :is(.extra-toggle,.send-button){width:40px;height:40px}
.dashboard-cards .activity-panel{padding:16px}
.dashboard-cards :is(.recent-panel,.list-panel)>h2{padding:14px 15px;font-size:.86rem;border-bottom-color:var(--viewer-border)}
.dashboard-cards .panel-note{font-size:.68rem;color:var(--viewer-muted);line-height:1.6}
.dashboard-cards .card-toggle-header button{min-height:30px;border-radius:5px;color:var(--viewer-muted);font-size:.68rem}
.dashboard-cards :is(.recent-list,.list-panel ol) li{border-bottom-color:var(--viewer-border)}
.dashboard-cards .recent-list button{padding:12px 15px;gap:5px 10px}
.dashboard-cards .recent-thread{color:var(--accent-text);font-size:.74rem;line-height:1.5}
.dashboard-cards .recent-text{font-size:.84rem;line-height:1.6}
.dashboard-cards .recent-list time{color:var(--viewer-muted);font-size:.64rem}
.dashboard-cards .list-panel li button{padding:12px 15px;min-height:46px}
.dashboard-cards .list-panel li span{font-size:.78rem;line-height:1.55}
.dashboard-cards .list-panel li small{color:var(--viewer-muted);font-size:.64rem}
.dashboard-cards .panel-empty{margin:0;padding:22px 16px;color:var(--viewer-muted);font-size:.76rem;line-height:1.7}

/* Thread typography: extra breathing room without turning posts into cards. */
.thread-view{grid-template-columns:minmax(0,1fr);background:var(--surface)}
.thread-view .response-scroller{background:var(--surface)}
.thread-view:not(.chat-mode){grid-template-rows:48px minmax(0,1fr) auto}
.thread-view .thread-header{gap:9px;padding-inline:14px;border-color:var(--viewer-border)}
.thread-view .thread-heading h1{font-size:.91rem;line-height:1.55}
.thread-view .thread-heading p{color:var(--viewer-muted);font-size:.64rem;line-height:1.4}
.thread-view .gallery-button{height:32px;border-radius:5px;color:var(--viewer-muted)}
.thread-view .response-list{padding:10px 22px 22px}
.thread-view:not(.chat-mode) .response-card{padding:13px 5px 16px;border-color:var(--viewer-border)}
.thread-view:not(.chat-mode) .response-info{gap:7px;font-size:.7rem;line-height:1.7}
.thread-view:not(.chat-mode) .response-message{margin:7px 0 0 20px;font-size:.94rem;line-height:1.85}
.thread-view .response-info :is(time,.response-mail,.id-count){color:var(--viewer-muted)}
.thread-view :is(.response-number,.response-id,.reply-link,.new-response-marker){color:var(--accent-text)}
:is(.response-message,.reply-preview,.post-preview,.dashboard,.settings-sheet,.composer-sheet,.search-dialog,.id-posts-dialog) a{color:var(--accent-text);text-underline-offset:3px}
:is(.reply-preview header strong,.preview-reply,.id-posts-dialog li span){color:var(--accent-text)}
.thread-view .reply-link{text-underline-offset:3px}
.thread-view .response-number{min-width:18px;text-align:left}
.thread-view .response-message a:hover{text-decoration-thickness:2px}
.thread-view .chat-date-marker{font-size:.67rem;color:var(--viewer-muted)}
.thread-view.chat-mode .response-list{gap:13px}
.thread-view.chat-mode .response-message{padding:10px 13px;font-size:.91rem;line-height:1.7}
.thread-view.chat-mode .chat-time{font-size:.63rem;color:var(--viewer-muted)}
.thread-view .chat-quote strong{color:var(--accent-text)}
.thread-view .thread-end{font-size:.75rem;color:var(--viewer-muted)}
.thread-view .thread-end button{min-height:34px;border-radius:5px;color:var(--accent-text)}
/* The desktop composer is one quiet writing surface, not a second dashboard.
   Its rail remains available when collapsed; the body keeps identity above
   the message at every desktop width, including the narrow split view. */
.thread-view .desktop-composer{min-width:0;border-top-color:var(--viewer-border);background:var(--surface)}
.desktop-composer .composer-bar{height:44px;justify-content:space-between;gap:12px;padding-inline:max(22px,calc((100% - 996px)/2));border:0;background:var(--surface)}
.desktop-composer .composer-toggle{min-width:0;height:36px;justify-content:flex-start;gap:7px;padding:0 7px 0 0;border-radius:5px;color:var(--text);font-size:.77rem}
.desktop-composer .composer-toggle small{margin-left:8px;color:var(--viewer-muted);font-size:.68rem;font-weight:400}
.desktop-composer .composer-chevron{color:var(--viewer-muted)}
.desktop-composer .composer-chevron.is-collapsed{transform:rotate(180deg)}
.desktop-composer .composer-scroll{display:flex;align-items:center;gap:3px;margin:0;padding:2px;border:1px solid var(--viewer-border);border-radius:6px;background:var(--surface)}
.desktop-composer .composer-scroll button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:76px;height:30px;padding:0 9px;border:0;border-radius:3px;background:transparent;color:var(--viewer-muted);font-size:.71rem;line-height:1;white-space:nowrap;cursor:pointer}
.desktop-composer .composer-scroll button+button{position:relative}
.desktop-composer .composer-scroll button+button::before{content:'';position:absolute;left:-2px;top:7px;bottom:7px;border-left:1px solid var(--viewer-border)}
.desktop-composer :is(.composer-toggle,.composer-scroll button):hover{background:var(--hover);color:var(--text)}
.desktop-composer svg{flex-shrink:0}
.thread-view.composer-collapsed .desktop-composer{height:45px}
.desktop-composer .desktop-composer-body{width:min(1040px,100%);height:clamp(176px,24dvh,212px);margin-inline:auto;padding:0 22px 14px;grid-template-rows:36px minmax(0,1fr);gap:10px}
.desktop-composer.preview-visible .desktop-composer-body{height:clamp(230px,34dvh,306px)}
.desktop-composer .desktop-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.desktop-composer .desktop-fields>label{min-width:0;grid-template-columns:40px minmax(0,1fr);color:var(--viewer-muted);font-size:.72rem}
.desktop-composer .field-with-tool{height:36px}
.desktop-composer .field-with-tool>input{height:36px;padding:5px 9px;border:1px solid var(--viewer-border);border-radius:5px 0 0 5px;background:var(--surface);font-size:.8rem}
.desktop-composer .field-with-tool>button{min-width:36px;padding:0 7px;border-color:var(--viewer-border);background:var(--surface);color:var(--viewer-muted);font-size:.68rem}
.desktop-composer .field-with-tool>button:last-of-type{border-radius:0 5px 5px 0}
.desktop-composer .field-with-tool>button:hover{background:var(--hover);color:var(--text)}
.desktop-composer .desktop-message-row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) 43px;gap:0;border:1px solid var(--viewer-border);border-radius:6px;background:var(--surface);overflow:hidden}
.desktop-composer .desktop-message-row:focus-within{border-color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text)}
.desktop-composer .desktop-message-column{grid-column:1/-1;grid-row:1;display:block}
.desktop-composer textarea{display:block;min-height:0;padding:10px 12px;border:0;border-radius:0;background:var(--surface);font-size:.88rem;line-height:1.7}
.desktop-composer :is(input,textarea)::placeholder{color:var(--viewer-muted);opacity:1}
.desktop-composer textarea:focus-visible{outline-offset:-3px}
.desktop-composer .desktop-composer-tools{grid-column:1;grid-row:2;display:flex;align-items:center;gap:3px;min-width:0;padding:4px 6px;background:var(--surface-2)}
.desktop-composer .desktop-composer-tools :is(button,label){position:relative;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:var(--viewer-muted);font-size:.71rem;white-space:nowrap;overflow:hidden}
.desktop-composer .desktop-composer-tools :is(button,label):hover{background:var(--hover);color:var(--text)}
.desktop-composer .desktop-composer-tools label.busy{opacity:.65;cursor:wait}
.desktop-composer .desktop-composer-tools input{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}
.desktop-composer .desktop-composer-tools label:focus-within{outline:2px solid var(--viewer-focus);outline-offset:-2px}
.desktop-composer .desktop-submit{grid-column:2;grid-row:2;flex-direction:row;align-items:center;gap:12px;padding:4px 6px 4px 10px;background:var(--surface-2)}
.desktop-composer .desktop-submit span{color:var(--viewer-muted);font-size:.65rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.desktop-composer .desktop-submit button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid transparent;border-radius:4px;font-size:.76rem}
.desktop-composer .desktop-submit button:disabled{border-color:var(--viewer-border);background:var(--surface);color:var(--viewer-muted);opacity:1;cursor:not-allowed}
.desktop-composer .desktop-submit button:not(:disabled):hover{background:var(--accent-strong)}
.thread-view .chat-composer{min-width:0;width:100%;gap:8px;padding:10px 12px max(10px,env(safe-area-inset-bottom));border-color:var(--viewer-border)}
.thread-view .chat-composer textarea{border-radius:8px;min-height:42px}
.thread-view .chat-composer :is(.send-button,.extra-toggle){width:40px;height:40px}
.mobile-nav .write-nav{color:var(--accent-text)}

/* Reader sheets and recovery UI. No .reaction-window / game descendants. */
:is(.settings-sheet,.composer-sheet,.search-dialog,.id-posts-dialog,.gallery-dialog){border-color:var(--viewer-border)}
:is(.composer-sheet,.search-dialog,.id-posts-dialog,.gallery-dialog){border-radius:9px}
:is(.settings-sheet,.composer-sheet,.search-dialog,.id-posts-dialog,.gallery-dialog) :is(.sheet-header>button,header>button){width:36px;height:36px;border-radius:6px;flex-shrink:0;color:var(--viewer-muted)}
.settings-sheet .sheet-header{position:sticky;top:-16px;z-index:3;margin:-1px 0 8px;padding:5px 0 10px;background:var(--surface);border-bottom:1px solid var(--viewer-border)}
.settings-sheet .setting-row{gap:18px;padding:14px 0;border-color:var(--viewer-border)}
.settings-sheet .setting-row strong{font-size:.81rem;line-height:1.5}
.settings-sheet .setting-row small{font-size:.7rem;line-height:1.7;color:var(--viewer-muted)}
.settings-sheet .setting-row input[role="switch"]{appearance:none;position:relative;flex:0 0 38px;width:38px;height:22px;margin:0;border:1px solid var(--viewer-border);border-radius:99px;background:var(--hover);cursor:pointer}
.settings-sheet .setting-row input[role="switch"]::before{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--viewer-muted);transition:transform .12s ease}
.settings-sheet .setting-row input[role="switch"]:checked{border-color:var(--accent);background:var(--accent)}
.settings-sheet .setting-row input[role="switch"]:checked::before{transform:translateX(16px);background:#fff}
.settings-sheet :is(.palette-setting,.view-mode-setting,.home-cards-setting){border-radius:6px;border-color:var(--viewer-border)}
.settings-sheet :is(.palette-setting,.view-mode-setting) label{min-height:36px}
.settings-sheet .board-return{border-radius:6px;min-height:38px;color:var(--accent-text)}
.settings-sheet .home-card-row button{height:32px;border-radius:4px}
.settings-sheet .home-card-row{gap:5px}
.settings-sheet .home-card-row>label{flex:1;min-width:0;line-height:1.5}
.settings-sheet .card-move-button{flex:0 0 28px;min-width:28px;font-size:.8rem}
.viewer-shortcut-note{margin:14px 0;padding:11px 12px;border:1px solid var(--viewer-border);border-radius:6px;background:var(--surface-2);color:var(--viewer-muted);font-size:.75rem;line-height:1.7}
.search-dialog{padding:16px}
.search-dialog>input{height:42px;border-radius:6px}
.search-dialog li button{min-height:44px;padding:11px 7px;line-height:1.6}
.composer-sheet :is(input,select,textarea){border-radius:5px}
.composer-sheet :is(.primary-button,.plain-button,.upload-button){min-height:38px;border-radius:6px}
.composer-sheet .char-count{color:var(--viewer-muted);font-size:.67rem}
.response-reply-menu button:first-of-type{color:var(--accent-text)}
.response-reply-menu>small{color:var(--viewer-muted);font-size:.65rem}
.reply-preview{border-radius:6px;border-color:var(--viewer-border)}
.reply-preview p{font-size:.8rem;line-height:1.65}
.error-banner{border-color:var(--viewer-error);border-radius:7px;background:var(--viewer-error-bg);color:var(--viewer-error);padding:11px 13px;line-height:1.65;box-shadow:var(--viewer-shadow)}
.error-banner>button{min-width:32px;min-height:32px;border-radius:4px}
.viewer-error-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.viewer-error-actions :is(button,a){min-height:34px;padding:6px 10px;border:1px solid currentColor;border-radius:5px;background:transparent;color:inherit;font-size:.72rem;cursor:pointer}
.viewer-load-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 12px;padding:10px 12px;border:1px solid var(--viewer-border);border-radius:6px;background:var(--surface);color:var(--viewer-muted);font-size:.74rem;line-height:1.6}
.viewer-load-status.is-error{border-color:var(--viewer-error);background:var(--viewer-error-bg);color:var(--viewer-error)}
.viewer-load-status button{flex-shrink:0;min-height:34px;padding:6px 11px;border:1px solid currentColor;border-radius:5px;background:transparent;color:inherit;cursor:pointer}
#viewer-boot-status:not(.viewer-boot-error){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;justify-items:start;gap:12px;width:min(480px,calc(100% - 32px));margin:0;padding:24px;box-shadow:var(--viewer-shadow);font-size:.85rem}
#viewer-boot-status>p{margin:0;line-height:1.8}
.viewer-boot-error{position:fixed;inset:0;z-index:600;display:grid;place-content:center;justify-items:start;gap:14px;margin:0;padding:24px max(24px,calc((100vw - 580px)/2));border:0;border-radius:0;background:var(--surface);color:var(--text);line-height:1.8}
.viewer-boot-error[hidden]{display:none}
.viewer-boot-error h1,.viewer-boot-error>strong{margin:0;font-size:1.3rem}.viewer-boot-error p{margin:0;color:var(--viewer-muted);font-size:.88rem}
.viewer-boot-error :is(button,a){min-height:42px;padding:8px 14px;border:1px solid var(--viewer-border);border-radius:6px;background:var(--surface-2);color:var(--accent-text);font-size:.86rem;cursor:pointer}
.media-card{position:relative;border-radius:6px}
.media-card img{border-radius:5px}
.media-reveal-button{position:relative;display:block;width:fit-content;min-width:0;min-height:0;max-width:min(320px,78vw,100%);padding:0;overflow:hidden;border:1px solid var(--viewer-border);border-radius:6px;background:var(--surface);color:var(--accent-text);font-size:.78rem;font-weight:700;cursor:pointer}
.media-reveal-button>img{display:block;width:auto;max-width:100%;max-height:300px;border:0;border-radius:0}
.media-reveal-label{position:absolute;inset:auto 8px 8px;display:block;padding:8px 10px;border:1px solid var(--viewer-border);border-radius:5px;background:var(--surface);color:var(--accent-text);line-height:1.5;text-align:center;box-shadow:0 1px 8px rgb(0 0 0 / 10%);pointer-events:none}
.media-card .media-source{font-size:.67rem;line-height:1.7;color:var(--accent-text)}
.viewer-shortcut-hint{margin:3px 0 0;color:var(--viewer-muted);font-size:.65rem;line-height:1.6}

/* Visible focus belongs to the reader, not to the embedded games. */
:is(.topbar,.thread-sidebar,.dashboard,.thread-view,.settings-sheet,.composer-sheet,.search-dialog,.id-posts-dialog,.gallery-dialog,.viewer-boot-error,.viewer-load-status,.error-banner,.response-reply-menu,.dictionary-dialog) :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--viewer-focus);outline-offset:3px}
:is(.quick-input-row,.chat-composer,.desktop-composer,.composer-sheet) :is(input,textarea,select):focus-visible{outline-offset:1px}
@media(min-width:761px){.main-view .dashboard>*{max-width:1160px;margin-inline:auto}.main-view .dashboard>.dashboard-cards{margin-top:18px}}
@media(min-width:761px) and (max-width:1100px){.desktop-composer .composer-bar{padding-inline:14px}.desktop-composer .desktop-composer-body{padding-inline:14px}.desktop-composer .desktop-fields{gap:10px}.desktop-composer .desktop-fields>label{grid-template-columns:37px minmax(0,1fr)}.desktop-composer .desktop-submit{gap:9px}}
@media(min-width:761px) and (max-height:600px){.desktop-composer .composer-bar{height:40px}.thread-view.composer-collapsed .desktop-composer{height:41px}.desktop-composer .desktop-composer-body{height:min(148px,calc(100dvh - 192px));padding-bottom:10px;grid-template-rows:32px minmax(0,1fr);gap:8px}.desktop-composer .field-with-tool,.desktop-composer .field-with-tool>input{height:32px}.desktop-composer .desktop-message-row{grid-template-rows:minmax(0,1fr) 39px}.desktop-composer textarea{padding-block:7px}.desktop-composer .desktop-submit,.desktop-composer .desktop-composer-tools{padding-block:3px}.desktop-composer.preview-visible .desktop-composer-body{height:min(232px,calc(100dvh - 192px))}}
@media(max-width:900px) and (min-width:761px){.main-view .dashboard{padding:18px}.dashboard-cards{gap:12px}.dashboard-cards .summary-strip>div{padding:12px 10px}}
@media(max-width:760px){
 .topbar{padding:env(safe-area-inset-top) 7px 0 10px;gap:6px}.topbar-actions{gap:1px}.topbar .icon-button{width:34px;height:36px}.topbar .type-link-top{height:30px;padding-inline:7px}.topbar .brand{gap:7px}.topbar .brand-mark{width:25px;height:25px}
 .thread-sidebar .list-controls{padding:8px}.thread-sidebar .filter-row button{height:36px}.thread-sidebar .sort-row select{height:38px}.thread-list .thread-link{padding:13px 10px}.thread-list .thread-title{font-size:.88rem}.thread-list .thread-meta{font-size:.68rem}
 .main-view .dashboard{padding:16px 12px 22px}.dashboard>.dashboard-toolbar{padding-bottom:13px;gap:10px}.dashboard-toolbar h1{font-size:1.1rem}.dashboard-toolbar p{font-size:.7rem;margin-top:4px}.dashboard-cards{gap:12px;margin-top:14px}.dashboard-cards .summary-strip>div{padding:12px 14px}.dashboard-cards .summary-strip dd{font-size:1.25rem}.dashboard-cards .quick-composer{padding:13px}.dashboard-cards .quick-thread select,.dashboard-cards .quick-input-row textarea{font-size:16px}.dashboard-cards .activity-panel{padding:14px}
 .thread-view:not(.chat-mode){grid-template-rows:44px minmax(0,1fr)}.thread-view.chat-mode{grid-template-rows:44px minmax(0,1fr) auto}.thread-view .thread-header{padding-inline:6px;gap:6px}.thread-view .thread-heading h1{font-size:.81rem}.thread-view .thread-heading p{font-size:.61rem}.thread-view .response-list{padding:5px 10px 18px}.thread-view:not(.chat-mode) .response-card{padding:12px 3px 15px}.thread-view:not(.chat-mode) .response-info{gap:6px;font-size:.68rem}.thread-view:not(.chat-mode) .response-message{margin-left:13px;font-size:.91rem;line-height:1.85}.thread-view.chat-mode .response-list{padding:12px 10px}.thread-view.chat-mode .response-message{font-size:.91rem;line-height:1.7}.thread-view .chat-composer{padding-inline:9px}.thread-view .chat-composer textarea{font-size:16px}
 .settings-sheet{padding-inline:16px}.composer-sheet{padding-inline:13px}.composer-sheet :is(input,select,textarea),.search-dialog>input{font-size:16px}.composer-sheet .composer-actions{gap:8px}.viewer-load-status{font-size:.72rem;flex-wrap:wrap}.viewer-load-status:not(.viewer-boot-error){margin:8px}.viewer-shortcut-hint{font-size:.63rem}.error-banner{top:calc(var(--topbar-height) + 7px)}
}
@media(max-width:360px){.topbar .brand-text{max-width:21vw}.topbar:has(.chipequest-shortcut) .brand-text{max-width:10vw}.dashboard-toolbar p{max-width:210px}.thread-view .response-list{padding-inline:7px}.thread-view:not(.chat-mode) .response-message{margin-left:8px}.dashboard-cards .list-panel li button{flex-wrap:wrap;gap:4px}.dashboard-cards .list-panel li small{margin-left:auto}}
@media(prefers-reduced-motion:reduce){
 :is(.topbar,.thread-sidebar,.dashboard,.thread-view,.settings-sheet,.composer-sheet,.search-dialog,.id-posts-dialog,.gallery-dialog,.viewer-load-status,.viewer-boot-error),:is(.topbar,.thread-sidebar,.dashboard,.thread-view,.settings-sheet,.composer-sheet,.search-dialog,.id-posts-dialog,.gallery-dialog,.viewer-load-status,.viewer-boot-error) *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
 .settings-sheet .setting-row input[role="switch"]::before{transition:none}
}
@media(forced-colors:active){.settings-sheet .setting-row input[role="switch"]{appearance:auto}.settings-sheet .setting-row input[role="switch"]::before{display:none}}