/* Xuefei shared theme · 2026-10 */
:root{--xf-bg:#f6f4ee;--xf-panel:#fffefa;--xf-text:#252c2c;--xf-muted:#626a66;--xf-line:#dcded4;--xf-accent:#a34535;--xf-nav-height:64px}
html{scroll-padding-top:84px}
body.xf-themed{--bg:var(--xf-bg);--bg-header:var(--xf-bg);--bg-card:var(--xf-panel);--bg-column:#f0f0e8;--bg-input:#fffefa;--bg-select:#fffefa;--bg-hover:#eeeee5;--card:var(--xf-panel);--surface:var(--xf-panel);--panel:var(--xf-panel);--panel-strong:#eeeee5;--border:var(--xf-line);--line:var(--xf-line);--text:var(--xf-text);--ink:var(--xf-text);--soft:#626a66;--text-primary:var(--xf-text);--text-secondary:#56605a;--text-muted:var(--xf-muted);--muted:var(--xf-muted);--dim:var(--xf-muted);--dim2:#68716b;--text2:#56605a;--text3:var(--xf-muted);--accent:var(--xf-accent);--accent-hover:#84382d;--accent-soft:#f3e5dd;--accent-l:#f3e5dd;--primary:var(--xf-accent);--sy-paper:var(--xf-bg);--sy-card:var(--xf-panel);--sy-ink:var(--xf-text);--sy-ink-soft:var(--xf-muted);--sy-line:var(--xf-line);--sy-accent:var(--xf-accent);--sy-accent-soft:#f3e5dd;background-color:var(--xf-bg);color:var(--xf-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.xf-shell,.xf-shell *{box-sizing:border-box}
.xf-shell{position:fixed;inset:0 0 auto;z-index:90;height:var(--xf-nav-height);background:#f6f4eefa;border-bottom:1px solid var(--xf-line);color:var(--xf-text);font:14px/1.4 Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;backdrop-filter:blur(16px)}
.xf-shell-inner{max-width:1120px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}
.xf-brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.05em;white-space:nowrap}.xf-mark{display:grid;place-items:center;background:#a34535;color:#fff5e9;width:28px;height:28px;border-radius:6px;font-family:serif;font-size:19px}
.xf-shell a{color:#56605a;text-decoration:none;background:none}.xf-shell .xf-brand{color:#252c2c}.xf-shell nav{display:flex;align-items:center;gap:24px;height:100%;overflow-x:auto}.xf-shell nav a{display:flex;align-items:center;height:100%;white-space:nowrap;border-bottom:2px solid transparent;padding-top:2px}.xf-shell nav a:hover,.xf-shell nav a[aria-current=page]{color:#252c2c;border-bottom-color:#a34535}
.xf-shell a:focus-visible,.xf-page a:focus-visible{outline:2px solid #a34535;outline-offset:5px}
.xf-skip{position:fixed;top:-100px;left:20px;z-index:1000;background:#252c2c;color:#f6f4ee;padding:12px}.xf-skip:focus{top:72px}
.xf-themed .sy-back{display:none}
.xf-page{margin:0;background:#f6f4ee;color:#252c2c;font:16px/1.8 Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.xf-page *{box-sizing:border-box}.xf-page a{color:inherit;text-decoration:none}.xf-page a:hover{color:#84382d}.xf-wrap{max-width:1120px;padding:0 32px;margin:auto}.xf-hero{padding:88px 0 64px;border-bottom:1px solid #dcded4;background:radial-gradient(ellipse at 90% 0,#a3453512,transparent 60%)}.xf-eyebrow{font-size:13px;letter-spacing:.18em;color:#a34535;margin:0 0 22px}.xf-page h1{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:clamp(36px,5.5vw,64px);font-weight:500;line-height:1.35;letter-spacing:-.02em;margin:0 0 24px}.xf-lead{max-width:600px;color:#56605a;font-size:17px;line-height:1.9;margin:0}.xf-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.xf-button{display:inline-flex;align-items:center;min-height:44px;border:1px solid #bbc1b4;padding:8px 20px;border-radius:6px}.xf-button.primary{background:#a34535;border-color:#a34535;color:#fff7ee}.xf-page section.xf-section{padding:54px 0;border-bottom:1px solid #dcded4}.xf-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}.xf-page h2{font-size:25px;font-weight:500;margin:0}.xf-more{font-size:15px;color:#56605a!important}.xf-post{display:grid;grid-template-columns:94px 1fr 22px;gap:20px;padding:23px 0;border-top:1px solid #dcded4}.xf-post time{font:13px/1.8 monospace;color:#626a66}.xf-post h3{font-size:17px;margin:0 0 5px;font-weight:500}.xf-post p{color:#626a66;font-size:15px;margin:0}.xf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.xf-card{display:block;background:#fffefa;border:1px solid #dcded4;border-radius:10px;padding:26px;transition:border-color .2s,transform .2s}.xf-card:hover{border-color:#aa6a55;transform:translateY(-2px)}.xf-card .xf-tag{font-size:13px;color:#a34535}.xf-card h3{font-size:20px;font-weight:500;margin:26px 0 12px}.xf-card p{font-size:15px;color:#626a66;margin:0 0 24px}.xf-card .xf-link{font-size:15px}.xf-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.xf-tool{padding:20px;border:1px solid #dcded4;border-radius:8px}.xf-tool small{display:block;color:#626a66;font-size:13px;margin-top:6px}.xf-about{display:grid;grid-template-columns:1fr 2fr;gap:40px}.xf-about p{color:#56605a;margin:0 0 20px}.xf-footer{padding:28px 0 36px;color:#626a66;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.xf-page .xf-prose{max-width:720px}.xf-prose p{color:#56605a}.xf-prose h2{margin:40px 0 16px}
@media(max-width:700px){.xf-shell-inner{padding:0 16px;gap:16px}.xf-shell nav{gap:18px}.xf-brand .xf-brand-name{display:none}.xf-wrap{padding:0 22px}.xf-hero{padding:52px 0 42px}.xf-grid{grid-template-columns:1fr}.xf-tools{grid-template-columns:repeat(2,1fr)}.xf-about{grid-template-columns:1fr;gap:18px}.xf-post{grid-template-columns:1fr 20px;gap:8px}.xf-post time{grid-column:1/-1}.xf-section-head{align-items:center}.xf-page section.xf-section{padding:36px 0}.xf-card h3{margin-top:16px}.xf-lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){.xf-card{transition:none}html{scroll-behavior:auto}}
/* Legacy page adapters: retain semantic status colors and embedded product previews. */
body.xf-themed{--color-bg:#f6f4ee;--color-card:#fffefa;--color-card-hover:#eeeee5;--color-border:#dcded4;--color-primary:#252c2c;--color-secondary:#56605a;--color-brand:#a34535;--color-brand-secondary:#84382d;--radius-card:12px;--page-bg:#f6f4ee;--card-bg:#fffefa;--deep-text:#252c2c;--btn-content:#a34535;--title-active:#84382d;--line-divider:#dcded4;--line-color:#dcded4;--selection-bg:#ead0bd;--link-underline:#a34535}
body.xf-themed:not(.xf-product-preview) :is(.card,.result-card,.section-card,.panel,.search-box){background-color:#fffefa;border-color:#dcded4;color:#252c2c}
body.xf-themed:not(.xf-product-preview) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){background-color:#fffefa;color:#252c2c;border-color:#bbc1b4}
body.xf-themed :is(input,textarea)::placeholder{color:#68716b}
body.xf-themed.xf-kb aside{top:64px;height:calc(100dvh - 64px);background:#fffefa;border-right:1px solid #dcded4}
body.xf-kb main{height:calc(100dvh - 64px)}
body.xf-kb .save-state{top:78px;background:#eeeee5}
body.xf-kb :is(.field,.meta-row [contenteditable],.meta-row select):is(:hover,:focus){background:#eeeee5;color:#252c2c}
body.xf-kb .section{border-color:#dcded4}
body.xf-blog{--muted:#e8e9df}
body.xf-blog #navbar{top:64px}
body.xf-blog :is(.card-base,.card-base-transparent){background:#fffefa}
body.xf-tools-directory .page{max-width:1120px;padding:40px 32px 70px}
body.xf-tools-directory .ttl{font-size:24px}
body.xf-tools-directory .rows .row{padding-top:18px;padding-bottom:18px}
body.xf-tools-directory .back{display:none}
@media(max-width:700px){body.xf-tools-directory .page{padding:28px 22px 50px}body.xf-kb aside{width:150px;padding:16px 8px}body.xf-kb .canvas{padding:54px 16px 80px}body.xf-kb .title{font-size:24px}}

/* Readability pass: secondary copy is readable text, not decoration. */
body.xf-themed{--dim-2:#68716b;--dim2:#68716b;--text-dim:#626a66;--sy-dark-bg:#f6f4ee;--sy-dark-card:#fffefa;--sy-dark-line:#dcded4;--sy-dark-ink:#252c2c;--sy-dark-soft:#626a66;color-scheme:light}
.xf-page :is(h1,h2,h3){color:#252c2c}
.xf-page .xf-lead{font-size:18px;color:#56605a}
.xf-page :is(.xf-post p,.xf-card p,.xf-about p,.xf-prose p){color:#56605a;line-height:1.85}
.xf-page .xf-post time,.xf-page .xf-tool small{font-size:14px;color:#626a66}
.xf-page .xf-tool{background:#fffefa}
.xf-page :is(.xf-link,.xf-more){font-weight:500}
.xf-page .xf-button:not(.primary){background:#eeeee5;color:#252c2c}
.xf-page .xf-button.primary{background:#a34535;color:#252c2c;border-color:#a34535}
.xf-shell nav a{font-size:15px;font-weight:500}
body.xf-tools-directory :is(.meta,.foot,.row .ad,.row em){color:#626a66}
body.xf-kb :is(.meta-row select,.meta-row [contenteditable],.meta-row .lbl,.empty-hint){color:#626a66}
body.xf-kb .field:empty::before,body.xf-kb .title:empty::before{color:#68716b}
::selection{background:#ead0bd;color:#252c2c}
@media(max-width:700px){.xf-page .xf-lead{font-size:17px}.xf-shell nav{gap:16px}}
/* Article and legacy subpage readability, 2026-10-22. */
body.xf-blog{--content-meta:#626a66;--meta-divider:#bbc1b4;--inline-code-bg:#eeeee5;--inline-code-color:#8a4033;--codeblock-bg:#efeee7;--codeblock-topbar-bg:#eeeee5;--float-panel-bg:#eeeee5;--btn-regular-bg:#eeeee5;--btn-regular-bg-hover:#e3e5da;--btn-regular-bg-active:#e3e5da;--btn-plain-bg-hover:#eeeee5;--btn-plain-bg-active:#e3e5da;--toc-badge-bg:#eeeee5;--toc-btn-hover:#eeeee5;--toc-btn-active:#e3e5da;--toc-indicator-bg:#bbc1b4;--toc-item-active:#a34535;--license-block-bg:#eeeee5;--link-hover:#eeeee5;--link-active:#e3e5da}
body.xf-blog :is(.custom-md,.markdown-content,.prose){--tw-prose-body:#303833;--tw-prose-headings:#252c2c;--tw-prose-lead:#56605a;--tw-prose-links:#a34535;--tw-prose-bold:#252c2c;--tw-prose-counters:#626a66;--tw-prose-bullets:#626a66;--tw-prose-hr:#bbc1b4;--tw-prose-quotes:#56605a;--tw-prose-quote-borders:#a34535;--tw-prose-captions:#626a66;--tw-prose-code:#8a4033;--tw-prose-pre-code:#303833;--tw-prose-pre-bg:#efeee7;--tw-prose-th-borders:#bbc1b4;--tw-prose-td-borders:#dcded4;color:#303833;font-size:18px;line-height:1.95;letter-spacing:.015em;max-width:42rem;margin-inline:auto;overflow-wrap:break-word}
body.xf-blog :is(.custom-md,.markdown-content) :is(p,li){color:#303833;line-height:1.95}
body.xf-blog :is(.custom-md,.markdown-content) p{margin-block:1.1em}
body.xf-blog :is(.custom-md,.markdown-content) :is(h1,h2,h3,h4,h5,h6){color:#252c2c;line-height:1.5;margin-top:1.8em;margin-bottom:.65em;scroll-margin-top:140px}
body.xf-blog :is(.custom-md,.markdown-content) :is(strong,b){color:#252c2c;font-weight:650}
body.xf-blog :is(.custom-md,.markdown-content) a{color:#a34535;text-decoration:underline;text-underline-offset:4px}
body.xf-blog :is(.custom-md,.markdown-content) blockquote{background:#eeeee5;border-left:3px solid #a34535;color:#56605a;padding:.5em 1.1em;border-radius:0 6px 6px 0}
body.xf-blog :is(.custom-md,.markdown-content) :not(pre)>code{background:#eeeee5;color:#8a4033;font-size:.88em}
body.xf-blog :is(.custom-md,.markdown-content) pre{overflow-x:auto;font-size:14px;line-height:1.75}
body.xf-blog :is(.custom-md,.markdown-content) th{color:#252c2c;background:#eeeee5}
body.xf-blog :is(.custom-md,.markdown-content) td{color:#303833;border-color:#dcded4}
body.xf-blog :is(.custom-md,.markdown-content) :is(figcaption,small){color:#626a66;font-size:14px}
body.xf-blog :is([class~="text-black/30"],[class~="text-black/50"],[class~="text-black/60"],[class~="text-black/75"],[class~="dark:text-white/30"],[class~="dark:text-white/50"],[class~="dark:text-white/60"],[class~="dark:text-white/75"]){color:#626a66}
body.xf-blog #post-container{background:#fffefa;border:1px solid #dcded4!important;border-radius:12px!important;padding-top:32px;padding-bottom:32px}
body.xf-blog :is(#toc,.toc) a{color:#626a66;font-size:14px;line-height:1.8}
body.xf-blog :is(#toc,.toc) a:hover{color:#a34535}
body.xf-blog .icp-minimal{opacity:1;color:#626a66}
body.xf-notes{--soft:#303833;--acc:#a34535;--chip:#eeeee5}
body.xf-notes .paper{max-width:720px}
body.xf-notes .body{color:#303833;font-size:18px;line-height:1.95;text-align:left}
body.xf-notes :is(.meta,.meta select,.bar a,.bar button,.item .d,.item .k,.foot){font-size:13px;color:#626a66;letter-spacing:.04em}
body.xf-notes .item .s{font-size:15px;color:#56605a}
body.xf-notes #toc{top:92px;max-height:calc(100vh - 120px)}
body.xf-notes #toc a{font-size:14px;color:#626a66}
body.xf-notes .body :is(h1,h2,h3){scroll-margin-top:100px}
body.xf-notes .body :not(pre)>code{color:#8a4033;background:#eeeee5}
body.xf-notes .body pre{background:#efeee7;color:#303833;font-size:14px}
body.xf-docs{--fg:#303833;--code:#eeeee5;--muted:#626a66;font-size:17px;line-height:1.9}
body.xf-docs :is(nav.docnav a,ul.cards li,.dl,th,tr:nth-child(even) td){background:#fffefa;color:#303833;border-color:#dcded4}
body.xf-docs nav.docnav a.cur{background:#a34535;color:#252c2c}
body.xf-docs :is(h1,h2,h3,h4){color:#252c2c;scroll-margin-top:90px}
body.xf-docs :is(pre,code){color:#303833}
body.xf-themed:not(.xf-product-preview) :is(input,textarea,select):focus-visible{outline:2px solid #a34535;outline-offset:2px}
body.xf-themed:not(.xf-product-preview) :is(input,textarea,select):disabled{color:#68716b;opacity:.8}
@media(max-width:700px){body.xf-blog :is(.custom-md,.markdown-content,.prose),body.xf-notes .body{font-size:17px;line-height:1.9}body.xf-blog #post-container{padding:24px 18px}body.xf-blog :is(.custom-md,.markdown-content) table{display:block;overflow-x:auto}body.xf-notes main{padding-inline:20px}body.xf-notes .bar{padding:20px;gap:12px;flex-wrap:wrap}}

/* Unified site theme, 2026-10-22. Layout and application behavior remain app-owned. */
:root{--xf-bg:#f6f4ee;--xf-panel:#fffefa;--xf-text:#252c2c;--xf-muted:#626a66;--xf-line:#dcded4;--xf-accent:#a34535;--xf-nav-height:64px}
html{color-scheme:light;scroll-padding-top:90px}
body.xf-unified{background:var(--xf-bg);background-image:none;color:var(--xf-text);-webkit-text-size-adjust:100%;--bg:#f6f4ee;--bg2:#fffefa;--bg3:#eeeee5;--paper:#f6f4ee;--fg:#252c2c;--fg2:#626a66;--panel:#fffefa;--panel2:#eeeee5;--sidebar:#eeeee5;--card-hover:#f1f0e8;--accent2:#865b43;--acc:#a34535;--red:#a34535;--ink:#252c2c;--soft:#56605a;--dim:#626a66;--dim2:#626a66;--dim-2:#626a66;--chip:#eeeee5;--border-focus:#b5bdad;--success:#426849;--danger:#b23d32;--info:#3e6582;--shadow:0 5px 20px #252c2c08;--shadow-card:0 5px 20px #252c2c08;--radius:10px;--radius-card:10px;--badge-ready-bg:#eeeee5;--badge-ready-text:#626a66;--badge-running-bg:#e9eef1;--badge-running-text:#365f7b;--badge-blocked-bg:#f7e8e2;--badge-blocked-text:#a34535;--badge-done-bg:#eaf0e5;--badge-done-text:#426849;--modal-overlay:rgba(37,44,44,.38);--sy-paper:#f6f4ee;--sy-card:#fffefa;--sy-ink:#252c2c;--sy-ink-soft:#626a66;--sy-line:#dcded4;--sy-accent:#a34535;--sy-accent-soft:#f3e5dd;--sy-dark-bg:#f6f4ee;--sy-dark-card:#fffefa;--sy-dark-line:#dcded4;--sy-dark-ink:#252c2c;--sy-dark-soft:#626a66;color-scheme:light}
body.xf-unified .xf-shell{background:#f6f4eef5;border-color:#dcded4;box-shadow:none}
body.xf-unified .xf-shell-inner{max-width:1120px;padding-inline:32px}
body.xf-unified .xf-shell a,body.xf-unified .xf-shell .xf-brand{color:#252c2c}
body.xf-unified .xf-shell nav a{color:#626a66;font-size:14px;font-weight:400}
body.xf-unified .xf-shell nav a:hover,body.xf-unified .xf-shell nav a[aria-current=page]{color:#a34535;border-bottom-color:#a34535}
body.xf-unified .xf-mark{background:#a34535;color:#fffefa;border-radius:5px}
body.xf-unified .xf-shell nav{min-width:0;scrollbar-width:none}body.xf-unified .xf-shell nav::-webkit-scrollbar{display:none}
body.xf-unified :is(button,input,textarea,select){font-family:inherit}
body.xf-unified :is(button,input,textarea,select,a,[contenteditable]):focus-visible{outline:2px solid #a34535;outline-offset:3px}
body.xf-unified :is(input,textarea)::placeholder{color:#70786f;opacity:1}
body.xf-unified :is(input,textarea,select):disabled{color:#626a66;opacity:.7}
body.xf-unified :is(button,.btn){touch-action:manipulation}
body.xf-unified :is(.sub,.desc,.hint,.meta,.footer,.empty-hint){color:#626a66}
body.xf-unified :is(.primary,.btn-primary,.btn-save,.btn-publish,.xf-button.primary){background:#a34535;border-color:#a34535;color:#fffefa}
body.xf-unified :is(.primary,.btn-primary,.btn-save,.btn-publish,.xf-button.primary):hover{background:#84382d;color:#fffefa}
body.xf-unified .xf-legacy-theme-toggle{display:none!important}
body.xf-unified :is(.modal-overlay,.search-overlay,.reader-overlay){z-index:120}
body.xf-unified :is(h1,h2,h3,h4)[id]{scroll-margin-top:100px}
body.xf-unified :is(img,video){max-width:100%}
body.xf-unified .xf-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
body.xf-unified .xf-table-scroll:focus-visible{outline:2px solid #a34535;outline-offset:2px}
body.xf-unified .xf-utility-empty{padding:22px 12px;color:#626a66;font-size:13px;text-align:center;line-height:1.8}
body.xf-unified ::selection{background:#ead0bd;color:#252c2c}
/* Content pages */
body.xf-unified.xf-page .xf-hero{background:none;padding:54px 0 42px}
body.xf-unified.xf-page :is(h1,h2,h3){color:#252c2c}
body.xf-unified.xf-page .xf-card{background:#fffefa;border-color:#dcded4;box-shadow:none}
body.xf-unified.xf-page .xf-button.primary{color:#fffefa}
body.xf-unified .xf-about-prose{max-width:760px;padding:0 0 38px}
body.xf-unified .xf-about-prose section{padding:27px 0;border-top:1px solid #dcded4}
body.xf-unified .xf-about-prose h2{font-size:21px;margin-bottom:15px}
body.xf-unified .xf-about-prose p{font-size:16px;line-height:1.95;color:#56605a}
body.xf-unified .xf-about-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.xf-unified .xf-about-links a{background:#fffefa;border:1px solid #dcded4;border-radius:6px;padding:17px}
body.xf-unified .xf-about-links strong{display:block;font-size:14px;font-weight:500;color:#a34535}
body.xf-unified .xf-about-links span{display:block;font-size:12px;color:#626a66;margin-top:6px}
/* Everyday dashboards */
body.xf-workplan .header{background:#f6f4ee;padding:24px max(24px,calc((100vw - 1120px)/2));gap:14px;flex-wrap:wrap}
body.xf-workplan .header h1{font-size:23px;font-weight:550}
body.xf-workplan .header .stat b{color:#426849}
body.xf-workplan .container{max-width:1160px;padding:24px}
body.xf-workplan :is(.add-form,.col,.task,.modal){border-radius:8px;box-shadow:none}
body.xf-workplan .col{background:#eeeee5;border-color:#dcded4}
body.xf-workplan .col-title{color:#56605a;font-size:14px}
body.xf-workplan .board{min-height:280px}
body.xf-profile .hero{background:#fffefa;border:1px solid #dcded4;border-radius:10px;box-shadow:none}
body.xf-profile .avatar{background:#a34535;color:#fffefa;box-shadow:none}
body.xf-profile :is(.section,.item){background:#fffefa;border-color:#dcded4;color:#252c2c;border-radius:8px}
body.xf-profile :is(.section-title,.section-title .count,.item .key,.item .val,.hero .sub,.footer){color:#626a66;border-color:#dcded4}
body.xf-profile .hero .tag{background:#eeeee5;color:#56605a;border-color:#dcded4}
body.xf-profile .hero .tag.hot{background:#f3e5dd;color:#8c4435;border-color:#d9b9a7}
body.xf-profile .hero h1,body.xf-profile .item .val{color:#252c2c}
/* Diary calendar and editor */
body.xf-diary .topbar{background:#f6f4eef5;backdrop-filter:blur(12px)}
body.xf-diary :is(.nav-card,.editor-card,.browser-card,.editor-shell,.empty-card,.search-modal){background:#fffefa;border:1px solid #dcded4;box-shadow:0 3px 14px #252c2c06;border-radius:10px}
body.xf-diary button{border-radius:6px;background:#eeeee5;color:#252c2c;box-shadow:none}
body.xf-diary button:hover{background:#e3e5da;transform:none}
body.xf-diary button.primary,body.xf-diary button.today-active{background:#a34535;color:#fffefa;box-shadow:none}
body.xf-diary .ql-toolbar{background:#f6f4ee;border-color:#dcded4;top:var(--topbar-offset)}
body.xf-diary .ql-container{background:#fffefa;border-color:#dcded4}
body.xf-diary .ql-editor{color:#252c2c;font-size:17px;line-height:1.95;min-height:280px}
body.xf-diary .ql-snow .ql-stroke{stroke:#56605a}body.xf-diary .ql-snow .ql-fill{fill:#56605a}
body.xf-diary .calendar-day{background:#f6f4ee;border-color:#dcded4;color:#56605a}
body.xf-diary .calendar-day.selected,body.xf-diary .calendar-day.active{background:#a34535;color:#fffefa}
/* Knowledge editor and reading view */
body.xf-unified.xf-kb aside,body.xf-kb-read aside{background:#eeeee5;color:#252c2c;border-right:1px solid #dcded4;top:64px;height:calc(100dvh - 64px)}
body.xf-unified.xf-kb .logo,body.xf-kb-read .logo{color:#252c2c;font-size:17px;font-weight:550}
body.xf-unified.xf-kb .cat-title,body.xf-kb-read .cat-title{color:#626a66}
body.xf-unified.xf-kb .fn-item,body.xf-kb-read aside a{color:#56605a}
body.xf-unified.xf-kb .fn-item:hover,body.xf-kb-read aside a:hover{background:#e2e5d9;color:#252c2c}
body.xf-unified.xf-kb .fn-item.active{background:#a34535;color:#fffefa}
body.xf-unified.xf-kb .btn-add{background:#a34535;color:#fffefa;border-radius:6px}
body.xf-unified.xf-kb :is(.field:hover,.field:focus,.meta-row select:hover){background:#eeeee5;color:#252c2c}
body.xf-unified.xf-kb :is(.meta-row select,.meta-row [contenteditable],.meta-row .lbl,.empty-hint,.img-hint){color:#626a66}
body.xf-unified.xf-kb .field:empty::before,body.xf-unified.xf-kb .title:empty::before{color:#747d72}
body.xf-unified.xf-kb .save-state{background:#fffefa;border:1px solid #dcded4;box-shadow:none;top:76px}
body.xf-kb-read :is(main,.fn-card){background:#fffefa;color:#252c2c;border-color:#dcded4}
body.xf-kb-read main{height:calc(100dvh - 64px)}
/* Transcription, phonetics, calculation and search tools */
body.xf-transcript .card{border:1px solid #dcded4;box-shadow:none;border-radius:10px}
body.xf-transcript :is(button,input[type=url]){border-radius:6px}
body.xf-transcript .transcript-body{line-height:1.9;font-size:16px}
body.xf-transcript .tab-btn{border-color:#c5b4a9;color:#a34535}
body.xf-transcript .tab-btn.active{background:#a34535;color:#fffefa}
body.xf-transliterate .header,body.xf-papers .header{background:#f6f4eef5;border-color:#dcded4}
body.xf-transliterate .result-area,body.xf-papers .reader-wrap{background:#fffefa;border-color:#dcded4}
body.xf-fib :is(.title-gradient,.topbar h1){background:none;-webkit-text-fill-color:#252c2c;color:#252c2c}
body.xf-fib :is(.card,.hi-card,.axis-card){background:#fffefa;border:1px solid #dcded4;box-shadow:none;border-radius:10px}
body.xf-fib .dir-option.selected{color:#a34535;border-color:#a34535;background:#f3e5dd}
body.xf-music .header{background:#f6f4eef5;border-color:#dcded4}
body.xf-music :is(.search-wrap input,.url-input-wrap,.mode-bar,.video-card,.video-info){background:#fffefa;border-color:#dcded4;color:#252c2c}
body.xf-music .mode-btn{color:#626a66}body.xf-music .mode-btn.active{background:#a34535;color:#fffefa}
body.xf-games .game-card{background:#fffefa;border:1px solid #dcded4;box-shadow:none;border-radius:10px;color:#252c2c}
body.xf-games :is(.game-desc,.sub){color:#626a66}
body.xf-games :is(.title,.game-name){color:#252c2c}
body.xf-games .game-card:hover{transform:translateY(-2px);border-color:#b5bdad;background:#fffefa}
body.xf-product-preview{background:#f6f4ee!important}
body.xf-product-preview :is(.phone,.screen,.glass){background-color:#fffefa;color:#252c2c}
body.xf-product-preview :is(.header-bar,.subtitle){color:#626a66}
body.xf-product-preview :is(.confirm,.fab){background:#a34535;color:#fffefa}
body.xf-osint .panel{border-radius:8px}body.xf-osint .tab.active{color:#a34535;background:#fffefa}
body.xf-osint button:not(.danger){border-radius:6px}
/* Technical documentation */
body.xf-docs{--bg:#f6f4ee;--card:#fffefa;--fg:#252c2c;--text:#252c2c;--muted:#626a66;--code:#eeeee5;--line:#dcded4;--accent:#a34535;--blue:#456879;--purple:#865b72;--green:#426849;--orange:#936323}
body.xf-docs :is(.header,.project-card,.project-body,.section,.chip-card,.dep-card,.stat-card,.summary-card,.phase-card,.overview-card){background:#fffefa;border-color:#dcded4;color:#252c2c;box-shadow:none;border-radius:8px}
body.xf-docs .header{background:transparent}
body.xf-docs :is(.header h1,.project-title,.section-title,.dep-name,.chip-name){color:#252c2c;background:none;-webkit-text-fill-color:#252c2c}
body.xf-docs :is(.project-desc,.project-meta,.header-meta,.section-desc,.issue-detail,.chip-role,.chip-status,.footer,.sub,.back-link){color:#626a66}
body.xf-docs :is(.project-tags .tag,.header-icon,.project-icon){background:#eeeee5;color:#626a66;border-color:#dcded4;box-shadow:none}
body.xf-docs :is(.arch-block,.arch-row,.flow-box,.call-node,.tree,.issue-item){border-color:#dcded4}
body.xf-docs :is(p,li){line-height:1.85}
body.xf-docs :is(table,.func-table){width:100%;border-color:#dcded4;font-size:14px}
body.xf-docs th{background:#eeeee5;color:#252c2c}
body.xf-docs td{color:#3f4942;border-color:#dcded4}
body.xf-docs tr:nth-child(even) td{background:#f6f4ee}
body.xf-docs :is(nav.docnav a,ul.cards li,.dl){background:#fffefa;color:#252c2c;border-color:#dcded4;border-radius:6px}
body.xf-docs nav.docnav a.cur{background:#a34535;color:#fffefa}
body.xf-docs pre,body.xf-docs .code-block{max-width:100%;overflow-x:auto;background:#202c3b;color:#e4e9ef;font-size:13px;line-height:1.75;border-radius:6px}
body.xf-docs pre code,body.xf-docs .code-block code{color:inherit;background:transparent}
body.xf-docs :not(pre)>code{color:#8c4435;background:#eeeee5}
/* Bookmarks and file listing */
body.xf-bookmarks .sidebar{top:64px;height:calc(100dvh - 64px);background:#eeeee5}
body.xf-bookmarks .toolbar{top:64px;background:#f6f4eef5}
body.xf-bookmarks .card{border-radius:6px;box-shadow:none}
body.xf-bookmarks .card:hover{transform:none;box-shadow:none}
body.xf-bookmarks .sidebar nav a{border-radius:4px;min-height:36px}
body.xf-index{max-width:1120px;margin:0 auto;padding:100px 32px 40px!important;font:15px/1.85 ui-monospace,monospace}
body.xf-index h1{font:500 28px/1.5 "Songti SC",serif;color:#252c2c}
body.xf-index pre{overflow-x:auto;background:#fffefa;border:1px solid #dcded4;border-radius:8px;padding:22px}
body.xf-index a{color:#a34535;text-underline-offset:3px}
/* Quartz reading uses its own variable vocabulary. */
body.xf-quartz{--light:#f6f4ee;--lightgray:#dcded4;--gray:#626a66;--darkgray:#3f4942;--dark:#252c2c;--secondary:#a34535;--tertiary:#426849;--highlight:#a3453512;--textHighlight:#ead0bd}
body.xf-quartz :is(.sidebar,.search-space){background:#f6f4ee;color:#252c2c}
body.xf-quartz .page>.sidebar{top:64px;height:calc(100dvh - 64px)}
body.xf-quartz article{font-size:17px;line-height:1.95}
body.xf-quartz :is(h1,h2,h3){color:#252c2c}
body.xf-quartz .search-container .search-space{background:#fffefa;border-color:#dcded4}
body.xf-quartz :is(code,pre){background:#eeeee5;color:#303833}
body.xf-quartz .explorer-content a{color:#56605a}
/* Blog and long-form reading */
body.xf-unified.xf-blog{--primary:#a34535;--page-bg:#f6f4ee;--card-bg:#fffefa;--card-bg-transparent:#fffefaf0;--muted:#eeeee5;--btn-content:#a34535;--btn-regular-bg:#eeeee5;--btn-regular-bg-hover:#e3e5da;--btn-regular-bg-active:#d8ddcc;--btn-plain-bg-hover:#eeeee5;--btn-plain-bg-active:#e3e5da;--btn-card-bg-hover:#f6f4ee;--btn-card-bg-active:#eeeee5;--enter-btn-bg:#eeeee5;--float-panel-bg:#fffefa;--line-color:#dcded4;--line-divider:#dcded4;--inline-code-bg:#eeeee5;--inline-code-color:#8c4435;--codeblock-bg:#efeee7;--codeblock-topbar-bg:#e7e8de;--license-block-bg:#eeeee5;--link-hover:#f3e5dd;--link-active:#ead0bd;--toc-badge-bg:#eeeee5;--toc-btn-hover:#eeeee5;--toc-btn-active:#e3e5da;--toc-indicator-bg:#dcded4;--toc-item-active:#a34535}
body.xf-unified.xf-blog :is(.card-base,.card-base-transparent){background:#fffefa;border-color:#dcded4;box-shadow:none}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content,.prose){--tw-prose-body:#303833;--tw-prose-headings:#252c2c;--tw-prose-lead:#56605a;--tw-prose-links:#a34535;--tw-prose-bold:#252c2c;--tw-prose-counters:#626a66;--tw-prose-bullets:#626a66;--tw-prose-hr:#dcded4;--tw-prose-quotes:#56605a;--tw-prose-quote-borders:#a34535;--tw-prose-captions:#626a66;--tw-prose-code:#8c4435;--tw-prose-pre-code:#303833;--tw-prose-pre-bg:#efeee7;--tw-prose-th-borders:#dcded4;--tw-prose-td-borders:#dcded4;color:#303833;font-size:18px;line-height:1.95}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content) :is(p,li){color:#303833}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content) :is(h1,h2,h3,h4,h5,h6,strong,b){color:#252c2c}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content) a{color:#a34535}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content) blockquote{background:#eeeee5;color:#56605a;border-color:#a34535}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content) th{background:#eeeee5;color:#252c2c}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content) td{color:#303833;border-color:#dcded4}
body.xf-unified.xf-blog #post-container{background:#fffefa;border-color:#dcded4!important}
body.xf-unified.xf-blog :is(#toc,.toc) a{color:#626a66}
body.xf-unified.xf-blog :is([class~="text-black/30"],[class~="text-black/50"],[class~="text-black/60"],[class~="text-black/75"],[class~="dark:text-white/30"],[class~="dark:text-white/50"],[class~="dark:text-white/60"],[class~="dark:text-white/75"]){color:#626a66}
body.xf-unified.xf-blog #navbar{top:64px;background:#f6f4eef5;border-color:#dcded4}
/* Blog writing and private writing/notes pages */
body.xf-writer :is(.toolbar-wrap,.action-bar,.meta-bar,.sidebar,.editor-area){background:#fffefa;border-color:#dcded4}
body.xf-writer .toolbar-wrap{background:#f6f4ee}
body.xf-writer .editor-body{color:#252c2c;font-size:17px;line-height:1.9}
body.xf-writer .toolbar-btn.is-active{background:#a34535;color:#fffefa}
body.xf-writer .post-item:hover{box-shadow:none;transform:none;background:#eeeee5}
body.xf-writer .post-item.active{background:#f3e5dd}
body.xf-notes .box{max-width:400px;padding:32px;background:#fffefa;border:1px solid #dcded4;border-radius:10px;margin-top:14vh}
body.xf-notes .box h1{font-size:20px;color:#252c2c;margin-bottom:28px}
body.xf-notes .box button{background:#a34535;color:#fffefa;border-color:#a34535;border-radius:6px;min-height:44px}
body.xf-notes .box input{letter-spacing:.1em;background:transparent;border-bottom-color:#b5bdad}
body.xf-notes .body{color:#303833}body.xf-notes .body pre{background:#eeeee5;color:#303833}
body.xf-notes :is(.paper,.item,.bar){border-color:#dcded4}
body.xf-notes .item:hover{background:#eeeee5}
body.xf-vault-editor #side{background:#eeeee5;border-color:#dcded4}
body.xf-vault-editor #bar{background:#f6f4ee;border-color:#dcded4}
body.xf-vault-editor #newBtn,body.xf-vault-editor button.primary{background:#a34535;color:#fffefa;border-color:#a34535}
body.xf-vault-editor .item:hover,body.xf-vault-editor #tools button:hover{background:#e3e5da;color:#252c2c}
body.xf-vault-editor .item.on{background:#f3e5dd;color:#252c2c}
body.xf-vault-editor #preview code{background:#eeeee5;color:#8c4435}
body.xf-admin .card{background:#fffefa;border-color:#dcded4;border-radius:8px}
/* App shells with fixed viewport heights. */
body.xf-dsa #root{min-height:calc(100dvh - 64px)}
body.xf-dsa #root :is(.h-screen,.min-h-screen){height:calc(100dvh - 64px);min-height:calc(100dvh - 64px)}
body.xf-dsa #root .fixed.top-0{top:64px}
body.xf-dsa #root .fixed.inset-y-0{top:64px}
body.xf-dsa #root .sticky.top-0{top:64px}
body.xf-dsa #root :is(button,input,textarea,select){border-radius:6px}
body.xf-dsa #root :is(.rounded-3xl,.rounded-2xl){border-radius:10px}
body.xf-homer #app{--background:#f6f4ee;--background-image:none;--card-background:#fffefa;--text:#252c2c;--text-header:#fffefa;--text-title:#252c2c;--text-subtitle:#626a66;--link:#a34535;--link-hover:#84382d;--highlight-primary:#a34535;--highlight-secondary:#8c4435;--highlight-hover:#84382d;--card-shadow:#252c2c08;color:#252c2c}
body.xf-homer #app .card{border:1px solid #dcded4;border-radius:8px;box-shadow:none}
/* Narrow screens: reduce chrome and preserve usable editors and controls. */
@media(max-width:700px){
 body.xf-unified .xf-shell-inner{padding-inline:16px;gap:14px}body.xf-unified .xf-shell nav{gap:16px}body.xf-unified .xf-shell nav a{font-size:13px}
 body.xf-unified .xf-about-links{grid-template-columns:1fr}
 body.xf-workplan .header{padding:20px;align-items:center}body.xf-workplan .container{padding:16px}body.xf-workplan .add-form input[type=text]{min-width:0;flex:1 1 100%}body.xf-workplan .add-form select,body.xf-workplan .add-form button{flex:1;min-height:42px}body.xf-workplan .col{min-height:160px}
 body.xf-profile .hero{padding:20px;gap:16px}body.xf-profile .avatar{width:60px;height:60px;font-size:28px}body.xf-profile .hero h1{font-size:22px}
 body.xf-diary .calendar-grid{gap:4px}body.xf-diary .calendar-day{min-height:38px;padding:5px}body.xf-diary .ql-editor{font-size:16px;line-height:1.9}
 body.xf-unified.xf-kb,body.xf-kb-read{display:block}
 body.xf-unified.xf-kb aside,body.xf-kb-read aside{position:relative;top:auto;width:100%;height:auto;max-height:240px;padding:18px 20px;border-right:0;border-bottom:1px solid #dcded4}
 body.xf-unified.xf-kb .logo,body.xf-kb-read .logo{margin-bottom:12px}
 body.xf-unified.xf-kb .btn-add{max-width:220px;min-height:40px}
 body.xf-unified.xf-kb main,body.xf-kb-read main{height:auto;min-height:400px;overflow:visible}
 body.xf-unified.xf-kb .canvas{padding:58px 20px 90px}body.xf-unified.xf-kb .save-state{right:14px;top:72px;font-size:11px}
 body.xf-transcript .input-row{flex-wrap:wrap}body.xf-transcript input[type=url]{width:100%;flex-basis:100%;min-width:0}body.xf-transcript .input-row button{width:100%}
 body.xf-fib .input-row{flex-wrap:wrap}body.xf-fib .field{min-width:0}body.xf-fib .card{padding:20px}
 body.xf-docs .header{padding:24px 18px}body.xf-docs .container{padding-inline:16px}body.xf-docs :is(.chip-grid,.dep-grid,.phase-grid,.code-compare){grid-template-columns:1fr}
 body.xf-docs :is(.func-table,table){display:table}body.xf-docs .header-top{flex-wrap:wrap}body.xf-docs :is(.arch-blocks,.arch-row){flex-wrap:wrap}
 body.xf-bookmarks .sidebar{height:auto;position:relative;top:auto}body.xf-bookmarks .toolbar{top:64px;flex-wrap:wrap}
 body.xf-quartz article{font-size:16px;line-height:1.9}body.xf-quartz .page>.sidebar{height:auto;top:auto}
 body.xf-writer .toolbar-wrap{padding:8px 12px;gap:4px}body.xf-writer .toolbar-divider{margin-inline:4px}body.xf-writer .sidebar{top:64px}body.xf-writer .editor-body{font-size:16px}
 body.xf-unified.xf-blog :is(.custom-md,.markdown-content,.prose){font-size:17px;line-height:1.9}
 body.xf-notes .box{margin:10vh 20px 40px;max-width:none;padding:26px}
 body.xf-vault-editor #side{top:64px;height:calc(100dvh - 64px)}body.xf-vault-editor #bar{flex-wrap:wrap}body.xf-vault-editor #editor{padding:20px 16px 60px;font-size:15px}
 body.xf-index{padding:92px 18px 30px!important}body.xf-index pre{padding:14px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){body.xf-unified *,body.xf-unified *::before,body.xf-unified *::after{scroll-behavior:auto!important;transition:none!important}}
body.xf-unified{transition:none!important}
body.xf-dsa #root .fixed.top-3{top:76px}
body.xf-diary .ql-editor.ql-blank::before{color:#70786f}
body.xf-bookmarks .grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
body.xf-bookmarks .card{min-width:0;max-width:100%;overflow:hidden}
body.xf-bookmarks .card .tx{min-width:0;flex:1;overflow:hidden}
body.xf-bookmarks .card .tx :is(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.xf-docs .xf-table-scroll{max-width:100%;min-width:0;overflow-x:auto}
@media(max-width:700px){body.xf-docs :is(.section,.section-body,.content,.card){min-width:0;max-width:100%;overflow-wrap:anywhere}body.xf-docs .header{overflow-wrap:anywhere}}
body.xf-docs{overflow-x:clip;--accent-light:#f1e5df}
body.xf-docs::before{display:none}
body.xf-docs :is(.stat-num,.stat-value){color:#a34535}
body.xf-docs .tag{background:#f1e5df;color:#8e493a}

/* DSA uses HSL triplets; preserve its token types. */
body.xf-themed.xf-dsa{--background:45 31% 95%;--foreground:180 9% 16%;--card:48 100% 99%;--card-foreground:180 9% 16%;--popover:48 100% 99%;--popover-foreground:180 9% 16%;--primary:9 51% 42%;--primary-foreground:48 100% 99%;--secondary:60 19% 91%;--secondary-foreground:150 6% 24%;--muted:60 19% 91%;--muted-foreground:143 4% 40%;--accent:30 43% 93%;--accent-foreground:9 51% 32%;--destructive:349 82% 56%;--destructive-foreground:210 33% 98%;--border:72 13% 85%;--input:72 13% 75%;--ring:9 51% 42%;--radius:1rem;--elevated:48 100% 99%;--hover:60 19% 90%;--secondary-text:143 6% 34%;--muted-text:143 4% 40%;--color-cyan:hsl(var(--primary));--color-cyan-dim:hsl(var(--primary)/.8);--color-cyan-glow:hsl(var(--primary)/.18);--color-purple:247 84% 66%;--color-purple-dim:247 84% 56%;--color-purple-glow:#705ff12e;--color-success:152 69% 40%;--color-warning:37 92% 50%;--color-danger:0 90% 55%;--color-danger-alert-text:349 82% 35%;--color-danger-alert-border:349 82% 56%;--color-danger-alert-bg:349 82% 56%;--color-cyan-400:188 78% 41%;--color-emerald-400:152 69% 40%;--color-red-400:0 90% 55%;--color-amber-400:37 92% 50%;--success:var(--color-success);--warning:var(--color-warning);--danger:var(--color-danger);--sentiment-greed:var(--color-cyan);--sentiment-neutral:var(--color-purple);--sentiment-fear:var(--color-danger);--glow-spread:8px;--glow-intensity:.18;--sentiment-greed-glow:hsl(var(--sentiment-greed)/var(--glow-intensity));--sentiment-neutral-glow:hsl(var(--sentiment-neutral)/var(--glow-intensity));--sentiment-fear-glow:hsl(var(--sentiment-fear)/var(--glow-intensity));--bg-base:hsl(var(--background));--bg-card:hsl(var(--card));--bg-elevated:hsl(var(--elevated));--bg-hover:hsl(var(--hover));--bg-subtle-raw:var(--foreground);--border-dim-raw:var(--foreground);--border-subtle-raw:var(--foreground);--bg-subtle:hsl(var(--bg-subtle-raw)/.03);--border-dim:hsl(var(--border-dim-raw)/.05);--border-subtle:hsl(var(--border-subtle-raw)/.04);--border-subtle-hover:hsl(var(--border-subtle-raw)/.06);--border-default:var(--border-dim);--border-hover:hsl(var(--primary)/.24);--border-selected:hsl(var(--primary)/.32);--surface-1:hsl(var(--card));--surface-2:hsl(var(--elevated));--surface-3:hsl(var(--hover));--overlay-hover:hsl(var(--foreground)/.05);--overlay-selected:hsl(var(--primary)/.1);--border-accent:hsl(var(--primary)/.7);--border-purple:#705ff13d;--border-cyan:hsl(var(--primary));--text-primary:hsl(var(--foreground));--text-secondary-text:hsl(var(--secondary-text));--text-muted-text:hsl(var(--muted-text));--nav-active-bg:hsl(var(--primary)/.09);--nav-active-border:hsl(var(--primary)/.24);--nav-active-shadow:hsl(var(--primary)/.04);--nav-hover-bg:hsl(var(--primary)/.05);--nav-icon-active:hsl(var(--primary));--nav-item-height:2.75rem;--nav-item-padding-x:1rem;--nav-indicator-width:.25rem;--nav-indicator-bg:hsl(var(--primary));--nav-indicator-shadow:hsl(var(--primary)/.52);--nav-badge-bg:hsl(var(--primary));--nav-brand-shadow:hsl(var(--primary)/.2);--shell-sidebar-border:#dcded4;--home-loading-ring-track:hsl(var(--primary)/.2);--home-loading-ring-head:hsl(var(--primary));--page-drawer-overlay-bg:#0009;--home-mobile-overlay-bg:var(--page-drawer-overlay-bg);--home-action-ai-bg:hsl(var(--primary)/.1);--home-action-ai-border:hsl(var(--primary)/.2);--home-action-ai-text:hsl(var(--primary));--home-action-ai-hover-bg:hsl(var(--primary)/.18);--home-action-report-bg:#705ff11a;--home-action-report-border:#705ff133;--home-action-report-text:#a34535;--home-action-report-hover-bg:#705ff12e;--home-accent-bg:hsl(var(--primary)/.1);--home-accent-bg-hover:hsl(var(--primary)/.16);--home-accent-border:hsl(var(--primary)/.2);--home-accent-border-hover:hsl(var(--primary)/.28);--home-accent-text:hsl(var(--primary));--home-secondary-accent-text:#a34535;--home-title-accent:#a34535;--home-price-up:#f34949;--home-price-down:#00d668;--home-strategy-buy:#00d668;--home-strategy-secondary:hsl(var(--primary));--home-strategy-stop:#ff426e;--home-strategy-take:#ffa50a;--home-panel-border:#dcded4;--home-panel-border-hover:#00acdb33;--home-panel-border-selected:#00acdb57;--home-panel-gradient-start:#fffefa;--home-panel-gradient-mid:#fffefa;--home-panel-gradient-end:#f6f4ee;--home-panel-selected-shadow:0 0 0 1px #00acdb14,0 10px 24px #4654721a;--home-panel-subtle-bg:#f6f4ee;--home-panel-subtle-bg-hover:#eeeee5;--home-history-item-bg:#fffefa;--home-history-item-hover-bg:#eeeee5;--home-history-item-selected-bg:#f3e5dd;--home-divider-border:#ccd4e0e6;--home-surface-button-bg:#f5f7fafa;--home-surface-button-bg-hover:#edf2f7fc;--home-surface-button-border:#ccd4e0f0;--home-surface-button-border-hover:#00acdb38;--home-state-icon-muted:hsl(var(--muted-text)/.85);--home-prose-border:hsl(var(--foreground)/.1);--home-prose-border-strong:hsl(var(--foreground)/.16);--home-prose-blockquote-border:#705ff147;--home-prose-blockquote-bg:#705ff114;--home-panel-shadow:0 14px 32px #44506a14,0 4px 10px #3b43540a;--home-panel-shadow-hover:0 18px 40px #3e4b651f,0 6px 16px #3943560f;--home-hero-border:#00acdb52;--home-hero-gradient-start:#f1e6db;--home-hero-gradient-mid:#f6f4ee;--home-hero-gradient-end:#fffefa;--home-hero-shadow:0 18px 44px #42506c1f,0 8px 18px #3d475c0f;--home-rail-border:#c6cedce6;--home-rail-bg:#fffefa;--home-rail-shadow:0 14px 30px #44506a17,0 4px 10px #3b43540d;--home-history-glow:#00acdb24;--autocomplete-hover-bg:#04d1f6;--shadow-soft-card:0 12px 24px #45516817,0 3px 8px #3c44530d;--shadow-soft-card-strong:0 18px 34px #414c621f,0 6px 16px #3c445312;--settings-surface:#fffefa;--settings-surface-hover:#edf2f8fc;--settings-surface-strong:#fffffffc;--settings-surface-panel:#f6f4ee;--settings-surface-overlay:#eaeff5e0;--settings-surface-overlay-soft:#eef2f7f0;--settings-surface-overlay-muted:#e8ecf3f7;--settings-border:#b9c3d4f0;--settings-border-soft:#cdd4dff0;--settings-border-strong:#9fa9bcfa;--settings-border-overlay:#a8b3c7eb;--settings-accent-shadow:#00d4ff14;--settings-primary-border:#00d4ff42;--settings-primary-gradient:#a34535;--settings-primary-text:#fffefa;--settings-primary-shadow:#00d4ff33;--settings-primary-shadow-hover:#00d4ff38;--settings-secondary-border:#aeb9cbf5;--settings-secondary-bg:#eef2f7fa;--settings-secondary-border-hover:#00d4ff61;--settings-secondary-bg-hover:#00d4ff1f;--settings-glow-hover:#00d4ff61;--settings-skeleton-strong:#ced4deeb;--settings-skeleton-soft:#e6e9eff5;--input-surface-bg:var(--bg-card);--input-surface-border:#c0c9d8eb;--input-surface-border-hover:#a3aec2eb;--input-surface-border-focus:hsl(var(--primary)/.38);--input-surface-focus-ring:0 0 0 4px hsl(var(--primary)/.15);--settings-input-rest-border:#c7cedbb8;--gradient-primary:linear-gradient(135deg,#a34535,#8c4435);--chat-avatar-user-bg:hsl(var(--primary)/.5);--chat-avatar-user-fg:#041118;--chat-avatar-user-border:hsl(var(--primary)/.3);--chat-avatar-ai-bg:hsl(var(--primary)/.1);--chat-avatar-ai-fg:hsl(var(--foreground)/.8);--chat-avatar-ai-border:hsl(var(--primary)/.2);--chat-bubble-user-bg:hsl(var(--primary)/.1);--chat-bubble-user-border:hsl(var(--primary)/.2);--chat-bubble-ai-bg:hsl(var(--card)/.85);--chat-bubble-ai-border:hsl(var(--foreground)/.2);--backtest-border-dim:hsl(var(--foreground)/.05);--backtest-border-subtle:hsl(var(--foreground)/.06);--backtest-border-light:hsl(var(--foreground)/.1);--backtest-border-cyan-soft:hsl(var(--primary)/.4);--backtest-bg-cyan-subtle:hsl(var(--primary)/.1);--backtest-shadow-cyan-glow:0 0 8px hsl(var(--primary)/.15);--backtest-shadow-cyan-glow-strong:0 0 4px hsl(var(--primary)/.6);--backtest-spinner-track:hsl(var(--primary)/.2);--backtest-spinner-head:hsl(var(--primary));--backtest-table-bg:hsl(var(--card)/.72);--login-bg-main:#f6f4ee;--login-bg-card:#fffefa;--login-border-card:#33405b94;--login-border-input:#3489b7b3;--login-border-focus:hsl(var(--primary)/.48);--login-error-text:hsl(var(--destructive));--login-error-bg:hsl(var(--destructive)/.1);--login-error-border:hsl(var(--destructive)/.2);--login-text-primary:#252c2c;--login-text-secondary:#626a66;--login-text-muted:#626a66;--login-accent-soft:hsl(var(--primary)/.08);--login-accent-border:#404c64b8;--login-accent-text:#1d273e;--login-accent-glow:hsl(var(--primary)/.18);--login-brand-start:#1a2337;--login-brand-end:#0f8ce6;--login-brand-button-start:#37bde6;--login-brand-button-end:#2c85f2;--login-brand-button-start-hover:#20bae9;--login-brand-button-end-hover:#167af3;--login-button-text:#f8fafc;--login-label-text:#171e31;--login-hint-text:#4b5363e6;--login-input-icon:#216ca1db;--login-input-toggle-bg:#f0f5f9eb;--login-input-toggle-border:#4479a752;--login-input-toggle-text:#2b3446d1;--login-input-toggle-border-hover:#1585d56b;--login-input-toggle-bg-hover:#d6eefffa;--login-input-toggle-text-hover:#0a63a3;--login-input-toggle-ring:hsl(var(--primary)/.22);--login-input-toggle-active-bg:hsl(var(--primary)/.14);--login-input-toggle-active-border:hsl(var(--primary)/.34);--login-input-toggle-active-text:#095286;--login-grid-line:#7589a314;--login-grid-mask:radial-gradient(ellipse 80% 50% at 50% 50%,#000 70%,transparent 100%);}

/* Reading finish: one explicit palette for prose, metadata, navigation and code. */
body.xf-unified.xf-blog :is(.custom-md,.markdown-content,.prose){max-width:44rem;margin-inline:auto;font-size:18px;line-height:1.95;color:#303833;text-align:start}
body.xf-unified.xf-blog #post-container{min-width:0;padding:36px clamp(20px,4vw,52px)}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content) :is(h2,h3,h4){line-height:1.5;scroll-margin-top:140px}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content) :is(p,li){line-height:1.95}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content) p{margin-block:1.1em}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content) a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content) blockquote{padding:.6em 1.1em;border-left:3px solid #a34535}
body.xf-unified.xf-blog :is(.custom-md,.markdown-content) :not(pre)>code{background:#eeeee5;color:#8c4435}
/* Syntax highlighters provide their own dark token colors: keep that surface dark. */
body.xf-unified.xf-blog :is(.expressive-code,.astro-code,.shiki){color-scheme:dark}
body.xf-unified.xf-blog :is(.expressive-code pre,pre.astro-code,pre.shiki){background:#202c3b!important;color:#e4e9ef!important;font-size:14px;line-height:1.8;overflow-x:auto;max-width:100%}
body.xf-unified.xf-blog .expressive-code{--ec-codeBg:#202c3b;--ec-codeFg:#e4e9ef;--ec-borderColor:#4d5d70}
body.xf-unified.xf-blog :is(pre.astro-code,pre.shiki) span{color:var(--shiki-dark,var(--shiki-light,inherit))}
body.xf-unified.xf-blog .xf-table-scroll{margin-block:1.5em;border:1px solid #c4c9bd;border-radius:6px}
body.xf-unified.xf-blog .xf-table-scroll table{display:table;min-width:100%;margin:0;font-size:16px}
body.xf-unified.xf-blog .xf-table-scroll :is(td,th){padding:12px 16px;line-height:1.75;vertical-align:top}
body.xf-unified.xf-blog :is(#toc,.toc) a{font-size:15px;line-height:1.85}
body.xf-unified.xf-blog :is(#toc,.toc) a[aria-current]{color:#84382d;font-weight:600}
body.xf-unified.xf-notes .body{font-size:18px;line-height:1.95;color:#303833}
body.xf-unified.xf-notes :is(.meta,.foot,.bar a,.bar button){font-size:14px;letter-spacing:.02em}
body.xf-unified .xf-shell{height:var(--xf-nav-height,64px)}
body.xf-unified .xf-shell-inner{min-width:0}
body.xf-unified .xf-shell nav{flex:1;justify-content:flex-end;overflow-x:auto;overscroll-behavior-x:contain}
body.xf-unified .xf-shell nav a{flex-shrink:0;min-height:44px}
@media(max-width:700px){body.xf-unified.xf-blog :is(.custom-md,.markdown-content,.prose),body.xf-unified.xf-notes .body{font-size:17px;line-height:1.9}body.xf-unified.xf-blog #post-container{padding:26px 20px}body.xf-unified.xf-blog .xf-table-scroll table{display:table}body.xf-unified .xf-shell nav{justify-content:flex-start}body.xf-unified .xf-shell nav a{font-size:14px}}

/* Adapter shell: keep narrow navigation scrollable and keyboard focus visible. */
body.xf-unified .xf-shell nav{min-width:0;scroll-padding-inline:8px}
body.xf-unified .xf-shell .xf-personal{margin-left:8px;padding-inline:10px;border-left:1px solid var(--xf-line)}
body.xf-unified .xf-skip:focus-visible{outline:2px solid var(--xf-accent);outline-offset:3px}
body.xf-unified :is(main,[role="main"]){scroll-margin-top:84px}