/* Articles, tasks and conversations share the saved Chat appearance values. */
:root[data-look="claude"]{
 --font-body:var(--t-reply-font);--font-display:var(--t-reply-font);--font-mono:var(--t-mono-font);--font:var(--t-reply-font);
 --color-page-bg:var(--t-page);--color-sheet-bg:var(--t-page);--color-ink:var(--t-text);--color-soft:var(--t-text-secondary);--color-muted:var(--t-text-muted);--color-dim:var(--t-text-muted);--color-line:var(--t-border);--color-link:var(--t-link);--color-accent:var(--t-accent);--color-selection:var(--t-user-bubble);
 --color-widget-bg:var(--t-surface);--color-widget-border:var(--t-border);--color-card-bg:var(--t-surface);--color-code-bg:var(--t-code-bg);--color-accent-soft:var(--t-user-bubble);--color-kind-badge-bg:var(--t-raised);--color-kind-badge-ink:var(--t-text);
 --color-json-bg:var(--t-code-bg);--color-json-ink:var(--t-code-text);--color-json-key:var(--t-code-key);--color-json-string:var(--t-code-string);--color-json-number:var(--t-code-number);--color-json-bool:var(--t-code-number);--color-json-null:var(--t-code-comment);--color-json-punct:var(--t-code-text);--color-json-bar:var(--t-surface);
 --size-body:var(--t-reply-size);--leading-body:var(--t-reply-line);--size-h1:var(--t-title-size);--size-h2:var(--t-h2-size);--size-h3:var(--t-h3-size);--size-h1-measure:none;--size-code:var(--t-code-size);--size-json:var(--t-code-size);--leading-json:var(--t-code-line);
 --weight-display:var(--t-heading-weight);--weight-head:var(--t-heading-weight);--weight-strong:var(--t-heading-weight);--tracking-body:normal;--tracking-display:normal;
 --ink:var(--t-text);--soft:var(--t-text-secondary);--line:var(--t-border);--box:var(--t-surface);--accent:var(--t-accent);--bg:var(--t-page);--surface:var(--t-surface);
 --border-code-radius:var(--t-block-radius);--border-widget-radius:var(--t-block-radius);--border-card-radius:var(--t-block-radius);
}
:root[data-look="claude"][data-article-page] body{margin:0;background:var(--t-page);color:var(--t-text);font:400 var(--t-reply-size)/var(--t-reply-line) var(--t-reply-font);letter-spacing:normal;-webkit-font-smoothing:antialiased}
:root[data-look="claude"][data-article-page] :is(.wrap,.ja-sheet){box-sizing:border-box;width:100%;max-width:calc(var(--t-column) + 32px);margin:0 auto;padding:var(--t-document-padding);border:0;border-radius:0;box-shadow:none;background:var(--t-page);min-width:0;overflow-wrap:anywhere}
:root[data-look="claude"] .ja-sheet .col{max-width:none}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply){font:400 var(--t-reply-size)/var(--t-reply-line) var(--t-reply-font);color:var(--t-text);min-width:0;overflow-wrap:anywhere}
:root[data-look="claude"] :is(.article,.task-detail){width:100%;max-width:var(--t-column);margin-left:auto;margin-right:auto}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) h1{font:var(--t-heading-weight) var(--t-title-size)/var(--t-title-line) var(--t-reply-font);letter-spacing:normal;max-width:none;margin:14px 0 var(--t-paragraph-gap);color:var(--t-text)}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) h2{font:var(--t-heading-weight) var(--t-h2-size)/var(--t-h2-line) var(--t-reply-font);margin:28px 0 10px;color:var(--t-text)}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) h3{font:var(--t-heading-weight) var(--t-h3-size)/var(--t-h3-line) var(--t-reply-font);margin:24px 0 8px;color:var(--t-text)}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) h4{font:var(--t-heading-weight) var(--t-h4-size)/var(--t-h4-line) var(--t-reply-font);margin:20px 0 6px;color:var(--t-text)}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) p{margin:0 0 var(--t-paragraph-gap)}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) a{color:var(--t-link);text-decoration:underline;text-underline-offset:2px}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) strong{font-weight:var(--t-heading-weight)}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) code{font:400 .875em/1.4 var(--t-mono-font);background:var(--t-user-bubble);border:1px solid var(--t-border);border-radius:6px;padding:1px 5px}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) pre{box-sizing:border-box;max-width:100%;overflow-x:auto;white-space:pre;background:var(--t-code-bg);color:var(--t-code-text);border:1px solid var(--t-code-border);border-radius:var(--t-block-radius);padding:var(--t-block-padding);font:400 var(--t-code-size)/var(--t-code-line) var(--t-mono-font);margin:var(--t-paragraph-gap) 0}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) pre code{font:inherit;border:0;background:none;padding:0;color:inherit}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) blockquote{margin:0 0 var(--t-paragraph-gap);padding:0 0 0 14px;border-left:3px solid var(--t-border);color:var(--t-text-secondary)}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) hr{border:0;border-top:1px solid var(--t-border);margin:24px 0}
:root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) :is(table,th,td){font:inherit;border-color:var(--t-border);color:var(--t-text)}
:root[data-look="claude"] :is(.post,.article,.task-detail) :is(.widget,.ja-w,.ev){background:var(--t-surface);color:var(--t-text);border-color:var(--t-border);border-radius:var(--t-block-radius);font-family:var(--t-reply-font)}
:root[data-look="claude"] .post header{position:static;height:auto;background:none;backdrop-filter:none;border:0;padding:0}
:root[data-look="claude"] :is(.byline,.kicker,.foot,.src-by,.src-q){font-family:var(--t-ui-font);color:var(--t-text-muted)}
:root[data-look="claude"] :is(.post,.article) .lead{font:inherit;color:var(--t-text-secondary)}
:root[data-look="claude"][data-article-page] .top{font:500 var(--t-ui-size)/var(--t-ui-line) var(--t-ui-font);letter-spacing:normal;text-transform:none}
:root[data-look="claude"][data-article-page] .top :is(a,button){font:inherit;letter-spacing:normal;text-transform:none}
:root[data-look="claude"] .news h3{font:var(--t-heading-weight) var(--t-h3-size)/var(--t-h3-line) var(--t-reply-font)}
:root[data-look="claude"] .news .dek{font:400 var(--t-reply-size)/var(--t-reply-line) var(--t-reply-font)}
:root[data-look="claude"] .task-screen .tk-title{font:500 var(--t-user-size)/var(--t-user-line) var(--t-ui-font)}
:root[data-look="claude"] .task-screen :is(.tk-input,.tk-empty,.tk-assign){font:400 var(--t-user-size)/var(--t-user-line) var(--t-ui-font)}
:root[data-look="claude"] .task-screen :is(.tk-sub,.tk-chip){font:400 var(--t-ui-size)/var(--t-ui-line) var(--t-ui-font)}
:root[data-look="claude"] .task-detail .task-words{font:inherit}
:root[data-look="claude"] ::selection{background:var(--t-user-bubble);color:var(--t-text)}
@media(max-width:700px){
 :root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply){font-size:var(--t-phone-reply-size);line-height:var(--t-phone-reply-line)}
 :root[data-look="claude"] :is(.post,.article,.task-detail,.rep,.tc-reply) pre{font-size:var(--t-phone-code-size);line-height:var(--t-phone-code-line)}
 :root[data-look="claude"] .task-screen :is(.tk-title,.tk-input,.tk-empty,.tk-assign){font-size:var(--t-phone-user-size);line-height:var(--t-phone-user-line)}
}

:root[data-look="claude"] .task-screen{max-width:var(--t-column)}

:root[data-look="claude"]{--code:var(--t-code-bg);--k:var(--t-code-key);--s:var(--t-code-string);--n:var(--t-code-number);--c:var(--t-code-comment)}
:root[data-look="claude"] .codeblock{background:var(--t-code-bg);border-color:var(--t-code-border);border-radius:var(--t-block-radius)}
:root[data-look="claude"] .codeblock pre{border:0;border-radius:var(--t-block-radius);margin:0}
:root[data-look="claude"] .cb-bar{background:var(--t-surface);font:400 var(--t-ui-size)/var(--t-ui-line) var(--t-ui-font);border-color:var(--t-border)}
:root[data-look="claude"][data-article-page] .wrap>h1{font:var(--t-heading-weight) var(--t-title-size)/var(--t-title-line) var(--t-reply-font)}
:root[data-look="claude"][data-article-page] .card h2{font:var(--t-heading-weight) var(--t-h3-size)/var(--t-h3-line) var(--t-reply-font)}

:root[data-look="claude"] .widget.tm{background:var(--t-code-bg);color:var(--t-code-text);border-color:var(--t-code-border);box-shadow:none}
:root[data-look="claude"] .tm :is(.tm-bar,.tm-prompt,.tm-out){background:var(--t-code-bg);color:var(--t-code-text);border-color:var(--t-code-border)}
:root[data-look="claude"] .tm :is(.tm-title,.tm-g){color:var(--t-text-muted);border-color:var(--t-code-border);font-family:var(--t-mono-font)}
:root[data-look="claude"] .tm .tm-k{color:var(--t-code-key)}
:root[data-look="claude"] .tm .tm-s{color:var(--t-code-string)}
:root[data-look="claude"] .tm :is(.tm-t,.tm-n){color:var(--t-code-number)}
:root[data-look="claude"] .tm .tm-c{color:var(--t-code-comment)}
:root[data-look="claude"] .tm .tm-cmd{color:var(--t-code-text)}
:root[data-look="claude"] .ck :is(.ck-ti,.ck-t){font:500 var(--t-user-size)/var(--t-user-line) var(--t-ui-font);letter-spacing:normal;text-transform:none}
:root[data-look="claude"] .ck .ck-box{background:var(--t-page);border-color:var(--t-border)}
@media(max-width:700px){:root[data-look="claude"] .ck :is(.ck-ti,.ck-t){font-size:var(--t-phone-user-size);line-height:var(--t-phone-user-line)}}

:root[data-look="claude"] .rp-card{--rp-sans:var(--t-reply-font);background:var(--t-surface);color:var(--t-text);border-color:var(--t-border);border-radius:var(--t-block-radius)}
:root[data-look="claude"] .rp-card :is(.rp-body,.rp-st-quote,.rp-st-sum,.rp-news-dek,.rp-news-quote,.rp-dx-senses,.rp-bk-text){font:400 var(--t-reply-size)/var(--t-reply-line) var(--t-reply-font);color:var(--t-text)}
:root[data-look="claude"] .rp-card :is(.rp-st-title,.rp-news-headline){font:var(--t-heading-weight) var(--t-h3-size)/var(--t-h3-line) var(--t-reply-font);color:var(--t-text)}
:root[data-look="claude"] .rp-card .rp-news-mast{font-family:var(--t-ui-font)}
:root[data-look="claude"] .rp-card .rp-st-quote{border-color:var(--t-border)}
@media(max-width:700px){:root[data-look="claude"] .rp-card :is(.rp-body,.rp-st-quote,.rp-st-sum,.rp-news-dek,.rp-news-quote,.rp-dx-senses,.rp-bk-text){font-size:var(--t-phone-reply-size);line-height:var(--t-phone-reply-line)}}