/* T_UI_DETAILS_20261002 begin — the existing paper / burgundy design, finished at control level. */
:root { --detail-muted:#716d63; --detail-radius:10px; }
body { line-height:1.6; }
button, a, input, textarea, select { touch-action:manipulation; }
button { line-height:1.5; }
button:disabled:hover { transform:none; box-shadow:none; }
.button { min-height:44px; }
.button:active:not(:disabled) { transform:translateY(0); }
.icon-button { width:40px; height:40px; }
input::placeholder, textarea::placeholder { color:#827a6e; opacity:1; }
::selection { background:#ead2db; color:#3e2530; }
.page-heading h1, .studio-heading h1, .detail-copy h1 { overflow-wrap:anywhere; }
.page-heading p, .section-note, .modal-intro, .hero p, .continue-info p { font-size:13px; color:var(--detail-muted); line-height:1.9; }
.eyebrow { color:#82715e; font-size:10px; }
.form-label { font-size:13px; line-height:1.7; }
.form-hint { font-size:12px; line-height:1.8; color:#786e60; }
.form-input, .settings-stack input, .settings-stack textarea { border-color:#d9d1c5; border-radius:8px; line-height:1.8; padding:12px 14px; }
.form-input:focus, .settings-stack input:focus, .settings-stack textarea:focus { border-color:#a16075; }
.empty-state { grid-column:1/-1; padding:56px 24px; border:1px dashed #dcd5c9; border-radius:12px; background:#f7f4ee; }
.empty-state p { font-size:13px; color:var(--detail-muted); }
.empty-state .button { margin-top:12px; }
.toast { max-width:min(520px,calc(100vw - 32px)); padding:14px 20px; font-size:13px; line-height:1.7; box-shadow:0 8px 30px #2e302b24; z-index:100; }

/* One aligned header: brand at left, search attached to the account tools at right. */
.portal-top { gap:24px; padding-top:26px; padding-bottom:22px; }
.portal-top>.brand { margin-right:auto; }
.portal-search { width:340px; max-width:none; gap:10px; padding:0 8px 0 14px; min-height:44px; border-color:#dcd6cb; background:#f3f0e9; border-radius:22px; transition:background .16s,border-color .16s; }
.portal-search:focus-within { border-color:#a16075; background:var(--paper); box-shadow:0 0 0 3px #822e470b; }
.portal-search input { font-size:13px; height:42px; outline:none; }
.portal-search button { min-width:42px; min-height:36px; padding:6px 10px; font-size:12px; border-radius:18px; color:#6d5f55; }
.portal-search button:hover { background:#e9e1d6; }
.portal-account { gap:18px; }
.portal-account>.button { min-height:44px; font-size:13px; }
.wallet-shortcut { min-height:44px; font-size:12px; }
.portal-nav { gap:32px; scrollbar-width:thin; }
.portal-nav button { padding-top:15px; padding-bottom:15px; font-size:14px; }
.portal-nav button:hover { color:var(--wine); }
.portal-preview { font-size:11px; color:#766f63; }
.portal-welcome { margin:3px 0 23px; font-size:13px; }
.portal-welcome span:last-child { font-size:10px; }
.portal-hero-copy>p { font-size:14px; color:#686d61; }
.editorial-label { font-size:11px; color:#596752; }
.hero-feature-caption, .hero-feature-caption b { font-size:12px; color:#686b5d; }
.portal-hero-actions .button { font-size:13px; min-height:44px; }
.portal-genre-row { gap:24px; padding:17px 0; }
.portal-genre-row button { min-height:44px; padding:8px 10px; border-radius:7px; font-size:13px; }
.portal-genre-row button:hover { background:#eeebe3; color:var(--wine); }
.portal-section { margin-top:44px; }
.portal-section-title { margin-bottom:22px; align-items:center; }
.portal-section-title .eyebrow { font-size:10px; }
.portal-section-title h2 { font-size:22px; }
.portal-section-title .button { min-height:40px; font-size:12px; }
.portal-book-grid { gap:28px; }
.portal-book-art { border:1px solid #e4e0d655; border-radius:10px; }
.portal-book-meta { font-size:12px; color:#776f63; margin-top:18px; gap:8px; }
.book-title-button { font-size:17px; font-weight:600; padding:2px 0; }
.book-title-button:hover { color:var(--wine); }
.book-author { font-size:12px; color:#766c5d; margin-top:6px; }
.book-author small { font-size:10px; }
.portal-book>p { font-size:13px; color:#756d60; line-height:1.8; min-height:47px; margin:10px 0 12px; }
.free-note { font-size:12px; color:#874a5c; }
.portal-book-art .cover-status { font-size:11px; color:#58614f; }
.feed-row { padding:18px 4px; border-radius:5px; transition:background .15s; }
.feed-row:hover { background:#f1eee7; }
.feed-row small, .feed-row em, .feed-cost { font-size:12px; color:#776c5b; }
.feed-row b { font-size:15px; }
.creator-invite { padding:32px; border:1px solid #e9ded5; }
.creator-invite p { font-size:13px; color:#796b5e; }
.creator-invite .button { font-size:13px; }
.creator-invite>small { font-size:12px; color:#796b5e; }
.portal-founder p, .portal-founder .button { font-size:13px; }
.portal-founder .eyebrow { font-size:10px; }
.portal-demo-note { font-size:12px; color:#7d7568; }
.genre-filters { gap:8px; }
.genre-filter { min-height:40px; padding:9px 17px; font-size:13px; }
.catalog-count, .search-summary, .search-summary button { font-size:13px; }
.search-summary { gap:16px; align-items:center; }
.search-summary button { min-height:40px; flex-shrink:0; }

/* Book, chapter, and reading states share readable secondary text and clear actions. */
.back-link { min-height:40px; margin-bottom:22px; font-size:13px; }
.detail-tags span { font-size:12px; }
.detail-description { font-size:14px; line-height:1.95; color:#70685b; }
.detail-actions { flex-wrap:wrap; gap:10px; }
.detail-actions .button { font-size:13px; }
.chapter-row { min-height:80px; border-radius:5px; }
.chapter-row:hover { background:#f2eee6; }
.chapter-row-title { font-size:14px; }
.chapter-row-title small, .chapter-access { font-size:12px; color:#796e5e; }
.detail-facts { font-size:13px; gap:22px; flex-wrap:wrap; }
.detail-facts small, .access-caption { font-size:12px; color:#7d6d58; line-height:1.9; }
.reading-promise p { font-size:13px; color:#7b6c56; }
.reading-promise small { font-size:12px; line-height:1.9; color:#82725a; }
.work-tags { font-size:12px; color:#856c59; }
.reader-top .back-link { min-height:44px; font-size:13px; }
.reader-top .icon-button { width:44px; height:44px; }
.reader-paper { padding-top:48px; box-shadow:0 10px 30px #42342105; }
.reader-byline { font-size:12px; color:#7d7161; }
.reader-bottom, .reader-under .button { font-size:13px; }
.reader-body { color:#46453e; }
.chapter-paywall p { font-size:14px; color:#786b5b; }
.chapter-paywall>small { font-size:12px; color:#7e7161; }
.paywall-balance { font-size:13px; }
.chapter-paywall>.button { font-size:14px; }
.subscription-card { gap:24px; }
.subscription-card p { font-size:13px; color:#786b5a; }
.subscription-card .button { font-size:12px; }
.subscription-card .quiet { min-height:40px; padding:6px 0; }

/* Creator library, wallet, earnings and support: same baseline and spacing. */
.continue-card { padding:24px; }
.continue-info h3 { font-size:21px; }
.continue-card .button { font-size:13px; }
.meta-line, .private-label { font-size:12px; }
.library-controls { gap:20px; }
.filter-tabs { gap:22px; }
.filter-tab { font-size:13px; }
.shelf-search { border:1px solid #dcd6cb; border-radius:20px; background:#f5f2ec; padding:0 12px; margin:8px 0; }
.shelf-search input { width:160px; font-size:13px; min-height:38px; }
.book-info h3 { font-size:17px; }
.book-info p { font-size:12px; }
.wallet-balance p, .wallet-balance span, .monthly-plan p { font-size:13px; color:#776a59; }
.credit-use-grid p, .income-choice p { font-size:13px; color:#786d5c; }
.monthly-plan>div>small, .monthly-plan strong small { font-size:12px; color:#826759; line-height:1.8; }
.monthly-status { font-size:13px; }
.wallet-ledger .usage-row { gap:20px; align-items:center; }
.usage-row small { font-size:12px; line-height:1.8; color:#7b6d5b; }
.wallet-ledger .usage-row>span, .wallet-ledger b { font-size:14px; }
.income-cards p { font-size:12px; color:#776b58; line-height:1.8; }
.income-cards span { font-size:13px; }
.support-intro p, .support-card p, .support-updates p { font-size:13px; color:#786a56; }
.support-legend { font-size:13px; gap:18px; }
.support-state { font-size:12px; color:#7d6b54; }
.support-card li { gap:16px; font-size:13px; }
.support-card li b { font-size:12px; color:#7c6c55; text-align:right; }
.support-card .button, .support-updates .button { font-size:13px; }
.support-updates .form-hint { font-size:12px; }

/* Dialogs: visible hierarchy, predictable footer, generous touch targets. */
dialog { border-radius:16px; max-height:calc(100dvh - 40px); overscroll-behavior:contain; }
dialog::backdrop { background:#27241f66; backdrop-filter:blur(3px); }
.modal-header { margin-bottom:22px; }
.modal-header .eyebrow { font-size:10px; }
.modal-actions { gap:12px; padding-top:22px; margin-top:26px; }
.modal-actions .button { font-size:13px; min-height:44px; white-space:normal; text-align:center; }
.compare-prose { font-size:15px; line-height:2; }
.compare-original summary { min-height:44px; padding:10px 0; cursor:pointer; }
.check-row { align-items:flex-start; line-height:1.8; font-size:13px; }
.check-row input { flex-shrink:0; width:18px; height:18px; margin-top:3px; }
.quote-box { gap:16px; }
.credit-confirm>div { font-size:14px; gap:20px; }
.guide-intro, .guide-inline p, .guide-decisions p { color:#766857; font-size:13px; }
.guide-speaker small, .guide-trust p, .guide-previous { font-size:12px; color:#7c6f5d; }
.guide-choice b { font-size:14px; }
.guide-choice small { color:#7d6d5a; font-size:11px; }
.guide-choice { transition:background .15s,border-color .15s; }
.guide-inline .button { min-height:44px; }

/* A writing desk that can make room for the conversation. */
.studio-heading { margin-bottom:20px; align-items:center; }
.studio-heading h1 { font-size:23px; line-height:1.5; }
.studio-heading .meta-line { font-size:12px; }
.studio-actions .button { min-height:42px; font-size:12px; }
.writing-controls { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.writing-mode, .mobile-writing-tabs { display:flex; padding:4px; border:1px solid #e1d9cf; border-radius:10px; background:#f1ede6; gap:3px; }
.writing-mode button, .mobile-writing-tabs button { min-height:36px; padding:8px 16px; font-size:12px; color:#796958; border-radius:7px; }
.writing-mode button[aria-pressed=true], .mobile-writing-tabs button[aria-pressed=true] { color:var(--wine); background:#fffdfa; font-weight:600; box-shadow:0 2px 7px #4d35280c; }
.writing-hint { font-size:12px; color:#817462; }
.mobile-writing-tabs { display:none; }
.workspace { grid-template-columns:minmax(0,var(--split,55%)) 16px minmax(0,1fr); gap:0; align-items:stretch; }
.workspace-divider { position:relative; cursor:col-resize; touch-action:none; display:grid; place-items:center; border-radius:8px; }
.workspace-divider span { width:3px; height:40px; border-radius:3px; background:#d9cfc0; }
.workspace-divider:hover, .workspace-divider:focus-visible { background:#eee5dc; }
.workspace.resizing { user-select:none; }
.workspace.layout-changing>.manuscript-shell, .workspace.layout-changing>.assistant-panel { animation:writing-space-in .18s ease-out; }
@keyframes writing-space-in { from { opacity:.65; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }
.workspace[data-layout=partner] { grid-template-columns:minmax(0,1fr); }
.workspace[data-layout=partner]>.assistant-panel { max-width:840px; width:100%; justify-self:center; }
.workspace[data-layout=partner]>.manuscript-shell, .workspace[data-layout=partner]>.workspace-divider,
.workspace[data-layout=manuscript]>.assistant-panel, .workspace[data-layout=manuscript]>.workspace-divider { display:none; }
.workspace[data-layout=manuscript] { grid-template-columns:minmax(0,1fr); }
.workspace[data-layout=manuscript]>.manuscript-shell { width:100%; max-width:920px; justify-self:center; }
.manuscript-shell { min-width:0; display:flex; flex-direction:column; }
.editor-toolbar { flex-wrap:wrap; min-height:56px; padding:10px 16px; gap:8px; }
.editor-tools>span { font-size:13px; }
.editor-tools button { min-width:36px; min-height:34px; }
.save-indicator { font-size:11px; gap:5px; color:#727564; }
.save-error { color:#963c40; }
.range-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:8px 12px; border-bottom:1px solid var(--line); background:#fcfaf5; }
.range-toolbar>div { display:flex; gap:4px; }
.range-toolbar button { padding:7px 10px; min-height:36px; font-size:12px; border-radius:6px; color:#744658; }
.range-toolbar button:hover:not(:disabled) { background:#f0e3e7; }
#selection-count { font-size:11px; color:#817563; flex:1; }
.range-toolbar .range-history { margin-left:auto; }
.range-history button { font-size:22px; padding:0 8px; min-width:34px; color:#6d6559; }
.paper { padding:26px clamp(20px,3vw,46px) 24px; }
.paper-kicker { font-size:10px; color:#8b755b; }
.chapter-subtitle { font-size:12px; color:#86745f; }
.manuscript { height:clamp(390px,58vh,740px); min-height:360px; line-height:2.1; scrollbar-width:thin; scrollbar-color:#d5cab8 transparent; }
.editor-footer { padding:14px 16px; line-height:1.8; gap:8px; flex-wrap:wrap; font-size:11px; }
.assistant-panel { min-width:0; display:flex; flex-direction:column; margin-top:0; }
.assistant-top { padding:20px; gap:12px; flex-wrap:wrap; }
.assistant-top strong { font-size:15px; }
.assistant-top p { font-size:12px; color:#7e6c59; }
.assistant-top .sample-chip { font-size:10px; }
.assistant-tabs { padding:0 16px; }
.assistant-tabs button { min-height:44px; font-size:12px; color:#7c6956; }
.assistant-body { min-height:280px; max-height:60vh; overflow:auto; overscroll-behavior:contain; padding:22px; flex:1; scrollbar-width:thin; scrollbar-color:#d3c7b6 transparent; }
.assistant-message { font-size:14px; color:#71604e; }
.context-box p { font-size:13px; line-height:1.9; }
.suggestion { font-size:13px; min-height:44px; }
.result-note, .job-status { font-size:13px; line-height:1.9; }
.result-note small, .job-status small { font-size:12px; }
.result-note .button { display:flex; margin-top:12px; }
.composer { padding:18px 20px; }
.composer label { font-size:13px; color:#78614f; }
.composer textarea { font-size:14px; min-height:80px; line-height:1.9; }
.composer-bottom { font-size:11px; color:#826e54; gap:8px; }
.composer-note { font-size:11px; color:#8a765c; text-align:left; }
.send-button { min-width:40px; min-height:40px; }
.settings-stack label { font-size:13px; line-height:1.8; }
.settings-stack input, .settings-stack textarea { font-size:14px; }
.version-row strong { font-size:13px; }
.version-row small { font-size:12px; }
.version-row button { min-height:40px; min-width:44px; }

/* Range actions remain available via toolbar, keyboard, and native mobile selection. */
.writing-context-menu { position:fixed; z-index:80; width:240px; padding:6px; border:1px solid #dcd1c1; border-radius:10px; background:#fffdf9; box-shadow:0 12px 35px #352b2926; }
.writing-context-menu button { width:100%; display:flex; align-items:center; justify-content:space-between; min-height:44px; text-align:left; padding:10px 12px; font-size:13px; border-radius:6px; }
.writing-context-menu button:hover, .writing-context-menu button:focus-visible { background:#f1e7e9; color:var(--wine); }
.range-source { border-left:3px solid #b89880; background:#f4f0e9; padding:16px 20px; margin-bottom:24px; border-radius:0 8px 8px 0; }
.range-source p { white-space:pre-wrap; overflow-wrap:anywhere; max-height:140px; overflow:auto; font:15px/1.9 var(--serif); margin:8px 0 0; }
.range-prompts { display:flex; flex-wrap:wrap; gap:7px; margin:10px 0; }
.range-prompts button { border:1px solid #ddd2c6; padding:8px 12px; border-radius:18px; font-size:12px; min-height:38px; color:#795e4f; }
.range-prompts button:hover { background:#f3e7e9; border-color:#b88a98; }
.range-availability { padding:14px 16px; background:#eeeee5; border-radius:8px; margin:18px 0 22px; }
.range-availability strong { font-size:12px; color:#626c54; }
.range-availability p { font-size:12px; line-height:1.8; color:#71705b; margin:5px 0 0; }
.range-replacement { font-family:var(--serif); font-size:16px; }
.range-comparison { display:grid; grid-template-columns:1fr 1fr; border:1px solid #e0d6c8; border-radius:10px; overflow:hidden; margin:20px 0; }
.range-comparison section { padding:20px; min-width:0; background:#f8f5ee; }
.range-comparison section+section { border-left:1px solid #e0d6c8; background:#edf1e8; }
.range-comparison h3 { font-size:12px; color:#776249; margin-bottom:16px; }
.range-comparison section+section h3 { color:#596a4e; }
.range-comparison p { white-space:pre-wrap; overflow-wrap:anywhere; font:16px/2 var(--serif); margin:0; max-height:330px; overflow:auto; }
.range-conflict { background:#faeae5; color:#8d4030; border-left:3px solid #b85f43; border-radius:6px; padding:14px; font-size:13px; }

@media (min-width:961px) and (max-width:1180px) {
  .writing-hint { display:none; }
  .assistant-top { padding:16px; gap:8px; }
  .assistant-top strong { font-size:14px; }
  .assistant-body { padding:17px; }
  .range-toolbar { gap:4px; }
  #selection-count { flex-basis:100%; order:3; }
  .studio-heading { align-items:flex-start; }
  .studio-actions { flex-wrap:wrap; justify-content:flex-end; }
}
@media (min-width:961px) {
  .workspace { height:calc(100dvh - 276px); min-height:620px; }
  .paper { flex:1; min-height:0; display:flex; flex-direction:column; }
  .paper-kicker { margin-bottom:14px; }
  .paper h2 { font-size:25px; }
  .paper-rule { margin-bottom:22px; flex-shrink:0; }
  .manuscript { flex:1; min-height:160px; height:auto; resize:none; }
  .assistant-body { min-height:0; max-height:none; }
  .assistant-top, .assistant-tabs, .composer, .editor-toolbar, .range-toolbar, .editor-footer { flex-shrink:0; }
}
@media (max-width:1050px) {
  .portal-top { gap:18px; }
  .portal-search { width:300px; }
  .portal-account { gap:12px; }
  .portal-preview { display:none; }
  .portal-book-grid { gap:20px; }
}
@media (max-width:960px) {
  .writing-mode, .writing-hint { display:none; }
  .mobile-writing-tabs { display:flex; width:100%; }
  .writing-controls { position:sticky; top:0; z-index:12; padding:8px 0; background:var(--bg); }
  .mobile-writing-tabs button { flex:1; min-height:42px; padding:8px; font-size:13px; }
  .workspace, .workspace[data-layout] { display:block; }
  .workspace>.workspace-divider { display:none; }
  .workspace[data-mobile=manuscript]>.manuscript-shell { display:block; max-width:none; }
  .workspace[data-mobile=manuscript]>.assistant-panel { display:none; }
  .workspace[data-mobile=partner]>.manuscript-shell, .workspace[data-mobile=outline]>.manuscript-shell { display:none; }
  .workspace[data-mobile=partner]>.assistant-panel, .workspace[data-mobile=outline]>.assistant-panel { display:flex; max-width:none; }
  .workspace[data-mobile=partner] .assistant-tabs { display:none; }
  .assistant-body { max-height:none; overflow:visible; min-height:0; }
  .assistant-top { padding:20px; }
  .manuscript { height:60vh; height:60dvh; min-height:360px; }
}
@media (max-width:700px) {
  .portal-top { display:flex; flex-wrap:wrap; padding:20px 20px 16px; gap:16px; }
  .portal-top .brand { min-width:0; font-size:25px; gap:8px; }
  .portal-top .brand small { font-size:7px; }
  .portal-account { margin-left:auto; gap:12px; }
  .portal-account>.button { min-height:42px; padding:9px 13px; font-size:12px; }
  .portal-account .wallet-shortcut { min-height:42px; }
  .portal-search { order:3; width:100%; max-width:none; min-height:46px; border-radius:10px; }
  .portal-search input { font-size:16px; height:44px; }
  .portal-nav-wrap { padding:0 20px; }
  .portal-nav { gap:24px; width:100%; }
  .portal-nav button { font-size:13px; padding:12px 0; }
  .portal-main { padding:24px 20px 8px; }
  .portal-welcome { font-size:12px; margin-bottom:20px; }
  .portal-hero-copy { padding:27px 24px 22px; }
  .portal-hero-copy>p { font-size:13px; }
  .portal-hero-actions { gap:10px; flex-wrap:wrap; }
  .portal-hero-actions .button { font-size:12px; }
  .portal-hero h1 { font-size:32px; letter-spacing:-1.4px; }
  .portal-genre-row { gap:8px; padding:12px 0; overflow:auto; }
  .portal-genre-row button { font-size:12px; padding:8px 10px; gap:6px; }
  .portal-section { margin-top:34px; }
  .portal-section-title { gap:12px; margin-bottom:16px; }
  .portal-section-title h2 { font-size:20px; }
  .portal-section-title .button { font-size:12px; }
  .portal-book-grid { gap:26px 16px; }
  .portal-book-art { height:204px; }
  .portal-book-art .book-cover { width:112px; height:168px; }
  .portal-book-art .cover-title { font-size:19px; }
  .portal-book-art .cover-status { left:8px; top:8px; font-size:10px; }
  .portal-book-meta { font-size:11px; flex-wrap:wrap; gap:2px 8px; margin:13px 0 6px; }
  .book-title-button { font-size:15px; line-height:1.65; }
  .portal-book>p { font-size:12px; margin:8px 0; min-height:43px; }
  .book-author, .free-note { font-size:11px; }
  .portal-split { gap:16px; margin-bottom:28px; }
  .feed-row small, .feed-row em, .feed-cost { font-size:11px; }
  .feed-row b { font-size:14px; }
  .creator-invite { padding:26px; margin-top:0; }
  .portal-founder { align-items:flex-start; gap:18px; padding:26px 0; }
  .portal-founder p { font-size:12px; line-height:1.8; }
  .portal-founder .button { min-height:44px; font-size:12px; }
  .page-heading { gap:16px; flex-wrap:wrap; }
  .page-heading h1 { font-size:28px; }
  .page-heading p { font-size:13px; }
  .genre-filters { gap:8px; }
  .genre-filter { padding:8px 13px; font-size:12px; }
  .search-summary { align-items:flex-start; font-size:13px; }
  .detail-copy h1 { font-size:28px; }
  .detail-description { font-size:13px; }
  .detail-tags span { font-size:11px; }
  .detail-actions .button { font-size:13px; }
  .reader-paper { padding:30px 22px; }
  .reader-paper h1 { font-size:26px; }
  .reader-body { line-height:2.1; }
  .reader-top .back-link { font-size:12px; }
  .reader-top .icon-button { min-width:40px; }
  .reader-bottom .button, .reader-under .button { font-size:12px; }
  .subscription-card { padding:20px; gap:18px; }
  .subscription-card h2 { font-size:20px; }
  .subscription-card p { font-size:12px; }
  .subscription-cover { width:84px; height:128px; }
  .continue-card { gap:16px; padding:20px; }
  .continue-info h3 { font-size:19px; }
  .continue-info p { font-size:12px; }
  .library-controls { gap:12px; flex-wrap:wrap; border:0; }
  .filter-tabs { width:100%; border-bottom:1px solid var(--line); justify-content:flex-start; gap:26px; }
  .shelf-search { width:100%; margin:0; border-radius:8px; }
  .shelf-search input { width:100%; min-height:42px; font-size:16px; }
  .wallet-balance { padding:26px; gap:22px; }
  .wallet-balance strong { font-size:44px; }
  .monthly-plan { padding:24px; gap:20px; }
  .monthly-plan h2 { font-size:23px; }
  .credit-use-grid { gap:20px; }
  .credit-use-grid p { font-size:13px; }
  .income-cards { gap:12px; }
  .income-cards section { padding:20px; }
  .income-cards strong { font-size:32px; }
  .support-card { padding:23px; }
  .support-legend { gap:10px 18px; font-size:12px; }
  .support-card li { font-size:12px; gap:8px; }
  .support-card li b { font-size:12px; }
  dialog { width:calc(100% - 24px); max-width:none; padding:24px; margin:auto; max-height:calc(100dvh - 24px); border-radius:14px; }
  .modal-header h2 { font-size:24px; }
  .modal-intro { font-size:13px; }
  .modal-actions { flex-wrap:wrap; gap:10px; }
  .modal-actions .button { flex:1; min-width:110px; font-size:12px; }
  .form-input, .settings-stack input, .settings-stack textarea, .composer textarea { font-size:16px; }
  .form-label small { display:block; }
  .guide-conversation { padding:26px 22px; }
  .guide-conversation h1 { font-size:25px; }
  .guide-map li { min-height:36px; font-size:11px; }
  .guide-choice { padding:14px 12px; }
  .guide-choice b { font-size:13px; }
  .guide-trust p { font-size:12px; }
  .studio-heading { align-items:flex-start; }
  .studio-heading h1 { font-size:23px; }
  .studio-actions { gap:8px; }
  .studio-actions .button { font-size:12px; padding:9px 12px; }
  .writing-controls { margin:4px 0 16px; }
  .editor-toolbar { padding:10px 14px; }
  .range-toolbar { padding:8px 10px; }
  .range-toolbar button { min-height:40px; }
  #selection-count { order:3; flex-basis:100%; padding-left:10px; }
  .range-history { margin-left:auto; }
  .paper { padding:28px 22px 22px; }
  .paper h2 { font-size:25px; }
  .editor-footer { font-size:11px; }
  .assistant-top { padding:20px; }
  .assistant-body { padding:22px 20px; }
  .composer { padding:20px; }
  .composer textarea { min-height:100px; }
  .composer-bottom { font-size:11px; }
  .range-comparison { grid-template-columns:1fr; }
  .range-comparison section+section { border-left:0; border-top:1px solid #e0d6c8; }
  .range-comparison section { padding:18px; }
  .range-prompts button { min-height:42px; }
  .range-source { padding:14px 16px; }
  .toast { bottom:20px; font-size:12px; }
}
@media (max-width:365px) {
  .portal-top, .portal-nav-wrap { padding-left:16px; padding-right:16px; }
  .portal-main { padding-left:16px; padding-right:16px; }
  .portal-top .brand { font-size:23px; }
  .portal-account { gap:8px; }
  .wallet-shortcut { gap:3px; }
  .wallet-shortcut .icon { display:none; }
  .portal-account>.button { padding:9px 10px; }
  .portal-account>.button .icon { display:none; }
  .portal-hero-copy { padding-left:20px; padding-right:20px; }
  .portal-hero h1 { font-size:29px; }
  .portal-book-grid { gap:24px 12px; }
  .portal-book-art { height:178px; }
  .portal-book-art .book-cover { width:96px; height:144px; }
  .portal-book-art .cover-title { font-size:17px; }
  .portal-section-title h2 { font-size:19px; }
  .portal-section-title .button { font-size:11px; }
  .studio-actions { gap:6px; }
  .studio-actions .button { font-size:11px; padding:9px 10px; }
  .studio-actions .icon { width:16px; }
  dialog { padding:22px 18px; }
  .subscription-card { gap:14px; padding:18px; }
  .subscription-cover { width:70px; height:110px; }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; }
}
/* T_UI_DETAILS_20261002 end */