/* Each material supplies every component role. No green theme or external assets. */
:root,[data-theme="crystal"]{
  color-scheme:light;--canvas:#edf1fa;--paper:rgba(255,255,255,.82);--rail:rgba(246,249,255,.56);--panel:rgba(255,255,255,.72);--surface-soft:rgba(232,238,253,.58);--ink:#27334c;--muted:#55617a;--subtle:#5d6980;--accent:#4257c4;--accent-hover:#3547aa;--accent-soft:rgba(91,117,222,.12);--on-accent:#fff;--line:rgba(102,123,173,.19);--hover:rgba(228,235,253,.72);--danger:#b34458;--scrim:rgba(35,43,74,.3);--shadow-color:rgba(57,76,130,.12);--edge:rgba(255,255,255,.88);--blur:24px;--round:20px;--button-round:12px;--field:rgba(255,255,255,.58);--menu:rgba(250,252,255,.96);--selected:rgba(223,231,253,.7);--orb-one:#c8d9ff;--orb-two:#e3d5f6;--orb-three:#d1e5f5;--wallpaper:radial-gradient(ellipse at 5% 2%,#cbdafe 0,transparent 47%),radial-gradient(ellipse at 95% 18%,#e8dafa 0,transparent 42%),radial-gradient(ellipse at 70% 95%,#d5e8fa 0,transparent 48%),#edf1fa;
}
[data-theme="dusk"]{
  color-scheme:dark;--canvas:#141a2e;--paper:rgba(29,37,60,.87);--rail:rgba(26,33,56,.64);--panel:rgba(37,46,73,.72);--surface-soft:rgba(60,73,112,.34);--ink:#e9edf9;--muted:#b5bfd6;--subtle:#b2bfda;--accent:#a9b8ff;--accent-hover:#c1ccff;--accent-soft:rgba(156,177,255,.15);--on-accent:#1c2547;--line:rgba(166,185,239,.18);--hover:rgba(100,122,180,.2);--danger:#ffadb6;--scrim:rgba(4,8,22,.56);--shadow-color:rgba(0,4,20,.25);--edge:rgba(196,210,255,.17);--field:rgba(16,23,44,.36);--menu:rgba(32,41,65,.97);--selected:rgba(91,114,176,.24);--orb-one:#29366d;--orb-two:#472a5d;--orb-three:#223f66;--wallpaper:radial-gradient(ellipse at 2% 0,#303e79 0,transparent 50%),radial-gradient(ellipse at 98% 23%,#4b2b5d 0,transparent 46%),radial-gradient(ellipse at 50% 100%,#233f64 0,transparent 48%),#141a2e;
}
[data-theme="sand"]{
  color-scheme:light;--canvas:#eee6d8;--paper:#fffaf0;--rail:#f2ebdf;--panel:#fcf7ed;--surface-soft:#f2e9db;--ink:#47382d;--muted:#6e5b49;--subtle:#715f4d;--accent:#a45731;--accent-hover:#874225;--accent-soft:#f3e3d4;--on-accent:#fffaf4;--line:#ddcfbd;--hover:#f2e7d9;--danger:#aa4237;--scrim:rgba(66,47,30,.3);--shadow-color:rgba(80,58,30,.08);--edge:#fffaf0;--blur:0px;--round:5px;--button-round:5px;--field:#fffcf6;--menu:#fffaf1;--selected:#efe1ce;--wallpaper:#eee6d8;
}
[data-theme="graphite"]{
  color-scheme:light;--canvas:#eef0f3;--paper:#fff;--rail:#f7f8fa;--panel:#fff;--surface-soft:#edf0f4;--ink:#242a35;--muted:#606a79;--subtle:#5c6675;--accent:#343b48;--accent-hover:#171e2a;--accent-soft:#e7ebf1;--on-accent:#fff;--line:#d9dee6;--hover:#edf0f5;--danger:#b23d4e;--scrim:rgba(21,28,40,.33);--shadow-color:rgba(28,36,50,.06);--edge:#fff;--blur:0px;--round:10px;--button-round:7px;--field:#f6f8fa;--menu:#fff;--selected:#e7ebf1;--wallpaper:#eef0f3;
}
html{background:var(--canvas)}body{background:var(--wallpaper);background-attachment:fixed;color:var(--ink)}
.primary{background:var(--accent);color:var(--on-accent);border:1px solid transparent;box-shadow:0 4px 12px var(--shadow-color)}.primary:hover{background:var(--accent-hover)}
.primary:active,.quiet-button:active,.icon-button:active,.save-knowledge:active{transform:translateY(1px)}
.primary,.quiet-button,.icon-button,.save-knowledge,.search,input,textarea,select{border-radius:var(--button-round)}
.quiet-button,.save-knowledge{background:var(--field);border-color:var(--line);color:var(--ink)}.save-knowledge.current{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}
.text-button,a,.brand>svg,.section-kicker{color:var(--accent)}.text-button:hover{background:var(--accent-soft)}.brand>svg{fill:var(--accent)}
input,textarea,select{background:var(--field);border-color:var(--line);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--subtle)}input[type=checkbox]{accent-color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,textarea:focus,.search:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.sidebar,.workspace,.reader,.collection,.topbar,.bottom-nav{border-color:var(--line)}.sidebar{background:var(--rail)}.reader{background:var(--paper)}.collection{background:transparent}.topbar{background:transparent}
.main-nav button.active{background:var(--selected);color:var(--accent)}.main-nav button:hover,.sidebar-bottom>[data-view]:hover{background:var(--hover)}.nav-label,.connection,.privacy,.breadcrumb,.item-preview,.item-top,.item-bottom,.reader-meta,.reader-meta a,.source-boundary,.fine-print,.section-description,.note-footer span{color:var(--muted)}
.connection>i.online,.privacy i{background:var(--accent)}.status-mark.ready,.status-mark.saved{background:var(--accent)}.status-mark.processing{background:#bc8a43}.status-mark.failed{background:var(--danger)}
.filter-group{padding:3px;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--button-round)}.filter-group button{border-radius:calc(var(--button-round) - 3px);color:var(--muted)}.filter-group button.selected{background:var(--panel);color:var(--accent);box-shadow:0 2px 6px var(--shadow-color)}.source-select select{background:var(--field);border:1px solid var(--line)}.search{background:var(--field);border-color:var(--line)}
.item-row{border-color:var(--line)}.item-row:hover{background:var(--hover)}.item-row.selected{background:var(--selected)}.item-row.selected:before{background:var(--accent)}.source-icon,.source-icon.bilibili,.source-icon.wechat,.source-icon.channels,.source-icon.douyin,.source-icon.xiaohongshu{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}
.item-status{color:var(--muted)}.item-row h3{color:var(--ink)}.item-date,.item-top time,.list-heading{color:var(--subtle)}
.reader-tabs button{color:var(--muted)}.reader-tabs button[aria-selected=true]{color:var(--accent)}.reader-tabs button[aria-selected=true]:after{background:var(--accent)}.tab-hint,.quiet-label,.document-footer,.processing-history,.material-limits,.evidence,.timecode,.capture-goals,.original-caption,.source-gallery{color:var(--muted)}
.ai-summary,.prose,.key-points li{color:var(--ink)}.key-points li:before{background:var(--accent)}.empty-symbol{background:var(--accent-soft);border-color:var(--line);color:var(--accent)}.reader-placeholder p,.keyboard-hints,.section-description{color:var(--muted)}
.progress-track::-webkit-progress-bar{background:var(--surface-soft)}.progress-track::-webkit-progress-value{background:var(--accent)}.progress-track::-moz-progress-bar{background:var(--accent)}
.task-progress,.notice,.note-conflict{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}.task-progress p,.task-progress .text-button{color:var(--muted)}.inline-error,.error{color:var(--danger)}
.action-popover{background:var(--menu);border-color:var(--line);border-radius:var(--round);box-shadow:0 12px 40px var(--shadow-color)}.menu-item{color:var(--ink);border-radius:var(--button-round)}.menu-item:hover{background:var(--hover)}.menu-label{color:var(--subtle)}
dialog{background:var(--menu);border-color:var(--edge);border-radius:var(--round);box-shadow:0 25px 100px var(--shadow-color)}dialog::backdrop{background:var(--scrim);backdrop-filter:blur(7px)}dialog label{color:var(--ink)}.intent-picker{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--button-round)}.intent-picker button{color:var(--muted);border-radius:calc(var(--button-round) - 4px)}.intent-picker button.selected{color:var(--accent);background:var(--panel);box-shadow:0 2px 9px var(--shadow-color)}
#reader-note{background:var(--field);border-color:var(--line)}.step-input button{background:var(--accent-soft);color:var(--accent)}.capture-input-footer,.optional,.dialog-footer>span,.file-picker{color:var(--muted)!important}.file-picker{background:var(--surface-soft);border-color:var(--line)}
.bottom-nav{background:var(--menu)}.bottom-nav>button{color:var(--muted)}.bottom-nav>button.active{color:var(--accent)}.bottom-nav>button.bottom-capture{background:var(--accent);color:var(--on-accent);box-shadow:0 4px 14px var(--shadow-color)}.mobile-add{color:var(--accent);background:var(--accent-soft)}
.badge,.badge.unavailable{background:var(--accent-soft);color:var(--accent)}.settings-block code{background:var(--surface-soft);color:var(--ink)}.toast{background:var(--ink);color:var(--canvas)}.sidebar>.primary kbd{background:transparent;color:var(--on-accent);border-color:currentColor;opacity:.65}
.theme-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);min-width:42px;min-height:42px;padding:9px;border-radius:var(--button-round)}.theme-trigger:hover{background:var(--hover);color:var(--accent)}.theme-top{font-size:12px}.theme-top svg{width:17px;height:17px}.appearance-block{display:flex;align-items:center;justify-content:space-between;gap:16px}.appearance-block p{margin-bottom:0}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.theme-option{padding:7px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--field);min-width:0}.theme-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-option>strong{display:block;font-size:13px;margin:12px 5px 5px;font-weight:600}.theme-option>small{display:block;font-size:10px;color:var(--muted);margin:0 5px 9px;line-height:1.7}
.theme-preview{position:relative;display:flex;gap:6px;height:96px;border-radius:9px;padding:11px;overflow:hidden;background:radial-gradient(ellipse at 0 0,#c2d9ff,transparent 70%),radial-gradient(ellipse at 100% 80%,#e4c9f8,transparent 60%),#eaf0fc}.theme-preview>i{display:block;backdrop-filter:blur(8px);border:1px solid #ffffffa6;background:#ffffff73;border-radius:5px}.preview-rail{width:16%}.preview-list{width:28%}.preview-page{flex:1;padding:12px 9px}.preview-page b{display:block;height:3px;background:#7890c65e;margin-bottom:7px;border-radius:5px}.preview-page b:first-child{height:5px;background:#526ed4a8;width:70%;margin-bottom:12px}.theme-selected{position:absolute;right:7px;bottom:7px;display:none;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:var(--accent);color:var(--on-accent)}.theme-selected svg{width:13px;height:13px}.theme-option[aria-pressed=true] .theme-selected{display:flex}
.preview-dusk{background:radial-gradient(ellipse at 0 0,#4657a5,transparent 70%),radial-gradient(ellipse at 100% 80%,#793f7b,transparent 60%),#17233c}.preview-dusk>i{background:#7483c32b;border-color:#c4d1ff3d}.preview-dusk b{background:#a5b8eb6e}.preview-dusk b:first-child{background:#bbc6fa}.preview-sand{background:#e7dcc9;gap:3px;border-radius:3px}.preview-sand>i{background:#fdf5e5;border-color:#dbccb1;border-radius:1px}.preview-sand b{background:#b392685e}.preview-sand b:first-child{background:#9e663f}.preview-graphite{background:#e5e9ee;gap:3px}.preview-graphite>i{background:#fff;border-color:#d5dce6;border-radius:2px}.preview-graphite b{background:#a0aaba}.preview-graphite b:first-child{background:#374252}
.transparency-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.transparency-setting strong{display:block;font-size:12px;font-weight:500}.transparency-setting small{display:block;font-size:10px;line-height:1.8;color:var(--muted);margin-top:5px}.transparency-setting input{appearance:none;position:relative;width:40px;height:24px;min-height:24px;border-radius:20px;padding:0;background:var(--surface-soft);border:1px solid var(--line);flex-shrink:0;cursor:pointer}.transparency-setting input:before{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;background:var(--muted);border-radius:50%;transition:transform .15s}.transparency-setting input:checked{background:var(--accent);border-color:var(--accent)}.transparency-setting input:checked:before{transform:translateX(16px);background:var(--on-accent)}#theme-feedback{margin-top:18px;min-height:36px}
/* A coherent glass shell: blur major surfaces only, never the reading text. */
[data-material="glass"] .app-shell{height:100dvh;padding:18px;gap:14px;grid-template-columns:210px minmax(0,1fr)}
[data-material="glass"] .sidebar,[data-material="glass"] .workspace{border:1px solid var(--edge);border-radius:var(--round);background:var(--rail);backdrop-filter:blur(var(--blur)) saturate(130%);-webkit-backdrop-filter:blur(var(--blur)) saturate(130%);box-shadow:inset 0 1px 0 var(--edge),0 12px 45px var(--shadow-color)}
[data-material="glass"] .workspace{background:var(--panel)}[data-material="glass"] .sidebar{padding-top:29px}[data-material="glass"] .topbar{height:60px}[data-material="glass"] .view-header{padding-top:25px;padding-bottom:19px}[data-material="glass"] .toolbar{padding-bottom:20px}
[data-material="glass"] .content-grid{margin:0 14px 14px;gap:10px;border:0;grid-template-columns:320px minmax(0,1fr)}[data-material="glass"] .collection{border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}[data-material="glass"] .reader{border:1px solid var(--edge);border-radius:14px;box-shadow:0 3px 16px var(--shadow-color);overflow:hidden}
[data-material="glass"] .item-row{margin:0 7px 7px;width:calc(100% - 14px);padding:17px 15px;border:1px solid transparent;border-radius:11px}[data-material="glass"] .item-row.selected{border-color:var(--line);box-shadow:inset 0 1px 0 var(--edge)}[data-material="glass"] .item-row.selected:before{display:none}[data-material="glass"] .list-heading{padding:15px 20px 12px}[data-material="glass"] .reader-top{background:var(--field)}
[data-material="glass"] .bottom-nav,[data-material="glass"] .action-popover,[data-material="glass"] dialog{backdrop-filter:blur(25px) saturate(125%);-webkit-backdrop-filter:blur(25px) saturate(125%)}
[data-theme="sand"] .app-shell{grid-template-columns:208px minmax(0,1fr)}[data-theme="sand"] .content-grid{grid-template-columns:330px minmax(0,1fr)}[data-theme="sand"] .reading-document{max-width:820px;padding-top:43px}[data-theme="sand"] #reader-title,[data-theme="sand"] .ai-summary,[data-theme="sand"] .source-prose{font-family:"Noto Serif SC","Songti SC","SimSun",serif}[data-theme="sand"] .source-prose,[data-theme="sand"] .ai-summary{line-height:2.25}[data-theme="sand"] .item-row{padding-top:24px;padding-bottom:24px}[data-theme="sand"] .item-row.selected:before{width:2px}[data-theme="sand"] .primary{box-shadow:none}[data-theme="sand"] .brand{letter-spacing:.08em}
[data-theme="graphite"] .app-shell{grid-template-columns:194px minmax(0,1fr)}[data-theme="graphite"] .content-grid{grid-template-columns:305px minmax(0,1fr)}[data-theme="graphite"] .topbar{height:54px}[data-theme="graphite"] .view-header{padding-top:23px;padding-bottom:18px}[data-theme="graphite"] .item-row{padding-top:14px;padding-bottom:14px}[data-theme="graphite"] .item-preview{-webkit-line-clamp:1}[data-theme="graphite"] .reader-top{height:49px}[data-theme="graphite"] .reader-tabs{gap:23px}[data-theme="graphite"] .primary{box-shadow:none}
[data-transparency="solid"][data-theme="crystal"]{--rail:#edf2fc;--panel:#f9fbff;--paper:#fff;--field:#f4f7fd;--surface-soft:#eef2fb;--menu:#fff;--blur:0px}
[data-transparency="solid"][data-theme="dusk"]{--rail:#1d2740;--panel:#212c45;--paper:#202a41;--field:#19243b;--surface-soft:#2a3754;--menu:#24304b;--blur:0px}
@supports not (backdrop-filter:blur(1px)){[data-material="glass"]{--rail:#eff3fb;--panel:#f5f8fe;--paper:#fff;--field:#f5f7fc;--menu:#fff}[data-theme="dusk"]{--rail:#1c263e;--panel:#232d46;--paper:#202a41;--field:#19243b;--menu:#24304b}}
@media(max-width:1250px){[data-material="glass"] .app-shell{grid-template-columns:185px minmax(0,1fr);padding:12px;gap:10px}[data-material="glass"] .content-grid{grid-template-columns:280px minmax(0,1fr)}[data-material="glass"] .reading-document{padding-left:27px;padding-right:27px}.privacy{display:none}}
@media(max-width:1100px){[data-material="glass"] .content-grid,[data-theme="sand"] .content-grid,[data-theme="graphite"] .content-grid{display:block}[data-material="glass"] .collection{height:100%}[data-material="glass"] .reader{height:100%}[data-theme="sand"] .reading-document{padding-top:32px}}
@media(max-width:700px){[data-material="glass"] .app-shell{display:block;padding:10px 10px calc(84px + env(safe-area-inset-bottom));height:100dvh}[data-material="glass"] .workspace{height:100%;border-radius:21px}[data-material="glass"] .topbar{height:51px;padding-left:19px;padding-right:14px}[data-material="glass"] .view-header{padding:10px 19px 18px}[data-material="glass"] .toolbar{padding-left:15px;padding-right:15px;padding-bottom:14px}[data-material="glass"] .content-grid{margin:0 8px 8px}[data-material="glass"] .collection{border-radius:13px}[data-material="glass"] .item-row{padding:17px 12px}[data-material="glass"] .reader{border-radius:16px}[data-material="glass"] .bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom));left:14px;right:14px;height:62px;padding:5px 4px;border:1px solid var(--edge);border-radius:21px;box-shadow:0 7px 25px var(--shadow-color)}
 [data-material="glass"] .detail-open .app-shell{padding:0}[data-material="glass"] .detail-open .workspace{border-radius:0;border:0;background:transparent;backdrop-filter:none;box-shadow:none}[data-material="glass"] .detail-open .content-grid{margin:0}[data-material="glass"] .detail-open .reader{border:0;border-radius:0}[data-material="glass"] .reading-document{padding:25px 22px}[data-material="glass"] .reader-top{background:var(--rail)}
 .theme-top>span:last-child{display:none}.theme-top{width:40px;padding:8px}.top-actions{gap:3px}.theme-top svg{width:19px;height:19px}.filter-group button{padding:8px}.source-select select{max-width:100px}.theme-grid{gap:11px}.theme-preview{height:85px;padding:9px}.theme-option>small{font-size:9px}.appearance-block{align-items:flex-start}.appearance-block p{max-width:205px}.appearance-block>.quiet-button{padding:9px 10px;font-size:11px}[data-theme="sand"] .reading-document{padding:30px 24px}[data-theme="graphite"] .topbar{height:51px}[data-theme="graphite"] .item-row{padding-top:16px;padding-bottom:16px}.transparency-setting{align-items:center}
}
@media(max-width:360px){[data-material="glass"] .toolbar{padding-left:10px;padding-right:10px;gap:7px}.filter-group button{font-size:10px;padding:8px 7px}.filter-group button>span{margin-left:3px}.source-select select{font-size:10px;max-width:85px}.filter-group{gap:0}.theme-option>strong{font-size:12px}.theme-option>small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.primary:active,.quiet-button:active,.icon-button:active,.save-knowledge:active{transform:none}.transparency-setting input:before{transition:none}}
.custom-select{display:block;position:relative;min-width:0}.select-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:43px;padding:10px 13px;border:1px solid var(--line);border-radius:var(--button-round);background:var(--field);color:var(--ink);font-size:13px;text-align:left}.select-button svg{width:15px;height:15px}.source-select .select-button{font-size:12px;min-height:40px;white-space:nowrap}.select-popover{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid var(--line);border-radius:13px;background:var(--menu);color:var(--ink);box-shadow:0 12px 40px var(--shadow-color);overflow:auto;overscroll-behavior:contain}.select-popover [role=option]{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;width:100%;min-height:43px;padding:10px 12px;font-size:12px;border-radius:8px}.select-popover [aria-selected=true]{background:var(--accent-soft);color:var(--accent);font-weight:600}.select-popover [aria-selected=true]:after{content:'✓';font-size:13px}.select-popover [role=option]:hover,.select-popover [role=option]:focus{background:var(--hover)}.select-popover [role=option]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
input[type=checkbox]:not([role=switch]){appearance:none;display:inline-grid;place-content:center;border:1px solid var(--line);border-radius:6px;background:var(--field);padding:0}input[type=checkbox]:not([role=switch]):checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:not([role=switch]):checked:after{content:'✓';color:var(--on-accent);font-size:13px;font-weight:bold;line-height:1}.capture-input-footer .text-button{min-height:40px}.intent-picker button{min-height:44px}input::file-selector-button{font:inherit;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;color:var(--ink);padding:9px 12px;margin-right:12px;cursor:pointer}
@media(max-width:700px){.source-select .select-button{font-size:11px;padding:9px 10px;gap:5px;min-height:42px}.source-select{max-width:107px}.select-button{font-size:13px}.filter-group{flex:initial}.search{flex-basis:100%}.toolbar>.source-select{margin-left:auto}}
@media(max-width:360px){.source-select .select-button{font-size:10px;padding:9px 7px;gap:3px}.source-select{max-width:94px}.source-select .select-button svg{width:12px}}