@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@500;600;700;800&display=swap";:root{--font-size: 16px;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Be Vietnam Pro", ui-serif, Georgia, serif;--reader-width: 720px;--color-bg: #f8f6f1;--color-bg-card: #ffffff;--color-bg-hover: #f0ede8;--color-bg-overlay: rgba(20, 24, 28, .52);--color-text: #1a1d21;--color-text-secondary: #3d4148;--color-text-muted: #6b7078;--color-accent: #1a2b3c;--color-accent-hover: #101d2a;--color-accent-soft: #3a5b7d;--color-success: #16a34a;--color-warning: #d97706;--color-error: #ba1a1a;--color-border: #d4d1cc;--color-border-light: #e8e5e0;--color-shadow: rgba(20, 24, 28, .06);--color-surface-container: #efecea;--color-surface-container-low: #f5f3f0;--color-primary-container: #1a2b3c;--color-on-primary-container: #d2e4fb;--source-vnexpress: #1565c0;--source-tuoitre: #c62828;--source-thanhnien: #2e7d32;--source-voz: #6a1b9a;--source-reddit: #e65100;--source-default: #455a64;--radius: 12px;--radius-sm: 8px;--max-width: var(--reader-width);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--color-bg: #161819;--color-bg-card: #1e2022;--color-bg-hover: #2a2d30;--color-bg-overlay: rgba(0, 0, 0, .76);--color-text: #e4e4e8;--color-text-secondary: #b8bac0;--color-text-muted: #7d8088;--color-accent: #9ec5ff;--color-accent-hover: #b8d4ff;--color-accent-soft: #6d8fad;--color-success: #3fb950;--color-warning: #d29922;--color-error: #f85149;--color-border: #363a3e;--color-border-light: #2a2d30;--color-shadow: rgba(0, 0, 0, .5);--color-surface-container: #222527;--color-surface-container-low: #1e2022;--color-primary-container: #0d3a6e;--color-on-primary-container: #a8c8f0;--source-vnexpress: #64b5f6;--source-tuoitre: #ef5350;--source-thanhnien: #66bb6a;--source-voz: #ba68c8;--source-reddit: #ff8a65;--source-default: #90a4ae}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64646433;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#64646466}body{font-family:var(--font-body);font-size:var(--font-size);background:var(--color-bg);color:var(--color-text);line-height:1.68;min-height:100vh;min-height:100dvh;overflow-x:clip;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background-color .25s ease,color .25s ease}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}@keyframes slideUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleInBounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.skeleton{background:linear-gradient(90deg,var(--color-bg-hover) 0%,color-mix(in srgb,var(--color-border-light) 60%,var(--color-bg-hover)) 40%,var(--color-bg-hover) 80%);background-size:300% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}*,*:before,*:after{transition-property:background-color,border-color,color,box-shadow;transition-duration:0s}body,.sidebar,.app-shell,.split-left,.split-right,.feed-tab,.feed-item,.sidebar-nav-item,.mobile-bottom-nav,.mobile-top-nav,.card,.btn{transition-duration:.25s;transition-timing-function:ease}.welcome-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 32px;min-height:60vh;animation:fadeInUp .4s ease-out}.welcome-illustration{margin-bottom:24px;opacity:.85}.welcome-illustration svg{filter:drop-shadow(0 2px 8px var(--color-shadow))}.welcome-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--color-text);margin-bottom:8px;letter-spacing:-.3px}.welcome-subtitle{font-size:.92rem;color:var(--color-text-muted);line-height:1.55;max-width:320px;margin-bottom:28px}.welcome-subtitle strong{color:var(--color-accent);font-weight:600}.welcome-features{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}.welcome-feature{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid var(--color-border-light);background:var(--color-surface-container-low);color:var(--color-text-secondary);font-size:.78rem;font-weight:600;font-family:var(--font-heading)}.welcome-feature-icon{display:flex;align-items:center;color:var(--color-accent);opacity:.7}.welcome-kbd-hint{font-size:.74rem;color:var(--color-text-muted);opacity:.6;letter-spacing:.02em}.welcome-kbd-hint kbd{display:inline-block;padding:2px 6px;border:1px solid var(--color-border-light);border-radius:4px;background:var(--color-surface-container);font-size:.7rem;font-family:var(--font-heading);line-height:1.2;vertical-align:middle}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:min(20vh,120px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal{width:min(560px,92vw);max-height:min(480px,70vh);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius);box-shadow:0 16px 48px var(--color-shadow),0 2px 8px var(--color-shadow);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--color-border-light)}.search-input-icon{flex-shrink:0;color:var(--color-text-muted)}.search-input{flex:1;border:none;background:transparent;color:var(--color-text);font-size:1rem;font-family:var(--font-body);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.search-kbd{display:inline-block;padding:2px 8px;border:1px solid var(--color-border-light);border-radius:4px;background:var(--color-surface-container-low);color:var(--color-text-muted);font-size:.7rem;font-family:var(--font-heading);font-weight:600;flex-shrink:0}.search-results{overflow-y:auto;flex:1}.search-status{padding:24px 16px;text-align:center;color:var(--color-text-muted);font-size:.88rem}.search-result-item{display:block;width:100%;padding:12px 16px;border:none;border-bottom:1px solid var(--color-border-light);background:transparent;text-align:left;cursor:pointer;transition:background-color .15s ease;font-family:var(--font-body)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--color-bg-hover)}.search-result-title{font-size:.92rem;font-weight:600;color:var(--color-text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:.76rem}.search-result-source{font-weight:600;text-transform:uppercase;letter-spacing:.03em}.search-result-time{color:var(--color-text-muted)}.search-result-excerpt{margin-top:4px;font-size:.82rem;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-shell{display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--color-surface-container);gap:12px;padding:12px}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.sidebar{width:clamp(180px,18vw,240px);flex-shrink:0;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:1.25rem 0;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius);box-shadow:0 1px 3px var(--color-shadow);font-size:1rem}.sidebar-brand{padding:0 1.25rem;margin-bottom:2.25rem}.sidebar-logo{font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--color-accent);letter-spacing:-.6px;text-decoration:none;display:block}.sidebar-logo:hover{color:var(--color-accent);text-decoration:none}.sidebar-subtitle{font-size:.78rem;font-weight:500;color:var(--color-text-muted);letter-spacing:.03em;margin-top:2px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 .75rem}.sidebar-nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;color:var(--color-text-secondary);font-size:.88rem;font-weight:500;text-decoration:none;transition:background-color .2s ease,color .2s ease;border-radius:var(--radius-sm);border:none;position:relative}.sidebar-nav-item:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:3px;border-radius:0 2px 2px 0;background:var(--color-accent);opacity:0;transform:scaleY(0);transition:opacity .2s ease,transform .25s ease}.sidebar-nav-item:hover{background:var(--color-surface-container-low);color:var(--color-text);text-decoration:none}.sidebar-nav-item.active{background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface-container));color:var(--color-accent);font-weight:700}.sidebar-nav-item.active:before{opacity:1;transform:scaleY(1)}.sidebar-nav-icon{font-size:1rem;width:22px;text-align:center;opacity:.7;transition:opacity .2s ease}.sidebar-nav-item:hover .sidebar-nav-icon{opacity:.9}.sidebar-nav-item.active .sidebar-nav-icon{opacity:1}.sidebar-nav-label{font-family:var(--font-heading)}.sidebar-footer{margin-top:auto;padding:.75rem .75rem 0;border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:2px}.sidebar-search-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px;border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-surface-container-low);color:var(--color-text-muted);font-size:.82rem;font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:all .15s}.sidebar-search-btn:hover{border-color:var(--color-border);color:var(--color-text-secondary);background:var(--color-surface-container)}.sidebar-search-kbd{margin-left:auto;padding:1px 6px;border:1px solid var(--color-border-light);border-radius:4px;background:var(--color-surface-container);font-size:.65rem;font-weight:600;font-family:var(--font-heading);color:var(--color-text-muted);line-height:1.4}.sidebar-quick-settings{display:flex;align-items:center;gap:8px;padding:4px 4px 0;margin-top:4px}.sidebar-theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--color-border-light);background:var(--color-surface-container-low);color:var(--color-text-secondary);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;flex-shrink:0}.sidebar-theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface-container-low))}.sidebar-theme-toggle:active{transform:scale(.92)}.sidebar-font-cycle{flex:1;padding:7px 12px;border-radius:999px;border:1px solid var(--color-border-light);background:var(--color-surface-container-low);color:var(--color-text-secondary);font-size:.76rem;font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;text-align:center;letter-spacing:.02em}.sidebar-font-cycle:hover{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface-container-low))}.mobile-top-nav{display:none;width:100%;height:56px;background:var(--color-bg);align-items:center;justify-content:space-between;padding:0 16px;padding-top:var(--safe-top);border-bottom:1px solid var(--color-border-light);position:sticky;top:0;z-index:100}.mobile-top-logo{font-family:var(--font-heading);font-size:1.25rem;font-weight:800;color:var(--color-accent);text-decoration:none;letter-spacing:-.4px}.mobile-top-logo:hover{color:var(--color-accent);text-decoration:none}.mobile-top-actions{display:flex;align-items:center;gap:8px}.mobile-top-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.mobile-top-btn:hover{background:var(--color-surface-container-low)}.mobile-top-btn-text{font-family:var(--font-heading);font-size:.9rem;font-weight:700}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:color-mix(in srgb,var(--color-bg) 96%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--color-border-light);padding:8px 12px calc(8px + var(--safe-bottom));align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:12px;overscroll-behavior-x:contain;font-size:1rem}.mobile-bottom-nav::-webkit-scrollbar{display:none}.mobile-bottom-item{display:flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;color:var(--color-text-muted);text-decoration:none;transition:all .15s;border:1px solid transparent;flex:0 0 auto;scroll-snap-align:center}.mobile-bottom-item:hover{text-decoration:none;color:var(--color-text-secondary);background:var(--color-surface-container-low)}.mobile-bottom-item.active{color:#fff;background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 25%,transparent)}[data-theme=dark] .mobile-bottom-item.active{color:var(--color-bg)}.mobile-bottom-label{font-size:.8rem;font-weight:600;font-family:var(--font-heading);white-space:nowrap}@media(max-width:1099px){.app-shell{background:var(--color-bg);gap:0;padding:0}.sidebar{display:none}.mobile-top-nav,.mobile-bottom-nav{display:flex}.app-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(60px + var(--safe-bottom))}}@media(min-width:1100px){.mobile-top-nav,.mobile-bottom-nav{display:none}}.header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-bg) 92%,transparent);border-bottom:1px solid var(--color-border-light);padding:calc(12px + var(--safe-top)) 0 12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.header-left{display:flex;align-items:baseline;gap:12px;min-width:0}.header-logo{font-family:var(--font-heading);font-size:1.42rem;font-weight:800;color:var(--color-accent);letter-spacing:-.5px}.header-logo:hover{color:var(--color-accent);text-decoration:none}.header-date{font-size:.76rem;color:var(--color-text-muted);font-weight:500;letter-spacing:-.1px}@media(max-width:480px){.header-date{display:none}.header-logo{font-size:1.18rem}.header-actions{gap:4px}.icon-btn{width:34px;height:34px}.font-size-btn{height:34px;padding:0 8px}}.header-actions{display:flex;align-items:center;gap:6px}.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border-light);background:var(--color-surface-container-low);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .15s}.icon-btn:hover{background:var(--color-surface-container);color:var(--color-text);border-color:var(--color-border)}.icon-btn.active{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-card))}.icon-btn:disabled{opacity:.3;cursor:default}.font-size-btn{display:inline-flex;align-items:center;gap:3px;height:34px;padding:0 11px;border-radius:999px;border:1px solid var(--color-border-light);background:var(--color-surface-container-low);color:var(--color-text-secondary);font-family:var(--font-heading);transition:all .15s;cursor:pointer;margin-right:2px}.font-size-btn:hover{background:var(--color-surface-container);color:var(--color-text);border-color:var(--color-border)}.font-size-btn:active{transform:scale(.95)}.text-settings-control{position:relative}.text-settings-menu{position:absolute;top:42px;right:0;width:190px;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-card);box-shadow:0 8px 32px var(--color-shadow);z-index:120;animation:fadeIn .12s ease-out}.text-settings-size,.text-settings-option{width:100%;border:none;border-radius:8px;background:transparent;color:var(--color-text-secondary);text-align:left;font-size:.84rem}.text-settings-size{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;margin-bottom:4px}.text-settings-size strong{color:var(--color-accent)}.text-settings-label{padding:6px 10px 4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.text-settings-option{display:block;padding:8px 10px}.text-settings-size:hover,.text-settings-option:hover,.text-settings-option.active{background:var(--color-bg-hover);color:var(--color-text)}.text-settings-option.active{color:var(--color-accent);font-weight:700}.font-size-btn-label{font-size:.88rem;font-weight:700;letter-spacing:-.3px}.font-size-btn-value{font-size:.65rem;font-weight:500;color:var(--color-text-muted);min-width:14px;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:8px;border:1px solid var(--color-border-light);background:var(--color-bg-card);color:var(--color-text);font-size:.85rem;font-weight:600;transition:all .15s;white-space:nowrap}.btn:hover{background:var(--color-surface-container-low);border-color:var(--color-border);text-decoration:none}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.btn-danger{color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 30%,var(--color-border-light))}.btn-danger:hover{background:color-mix(in srgb,var(--color-error) 6%,transparent);border-color:var(--color-error)}.btn-sm{padding:5px 12px;font-size:.78rem}.btn-ghost{border:none;background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface-container-low);color:var(--color-text)}.card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:16px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px var(--color-shadow)}.card:hover{border-color:var(--color-border);box-shadow:0 2px 8px var(--color-shadow)}.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.02em}.badge-rss{background:#dbeafe;color:#1d4ed8}.badge-web{background:#f3e8ff;color:#7c3aed}.badge-success{background:#16a34a1a;color:var(--color-success)}.badge-error{background:#dc26261a;color:var(--color-error)}.badge-pending{background:#d977061a;color:var(--color-warning)}[data-theme=dark] .badge-rss{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .badge-web{background:#3b1f6e;color:#c4b5fd}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:.9rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent)}.toggle{position:relative;width:44px;height:24px;cursor:pointer}.toggle input{display:none}.toggle .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border-light);border-radius:12px;transition:background .2s}.toggle .slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.toggle input:checked+.slider{background:var(--color-accent)}.toggle input:checked+.slider:before{transform:translate(20px)}.page-header{display:flex;align-items:center;justify-content:space-between;margin:20px 0 14px;flex-wrap:wrap;gap:8px}.page-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;letter-spacing:-.3px;color:var(--color-accent)}.reader-footer{text-align:center;padding:24px 16px 32px;color:var(--color-text-muted);font-size:.78rem;line-height:1.6}.reader-footer a{color:var(--color-accent)}.loading,.empty-state{text-align:center;padding:48px 16px;color:var(--color-text-muted)}.empty-state h2{font-family:var(--font-heading);margin-bottom:8px}.feed-tabs{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0 8px;border-bottom:1px solid var(--color-border-light);position:sticky;top:61px;z-index:50;background:color-mix(in srgb,var(--color-bg) 94%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.split-feed-toolbar{position:sticky;top:61px;z-index:50;display:flex;flex-direction:column;border-bottom:1px solid var(--color-border-light);background:color-mix(in srgb,var(--color-bg) 94%,transparent);padding-bottom:6px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .3s ease,opacity .25s ease;font-size:1rem}.split-feed-toolbar.toolbar-hidden .toolbar-compact-row{max-height:0;padding:0;overflow:hidden;opacity:0;transition:max-height .3s ease,padding .3s ease,opacity .2s ease}.toolbar-compact-row{max-height:60px;transition:max-height .3s ease,padding .3s ease,opacity .2s ease}.toolbar-tabs-row{display:flex;align-items:center;gap:6px}.toolbar-compact-row{display:flex;align-items:center;gap:8px;padding:6px 0 4px;flex-wrap:wrap}.toolbar-settings-group{display:flex;align-items:center;gap:4px;margin-left:auto}@media(max-width:1099px){.toolbar-settings-group{display:none!important}}.toolbar-theme-btn,.toolbar-font-btn{font-size:.78rem;padding:4px 8px;min-width:unset}.compact-date-nav{display:flex;align-items:center;gap:2px;flex-shrink:0}.compact-date-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;transition:all .15s}.compact-date-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text)}.compact-date-btn:disabled{opacity:.3;cursor:default}.compact-date-label{font-size:.76rem;font-weight:600;color:var(--color-text-muted);min-width:32px;text-align:center;letter-spacing:-.2px}.compact-sort-control{position:relative;flex-shrink:0}.compact-sort-btn{padding:5px 12px;border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.compact-sort-btn:hover{border-color:var(--color-text-muted);color:var(--color-text-secondary)}.compact-sort-btn.active,.compact-sort-btn.open{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.compact-sort-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 8px 24px var(--color-shadow);min-width:120px;z-index:60;animation:fadeIn .12s ease-out}.toolbar-filters-panel{display:flex;flex-direction:column;gap:8px;padding:8px 0 2px}.toolbar-filters-row{display:flex;align-items:center;gap:8px}.sort-toggle{display:flex;flex-shrink:0;border:1px solid var(--color-border);border-radius:999px;overflow:hidden}.sort-btn{padding:4px 12px;font-size:.74rem;font-weight:600;background:transparent;color:var(--color-text-muted);border:none;transition:all .15s;white-space:nowrap;cursor:pointer}.sort-btn.active{background:var(--color-accent);color:#fff}.sort-btn:not(.active):hover{background:var(--color-surface-container-low)}.topic-scroll{display:flex;align-items:center;gap:6px;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none;cursor:grab;padding-bottom:2px;user-select:none;-webkit-user-select:none}.topic-scroll::-webkit-scrollbar{display:none}.split-feed-toolbar .feed-tabs{position:static;top:auto;z-index:auto;flex:1 1 auto;min-width:0;justify-content:flex-start;gap:3px;padding:0;border-bottom:none;background:transparent;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.feed-filter-control{position:relative;flex:0 0 auto}.btn-active{border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.date-navigator.compact{justify-content:space-between;gap:8px;padding:0}.date-navigator.compact .icon-btn{width:28px;height:28px;font-size:.8rem}.split-feed-toolbar .feed-tab{padding:6px 8px;font-size:.82rem;white-space:nowrap}.split-feed-toolbar .feed-tabs::-webkit-scrollbar{display:none}.feed-tab{padding:7px 18px;border:1px solid var(--color-border-light);border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:.84rem;font-weight:600;transition:all .15s;white-space:nowrap}.feed-tab.active{border-color:var(--color-accent);color:#fff;background:var(--color-accent);box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 20%,transparent)}[data-theme=dark] .feed-tab.active{color:var(--color-bg)}.feed-tab:hover:not(.active){border-color:var(--color-border);color:var(--color-text-secondary);background:var(--color-surface-container-low)}.filter-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 8px 24px var(--color-shadow);min-width:180px;z-index:50;max-height:60vh;overflow-y:auto;overscroll-behavior:contain;animation:fadeIn .12s ease-out}.filter-option{display:block;width:100%;padding:10px 14px;border:none;background:none;text-align:left;font-size:.85rem;color:var(--color-text-secondary);transition:background .1s;cursor:pointer}.filter-option:hover{background:var(--color-bg-hover)}.filter-option.active{color:var(--color-accent);font-weight:600;background:var(--color-bg-hover)}.filter-option+.filter-option{border-top:1px solid var(--color-border-light)}.filter-active{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 0;font-size:.82rem;color:var(--color-text-muted)}.feed-container{padding:14px 0 32px}.offline-cache-banner{margin:8px 0;padding:8px 12px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-card);color:var(--color-text-muted);font-size:.8rem;line-height:1.45;text-align:center}.feed-refresh-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 14px;padding:9px 12px;border:1px solid var(--color-border-light);border-radius:999px;background:color-mix(in srgb,var(--color-bg-card) 80%,transparent);color:var(--color-text-muted);font-size:.78rem;box-shadow:0 6px 18px var(--color-shadow)}.scroll-top-button{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:80;width:44px;height:44px;border:1px solid var(--color-border-light);border-radius:999px;background:var(--color-bg-card);color:var(--color-text);box-shadow:var(--shadow-lg);font-size:1.25rem;font-weight:700;cursor:pointer;animation:scaleInBounce .3s ease-out;transition:transform .15s ease,box-shadow .15s ease}.scroll-top-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--color-shadow)}.scroll-top-button:active{transform:translateY(0)}@media(max-width:899px){.scroll-top-button{bottom:max(22px,env(safe-area-inset-bottom))}}.feed-load-more{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0 8px;color:var(--color-text-muted);font-size:.82rem}.feed-load-more-error{color:var(--color-error)}.feed-date-heading{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;font-style:normal;text-align:center;padding:18px 0 12px;color:var(--color-accent);letter-spacing:-.4px}.digest-container{padding:14px 24px 32px}.digest-nav-mobile-only{display:none}.digest-history-nav{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0 4px}.digest-history-btn{width:30px;height:30px;font-size:1rem}.digest-history-select{max-width:min(100%,340px);padding:7px 12px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-card);color:var(--color-text-secondary);font-size:.82rem;font-weight:600}.digest-meta{margin-top:-4px;padding-bottom:14px;color:var(--color-text-muted);font-size:.82rem;text-align:center}@media(max-width:899px){.digest-container{padding:10px 24px 28px}.digest-nav-mobile-only{display:flex}.digest-history-select{flex:1;min-width:0}}.date-navigator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0 6px}.date-navigator-label{font-size:.88rem;font-weight:600;color:var(--color-text-muted);letter-spacing:-.2px}.feed-item{padding:18px 0;margin:0;border-bottom:none;border-left:none;border-radius:0;cursor:pointer;transition:background-color .2s ease,transform .2s ease;position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.feed-item+.feed-item{border-top:1px solid var(--color-border-light)}.feed-item:after{content:"";position:absolute;top:16px;bottom:16px;left:-20px;width:3px;border-radius:999px;background:var(--color-accent);opacity:0;transform:scaleY(0);transition:opacity .2s ease,transform .25s ease}.feed-item:hover{background:color-mix(in srgb,var(--color-accent) 3%,transparent);transform:translate(2px)}.feed-item:hover:after{opacity:.4;transform:scaleY(.6)}.feed-item:active{transform:translate(0)}.feed-item.active{background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.feed-item.active:after{opacity:1;transform:scaleY(1)}.feed-item-meta{display:flex;align-items:center;gap:10px;margin-bottom:7px}.feed-item-source{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--source-default) 10%,transparent);color:var(--source-default);display:inline-flex;align-items:center;gap:4px;line-height:1}.feed-item-source:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}.feed-item-source.source-vnexpress{background:color-mix(in srgb,var(--source-vnexpress) 10%,transparent);color:var(--source-vnexpress)}.feed-item-source.source-tuoitre,.feed-item-source.source-tuổitrẻ{background:color-mix(in srgb,var(--source-tuoitre) 10%,transparent);color:var(--source-tuoitre)}.feed-item-source.source-thanhnien,.feed-item-source.source-thanhniên{background:color-mix(in srgb,var(--source-thanhnien) 10%,transparent);color:var(--source-thanhnien)}.feed-item-source.source-voz{background:color-mix(in srgb,var(--source-voz) 10%,transparent);color:var(--source-voz)}.feed-item-source.source-reddit{background:color-mix(in srgb,var(--source-reddit) 10%,transparent);color:var(--source-reddit)}.feed-item-time{font-size:.7rem;color:var(--color-text-muted);font-weight:500}.feed-item-reading-time{font-size:.68rem;color:var(--color-text-muted);font-weight:500;opacity:.6;margin-left:auto}.feed-item-title{font-family:var(--font-heading);font-size:1.02rem;font-weight:700;line-height:1.36;margin-bottom:6px;color:var(--color-text);letter-spacing:-.02em}.feed-item-preview{font-family:var(--font-serif);font-size:.9rem;line-height:1.65;color:var(--color-text-secondary)}.feed-item-body{display:block}.feed-item-text{min-width:0}@media(max-width:640px){.feed-container{padding:10px 0 28px}.feed-item{padding:24px 0}.feed-item-meta{gap:8px;margin-bottom:8px}.feed-item-title{font-size:1.02rem;line-height:1.38;margin-bottom:8px}.feed-item-preview{font-size:.88rem;line-height:1.6}}@media(max-width:380px){.feed-item-preview{font-size:.85rem}}.feed-item.is-read .feed-item-title{color:var(--color-text-muted);font-weight:500}.feed-item.is-read .feed-item-source{opacity:.5}.feed-item-hero{padding:24px 0}.feed-item-hero .feed-item-title{font-size:1.15rem;line-height:1.32;letter-spacing:-.03em}.feed-item-hero .feed-item-preview{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:1100px){.feed-item-hero .feed-item-title{font-size:1.22rem}}.copy-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--color-text);color:var(--color-bg-card);padding:10px 20px;border-radius:20px;font-size:.85rem;font-weight:500;z-index:9999;animation:fadeIn .15s ease-out;pointer-events:none}.feed-item-skeleton{padding:20px 0;border-bottom:1px solid var(--color-border-light)}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:flex-end;animation:fadeIn .15s ease-out}.detail-panel{width:100%;max-width:740px;height:100dvh;background:var(--color-bg-card);border-radius:0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;box-shadow:0 -18px 52px var(--color-shadow);animation:slideUp .3s cubic-bezier(.16,1,.3,1);overscroll-behavior:contain}.reading-progress-track{position:sticky;top:0;left:0;right:0;height:3px;z-index:10;background:transparent}.reading-progress-bar{height:100%;background:var(--color-accent);transition:width .1s linear;border-radius:0 2px 2px 0}@media(min-width:769px){.detail-overlay{align-items:center}.detail-panel{height:auto;max-height:90vh;border-radius:var(--radius);animation:scaleIn .2s ease-out}}.detail-pull-bar{display:flex;justify-content:center;padding:26px 0 12px;position:sticky;top:0;z-index:4;background:color-mix(in srgb,var(--color-bg-card) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:none}.detail-pull-indicator{width:42px;height:4px;background:var(--color-border);border-radius:2px}.detail-close{position:sticky;top:8px;float:right;margin-right:14px;z-index:3;width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .15s}.detail-close:hover{background:var(--color-bg-hover);color:var(--color-text)}.detail-reading-nav{position:absolute;top:16px;right:18px;z-index:3;display:inline-flex;align-items:center;gap:6px}.detail-reading-nav-btn{width:32px;height:32px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-card);color:var(--color-text-muted);font-size:1.15rem;font-weight:800;line-height:1;transition:all .15s}.detail-reading-nav-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text);border-color:var(--color-border)}.detail-reading-nav-btn:disabled{opacity:.35;cursor:default}.detail-reading-nav-status,.detail-share-btn,.detail-mobile-header{display:none}.detail-mobile-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.detail-mobile-meta{min-width:0}.detail-mobile-title{display:block;color:var(--color-text);font-size:.86rem;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100vw - 96px)}@media(max-width:1099px){.detail-mobile-header{display:none}.detail-close{position:fixed;top:calc(12px + var(--safe-top));left:12px;z-index:5;display:flex;float:none;margin:0;width:44px;height:44px;font-size:1rem;background:color-mix(in srgb,var(--color-bg-card) 95%,transparent);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 8px #0000001f}.detail-reading-nav{position:sticky;top:auto;right:auto;bottom:0;z-index:6;display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:9px;width:min(420px,calc(100% - 36px));margin:8px auto -4px;padding:8px 0 calc(8px + var(--safe-bottom));background:linear-gradient(to top,var(--color-bg-card) 72%,color-mix(in srgb,var(--color-bg-card) 0%,transparent))}.detail-share-btn{display:flex;position:fixed;top:calc(12px + var(--safe-top));right:12px;z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-card) 95%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2px 8px #0000001f;color:var(--color-text);font-size:1.1rem;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.detail-share-btn:hover{background:var(--color-bg-hover)}.detail-reading-nav-btn,.detail-reading-nav-status{min-height:40px;border:1px solid var(--color-border-light);border-radius:22px;background:color-mix(in srgb,var(--color-bg-card) 88%,var(--color-bg-hover));color:var(--color-text);box-shadow:0 6px 18px var(--color-shadow)}.detail-reading-nav-btn{width:auto;height:auto;font-size:1.28rem}.detail-reading-nav-status{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:.82rem;font-weight:800;letter-spacing:.02em}}.detail-content{max-width:var(--reader-width);margin:0 auto;padding:16px 28px 40px}@media(max-width:640px){.detail-content{padding:16px 20px calc(110px + var(--safe-bottom))}}.detail-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}.detail-meta-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;text-align:center}.detail-source-link{display:inline-flex;align-items:center;gap:3px}.detail-source-link:hover{color:var(--color-accent-hover);text-decoration:none}.detail-title{font-family:var(--font-heading);font-size:1.55rem;font-weight:700;line-height:1.28;margin-bottom:18px;color:var(--color-text);letter-spacing:-.035em}.detail-title-editorial{font-family:var(--font-heading);font-size:clamp(1.75rem,3.4vw,2.1rem);font-weight:700;line-height:1.18;margin-bottom:38px;color:var(--color-text);text-align:center;letter-spacing:-.035em}@media(max-width:640px){.detail-meta-centered{gap:6px;margin-bottom:16px}.detail-title-editorial{font-size:clamp(1.2rem,6vw,1.5rem);line-height:1.22;margin-bottom:22px;text-align:left;letter-spacing:-.03em}}.detail-meta-secondary{display:flex;align-items:center;gap:10px}.detail-reading-time{font-size:.72rem;color:var(--color-text-muted);font-weight:500;opacity:.7}.detail-reading-time:before{content:"·";margin-right:10px;opacity:.5}.detail-rescrape-btn{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:4px 10px 4px 8px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-card);color:var(--color-text-secondary);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s;line-height:1}.detail-rescrape-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text);border-color:color-mix(in srgb,var(--color-accent) 30%,var(--color-border))}.detail-rescrape-btn:disabled{cursor:progress;opacity:.7}.detail-rescrape-btn.is-loading .detail-rescrape-icon{display:inline-block;animation:detail-rescrape-spin .9s linear infinite}.detail-rescrape-btn.is-done{border-color:color-mix(in srgb,var(--color-success, #16a34a) 35%,var(--color-border));color:var(--color-success, #16a34a)}.detail-rescrape-btn.is-error{border-color:color-mix(in srgb,var(--color-error, #dc2626) 35%,var(--color-border));color:var(--color-error, #dc2626)}.detail-rescrape-icon{font-size:.85rem;line-height:1}@keyframes detail-rescrape-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.detail-rescrape-btn{padding:5px 12px 5px 10px;font-size:.72rem}}.detail-rescrape-banner{margin:0 0 18px;padding:10px 14px;border-radius:var(--radius);font-size:.85rem;line-height:1.45;border:1px solid var(--color-border-light);background:var(--color-bg-card);color:var(--color-text-secondary)}.detail-rescrape-banner.rescrape-loading{border-color:color-mix(in srgb,var(--color-accent) 25%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg-card))}.detail-rescrape-banner.rescrape-done{border-color:color-mix(in srgb,var(--color-success, #16a34a) 30%,var(--color-border));background:color-mix(in srgb,var(--color-success, #16a34a) 6%,var(--color-bg-card));color:var(--color-text)}.detail-rescrape-banner.rescrape-error{border-color:color-mix(in srgb,var(--color-error, #dc2626) 30%,var(--color-border));background:color-mix(in srgb,var(--color-error, #dc2626) 6%,var(--color-bg-card));color:var(--color-text)}.ai-tldr-box{margin:0 0 28px;padding:0;border-radius:var(--radius);background:color-mix(in srgb,var(--color-accent) 4%,var(--color-surface-container-low));border:1px solid color-mix(in srgb,var(--color-accent) 12%,var(--color-border-light));border-left:3px solid var(--color-accent);box-shadow:none;position:relative;overflow:hidden}.ai-tldr-header{display:flex;align-items:center;gap:6px;width:100%;padding:14px 18px;border:none;background:transparent;cursor:pointer;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-soft);font-family:var(--font-heading);transition:background-color .15s}.ai-tldr-header:hover{background:color-mix(in srgb,var(--color-accent) 3%,transparent)}.ai-tldr-sparkle{color:var(--color-accent);flex-shrink:0}.ai-tldr-toggle{margin-left:auto;font-size:.8rem;opacity:.5;transition:transform .2s ease}.ai-tldr-body{max-height:500px;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 18px 16px}.ai-tldr-box.collapsed .ai-tldr-body{max-height:0;padding:0 18px}.ai-tldr-box p{font-size:.98rem;line-height:1.6;margin-bottom:0!important;color:var(--color-text);font-weight:500}.article-main-content{font-size:1.06rem;line-height:1.86;overflow-wrap:anywhere}.detail-image{width:calc(100% + 48px);margin-left:-24px;aspect-ratio:16 / 9;max-height:340px;object-fit:cover;margin-bottom:18px;background:var(--color-bg-hover)}@media(max-width:640px){.detail-image{width:calc(100% + 36px);margin-left:-18px}}.detail-skeleton{padding-top:18px}.detail-image-skeleton{width:calc(100% + 48px);margin-left:-24px;aspect-ratio:16 / 9;margin-bottom:28px}.detail-body-skeleton{padding-top:22px}@media(max-width:640px){.detail-image-skeleton{width:calc(100% + 36px);margin-left:-18px}}.detail-body{font-family:var(--font-serif);font-size:1rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:24px}.detail-body strong{color:var(--color-text);font-weight:600}.detail-body ul,.detail-body ol{padding-left:20px;margin:12px 0 24px}.detail-body li{margin-bottom:8px;padding-left:4px}.detail-body li::marker{color:var(--color-border)}.detail-body p{margin-bottom:16px}.detail-body h2,.detail-body h3{color:var(--color-text);font-weight:600;margin:32px 0 16px;font-size:1.15rem}.detail-body blockquote{margin:18px 0;padding:12px 16px;border-left:3px solid var(--color-accent);background:var(--color-bg);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.detail-body a{overflow-wrap:anywhere}@media(max-width:640px){.article-main-content{font-size:1.02rem;line-height:1.82}.detail-body p{margin-bottom:18px}.detail-body h2,.detail-body h3{margin:28px 0 12px;font-size:1.08rem}.detail-actions{position:sticky;bottom:0;margin:0 -20px calc(-28px - var(--safe-bottom));padding:12px 20px calc(12px + var(--safe-bottom));background:linear-gradient(to top,var(--color-bg-card) 78%,rgba(255,255,255,0))}[data-theme=dark] .detail-actions{background:linear-gradient(to top,var(--color-bg-card) 78%,rgba(30,30,27,0))}.detail-actions .btn{flex:1 1 0}}.detail-actions{display:flex;gap:10px;padding-top:18px;border-top:1px solid var(--color-border-light);padding-bottom:calc(var(--safe-bottom) + 8px)}.digest-content{font-family:var(--font-serif);line-height:1.8;font-size:1rem;color:var(--color-text-secondary);overflow-wrap:anywhere}.digest-content h2{font-family:var(--font-heading);margin-top:30px;margin-bottom:10px;color:var(--color-accent);font-size:1.16rem;letter-spacing:-.02em;font-weight:700}.digest-content ul{padding-left:20px;margin-bottom:16px}.digest-content li{margin-bottom:8px}.digest-content p{margin-bottom:14px}@media(max-width:640px){.digest-content{font-size:1.02rem;line-height:1.82}}@media(max-width:640px){.page-title{font-size:1.2rem}}.home-split-layout{display:block}@media(min-width:1100px){body.split-view-active{overflow:hidden}.home-split-layout{display:flex;gap:12px;align-items:stretch;height:100%;margin:0 auto;width:100%;max-width:none;border:none;border-radius:0;overflow:visible}.split-left{flex:0 1 360px;min-width:280px;max-width:360px;height:100%;overflow-y:auto;padding:0 22px;border:1px solid var(--color-border-light);border-radius:var(--radius);background:var(--color-surface-container-low);box-shadow:0 1px 3px var(--color-shadow)}.split-left .split-feed-toolbar{position:sticky;top:0;z-index:10;margin:0 -22px;padding:12px 22px 8px;background:color-mix(in srgb,var(--color-surface-container-low) 92%,transparent);border-bottom:1px solid var(--color-border-light);border-radius:var(--radius) var(--radius) 0 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.split-left .feed-tabs{position:static;top:auto;z-index:auto;flex:1 1 auto;min-width:0;padding:0;border-bottom:none;background:transparent;justify-content:flex-start;overflow-x:auto}.split-left .feed-tabs>*{flex:0 0 auto}.split-left .feed-filter-control{position:relative;flex:0 0 auto}.split-left .feed-tabs::-webkit-scrollbar{display:none}.split-right{flex:1;height:100%;overflow-y:auto;position:static;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius);box-shadow:0 1px 3px var(--color-shadow)}.split-right .detail-content{padding-top:34px}.split-right .detail-overlay{position:relative;inset:auto;z-index:10;height:auto;min-height:100%;align-items:flex-start;animation:none;background:transparent!important}.split-right .detail-panel{height:auto;min-height:100%;max-width:100%;border:none;box-shadow:none;border-radius:0;animation:fadeIn .2s ease-out;transform:none!important;background:var(--color-bg-card)}.split-right .detail-pull-bar,.split-right .detail-close{display:none}}@media(min-width:1200px){.split-left{flex:0 1 400px;min-width:280px;max-width:400px}}@media(max-width:1099px){html,body,#root{max-width:100%;overflow-x:clip}.container-fluid{width:100%;max-width:100%;padding:0 16px;overflow-x:clip}.split-left,.split-right{padding:0 16px}body.detail-open{position:fixed;top:var(--scroll-lock-y, 0);left:0;right:0;overflow:hidden;width:100%}.split-feed-toolbar{top:0;margin:0 -16px;padding:10px 14px 8px;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg)}.feed-tabs{top:0}.feed-refresh-row{justify-content:center;margin:2px 0 8px;padding:6px 10px}}.container-fluid{max-width:100%;margin:0 auto;padding:0}@media(min-width:1100px){body.split-view-active .container-fluid{max-width:100%;padding:0}}@media(min-width:1400px){.container-fluid,body.split-view-active .container-fluid{padding:0}}@media(max-width:1099px){.hidden-on-mobile{display:none!important}.split-left.digest-mode{display:none}}.topic-chip{flex-shrink:0;border:1px solid var(--color-border-light);border-radius:999px;background:transparent;color:var(--color-text-muted);padding:5px 14px;font-size:.8rem;font-weight:600;transition:all .15s;white-space:nowrap;cursor:pointer}.topic-chip:hover{border-color:var(--color-border);color:var(--color-text-secondary);background:var(--color-surface-container-low)}.topic-chip.active{border-color:var(--color-accent);background:var(--color-accent);color:#fff}[data-theme=dark] .topic-chip.active{background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-accent);border-color:var(--color-accent)}@media(max-width:1099px){.split-feed-toolbar .toolbar-tabs-row{display:flex;align-items:center;gap:6px;padding:12px 0 8px}.split-feed-toolbar .toolbar-tabs-row .icon-btn{display:none}.split-feed-toolbar .toolbar-compact-row{padding:8px 0 4px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:color-mix(in srgb,var(--color-bg) 94%,transparent)}.split-feed-toolbar{border-bottom:1px solid var(--color-border-light);padding-bottom:8px}.compact-date-nav{gap:4px}.compact-date-btn{width:30px;height:30px;font-size:1rem}.compact-date-label{font-size:.92rem;font-weight:800;color:var(--color-text);min-width:38px;letter-spacing:-.3px}.feed-container{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))!important}}@media(min-width:1100px){.split-feed-toolbar{padding:4px 16px!important}.split-feed-toolbar .toolbar-compact-row{padding:4px 0!important}}@media(max-width:1099px){.split-feed-toolbar{padding:4px 14px!important;transition:transform .2s ease,opacity .2s ease,max-height .2s ease,padding .2s ease,border-color .2s ease;max-height:80px}.split-feed-toolbar .toolbar-compact-row{padding:4px 0!important}.split-feed-toolbar.toolbar-hidden{max-height:0!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;opacity:0!important;pointer-events:none;border-bottom-color:transparent!important;overflow:hidden}}.desktop-only{display:inherit}.mobile-only{display:none!important}@media(max-width:1099px){.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}}.sources-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}@media(min-width:768px){.sources-grid{grid-template-columns:repeat(2,1fr)}}.source-item{display:flex;flex-direction:column;justify-content:space-between;gap:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.source-item:hover{transform:translateY(-2px);border-color:var(--color-accent-soft);box-shadow:0 6px 16px var(--color-shadow)}.source-info{display:flex;flex-direction:column;gap:6px}.source-name{font-weight:600;font-size:1.05rem}.source-url{font-size:.8rem;color:var(--color-text-muted);word-break:break-all}.source-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;border-top:1px solid var(--color-border-light);padding-top:12px;margin-top:auto}.source-toast{position:fixed;top:16px;right:16px;z-index:9999;padding:12px 20px;border-radius:8px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e0e0e0);box-shadow:0 4px 12px #00000026;font-size:.875rem;color:var(--color-text, #1a1a1a);animation:toast-in .3s ease}.source-toast-error{border-color:#e53e3e;color:#e53e3e}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sources-page-container{padding:0 16px 24px;width:100%}.detect-input-group{display:flex;gap:8px}.detect-input{flex:1;padding:10px 14px;border:1px solid var(--color-border-light);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:.95rem;min-width:0;transition:border-color .2s,box-shadow .2s}.detect-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent)}@media(max-width:480px){.detect-input-group{flex-direction:column;align-items:stretch}.detect-input-group button{width:100%}}.admin-clickable-card:hover{background:var(--color-bg-hover)!important;border-color:var(--color-accent)!important}.admin-clickable-row:hover{background:var(--color-bg-hover)}.admin-container{padding:0 16px 24px;width:100%}.admin-tabs{display:flex;gap:6px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs>button{flex-shrink:0;white-space:nowrap;min-height:36px}.settings-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-overlay);z-index:9999;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease}.settings-sheet{background:var(--color-bg-card);border-radius:16px 16px 0 0;padding:12px 24px calc(28px + env(safe-area-inset-bottom,0px));width:100%;max-width:480px;animation:slideUp .3s ease;box-shadow:0 -8px 32px var(--color-shadow)}.settings-sheet-handle{width:40px;height:4px;background:var(--color-border);border-radius:4px;margin:0 auto 16px}.settings-sheet-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;text-align:center;margin-bottom:24px;color:var(--color-text)}.settings-sheet-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--color-border-light);font-size:.95rem;color:var(--color-text)}.settings-sheet-toggle{display:flex;gap:4px;background:var(--color-surface-container-low);border-radius:999px;padding:3px}.settings-toggle-btn{width:40px;height:34px;border:none;border-radius:999px;background:transparent;font-size:1rem;cursor:pointer;transition:all .15s}.settings-toggle-btn.active{background:var(--color-bg-card);box-shadow:0 1px 4px var(--color-shadow)}.settings-sheet-cycle{padding:6px 18px;border-radius:999px;border:1px solid var(--color-border-light);background:var(--color-surface-container-low);color:var(--color-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.settings-sheet-cycle:hover{border-color:var(--color-accent);color:var(--color-accent)}.settings-sheet-section{padding:14px 0}.settings-sheet-label{font-size:.82rem;color:var(--color-text-muted);margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.settings-sheet-fonts{display:flex;flex-wrap:wrap;gap:8px}.settings-sheet-font{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:transparent;color:var(--color-text-secondary);font-size:.88rem;cursor:pointer;transition:all .15s}.settings-sheet-font.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.settings-sheet-close{display:block;width:100%;margin-top:20px;padding:14px;border-radius:var(--radius-sm);border:none;background:var(--color-surface-container-low);color:var(--color-text);font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s}.settings-sheet-close:hover{background:var(--color-accent);color:#fff}