*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px)}html{height:100%;overflow:hidden}body.share-intent-mode{background:0 0}body.share-intent-mode #app{display:none}.article-panel,.sidebar,.swipe-content{will-change:transform;transform:translateZ(0)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.header-menu-dropdown{z-index:9999;background:#fff;border-radius:8px;min-width:180px;padding:8px 0;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.header-menu-item{cursor:pointer;text-align:left;color:#374151;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:10px 16px;font-family:inherit;font-size:14px;transition:background .15s;display:flex}.header-menu-item:hover{background:#f3f4f6}.header-menu-item-danger{color:#dc2626}.header-menu-item-danger:hover{background:#fef2f2}.draggable-feed{border-top:2px solid #0000;border-bottom:2px solid #0000;transition:opacity .15s;margin-top:0!important;margin-bottom:0!important}.draggable-feed.drag-insert-above{background:#2563eb0d;border-top:3px solid #2563eb;margin-top:-1px!important}.draggable-feed.drag-insert-below{background:#2563eb0d;border-bottom:3px solid #2563eb;margin-bottom:-1px!important}.draggable-feed:active{cursor:grabbing}.draggable-feed .drag-handle{opacity:0;transition:opacity .2s}.draggable-feed:hover .drag-handle{opacity:1}@media (pointer:coarse){.draggable-feed .drag-handle{display:none}.draggable-feed{cursor:pointer}}.feed-drop-zone,.category-container{border-radius:6px;transition:background .15s}.feed-drop-zone.drop-zone-active,.category-container.drop-zone-active{outline-offset:-2px;background:#2563eb1a;outline:2px dashed #2563eb}.category-drop-target{transition:background .15s}.loading-overlay{z-index:9999;background:#fffffff2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{text-align:center;padding:40px}.loading-spinner{color:#4c6ef5;margin-bottom:20px;font-size:64px;animation:1s linear infinite spin;display:block}.loading-content lottie-player{display:block}.loading-content h2{color:#374151;margin-bottom:20px;font-weight:500}.loading-progress-bar{background:#e5e7eb;border-radius:4px;width:300px;height:8px;margin:0 auto 16px;overflow:hidden}.loading-progress-fill{background:linear-gradient(90deg,#4c6ef5,#7c3aed);border-radius:4px;height:100%;transition:width .3s}.loading-content p{color:#6b7280;font-size:14px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;background:linear-gradient(135deg,#f5f7fa 0%,#e4e8ec 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}.material-icons,.material-icons-outlined{vertical-align:middle;font-size:20px}.container{max-width:1280px;margin:0 auto;padding:8px}header{-webkit-backdrop-filter:blur(20px);z-index:200;padding-top:var(--safe-area-top);background:#fffc;border-bottom:1px solid #0000000f;margin-bottom:0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008}header .content{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:20px;display:flex}h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.user-info{align-items:center;gap:15px;display:flex}.offline-video-native-frame{position:relative}.offline-video-native-poster,.offline-video-native-placeholder{aspect-ratio:16/9;object-fit:cover;background:#111827;border-radius:14px;width:100%}.offline-video-native-placeholder{color:#ffffffb3;justify-content:center;align-items:center;display:flex}.offline-video-native-placeholder .material-icons{font-size:48px}.offline-video-native-btn{color:#fff;width:100%;font:inherit;cursor:pointer;background:#111827;border:none;border-radius:14px;padding:0;display:block;position:relative;overflow:hidden}.offline-video-native-play{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111827d1;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:108px;padding:14px 22px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #0000004d}.offline-video-native-play .material-icons{font-size:28px}.user-info img{border-radius:50%;width:40px;height:40px}.user-info span{color:#666;font-size:14px}button{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 14px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-secondary{color:#4b5563;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border:1px solid #00000014}.btn-secondary:hover{background-color:#fff;border-color:#0000001f;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn-danger{color:#fff;background-color:#dc2626}.btn-danger:hover{background-color:#b91c1c}.modal-overlay{z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;position:absolute;inset:0}.modal-content{-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:20px;min-width:400px;max-width:90%;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a}.native-select-overlay{z-index:10020;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.native-select-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;position:absolute;inset:0}.native-select-sheet{background:#fff;border-radius:22px 22px 0 0;width:min(560px,100%);max-height:72vh;animation:.2s modalSlideIn;position:relative;overflow:hidden;box-shadow:0 -12px 40px #0f172a38}.native-select-sheet-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.native-select-sheet-header h3{color:#111827;margin:0;font-size:18px;font-weight:700}.native-select-option-list{flex-direction:column;gap:8px;padding:12px 16px 20px;display:flex;overflow-y:auto}.native-select-option{color:#111827;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:border-color .15s,background-color .15s;display:flex}.native-select-option:hover{background:#f8faff;border-color:#c7d2fe}.native-select-option.selected{background:#eef2ff;border-color:#667eea}.native-select-option:disabled{opacity:.55;cursor:not-allowed}.native-select-option-text{font-size:15px;font-weight:500}.native-select-option-icon{color:#667eea;flex-shrink:0;font-size:22px}.native-select-trigger{justify-content:space-between;align-items:center;gap:10px;display:inline-flex}.native-select-trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.native-select-trigger-icon{color:#6b7280;flex-shrink:0;font-size:18px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#111;margin:0;font-size:18px;font-weight:600}.modal-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:4px}.modal-close-btn:hover{color:#111;background:#f3f4f6}.modal-body{padding:24px}.modal-body label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.modal-body input[type=text]{border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.feed-url-row{align-items:stretch;gap:8px;display:flex}.feed-url-row input[type=text]{box-sizing:border-box;flex:auto;width:auto;min-width:0;height:42px}.feed-url-row #discover-btn{white-space:nowrap;box-sizing:border-box;align-items:center;gap:4px;height:42px;padding:0 16px;display:inline-flex}.modal-body input[type=text]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-footer{background:#fafbfc;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.category-options{flex-direction:column;gap:4px;max-height:300px;margin-top:12px;display:flex;overflow-y:auto}.category-option{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.category-option:hover{background:#f3f4f6}.category-option.selected{background:#e8f0fe;border-color:#2563eb}.category-option input[type=radio]{display:none}.category-option .material-icons{color:#9ca3af;font-size:20px}.category-option.selected .material-icons{color:#2563eb}.category-option span:last-child{color:#374151;font-size:14px}.btn-logout{color:#4b5563;background-color:#f3f4f6;border:1px solid #e5e7eb}.btn-logout:hover{background-color:#e5e7eb}.grid{grid-template-columns:280px 1fr;gap:0;height:calc(100vh - 68px);display:grid;overflow:hidden}.sidebar{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-right:1px solid #0000000f;flex-direction:column;max-height:100%;display:flex;overflow:hidden auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-section{padding:6px 8px}.sidebar-section:first-child{padding-top:12px}.sidebar-section-title{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600}.sidebar-item{cursor:pointer;color:#4b5563;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:2px;padding:8px 12px;font-size:14px;transition:background .1s,color .1s;display:flex}.sidebar-item:hover{background:#667eea14}.sidebar-item.active{color:#667eea;background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);font-weight:600;box-shadow:0 2px 8px #667eea26}.sidebar-item-count{color:#999;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:12px}.sidebar-item-count.has-unread{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-weight:600}.sidebar-item.active .sidebar-item-count{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.main{background:0 0;flex-direction:column;display:flex;overflow:hidden}.main-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#ffffffb3;border-bottom:1px solid #0000000f;padding:16px 20px;position:relative}.main-header h2{color:#1e293b;letter-spacing:-.02em;margin-bottom:12px;font-size:26px;font-weight:700}.main-header p{color:#666;font-size:14px}.main-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.refresh-btn .material-icons.spinning{color:#667eea;animation:.8s linear infinite spin}.feed-controls{gap:12px;margin-bottom:20px;display:flex}.feed-controls input{border:1px solid #d1d5db;border-radius:6px;flex:1;padding:8px 12px}.feed-controls button{padding:8px 16px}input,textarea{background:#fffc;border:2px solid #00000014;border-radius:12px;width:100%;margin-bottom:12px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,textarea:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea26}.form-group{margin-bottom:16px}label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.feed-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:start;gap:12px;padding:12px 0;display:flex}.feed-item:last-child{border-bottom:none}.feed-item-content{flex:1;min-width:0}.feed-item-title{color:#111;word-break:break-word;margin-bottom:4px;font-weight:500}.feed-item-url{color:#999;word-break:break-all;font-size:12px}.feed-item-actions{flex-shrink:0;gap:8px;display:flex}.btn-small{padding:4px 8px;font-size:12px}.feed-viewer{background:#fff;border-radius:8px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.feed-header{cursor:pointer;background:#fafbfc;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px;display:flex}.feed-header:hover{background:#f3f4f6}.feed-header h3{color:#111;margin-bottom:4px;font-size:16px}.feed-header p{color:#999;font-size:12px}.feed-items{max-height:400px;overflow-y:auto}.article{border-bottom:1px solid #e5e7eb;padding:16px}.article:last-child{border-bottom:none}.article a{color:#2563eb;margin-bottom:8px;font-weight:500;text-decoration:none;display:block}.article a:hover{text-decoration:underline}.article-desc{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:13px;display:-webkit-box;overflow:hidden}.article-footer{color:#999;justify-content:space-between;font-size:12px;display:flex}.article-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);contain:layout style;background:#fff9;border:1px solid #fffc;border-radius:16px;align-items:flex-start;gap:16px;margin:8px 12px;padding:18px;transition:background .2s,border-color .2s;display:flex;position:relative}.article-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;z-index:-1;transition:opacity .2s;position:absolute;inset:0;box-shadow:0 4px 16px #667eea26}.article-card:hover{background:#fffffff2;border-color:#667eea33}.article-card:hover:after{opacity:1}.article-card.keyboard-focused{background-color:#eff6ff;box-shadow:inset 3px 0 #4c6ef5}.article-image-container{border-radius:12px;flex-shrink:0;width:120px;height:80px;position:relative;overflow:hidden}.article-image-skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;border-radius:4px;width:100%;height:100%;animation:1.5s infinite skeleton-shimmer;position:absolute;top:0;left:0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.article-image-container:has(.article-image.loaded) .article-image-skeleton{display:none}.article-image-container:has(.article-image.loaded) .article-image-fallback{display:none!important}.article-image-container .article-image{z-index:1;opacity:0;transition:opacity .3s;position:relative}.article-image-container .article-image.loaded{opacity:1}.article-image{object-fit:cover;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;width:120px;height:80px}.article-body{flex:1;min-width:0}.article-title{color:#64748b;letter-spacing:-.01em;margin-bottom:8px;font-size:15px;font-weight:500;line-height:1.5}.article-title.unread{color:#1e293b;font-weight:700}.article-title a{color:#1e293b;text-decoration:none}.article-title a:hover{color:#667eea}.article-summary{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.article-meta{color:#999;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.article-offline-badge{color:#15803d;background:#22c55e1f;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.article-actions{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.article-actions button{cursor:pointer;color:#ccc;background:0 0;border:none;padding:4px;font-size:18px;transition:color .2s}.article-actions button:hover{color:#999}.feed-menu{position:relative}.feed-menu-button{cursor:pointer;color:#999;background:0 0;border:none;padding:0;font-size:20px}.feed-menu-button:hover{color:#4b5563}.feed-menu-dropdown{z-index:1000;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:150px;margin-top:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.feed-menu-dropdown button{text-align:left;cursor:pointer;color:#4b5563;background:0 0;border:none;width:100%;padding:10px 16px;font-size:13px;transition:background-color .2s;display:block}.feed-menu-dropdown button:hover{background-color:#f3f4f6}.feed-menu-dropdown button:first-child{border-radius:5px 5px 0 0}.feed-menu-dropdown button:last-child{border-radius:0 0 5px 5px}.error{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}.success{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}.loading{text-align:center;color:#999;padding:20px}.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%) 0 0/200% 200%;justify-content:center;align-items:center;min-height:100vh;animation:15s infinite gradientShift;display:flex}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:24px;width:100%;max-width:450px;margin:20px;padding:40px;box-shadow:0 25px 60px #0003,0 0 0 1px #ffffff4d}.login-box h1{text-align:center;color:#111;margin-bottom:8px;font-size:36px}.login-box p{text-align:center;color:#666;margin-bottom:32px}.google-btn{color:#374151;cursor:pointer;background:#fff;border:2px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 24px;font-weight:500;transition:all .2s;display:flex}.google-btn:hover{background:#f9fafb;border-color:#9ca3af}.features{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:32px}.features h2{color:#111;margin-bottom:16px;font-size:14px;font-weight:600}.features ul{list-style:none}.features li{color:#666;align-items:start;gap:12px;margin-bottom:12px;font-size:14px;display:flex}.features li:before{content:"✓";color:#2563eb;flex-shrink:0;font-weight:700}.import-opml{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.file-input-label{cursor:pointer;text-align:center;color:#666;border:2px dashed #d1d5db;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;transition:all .2s;display:flex}.file-input-label:hover{background:#fafbfc;border-color:#9ca3af}input[type=file],.hidden{display:none}.article-card.article-expanded{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);clear:both;background:#fffffff2;border-left:4px solid;border-image:linear-gradient(135deg,#667eea 0%,#764ba2 100%) 1;border-radius:16px;margin:12px;padding:0;display:block;overflow:hidden;box-shadow:0 20px 60px #0000001a,0 8px 24px #0000000f}.article-card.article-expanded:after{content:"";clear:both;display:block}.article-card.article-expanded:hover{background:#fff}.article-expanded-header{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.article-expanded-meta{align-items:center;gap:12px;font-size:13px;display:flex}.article-expanded-source{color:#667eea;font-weight:600}.article-expanded-date{color:#9ca3af}.article-expanded-actions{align-items:center;gap:4px;display:flex}.article-open-original{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;align-items:center;gap:4px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #667eea4d}.article-open-original:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.article-close-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:8px;padding:6px;transition:background .2s;display:flex}.article-close-btn:hover{background:#e5e7eb}.article-close-btn .material-icons{color:#666;font-size:22px}.article-expanded-actions button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background .2s;display:flex}.article-expanded-actions button:hover{background:#e5e7eb}.article-expanded-actions a{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;align-items:center;gap:4px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #667eea4d}.article-expanded-actions a:hover{background:#1d4ed8}.article-expanded-actions a .material-icons{font-size:16px}.article-close{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:8px;padding:6px;transition:background .2s;display:flex}.article-close:hover{background:#e5e7eb}.article-close .material-icons{color:#666;font-size:20px}.article-expanded-title{color:#1e293b;letter-spacing:-.02em;padding:24px 28px 20px;font-size:28px;font-weight:800;line-height:1.35}.article-expanded-content{color:#475569;clear:both;letter-spacing:-.01em;padding:0 28px 28px;font-size:17px;line-height:1.8;overflow:hidden}.article-expanded-content:after{content:"";clear:both;display:block}.article-expanded-content img{border-radius:8px;max-width:100%;height:auto;margin:16px 0;display:block;float:none!important}.article-expanded-content figure{margin:24px 0}.article-expanded-content figcaption{color:#6b7280;text-align:center;margin-top:8px;font-size:14px}.article-expanded-content p{margin-bottom:16px}.article-expanded-content a{color:#2563eb;text-decoration:none}.article-expanded-content a:hover{text-decoration:underline}.article-expanded-content h2,.article-expanded-content h3,.article-expanded-content h4{color:#111;margin-top:24px;margin-bottom:12px}.article-expanded-content ul,.article-expanded-content ol{margin-bottom:16px;padding-left:24px}.article-expanded-content li{margin-bottom:8px}.article-expanded-content blockquote{color:#6b7280;border-left:4px solid #e5e7eb;margin:16px 0;padding-left:16px;font-style:italic}.article-panel-overlay{z-index:1000;background:#0006;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOut{0%{transform:translate(0)}to{transform:translate(100%)}}.article-panel-overlay.closing{animation:.2s forwards fadeOut}.article-panel-overlay.closing .article-panel{animation:.2s forwards slideOut}@keyframes overlayBgFadeOut{0%{background:#0006}to{background:0 0}}@media (width<=768px){.article-panel-overlay.closing{animation:.2s forwards overlayBgFadeOut}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.article-panel{will-change:transform;width:100%;max-width:700px;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);background:#fff;flex-direction:column;animation:.25s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translateZ(0);box-shadow:-4px 0 20px #00000026}.article-panel-header{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.article-panel-actions{align-items:center;gap:8px;display:flex}.panel-action-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:all .15s;display:flex}.panel-action-btn svg{width:24px;height:24px}.panel-action-btn .material-icons{font-size:24px}.panel-action-btn:hover{color:#111827;background:#f3f4f6;border-color:#9ca3af}.panel-action-btn.active{color:#4c6ef5;background:#eef2ff;border-color:#4c6ef5}.panel-action-btn.loading{cursor:wait;opacity:.75}.panel-action-btn:disabled{pointer-events:none}.panel-close-btn{display:flex}.panel-close-btn .digest-icon-btn:disabled{cursor:not-allowed;opacity:.6}.panel-close-btn .digest-icon-btn-loading .material-icons{animation:1s linear infinite digest-spin}.panel-close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .15s}.panel-close-btn svg{width:24px;height:24px}.panel-close-btn .material-icons,.panel-close-btn .material-icons-outlined{font-size:24px}.panel-close-btn:hover{color:#374151;background:#f3f4f6}.article-panel-content{padding:24px 32px calc(48px + var(--safe-area-bottom));flex:1}.article-panel-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.article-panel-source{color:#4c6ef5;font-weight:600}.article-panel-author{color:#6b7280}.article-panel-date{color:#9ca3af}.article-source-badge{border-radius:12px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500}.article-source-badge.fivefilters{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.article-source-badge.readability{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)}.article-panel-title{color:#111;margin-bottom:24px;font-size:28px;font-weight:700;line-height:1.3}.ai-summarize-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 20px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex}.ai-summarize-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.ai-summarize-btn:active{transform:translateY(0)}.ai-summarize-btn .material-icons{font-size:18px}.ai-summary-section{background:linear-gradient(135deg,#f8f9ff 0%,#f3f4ff 100%);border:1px solid #e0e4ff;border-radius:12px;margin-bottom:20px;overflow:hidden}.ai-summary-section.loading{padding:16px 20px}.ai-summary-header{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.ai-summary-header .material-icons{font-size:20px}.summary-tts-btn{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff73;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.summary-header-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.summary-tts-btn .material-icons{font-size:16px}.summary-tts-btn:hover:not(:disabled){background:#ffffff47}.summary-tts-btn.playing{background:#dc262640;border-color:#fff9}.summary-tts-btn:disabled{opacity:.75;cursor:wait}.ai-summary-section.loading .ai-summary-header{color:#667eea;cursor:default;background:0 0;padding:0}.ai-summary-content{color:#333;padding:16px 20px;font-size:15px;line-height:1.7}.ai-summary-content.collapsed{display:none}.ai-summary-content p{margin-bottom:12px}.ai-summary-content p:last-child{margin-bottom:0}.perspectives-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;margin-left:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex}.perspectives-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #11998e66}.perspectives-btn:active{transform:translateY(0)}.perspectives-btn .material-icons{font-size:18px}.perspectives-section{background:linear-gradient(135deg,#f0faf8 0%,#ecfdf5 100%);border:1px solid #c6f6d5;border-radius:12px;margin-bottom:20px;overflow:hidden}.perspectives-section.loading{padding:16px 20px}.perspectives-header{color:#fff;cursor:pointer;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.perspectives-header .material-icons{font-size:20px}.perspectives-section.loading .perspectives-header{color:#11998e;cursor:default;background:0 0;padding:0}.perspectives-list{padding:8px}.perspectives-list.collapsed{display:none}.perspectives-empty{color:#666;padding:16px 20px;font-size:14px;font-style:italic}.perspective-item{color:inherit;border-bottom:1px solid #e8f5e9;border-radius:8px;padding:12px 14px;text-decoration:none;transition:background .15s;display:block}.perspective-item:last-child{border-bottom:none}.perspective-item:hover{background:#11998e0f}.perspective-item-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.perspective-source{color:#555;font-size:12px;font-weight:600}.perspective-lean{color:#666;background:#f0f0f0;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.lean-left{color:#c53030;background:#fde8e8}.lean-center-left{color:#b83280;background:#fed7e2}.lean-centrist{color:#495057;background:#e9ecef}.lean-center-right{color:#2b6cb0;background:#bee3f8}.lean-right{color:#276749;background:#c6f6d5}.lean-liberal{color:#975a16;background:#fefcbf}.perspective-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.tag-supportive{color:#276749;background:#c6f6d5}.tag-critical{color:#9b2c2c;background:#fed7d7}.tag-neutral{color:#4a5568;background:#e2e8f0}.tag-analytical{color:#2b6cb0;background:#bee3f8}.tag-investigative{color:#975a16;background:#fefcbf}.tag-opinion{color:#6b46c1;background:#e9d8fd}.tag-alternative{color:#c05621;background:#feebc8}.perspective-title{color:#222;margin-bottom:2px;font-size:14px;font-weight:500;line-height:1.4}.perspective-angle{color:#666;font-size:13px;font-style:italic;line-height:1.4}.article-panel-image{object-fit:cover;border-radius:12px;width:100%;max-height:400px;margin-bottom:24px}.youtube-embed-container{background:#000;border-radius:12px;width:100%;margin-bottom:24px;padding-bottom:56.25%;position:relative;overflow:hidden}.offline-video-shell{margin:0 0 24px}.offline-video-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.offline-video-badge,.offline-video-resume{border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.offline-video-badge{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.offline-video-resume{color:#4338ca;background:#4f46e51a}.offline-video-frame{aspect-ratio:16/9;background:radial-gradient(circle at top,#ffffff24,#0000 50%),#06070a;border:1px solid #ffffff24;border-radius:18px;width:min(100%,520px);margin:0 auto;padding:10px;box-shadow:0 18px 38px #0f172a2e,0 8px 18px #0f172a1f}.youtube-embed-container iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.offline-video-player{object-fit:contain;background:#000;border:none;border-radius:12px;width:100%;height:100%;display:block}.article-panel-body{color:#374151;font-size:17px;line-height:1.8}.article-panel-body img{border-radius:8px;max-width:100%;height:auto;margin:16px 0}.article-panel-body p{margin-bottom:16px}.article-panel-body a{color:#4c6ef5;word-break:break-word;text-decoration:none}.article-panel-body a:after{content:" ↗";margin-left:2px;font-size:.8em}.article-panel-body a:hover{text-decoration:underline}.article-panel-body h1,.article-panel-body h2,.article-panel-body h3,.article-panel-body h4{color:#111;margin-top:28px;margin-bottom:14px;font-weight:600}.article-panel-body ul,.article-panel-body ol{margin-bottom:16px;padding-left:24px}.article-panel-body li{margin-bottom:8px}.article-panel-body blockquote{color:#6b7280;border-left:4px solid #4c6ef5;margin:16px 0;padding-left:16px;font-style:italic}.article-panel-body figure{margin:16px 0}.article-panel-body figcaption{color:#6b7280;text-align:center;margin-top:8px;font-size:14px}.loading-article{text-align:center;color:#6b7280;padding:60px 20px}.hamburger-btn{cursor:pointer;color:#374151;background:0 0;border:none;border-radius:6px;padding:8px;display:none}.hamburger-btn:hover{background:#f3f4f6}.sidebar-backdrop{display:none}@media (width<=768px){.hamburger-btn{justify-content:center;align-items:center;display:flex}header .content{flex-direction:row;gap:12px;padding:12px 16px}header .content h1{text-align:left;flex:1;font-size:22px}.user-info{gap:8px}.user-info .user-name{display:none}.user-info img{width:32px;height:32px}.btn-logout{padding:6px 12px;font-size:12px}.container{padding:0;overflow-x:hidden}.grid{grid-template-columns:1fr;height:calc(100vh - 60px);overflow-x:hidden}.sidebar{z-index:1000;width:280px;height:calc(100vh - 76px);box-shadow:none;transition:transform .3s;position:fixed;top:76px;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 20px #00000026}.sidebar-backdrop{z-index:999;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s,visibility .3s;display:block;position:fixed;inset:0}.sidebar-backdrop.open{opacity:1;visibility:visible}.sidebar-item{padding:10px 12px}.sidebar-item span{align-items:center;gap:6px;display:flex}.sidebar-item .material-icons{color:inherit;font-size:20px!important}.sidebar-section,.sidebar-section:first-child{padding-top:8px}.main{width:100%;padding-top:8px}.main-header{padding:12px 16px}.main-header h2{font-size:18px}.main-header p{font-size:12px}.main-content{padding:8px}.article-card{padding:12px;position:relative;overflow:hidden}.article-card .article-actions{display:none}.article-card .swipe-action-left,.article-card .swipe-action-right{color:#fff;opacity:0;pointer-events:none;border-radius:16px;align-items:center;font-size:28px;display:flex;position:absolute;inset:0}.article-card .swipe-action-left{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%);justify-content:flex-start;padding-left:24px}.article-card .swipe-action-right{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:flex-end;padding-right:24px}.article-card.swiping-right .swipe-action-left,.article-card.swiping-left .swipe-action-right{opacity:1}.article-card .swipe-content{z-index:1;background:#fffffff2;border-radius:16px;align-items:flex-start;gap:12px;margin:-12px;padding:12px;transition:transform .15s ease-out;display:flex;position:relative}.article-panel{max-width:100%;height:100dvh}.article-panel-content{padding:16px 16px calc(16px + var(--safe-area-bottom))}.offline-video-frame{border-radius:16px;width:100%}.article-panel-title{font-size:22px}.article-panel-body{font-size:16px}.modal-content{width:calc(100% - 32px);min-width:auto;margin:16px}}.digest-container{max-width:800px;margin:0 auto;padding:24px}.digest-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.digest-header-title{align-items:center;gap:12px;display:flex}.digest-header-title h2{color:#1f2937;margin:0;font-size:24px;font-weight:700}.digest-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.digest-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.digest-btn .material-icons{font-size:18px}.digest-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.digest-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.digest-btn-secondary{color:#667eea;background:#fff;border:1px solid #e5e7eb}.digest-btn-secondary:hover{background:#667eea0d;border-color:#667eea}.digest-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:12px;transition:box-shadow .2s;overflow:hidden}.digest-card:hover{box-shadow:0 4px 16px #00000014}.digest-card-collapsed .digest-card-header{cursor:pointer}.digest-card-expanded{border-color:#667eea;box-shadow:0 2px 12px #667eea26}.digest-card-expanded .digest-card-header{cursor:pointer;border-bottom:1px solid #e5e7eb}.digest-cards-list{flex-direction:column;display:flex}.digest-card-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.digest-card-header-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.digest-card-chevron{color:#9ca3af;flex-shrink:0;font-size:22px}.digest-card-title{color:#1f2937;margin:0 0 4px;font-size:16px;font-weight:600}.digest-card-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.digest-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.digest-card-body{padding:20px 24px}.digest-card-loading{color:#6b7280;align-items:center;gap:10px;padding:20px 0;font-size:14px;display:flex}.digest-chapters-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:14px;padding:10px 12px}.digest-chapters-title-row{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 6px;display:flex}.digest-chapters-title-row:hover{background:#eef2ff}.digest-chapters-toggle{color:#6b7280;margin-left:auto;display:inline-flex}.digest-chapters-title-row:hover .digest-chapters-toggle{color:#4f46e5}.digest-chapters-title{color:#374151;font-size:13px;font-weight:600}.digest-chapters-list{flex-direction:column;gap:6px;max-height:220px;display:flex;overflow-y:auto}.digest-chapter-btn{text-align:left;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.digest-chapter-btn:hover{background:#eef2ff;border-color:#c7d2fe}.digest-chapter-time{color:#667eea;flex-shrink:0;min-width:38px;font-size:12px;font-weight:600}.digest-chapter-title{color:#4b5563;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.digest-play-btn{cursor:pointer;color:#fff;background:#667eea;border:none;border-radius:20px;justify-content:center;align-items:center;gap:0;min-width:42px;padding:8px 10px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.digest-play-btn:hover{background:#5567d5;transform:translateY(-1px)}.digest-play-btn.playing{background:#ef4444}.digest-play-btn.playing:hover{background:#dc2626}.digest-play-btn .material-icons{font-size:20px}.digest-play-btn:disabled,.digest-play-btn-disabled{cursor:not-allowed;opacity:.65;transform:none}.digest-play-btn:disabled:hover,.digest-play-btn-disabled:hover{background:#667eea;transform:none}.digest-icon-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.digest-icon-btn:hover{color:#ef4444;background:#fef2f2}.digest-script{color:#374151;font-size:15px;line-height:1.7}.digest-script p{margin-bottom:12px}.digest-audio-player{background:#fafbfc;border-top:1px solid #f3f4f6;padding:16px 24px}.digest-audio-player audio{border-radius:8px;width:100%;height:40px}.digest-script-container{scroll-behavior:smooth;max-height:400px;padding:0 24px 20px;overflow-y:auto}.digest-word{cursor:pointer;border-radius:3px;padding:1px 0;transition:background .15s,color .15s}.digest-word:hover{background:#667eea1a}.digest-word-active{color:#4338ca;background:#667eea40;border-radius:3px}.digest-language-row{align-items:center;gap:6px;display:flex}.digest-language-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;min-width:160px;padding:8px 12px;font-size:14px;transition:border-color .2s}.digest-language-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.digest-model-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;outline:none;min-width:180px;padding:8px 12px;font-size:14px;transition:border-color .2s}.digest-model-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.digest-picker-trigger{text-align:left;justify-content:space-between;align-items:center;gap:8px;display:inline-flex}.digest-picker-trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.digest-picker-trigger-icon{color:#6b7280;flex-shrink:0;font-size:18px}.digest-picker-modal-body{padding-top:8px}.digest-picker-option-list{flex-direction:column;gap:8px;display:flex}.digest-picker-option{color:#1f2937;cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:border-color .15s,background-color .15s;display:flex}.digest-picker-option:hover{background:#f8faff;border-color:#c7d2fe}.digest-picker-option.selected{background:#eef2ff;border-color:#667eea}.digest-picker-option-text{font-size:15px;font-weight:500}.digest-picker-option-icon{color:#667eea;flex-shrink:0;font-size:22px}@media (width>=769px){.digest-header-actions{gap:10px}.digest-language-row{flex:none}.digest-language-select{width:150px;min-width:130px}.digest-model-select{width:220px;min-width:170px}.digest-btn{white-space:nowrap;padding:10px 14px}}.digest-schedule-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:6px;margin:-8px 0 8px;padding:12px 20px;display:flex}.digest-schedule-row{align-items:center;gap:10px;display:flex}.digest-schedule-label{color:#374151;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.digest-schedule-toggle{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.digest-schedule-toggle input{opacity:0;width:0;height:0}.digest-schedule-slider{cursor:pointer;background-color:#d1d5db;border-radius:22px;transition:all .3s;position:absolute;inset:0}.digest-schedule-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.digest-schedule-toggle input:checked+.digest-schedule-slider{background-color:#667eea}.digest-schedule-toggle input:checked+.digest-schedule-slider:before{transform:translate(18px)}.digest-schedule-hour{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:4px 8px;font-size:13px}.digest-schedule-hour:focus{border-color:#667eea}.digest-schedule-hint{color:#9ca3af;margin-left:50px;font-size:12px}.digest-schedule-last-run{color:#6b7280;margin-left:50px;font-size:12px}.digest-schedule-next-run{color:#4b5563;margin-left:50px;font-size:12px}.digest-shared-audio-row{box-sizing:border-box;background:#fff;border:2px solid #667eea;border-radius:12px;width:100%;margin:0 0 12px;padding:10px 12px}.digest-shared-audio-hidden{display:none}.digest-shared-audio-player{display:block;width:100%!important}.digest-play-label{display:inline}.digest-empty{text-align:center;color:#6b7280;padding:60px 24px}.digest-empty h3{color:#374151;margin:16px 0 8px;font-size:20px;font-weight:600}.digest-empty p{max-width:400px;margin:0 auto;font-size:15px;line-height:1.5}.digest-history-section{margin-top:24px}.digest-history-header{cursor:pointer;color:#6b7280;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:12px 0;font-size:15px;font-weight:600;display:flex}.digest-history-header:hover{color:#374151}.digest-history-header .material-icons{font-size:20px}.digest-history-list{flex-direction:column;gap:4px;display:flex}.digest-history-item{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.digest-history-item:hover{background:#f3f4f6}.digest-history-item-info{align-items:center;gap:12px;display:flex}.digest-history-item-title{color:#1f2937;font-size:14px;font-weight:500}.digest-history-item-meta{color:#9ca3af;margin-top:2px;font-size:12px}.digest-generating{text-align:center;padding:80px 24px}.digest-generating h3{color:#374151;margin:24px 0 8px;font-size:20px;font-weight:600}.digest-generating p{color:#6b7280;font-size:15px;line-height:1.5}.digest-generating-animation{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:inline-flex}.digest-spin{color:#667eea;font-size:40px;animation:2s linear infinite spin}.discover-container{max-width:900px;margin:0 auto;padding:20px 24px 40px}.discover-header h2{color:#1f2937;margin:0 0 4px;font-size:22px;font-weight:700}.discover-subtitle{color:#6b7280;margin:0 0 20px;font-size:14px}.discover-topic-bar{gap:8px;margin-bottom:16px;display:flex}.discover-topic-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.discover-topic-input:focus{border-color:#667eea}.discover-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .15s,box-shadow .15s;display:flex}.discover-add-btn:hover{transform:scale(1.06);box-shadow:0 2px 8px #667eea59}.discover-add-btn .material-icons{font-size:22px}.discover-suggest-btn{color:#667eea;cursor:pointer;background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .15s,box-shadow .15s,background .2s;display:flex}.discover-suggest-btn:hover{background:linear-gradient(135deg,#667eea26,#764ba226);transform:scale(1.06);box-shadow:0 2px 8px #667eea33}.discover-suggest-btn.loading{opacity:.7;cursor:not-allowed}.discover-suggest-btn .material-icons{font-size:22px}.discover-suggestions{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea1f;border-radius:14px;margin-bottom:20px;padding:14px 16px}.discover-suggestions-header{color:#667eea;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.discover-suggestions-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;display:inline-flex}.discover-suggestions-close:hover{color:#ef4444;background:#ef444414}.discover-suggestion-chips{flex-wrap:wrap;gap:8px;display:flex}.discover-suggestion-chip{color:#4c5680;cursor:pointer;background:#ffffffb3;border:1px dashed #667eea59;border-radius:20px;align-items:center;gap:6px;padding:6px 8px 6px 10px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,transform .15s;display:flex}.discover-suggestion-chip:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-style:solid;border-color:#667eea80;transform:scale(1.03)}.discover-suggestion-chip .material-icons:first-child{color:#667eea}.discover-suggestion-dismiss{color:#9ca3af;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:color .15s,background .15s;display:flex}.discover-suggestion-dismiss:hover{color:#ef4444;background:#ef44441a}.discover-topic-chips{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.discover-topic-chip{color:#4c5680;cursor:pointer;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:20px;align-items:center;gap:4px;padding:6px 10px 6px 14px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.discover-topic-chip:hover{background:linear-gradient(135deg,#667eea2e,#764ba22e);border-color:#667eea59}.discover-topic-chip.selected{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea59}.discover-topic-chip.selected:hover{background:linear-gradient(135deg,#5a72d4,#6a4192);border-color:#5a72d4}.discover-topic-chip.selected .discover-chip-remove{color:#ffffffb3}.discover-topic-chip.selected .discover-chip-remove:hover{color:#fff;background:#ffffff26}.discover-chip-label{cursor:pointer;-webkit-user-select:none;user-select:none}.discover-chip-label:hover{color:inherit}.discover-chip-remove{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:color .15s,background .15s;display:flex}.discover-chip-remove:hover{color:#ef4444;background:#ef44441a}.discover-chip-remove .material-icons{font-size:14px}.discover-section{margin-bottom:28px}.discover-section-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.discover-section-header h3{color:#374151;margin:0;font-size:16px;font-weight:600}.discover-refresh-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,background .15s;display:flex}.discover-refresh-btn:hover:not(:disabled){color:#667eea;background:#667eea14}.discover-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.discover-refresh-btn .material-icons{font-size:20px}.discover-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;padding:32px;font-size:14px;display:flex}.discover-no-results{justify-content:center;align-items:center;gap:4px;min-height:200px;padding:24px;font-size:14px;display:flex}.discover-articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.discover-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;transition:box-shadow .2s,transform .15s;display:flex;overflow:hidden}.discover-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.discover-card-image{flex-shrink:0;width:100%;height:140px;overflow:hidden}.discover-card-image img{object-fit:cover;width:100%;height:100%}.discover-card-content{flex-direction:column;flex:1;gap:6px;padding:12px 14px 14px;display:flex}.discover-card-title{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.discover-card-snippet{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.discover-card-meta{align-items:center;gap:8px;margin-top:auto;padding-top:6px;display:flex}.discover-card-domain{color:#667eea;font-size:12px;font-weight:500}.discover-card-age{color:#9ca3af;font-size:11px}.discover-empty{text-align:center;color:#6b7280;padding:60px 24px}.discover-empty h3{color:#374151;margin:16px 0 8px;font-size:20px;font-weight:600}.discover-empty p{max-width:400px;margin:0 auto;font-size:15px;line-height:1.5}.spin{animation:1.5s linear infinite spin}@media (width<=768px){.discover-container{padding:16px}.discover-articles-grid{grid-template-columns:1fr}.discover-card-image{height:120px}}#floating-digest-player{z-index:9000;pointer-events:none;opacity:0;transition:opacity .25s,transform .25s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}#floating-digest-player.visible{pointer-events:auto;opacity:1;transform:translateY(0)}.floating-player-progress-bar{cursor:pointer;background:#0000001f;height:4px;position:relative}.floating-player-progress-bar:hover{height:6px}.floating-player-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:0 2px 2px 0;height:100%;transition:width .15s linear}.floating-player-body{background:#fff;border-top:1px solid #e5e7eb;align-items:center;gap:10px;padding:8px 16px 10px;display:flex;box-shadow:0 -2px 12px #00000014}.floating-player-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,box-shadow .15s;display:flex}.floating-player-btn:hover{transform:scale(1.08);box-shadow:0 2px 8px #667eea59}.floating-player-btn .material-icons{font-size:22px}.floating-player-stop{color:#9ca3af;background:0 0;width:32px;height:32px}.floating-player-stop:hover{color:#ef4444;box-shadow:none;background:#ef444414;transform:scale(1.08)}.floating-player-stop .material-icons{font-size:20px}.floating-player-info{cursor:pointer;flex:1;min-width:0}.floating-player-info:hover .floating-player-title{color:#667eea}.floating-player-title{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;transition:color .15s;overflow:hidden}.floating-player-chapter{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.floating-player-time{color:#9ca3af;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:12px}@media (width<=768px){.digest-container{padding:16px}.digest-header{flex-direction:column}.digest-header-actions{flex-wrap:wrap;width:100%}.digest-btn{flex:1;justify-content:center}.digest-language-row{width:100%}.digest-language-select,.digest-model-select{flex:1}.digest-schedule-section{padding:10px 14px}.digest-schedule-hint,.digest-schedule-last-run,.digest-schedule-next-run{margin-left:0}.digest-card-header{gap:8px;padding:12px 14px}.digest-card-actions{justify-content:flex-end}.digest-card-body{padding:16px}.digest-chapters-list{max-height:180px}.digest-script-container{max-height:300px;padding:0}.digest-script{padding:0}.floating-player-body{gap:8px;padding:6px 12px 8px}.floating-player-btn{width:34px;height:34px}.floating-player-btn .material-icons{font-size:20px}.floating-player-title{font-size:13px}.floating-player-time{font-size:11px}}.bookmarklet-drag-link{color:#4c6ef5;cursor:grab;-webkit-user-select:none;user-select:none;background:#4c6ef50f;border:2px solid #4c6ef5;border-radius:10px;justify-content:center;align-items:center;gap:4px;width:100%;margin-top:6px;padding:8px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.bookmarklet-drag-link:hover{background:#4c6ef524}.bookmarklet-drag-hint{color:#aaa;text-align:center;margin:4px 0 0;font-size:10px}.bookmarklet-modal{flex-direction:column;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:8px 0 4px;display:flex}.bookmarklet-modal-header{align-items:center;gap:10px;display:flex}.bookmarklet-modal-header h3{color:#1a202c;margin:0;font-size:17px;font-weight:600}.bookmarklet-modal-meta{text-align:center;flex-direction:column;gap:4px;width:100%;display:flex}.bookmarklet-modal-article-title{color:#1a202c;font-size:14px;font-weight:500;line-height:1.4}.bookmarklet-modal-url{color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.bookmarklet-modal-actions{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.bookmarklet-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:90px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.bookmarklet-btn:disabled{cursor:wait;opacity:.72}.bookmarklet-btn .material-icons{font-size:17px}.bookmarklet-btn-rl{color:#4c6ef5;background:#4c6ef51a}.bookmarklet-btn-rl:hover{background:#4c6ef533}.bookmarklet-btn-fav{color:#e53e3e;background:#ff6b6b1a}.bookmarklet-btn-fav:hover{background:#ff6b6b33}.bookmarklet-btn-both{color:#16a34a;background:#22c55e1a}.bookmarklet-btn-both:hover{background:#22c55e33}.bookmarklet-btn-ai{color:#667eea;background:linear-gradient(135deg,#667eea1a 0%,#764ba21a 100%)}.bookmarklet-btn-ai:hover{background:linear-gradient(135deg,#667eea33 0%,#764ba233 100%)}.bookmarklet-modal-status{text-align:center;color:#64748b;min-height:20px;font-size:13px;font-weight:500}.bookmarklet-modal-status.loading{color:#667eea}.bookmarklet-modal-status.error{color:#dc2626}.bookmarklet-modal-success{flex-direction:column;align-items:center;gap:8px;padding:12px;animation:.2s bookmarkletSuccessFadeIn;display:none}.bookmarklet-modal-success .material-icons{color:#22c55e;font-size:44px}.bookmarklet-modal-success p{color:#16a34a;margin:0;font-size:16px;font-weight:600}@keyframes bookmarkletSuccessFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}