/* The page stays quiet, and the only flourish is the ink stroke that shortens as points are spent. */
:root{--reading-font:'Noto Naskh Arabic',serif;--reading-size:18px;--ui:'IBM Plex Sans Arabic',sans-serif;--brand:'Aref Ruqaa',serif;--r-control:8px;--r-sheet:16px}
body{--bg:#f4f6f7;--surface:#fff;--raised:#e9eef2;--line:#d6dee5;--text:#16212c;--muted:#566574;--accent:#1f4e8c;--on-accent:#fff;--ink:#16212c;--danger:#a3382d;--veil:rgb(16 26 36/.45)}
body[data-theme=ink]{--bg:#121a23;--surface:#18222d;--raised:#212d3a;--line:#2d3b49;--text:#e9edf0;--muted:#9aa9b6;--accent:#8fb4ea;--on-accent:#0f1a26;--ink:#d8b65f;--danger:#ee9a8e;--veil:rgb(4 8 12/.6)}
body[data-theme=oled]{--bg:#000;--surface:#0b0b0b;--raised:#181818;--line:#2b2b2b;--text:#f1f1f1;--muted:#a6a6a6;--accent:#8fb4ea;--on-accent:#000;--ink:#d8b65f;--danger:#ee9a8e;--veil:rgb(0 0 0/.7)}
body[data-theme=forest]{--bg:#10201b;--surface:#162a23;--raised:#1f382f;--line:#2c483d;--text:#e6efe9;--muted:#9db3a8;--accent:#9fd0b4;--on-accent:#0d1c17;--ink:#d8b65f;--danger:#efa294;--veil:rgb(3 10 8/.6)}
body[data-theme=sand]{--bg:#f1ebdf;--surface:#faf6ee;--raised:#e8e0d0;--line:#d8cdb9;--text:#2b241b;--muted:#6b5f4f;--accent:#7a4b1e;--on-accent:#fff;--ink:#2b241b;--danger:#a3382d;--veil:rgb(40 30 15/.45)}
body[data-theme=ink],body[data-theme=oled],body[data-theme=forest]{color-scheme:dark}
body[data-theme=paper],body[data-theme=sand]{color-scheme:light}
@media(prefers-color-scheme:dark){body[data-theme=auto]{color-scheme:dark;--bg:#121a23;--surface:#18222d;--raised:#212d3a;--line:#2d3b49;--text:#e9edf0;--muted:#9aa9b6;--accent:#8fb4ea;--on-accent:#0f1a26;--ink:#d8b65f;--danger:#ee9a8e;--veil:rgb(4 8 12/.6)}}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.7 var(--ui);-webkit-text-size-adjust:100%}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
button:disabled{cursor:default;opacity:.55}
h1,h2,h3,p{margin:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
input:not([type=radio],[type=checkbox],[type=range]),textarea,select{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-control);padding:9px 11px;min-height:42px}
textarea{resize:vertical;line-height:1.8}
.danger-text{color:var(--danger)}

/* Frame */
.app{display:grid;grid-template-columns:260px minmax(0,1fr);height:100dvh}
.library{display:flex;flex-direction:column;min-height:0;padding:18px 14px 14px;background:var(--surface);border-inline-end:1px solid var(--line)}
.brand-row{display:flex;align-items:center;justify-content:space-between}
.brand{font:700 30px/1.2 var(--brand);padding:0 8px 14px}
.new-novel{display:block;width:100%;padding:9px 12px;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;text-align:start;font-weight:500}
.new-novel:hover{background:var(--raised)}
.side-nav{display:flex;flex-direction:column;gap:1px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.side-nav button{padding:8px 10px;border-radius:var(--r-control);text-align:start;color:var(--muted)}
.side-nav button:hover{background:var(--raised);color:var(--text)}
.menu-button,.menu-close{display:none}
.menu-veil{position:fixed;inset:0;z-index:11;background:var(--veil)}
.library-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 6px}
.library-head h2{font-size:13px;font-weight:600;color:var(--muted)}
#novels{flex:1;min-height:0;overflow:auto}
.novel{display:block;width:100%;text-align:start;padding:9px 10px;border-radius:var(--r-control);margin-bottom:2px}
.novel:hover{background:var(--raised)}
.novel.active{background:var(--raised);font-weight:600}
.novel small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.quiet-button{padding:9px 10px;border-radius:var(--r-control);color:var(--muted);text-align:start}
.quiet-button:hover{background:var(--raised);color:var(--text)}
.account-chip{display:block;width:100%;text-align:start;margin-top:10px;padding:10px;border-top:1px solid var(--line)}
.account-chip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.account-chip small{color:var(--muted)}
.icon-button{width:34px;height:34px;border-radius:var(--r-control);font-size:18px;line-height:1;color:var(--muted)}
.icon-button:hover{background:var(--raised);color:var(--text)}

.desk{display:flex;flex-direction:column;min-width:0;min-height:0}
.topbar{display:flex;align-items:center;gap:10px;padding:8px 24px;min-height:50px}
.topbar .title-button{flex:1}
.title-button{min-width:0;text-align:start;cursor:default}
.title-button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600}
.points-chip{display:none;padding:5px 11px;border:1px solid var(--line);border-radius:999px;font-size:13px;white-space:nowrap}

.chat{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 24px 12px}
.older{display:block;margin:0 auto 18px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px}
.welcome,#messages{max-width:720px;margin-inline:auto}
.welcome{padding-block:6vh 12px}
.welcome h1{font:700 38px/1.4 var(--brand)}
/* The one flourish on the page: the same ink stroke as the balance, drawn once as the page opens. */
.welcome-stroke{display:block;height:5px;width:min(340px,72%);margin:2px 0 22px;background:var(--ink);clip-path:polygon(100% 0,100% 100%,0 50%);animation:draw .9s ease-out both}
@keyframes draw{from{width:0}}
.site-notice{padding:6px 24px;background:var(--raised);color:var(--text);font-size:13px;border-bottom:1px solid var(--line)}
.start{flex:1;min-height:0;overflow:auto;width:100%;max-width:720px;margin-inline:auto;padding:8vh 24px 24px}
.start h1{font:700 38px/1.4 var(--brand)}
.start p{color:var(--muted);margin-bottom:18px}
.start-choices{display:grid;gap:10px}
.start p.start-note{font-size:13px;margin:14px 0 0}
#authResend{margin-top:8px}
.start-choices button,.world-card{display:block;width:100%;padding:13px 15px;text-align:start;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.start-choices button:hover,.world-card:hover{border-color:var(--accent)}
.start-choices strong,.world-card strong{display:block;font-weight:600}
.start-choices small,.world-card small{color:var(--muted);font-size:13px}
.world-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.app.empty .chat,.app.empty .composer-wrap,.app.empty #openScenes,.app.empty #showDetails,.app.empty #navGuide,.app.empty #navDirector{display:none}
.welcome-intro{max-width:52ch;margin-bottom:20px}
.welcome-intro p{color:var(--muted);margin-bottom:12px}
.prompts{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.prompt{padding:7px 0;color:var(--accent);text-align:start}
.prompt:hover{text-decoration:underline;text-underline-offset:4px}
.msg{margin:0 0 22px}
.msg.user{display:flex;justify-content:flex-start}
.msg.user .bubble{background:var(--raised);padding:9px 14px;border-radius:14px;max-width:88%;font:400 15px/1.8 var(--ui)}
.msg.ai .bubble,.reading{font-family:var(--reading-font);font-size:var(--reading-size);line-height:2.05}
.bubble,.reading{white-space:pre-wrap;overflow-wrap:anywhere}
.msg.loading{color:var(--muted)}
.msg-actions{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-top:6px;margin-inline-start:-8px}
.msg-actions button{padding:4px 8px;min-height:30px;border-radius:var(--r-control);font-size:13px;color:var(--muted)}
.msg-actions button:hover{background:var(--raised);color:var(--text)}
.msg-actions small{color:var(--muted);font-size:12px;padding-inline:8px}
.msg-change{margin-top:10px;padding:9px 12px;border-inline-start:3px solid var(--accent);background:var(--raised);border-radius:var(--r-control);font-size:14px}
.msg-change strong{display:block;font-weight:600}
.msg-change ul{margin:4px 0 6px;padding:0;list-style:none}
.msg-change button{padding:3px 10px;min-height:30px;border:1px solid var(--line);border-radius:var(--r-control);font-size:13px}
.msg-issues{margin-top:10px;padding:9px 12px;border-inline-start:3px solid var(--danger);background:var(--raised);border-radius:var(--r-control);font-size:14px}
.msg-issues strong{display:block;color:var(--danger);font-weight:600}
.msg-issues ul{margin:4px 0 6px;padding:0;list-style:none}
.msg-issues span{color:var(--muted)}
.msg-issues button{padding:3px 10px;min-height:30px;border:1px solid var(--line);border-radius:var(--r-control);font-size:13px}

.composer-wrap{padding:4px 24px 14px}
.composer{max-width:720px;margin-inline:auto;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.composer:focus-within{border-color:var(--accent)}
.mode-row{display:none;gap:4px;padding:9px 11px 0;overflow-x:auto;scrollbar-width:none}
.modes-open .mode-row{display:flex}
.mode-row::-webkit-scrollbar{display:none}
.mode-chip{flex:none;padding:4px 11px;min-height:30px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--muted)}
.mode-chip:hover{color:var(--text)}
.mode-chip[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}
.composer textarea{display:block;border:0;background:none;resize:none;padding:12px 16px 2px;min-height:42px;max-height:40dvh;overflow-y:auto}
.composer textarea:focus-visible{outline:0}
.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px 8px}
.composer-tools{display:flex;align-items:center;gap:6px;min-width:0}
.composer-tools select{width:auto;min-height:34px;padding:4px 8px;border-color:transparent;border-radius:999px;background:none;color:var(--muted);font-size:13px}
.tool-button{padding:6px 12px;min-height:34px;border-radius:999px;font-size:13px;color:var(--muted);white-space:nowrap}
.tool-button.plus{width:34px;padding:0;font-size:22px;line-height:1;background:var(--raised);color:var(--text)}
.tool-button:hover{color:var(--accent)}
.style-status{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.composer-send{display:flex;align-items:center;gap:10px;flex:none}
.cost-hint{color:var(--muted);font-size:12px;white-space:nowrap}
.send{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:var(--on-accent)}
.chat-error{color:var(--danger);font-size:13px;padding:10px 16px 0}
.chat-error:empty{display:none}

/* The ink stroke: full at the start of the right edge, thinning to a point as it runs out. */
.ink-track{height:4px}
.ink-track i{display:block;height:100%;width:0;background:var(--ink);clip-path:polygon(100% 0,100% 100%,0 50%);transition:width .5s ease}
.ink-track.large{height:7px;margin-block:8px 10px}

.details{position:fixed;inset-block:0;inset-inline-end:0;z-index:10;width:min(380px,92vw);display:none;flex-direction:column;gap:2px;overflow:auto;padding:18px 18px 24px;background:var(--surface);box-shadow:0 0 0 100vmax var(--veil)}
.details.show{display:flex}
.details-head{display:flex;align-items:center;justify-content:space-between}
.details h2{font-size:15px;font-weight:600}
.panel-note{color:var(--muted);font-size:13px;margin-bottom:6px}
.field-label{display:block;font-size:13px;font-weight:500;color:var(--muted);margin:12px 0 5px}
.details textarea{font-size:14px}
.wide-button{display:block;width:100%;padding:9px 12px;margin-top:8px;border:1px solid var(--line);border-radius:var(--r-control);text-align:start;background:var(--surface)}
.wide-button:hover{background:var(--raised)}
.details .wide-button:first-of-type{margin-top:16px}
.bottom-nav{display:none}

/* Scene editor */
.scene-modal{position:fixed;inset:0;z-index:15;display:flex;flex-direction:column;background:var(--bg)}
.scene-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line)}
.scene-header h2{font-size:16px;font-weight:600}
.scene-header p{color:var(--muted);font-size:13px}
.scene-head-actions{display:flex;align-items:center;gap:6px}
.scene-layout{flex:1;min-height:0;display:grid;grid-template-columns:230px minmax(0,1fr)}
.scene-sidebar{overflow:auto;padding:14px 12px;background:var(--surface);border-inline-end:1px solid var(--line)}
.scene-side-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}
.scene-item{display:block;width:100%;padding:8px 10px;text-align:start;border-radius:var(--r-control);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scene-item:hover,.scene-item.active{background:var(--raised)}
.scene-editor{display:flex;flex-direction:column;min-width:0;min-height:0;width:100%;max-width:800px;margin-inline:auto;padding:18px 24px 12px}
.scene-editor input{border:0;background:none;padding:4px 0;font-size:22px;font-weight:600;min-height:0}
.scene-editor textarea{flex:1;min-height:0;border:0;background:none;padding:10px 0;resize:none;font-family:var(--reading-font);font-size:var(--reading-size);line-height:2.05}
.scene-editor input:focus-visible,.scene-editor textarea:focus-visible{outline:0}
.scene-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.scene-footer>div{display:flex;gap:6px;margin-inline-start:auto}
.focus-mode .scene-sidebar{display:none}
.focus-mode .scene-layout{grid-template-columns:minmax(0,1fr)}

/* Dialogs */
.ws-overlay,.midad-gate{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:var(--veil)}
.midad-gate{z-index:50}
.ws-sheet{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:20px 22px;background:var(--surface);border-radius:var(--r-sheet)}
.ws-sheet.tall{width:min(600px,100%)}
.ws-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.ws-head h2{font-size:19px;font-weight:600}
.ws-close{flex:none;width:34px;height:34px;border-radius:var(--r-control);font-size:20px;line-height:1;color:var(--muted)}
.ws-close:hover{background:var(--raised)}
.ws-note{color:var(--muted);font-size:13px}
.ws-primary{background:var(--accent);color:var(--on-accent);padding:9px 18px;border-radius:var(--r-control);font-weight:600}
.ws-secondary{background:var(--raised);padding:9px 16px;border-radius:var(--r-control)}
.full{display:block;width:100%;margin-top:14px}
.ws-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
.ws-novel{display:block;width:100%;padding:11px 0;border-bottom:1px solid var(--line);text-align:start}
.ws-novel span{display:block;font-weight:600}
.ws-novel small{display:block;color:var(--muted)}
.ws-novel.active span{color:var(--accent)}
.ws-resume{display:none}
.terms-text{font-size:14px}
.terms-text p{margin-bottom:9px}
.settings-sub{font-size:14px;font-weight:600;margin:18px 0 8px}
.settings-panels>div>.settings-sub:first-child{margin-top:0}
.midad-row{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}
.midad-row small{color:var(--muted)}
.midad-edit{flex-wrap:wrap;justify-content:flex-start}
.midad-edit input,.midad-edit select{flex:1 1 130px;width:auto;min-width:0}
.midad-edit .fact{flex:1 1 130px;display:grid;gap:2px;min-width:0}
.midad-edit .fact input{width:100%}
.midad-edit textarea{flex:1 1 100%}

/* Settings */
.settings-sheet{width:min(780px,100%);height:min(640px,calc(100dvh - 32px));display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}
.settings-body{flex:1;min-height:0;display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px}
.settings-tabs{display:flex;flex-direction:column;gap:2px}
.settings-tabs button{padding:8px 10px;border-radius:var(--r-control);text-align:start;color:var(--muted)}
.settings-tabs button[aria-selected=true]{background:var(--raised);color:var(--text);font-weight:600}
.settings-panels{overflow:auto;padding:2px 2px 22px}
.segmented{display:flex;gap:2px;padding:3px;background:var(--raised);border-radius:10px;margin-bottom:6px}
.segmented>*{flex:1;text-align:center}
.segmented button{padding:7px 10px;border-radius:var(--r-control)}
.segmented button[aria-pressed=true]{background:var(--surface);font-weight:600}
.segmented input{position:absolute;opacity:0}
.segmented label span{display:block;padding:7px 8px;border-radius:var(--r-control);cursor:pointer}
.segmented input:checked+span{background:var(--surface);font-weight:600}
.segmented input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}
.tier-list{display:flex;flex-direction:column}
.tier{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);margin-top:-1px;cursor:pointer}
.tier:first-child{border-radius:10px 10px 0 0;margin-top:0}
.tier:last-child{border-radius:0 0 10px 10px}
.tier:has(input:checked){border-color:var(--accent);position:relative;z-index:1}
.tier input{accent-color:var(--accent);flex:none}
.tier span{flex:1;min-width:0}
.tier strong{display:block;font-weight:600}
.tier small{color:var(--muted)}
.tier ul{margin:4px 0 0;padding:0;list-style:none;color:var(--muted);font-size:12px;line-height:1.7}
.tier em{font-style:normal;color:var(--muted);font-size:13px;white-space:nowrap;align-self:flex-start}
.segmented label:has(input:disabled){opacity:.4}
.segmented label:has(input:disabled) span{cursor:default}
.tool-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.tool-item{display:block;width:100%;padding:11px 13px;text-align:start;border:1px solid var(--line);border-radius:10px}
.tool-item:hover:not(:disabled){border-color:var(--accent)}
.tool-item strong{display:block;font-weight:600}
.tool-item small{color:var(--muted);font-size:13px}
.tool-result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.toast{position:fixed;inset-block-end:150px;inset-inline-start:50%;translate:50% 0;z-index:60;padding:8px 16px;border-radius:999px;background:var(--text);color:var(--bg);font-size:14px;white-space:nowrap}
.estimate{margin-top:10px;font-size:14px}
.toggle{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer}
.toggle input{width:18px;height:18px;flex:none;accent-color:var(--accent)}
.me-email{font-weight:600;text-align:end}
.me-balance{margin-top:12px}
.me-balance strong{font:700 32px/1.2 var(--ui)}
.fold{margin-block:12px;border-top:1px solid var(--line);padding-top:10px}
.fold summary{cursor:pointer}
.fold form .ws-primary,.fold form .ws-secondary{margin-top:12px}
fieldset.plain{border:0;padding:0;margin:0}
.theme-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}
.theme-list button{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-control);text-align:start}
.theme-list button[aria-pressed=true]{border-color:var(--accent);font-weight:600}
.swatch{width:18px;height:18px;border-radius:50%;border:1px solid var(--line);flex:none}
.swatch.auto{background:linear-gradient(90deg,#fff 50%,#121a23 50%)}.swatch.paper{background:#fff}.swatch.ink{background:#121a23}.swatch.oled{background:#000}.swatch.forest{background:#10201b}.swatch.sand{background:#f1ebdf}

/* Tablet: the notebook becomes a drawer. */
/* Phone: one column, the menu slides in from the edge, large touch targets, and sheets that rise from the bottom. */
@media(max-width:759px){
 .app{grid-template-columns:minmax(0,1fr)}
 .library{position:fixed;inset-block:0;inset-inline-start:0;z-index:12;width:min(300px,84vw);transform:translateX(100%);transition:transform .18s ease-out;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
 .app.menu-open .library{transform:none}
 .menu-button,.menu-close{display:block}
 .menu-button{display:grid;place-items:center;flex:none}
 .cost-hint{display:none}
 .title-button{cursor:pointer}
 .points-chip{display:block}
 .topbar{padding:6px 10px;min-height:46px}
 .chat{padding:10px 14px 8px}
 .welcome{padding-block:3vh 8px}
 .welcome h1{font-size:28px}
 .prompt{padding:9px 0}
 .composer-wrap{padding:2px 8px calc(8px + env(safe-area-inset-bottom))}
 .composer textarea{font-size:16px}
 .style-status{display:none}
 .ws-overlay{place-items:end stretch;padding:0}
 .ws-sheet,.ws-sheet.tall,.settings-sheet{width:100%;max-height:92dvh;border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
 .settings-sheet{height:92dvh;padding-bottom:0}
 .settings-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:12px}
 .settings-tabs{flex-direction:row;overflow:auto;scrollbar-width:none}
 .settings-tabs button{flex:none}
 .settings-panels{padding-bottom:calc(22px + env(safe-area-inset-bottom))}
 .scene-header{padding:8px 14px}
 .scene-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
 .scene-sidebar{display:flex;align-items:center;gap:6px;padding:8px 14px;border-inline-end:0;border-bottom:1px solid var(--line);overflow:auto}
 .scene-side-title{padding:0;flex:none}.scene-side-title strong{display:none}
 #sceneList{display:flex;gap:4px}
 .scene-item{width:auto;max-width:150px;flex:none;padding:6px 10px}
 .scene-editor{padding:12px 14px calc(8px + env(safe-area-inset-bottom))}
 .scene-editor input{font-size:18px}
 .scene-footer>div{margin-inline-start:0}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.seed{padding:12px 0;border-bottom:1px solid var(--line)}.seed .ws-actions{margin-top:8px}
.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-block:6px 10px}
.tag{padding:5px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;cursor:pointer}
.tag[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.world-talk{display:flex;flex-direction:column;gap:6px;margin-block:8px}
.talk-line{margin:0;padding:8px 10px;border-radius:10px;background:var(--raised);white-space:pre-wrap}
.talk-line.user{background:var(--surface);border:1px solid var(--line)}
.library-head .icon-button{display:none}