.app-bar{position:sticky;top:0;z-index:50;background:var(--bg-card);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-top:env(safe-area-inset-top,0)}.app-bar-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;min-height:52px}.app-bar-brand{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--text)!important;white-space:nowrap}.app-bar-mark{background:linear-gradient(135deg,var(--accent) 0%,#0a3d34 100%);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-family:Amiri,serif;flex-shrink:0}.app-bar-title{font-weight:800;font-size:1.05rem}.app-bar-search{display:none;flex:1;max-width:460px;margin-inline:auto}.app-bar-search input{flex:1;min-width:0;width:100%;border:1px solid var(--border);border-radius:20px 0 0 20px;padding:8px 14px;background:var(--bg);color:var(--text);font-family:inherit;font-size:16px;outline:none;-webkit-appearance:none}html[dir=ltr] .app-bar-search input{border-radius:0 20px 20px 0}.app-bar-search input:focus{border-color:var(--accent)}.app-bar-search button{border:none;background:var(--accent);color:#fff;padding:0 16px;border-radius:0 20px 20px 0;cursor:pointer;flex-shrink:0}html[dir=ltr] .app-bar-search button{border-radius:20px 0 0 20px}.app-bar-actions{display:flex;gap:6px;flex-shrink:0}.app-bar-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.05rem}.app-bar-btn:hover{border-color:var(--accent);color:var(--accent)}@media (min-width: 900px){.app-bar-search{display:flex}}@media (max-width: 400px){.app-bar-inner{padding:6px 10px;min-height:48px}.app-bar-mark{width:32px;height:32px;font-size:.85rem}.app-bar-title{font-size:.95rem}.app-bar-btn{width:34px;height:34px}}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;justify-content:space-around;background:var(--bg-card);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 12px #0000000f}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 2px 6px;text-decoration:none!important;color:var(--text-soft)!important;transition:color .2s}.bottom-tab-icon{font-size:1.25rem;line-height:1}.bottom-tab-label{font-size:.7rem;font-weight:700}.bottom-tab.active{color:var(--accent)!important}.bottom-tab.active .bottom-tab-icon{transform:translateY(-1px)}@media (min-width: 700px){.bottom-tabs{max-width:520px;margin:0 auto;border-radius:16px 16px 0 0;border:1px solid var(--border);border-bottom:none}}.hero{text-align:center;padding:40px 16px;background:linear-gradient(135deg,var(--accent) 0%,#0a3d34 100%);color:#fff;border-radius:14px;margin-bottom:28px}.hero h1{font-size:1.8rem;margin:0 0 10px;font-weight:800}.hero p{margin:0;opacity:.9}.home-section{margin-bottom:30px}.home-section h2{font-size:1.3rem;font-weight:800;color:var(--accent);margin-bottom:14px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:6px;text-decoration:none!important;color:var(--text)!important;transition:transform .15s,box-shadow .15s}.category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.category-name{font-weight:700;font-size:1.05rem}.category-count{font-size:.85rem;color:var(--accent)}.research-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.research-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;text-decoration:none!important;color:var(--text)!important;transition:transform .15s,box-shadow .15s}.research-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.research-card-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--accent)}.research-card-summary{margin:0;color:var(--text-soft);font-size:.92rem;line-height:1.8}.research-card-meta{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-soft)}.empty-hint{color:var(--text-soft)}@media (max-width: 640px){.hero{padding:28px 12px}}.categories-page{padding:8px 0 16px}.categories-list{display:flex;flex-direction:column;gap:10px}.category-row{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;text-decoration:none!important;color:var(--text)!important;transition:transform .15s,box-shadow .15s}.category-row:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.category-row-name{font-weight:800;font-size:1.05rem;color:var(--accent)}.category-row-count{display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:.85rem}.page-title{font-size:1.6rem;font-weight:800;margin:8px 0 4px;color:var(--accent)}.page-sub{color:var(--text-soft);margin:0 0 20px}.research-list{display:flex;flex-direction:column;gap:12px}.research-row{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none!important;color:var(--text)!important;transition:transform .15s,box-shadow .15s}.research-row:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.research-row h3{margin:0 0 6px;font-size:1.05rem;font-weight:800;color:var(--accent)}.research-row p{margin:0;color:var(--text-soft);font-size:.9rem}.research-row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:.85rem;color:var(--text-soft);white-space:nowrap}.pill{background:var(--accent-soft);color:var(--accent);padding:2px 10px;border-radius:20px;font-size:.8rem}@media (max-width: 640px){.research-row{flex-direction:column;align-items:flex-start}.research-row-meta{flex-direction:row;align-items:center}}.reader{position:relative}.page-loading{text-align:center;padding:60px 0;color:var(--text-soft)}.progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:60}.progress-bar-fill{height:100%;background:var(--accent);transition:width .2s}.reader-layout{display:flex;gap:24px}.toc-sidebar{width:240px;flex-shrink:0;position:sticky;top:76px;align-self:flex-start;max-height:calc(100vh - 90px);overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:12px}.toc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.95rem}.toc-close{display:none;border:none;background:none;font-size:1.4rem;cursor:pointer;color:var(--text)}.toc-list{display:flex;flex-direction:column}.toc-list a{color:var(--text);font-size:.88rem;padding:6px 8px;border-radius:6px;text-decoration:none;line-height:1.7}.toc-list a:hover{background:var(--accent-soft);color:var(--accent)}.toc-empty{color:var(--text-soft);font-size:.9rem;padding:8px}.toc-overlay{display:none}.article{flex:1;min-width:0;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:28px 32px;box-shadow:var(--shadow)}.breadcrumbs{font-size:.88rem;color:var(--text-soft);margin-bottom:14px}.breadcrumbs a{color:var(--accent)}.article-title{font-size:1.7rem;font-weight:800;margin:0 0 12px;color:var(--accent);line-height:1.6}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--text-soft);font-size:.9rem;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.pill{background:var(--accent-soft);color:var(--accent);padding:2px 10px;border-radius:20px;font-size:.82rem}.article-summary{background:var(--accent-soft);border-radius:8px;padding:12px 16px;font-size:1rem;line-height:2;color:var(--text);margin:0 0 20px}.chapter-nav{display:flex;justify-content:space-between;gap:12px;margin-top:34px;padding-top:18px;border-top:1px solid var(--border)}.chapter-link{background:var(--accent-soft);color:var(--accent);border-radius:8px;padding:10px 14px;font-size:.95rem;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:8px;max-width:48%}.chapter-link:hover{background:var(--accent);color:#fff}.chapter-link.next{margin-inline-start:auto}.reader-controls{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:40px;padding:6px 10px;box-shadow:0 4px 20px #00000026;z-index:55}.reader-controls .icon-btn{border:none;background:none;width:36px;height:36px}.reader-controls .icon-btn:hover{background:var(--accent-soft);color:var(--accent)}.reader-controls .icon-btn.active{color:var(--accent)}.fs-value{min-width:26px;text-align:center;font-size:.85rem;color:var(--text-soft)}.related{margin-top:30px}.related h2{font-size:1.2rem;color:var(--accent);margin-bottom:12px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.related-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;text-decoration:none!important;color:var(--text)!important;transition:transform .15s,box-shadow .15s}.related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.related-card strong{color:var(--accent);font-size:.95rem}@media (max-width: 860px){.toc-sidebar{position:fixed;top:0;right:0;bottom:0;left:auto;width:280px;max-height:none;border-radius:0;border-left:1px solid var(--border);z-index:70;transform:translate(100%);transition:transform .25s;padding-top:20px}.toc-sidebar.open{transform:translate(0)}.toc-close{display:block}.toc-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:65}.article{padding:20px 16px}.article-title{font-size:1.35rem}}.search-form{display:flex;gap:10px;margin:16px 0 20px;width:100%;max-width:520px}.search-form input{flex:1 1 0;min-width:0;width:100%;border:1px solid var(--border);border-radius:8px;padding:12px 14px;background:var(--bg-card);color:var(--text);font-family:inherit;font-size:16px;outline:none;-webkit-appearance:none}.search-form input:focus{border-color:var(--accent)}.search-form button{border:none;background:var(--accent);color:#fff;padding:0 22px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1rem;display:flex;align-items:center;gap:6px}.bookmark-main{flex:1;display:flex;flex-direction:column;gap:8px;text-decoration:none!important;color:var(--text)!important}.remove-btn{border:none;background:none;color:var(--text-soft)}.remove-btn:hover{color:#d33}.settings-page{padding:8px 0 16px}.settings-group{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden}.setting-row{width:100%;display:flex;align-items:center;gap:12px;padding:16px;background:none;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:inherit;font-size:1rem;cursor:pointer;text-align:start}.setting-row:last-child{border-bottom:none}.setting-icon{color:var(--accent);font-size:1.2rem;display:flex}.setting-label{flex:1;font-weight:700}.switch{width:46px;height:26px;border-radius:20px;background:var(--border);position:relative;transition:background .2s;flex-shrink:0}.switch.on{background:var(--accent)}.switch-knob{position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on .switch-knob{transform:translate(-17px)}.setting-info{padding:16px}.setting-info strong{display:block;margin-bottom:6px;color:var(--accent);font-size:1rem}.setting-info p{margin:0;color:var(--text-soft);font-size:.9rem;line-height:1.9}:root{--bg: #faf8f3;--bg-card: #ffffff;--text: #2b2b2b;--text-soft: #6b6b6b;--accent: #0d5c4e;--accent-soft: #e5f0ed;--border: #e4ded3;--shadow: 0 2px 12px rgba(0, 0, 0, .06)}html.night{--bg: #121212;--bg-card: #1e1e1e;--text: #e8e6e1;--text-soft: #a0a0a0;--accent: #4caf9b;--accent-soft: #1f3d36;--border: #333;--shadow: 0 2px 12px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Almarai,Segoe UI,Tahoma,sans-serif;transition:background .25s,color .25s}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;max-width:1100px;width:100%;margin:0 auto;padding:16px;padding-bottom:calc(84px + env(safe-area-inset-bottom,0))}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.research-content{font-family:Amiri,serif;line-height:2.3;font-size:1.25rem;color:var(--text)}.research-content h2,.research-content h3,.research-content h4{font-family:Almarai,sans-serif;font-weight:800;margin:1.6rem 0 .8rem;color:var(--accent);scroll-margin-top:90px}.research-content h2{font-size:1.5rem;border-bottom:2px solid var(--accent-soft);padding-bottom:.35rem}.research-content h3{font-size:1.3rem}.research-content h4{font-size:1.15rem}.research-content blockquote{border-inline-start:4px solid var(--accent);background:var(--accent-soft);padding:.7rem 1rem;margin:1rem 0;border-radius:4px;font-size:1.1rem}.research-content img{max-width:100%;height:auto;border-radius:8px}.research-content table{border-collapse:collapse;width:100%;margin:1rem 0}.research-content th,.research-content td{border:1px solid var(--border);padding:.5rem .8rem}.research-content a{text-decoration:underline}.reader-controls .ant-slider-track{background:var(--accent)}@media (max-width: 640px){.research-content{font-size:1.12rem;line-height:2.1}}