:root{color-scheme:dark;--bg: #0b0f14;--panel: #111820;--panel-2: #17222d;--border: #2d3d4e;--text: #e9eef3;--muted: #9faebb;--quiet: #718191;--green: #36c275;--blue: #58baff;--font-ui: "Segoe UI", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-mono: "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--font-ui)}button,input{font:inherit}button{color:inherit}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.app-loading,.app-error{min-height:100vh;display:grid;place-items:center;padding:32px;color:var(--muted)}.reader-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr);transition:grid-template-columns .2s ease}.reader-shell.sidebar-collapsed{grid-template-columns:0px minmax(0,1fr)}.reader-shell.sidebar-collapsed .reader-sidebar{overflow:hidden;min-width:0;border-right:none;padding:0}.reader-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:14px;padding:14px;border-right:1px solid var(--border);background:#0f151c;overflow:auto}.brand-block{display:flex;gap:10px;align-items:center}.brand-block>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);background:var(--panel-2);color:var(--green);font-family:var(--font-mono);font-weight:800;font-size:.85rem}.brand-block strong{display:block;font-size:.85rem}.brand-block small{display:block}.collapse-btn{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);cursor:pointer;font-size:.85rem;flex-shrink:0}.collapse-btn:hover{border-color:var(--blue);color:var(--text)}.brand-block small,.path-context p,.post-list span{color:var(--muted);font-size:.8rem}.stage-nav,.post-list{display:flex;flex-direction:column;gap:6px}.stage-nav{overflow:auto}.stage-nav button,.post-list button{border:1px solid var(--border);background:var(--panel);text-align:left;cursor:pointer}.stage-nav button{font-size:.85rem}.stage-panel .post-list button{padding:6px 8px;font-size:.9rem}.stage-panel .post-list span{color:var(--muted);font-size:.82rem}.stage-nav button span{color:var(--green);font-family:var(--font-mono);font-size:.85rem}.stage-nav button:hover,.stage-nav button.active,.post-list button:hover,.post-list button.active{border-color:var(--blue);background:var(--panel-2)}.path-context{margin-top:auto;border:1px solid var(--border);background:var(--panel);padding:10px}.path-context p{margin:0 0 8px;line-height:1.55;font-size:.82rem}.path-context div{display:flex;gap:4px;flex-wrap:wrap}.path-context span{border:1px solid var(--border);color:var(--green);padding:2px 6px;font-family:var(--font-mono);font-size:.75rem}.reader-main{min-width:0;padding:14px}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr) 240px;gap:10px;align-items:stretch;transition:grid-template-columns .2s ease;height:calc(100vh - 28px)}.reader-shell.stage-collapsed .workspace{grid-template-columns:0px minmax(0,1fr) 240px}.reader-shell.stage-collapsed .stage-panel{overflow:hidden;min-width:0;padding:0;border:none}.reader-shell.library-collapsed .workspace{grid-template-columns:220px minmax(0,1fr) 0px}.reader-shell.library-collapsed .library-panel{overflow:hidden;min-width:0;padding:0;border:none}.reader-shell.stage-collapsed.library-collapsed .workspace{grid-template-columns:0px minmax(0,1fr) 0px}.stage-panel,.library-panel,.reader-panel{border:1px solid var(--border);background:var(--panel)}.stage-panel{display:flex;flex-direction:column;padding:8px;overflow:hidden}.stage-panel .post-list{overflow-y:auto;overflow-x:hidden;flex:1}.library-panel{display:flex;flex-direction:column;padding:8px;overflow:hidden}.reader-panel{min-width:0;padding:10px;display:flex;flex-direction:column;overflow:hidden}.panel-title{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.panel-title h2{margin:0;font-size:.82rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.panel-title span{color:var(--green);font-family:var(--font-mono);font-size:.8rem;flex-shrink:0}.global-search{margin-bottom:8px}.global-search input{width:100%;border:1px solid var(--border);background:#0f151c;color:var(--text);padding:7px 8px;font-size:.85rem}.post-list{overflow-y:auto;overflow-x:hidden;flex:1}.post-list button{padding:6px 8px;width:100%;font-size:.82rem;border:1px solid var(--border);border-radius:0;margin-bottom:-1px;flex-shrink:0}.post-list strong{display:block;margin-top:1px;font-size:.82rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.reader-panel{min-width:0;padding:10px;display:flex;flex-direction:column}.reader-header{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:10px;font-size:.88rem;flex-shrink:0}.source-frame{flex:1;border:1px solid var(--border);background:#fff;overflow:hidden}.source-frame iframe{width:100%;height:100%;display:block;border:0;background:#fff}.lang-btn{background:transparent;border:0;color:var(--blue);padding:0;cursor:pointer;font-size:inherit;font-weight:400;line-height:inherit}.lang-btn:hover{text-decoration:underline}.lang-btn.active{color:var(--blue)}.lang-btn:disabled{color:var(--quiet);cursor:wait;text-decoration:none}.reader-message{flex:1;min-height:260px;display:grid;place-items:center;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:.95rem}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;border:0;padding:28px;display:grid;place-items:center;background:#000000db;cursor:zoom-out}.image-lightbox img{max-width:min(96vw,1600px);max-height:94vh;width:auto;height:auto;background:#fff;box-shadow:0 24px 80px #00000080}.float-expand-btn{position:fixed;z-index:15;width:22px;height:32px;display:grid;place-items:center;border:1px solid var(--border);background:var(--panel-2);cursor:pointer;font-size:.78rem;opacity:.6;transition:opacity .15s}.float-expand-btn:hover{opacity:1}.vocabulary-viewer{height:100%;overflow-y:auto;padding:16px;background:var(--bg)}.vocab-loading,.vocab-error{display:flex;align-items:center;justify-content:center;height:200px;color:var(--muted);font-size:.9rem}.vocab-error{color:#ff6b6b}.vocab-header{display:flex;align-items:center;gap:16px;padding:8px 0;margin-bottom:16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.vocab-header h1{font-size:1.1rem;color:var(--green);margin:0;font-weight:700;white-space:nowrap}.vocab-stats{display:flex;gap:16px}.stat-item{color:var(--muted);font-size:.82rem;white-space:nowrap}.stat-item .number{color:var(--green);font-weight:700;font-family:var(--font-mono)}.vocab-search{position:relative;flex:1;min-width:200px}.vocab-search input{width:100%;padding:6px 60px 6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);font-size:.85rem}.vocab-search input:focus{outline:none;border-color:var(--green)}.vocab-search input::placeholder{color:var(--quiet)}.search-count{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.72rem;color:var(--muted);font-family:var(--font-mono)}.vocab-section{margin-bottom:24px}.section-title{font-size:1rem;color:var(--green);margin:0 0 12px;padding-bottom:6px;border-bottom:1px solid var(--border)}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.vocab-card{background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:12px;transition:all .2s ease}.vocab-card:hover{background:var(--panel-2);border-color:var(--blue)}.vocab-card.core-setup{border-left:3px solid var(--green)}.vocab-term{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;flex-wrap:wrap}.vocab-word{font-size:1rem;font-weight:700;color:var(--blue);font-family:var(--font-mono)}.vocab-type{font-size:.6rem;color:var(--green);background:#36c27526;padding:1px 5px;border-radius:3px;font-weight:600}.core-badge{display:inline-block;background:linear-gradient(135deg,var(--green),#2ea865);color:#fff;font-size:.55rem;padding:1px 5px;border-radius:3px;font-weight:700}.vocab-meaning{font-size:.88rem;color:var(--text);margin-bottom:8px;line-height:1.4}.vocab-context{font-size:.78rem;color:var(--muted);background:#0003;padding:8px 10px;border-radius:4px;border-left:3px solid var(--green);line-height:1.4}.vocab-no-results{text-align:center;padding:32px 16px;color:var(--muted);font-size:.9rem}.filter-toggle-btn{border:1px solid var(--border);background:transparent;color:var(--muted);padding:1px 8px;font-size:.72rem;cursor:pointer;flex-shrink:0}.filter-toggle-btn:hover,.filter-toggle-btn.active{border-color:var(--blue);color:var(--blue);background:var(--panel-2)}.filter-panel{display:flex;flex-direction:column;gap:6px;padding:8px;margin-bottom:8px;border:1px solid var(--border);background:var(--panel-2)}.filter-dimension{display:flex;align-items:baseline;gap:6px}.filter-dim-label{color:var(--muted);font-size:.72rem;min-width:48px;flex-shrink:0}.filter-dim-options{display:flex;flex-wrap:wrap;gap:4px}.filter-chip{border:1px solid var(--border);background:transparent;color:var(--muted);padding:1px 6px;font-size:.7rem;cursor:pointer;line-height:1.4}.filter-chip:hover{border-color:var(--blue);color:var(--text)}.filter-chip.active{border-color:var(--green);background:#36c2751f;color:var(--green)}.filter-clear-btn{align-self:flex-end;border:none;background:transparent;color:var(--muted);font-size:.7rem;cursor:pointer;padding:0;margin-top:2px}.filter-clear-btn:hover{color:var(--text);text-decoration:underline}.active-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.active-filter-chip{border:1px solid var(--green);background:#36c2751a;color:var(--green);padding:0 6px;font-size:.68rem;cursor:pointer;line-height:1.6}.active-filter-chip:hover{background:#36c27533}.post-tags{display:block;color:var(--quiet);font-size:.68rem;margin-top:1px}@media(max-width:768px){.vocabulary-viewer{padding:12px}.vocab-header h1{font-size:1.4rem}.vocab-grid{grid-template-columns:1fr;gap:12px}.vocab-card{padding:12px}}@media(max-width:480px){.vocab-header{padding:16px 0;margin-bottom:16px}.vocab-header h1{font-size:1.2rem}.section-title{font-size:1.1rem;margin:0 0 12px}.vocab-word{font-size:.95rem}}.sidebar-expand{left:0;top:50%;transform:translateY(-50%);border-radius:0 3px 3px 0;border-left:none;color:#fff;background:var(--green);border-color:var(--green)}.sidebar-expand:hover{background:#2ea865}.stage-expand{left:0;top:40%;transform:translateY(-50%);border-radius:0 3px 3px 0;border-left:none;color:#fff;background:var(--blue);border-color:var(--blue)}.stage-expand:hover{background:#4aa8e8}.library-expand{right:0;left:auto;top:50%;transform:translateY(-50%);border-radius:3px 0 0 3px;border-right:none;color:#fff;background:#e8a84a;border-color:#e8a84a}.library-expand:hover{background:#d49540}@media(max-width:1280px){.workspace{grid-template-columns:200px minmax(0,1fr) 200px}}@media(max-width:1024px){.reader-shell{grid-template-columns:1fr}.reader-sidebar{position:static;height:auto}.workspace{grid-template-columns:1fr;height:auto}.stage-panel,.library-panel{position:static;height:auto;max-height:300px}.source-frame{height:70vh;min-height:400px}}@media(max-width:768px){.reader-sidebar{padding:10px;gap:10px}.brand-block strong{font-size:.8rem}.stage-nav button{font-size:.75rem;padding:5px 8px}.path-context{padding:8px}.path-context p{font-size:.78rem}.workspace{gap:8px}.stage-panel,.library-panel{max-height:250px;padding:6px}.panel-title h2{font-size:.85rem}.post-list button{padding:5px 6px;font-size:.78rem}.post-list strong{font-size:.78rem}.reader-panel{padding:8px}.reader-header{font-size:.82rem;padding-bottom:6px;margin-bottom:8px}.source-frame{height:60vh;min-height:300px}.global-search input{font-size:.8rem;padding:6px}}@media(max-width:480px){.reader-sidebar{padding:8px;gap:8px}.brand-block>span{width:30px;height:30px;font-size:.75rem}.brand-block strong{font-size:.75rem}.brand-block small{font-size:.7rem}.stage-nav button{font-size:.72rem;padding:4px 6px}.stage-nav button span,.path-context p{font-size:.72rem}.path-context span{font-size:.7rem;padding:1px 4px}.stage-panel,.library-panel{max-height:200px;padding:4px}.panel-title h2{font-size:.8rem}.panel-title span{font-size:.72rem}.post-list button{padding:4px 5px;font-size:.72rem}.post-list span{font-size:.7rem}.post-list strong{font-size:.72rem}.filter-panel{padding:5px;gap:4px}.filter-dim-label{font-size:.65rem;min-width:38px}.filter-chip{font-size:.62rem;padding:0 4px}.post-tags{font-size:.6rem}.reader-panel{padding:6px}.reader-header{font-size:.78rem;gap:8px;padding-bottom:4px;margin-bottom:6px}.source-frame{height:55vh;min-height:250px}.global-search input{font-size:.75rem;padding:5px}.collapse-btn{width:24px;height:24px;font-size:.75rem}.float-expand-btn{width:18px;height:28px;font-size:.7rem}}.reference-notes{height:100%;overflow-y:auto;padding:16px;background:var(--bg)}.note-block{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px 20px;margin-bottom:16px}.note-title{margin:0 0 8px;font-size:1.05rem;font-weight:600;color:var(--text)}.note-summary{margin:0 0 8px;font-size:.9rem;color:var(--text);line-height:1.5}.note-detail{margin:0;font-size:.85rem;color:var(--muted);line-height:1.6;white-space:pre-wrap}.source-switcher{display:grid;grid-template-columns:1fr 1fr;gap:6px}.source-switcher button{min-width:0;border:1px solid var(--border);background:#0f151c;color:var(--muted);padding:7px 8px;font-size:.74rem;line-height:1.25;cursor:pointer;white-space:normal}.source-switcher button:hover,.source-switcher button.active{border-color:var(--green);background:#36c2751f;color:var(--text)}.source-switcher-inline{margin:2px 0 4px}