:root{--brand-primary:#f4cd4c;--brand-hover:#e3be45;--bg-body:#eae6df;--bg-surface:#eae6df;--text-main:#111;--text-secondary:#222;--text-tertiary:#444;--border-strong:#111;--radius-btn:50px;--radius-card:0px;--radius-input:50px;--radius-sm:50px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-display:"Comic Sans MS","Chalkboard SE","Comic Neue","Marker Felt",cursive,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-body);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{background-color:var(--bg-surface);height:64px;justify-content:space-between;padding:0 var(--space-6);border-bottom:1px solid var(--border-strong);flex-shrink:0;z-index:10}.app-header,.header-left{display:flex;align-items:center}.header-left{gap:var(--space-8)}.logo{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--text-main);gap:var(--space-2);text-decoration:none}.logo,.logo-icon{display:flex;align-items:center}.logo-icon{width:24px;height:24px;background-color:var(--brand-primary);border-radius:50%;border:1px solid var(--border-strong);justify-content:center;position:relative;flex-shrink:0}.logo-icon:after,.logo-icon:before{content:"";position:absolute;background:var(--text-main)}.logo-icon:before{width:12px;height:2px;transform:rotate(45deg)}.logo-icon:after{width:12px;height:2px;transform:rotate(-45deg)}.main-nav{display:flex;gap:var(--space-6)}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all .2s;position:relative;padding:var(--space-4) 0}.nav-link.active,.nav-link:hover{color:var(--text-main)}.nav-link.active{font-weight:800;border-bottom:2px solid var(--text-main)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-4);height:36px;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-btn);cursor:pointer;transition:all .2s;border:1px solid var(--border-strong);text-decoration:none;color:var(--text-main);font-family:var(--font-family);background:transparent}.btn-outline:hover,.user-profile{background-color:var(--brand-primary)}.user-profile{width:32px;height:32px;border:1px solid var(--border-strong);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;color:var(--text-main);cursor:pointer;flex-shrink:0}.app-layout{display:flex;flex:1 1;overflow:hidden}.sidebar{width:260px;background-color:var(--bg-surface);border-right:1px solid var(--border-strong);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sidebar-section{padding:var(--space-4)}.sidebar-label{font-family:var(--font-display);font-size:14px;letter-spacing:.5px;color:var(--text-main);font-weight:600;margin-bottom:var(--space-3);display:block}.date-list{list-style:none}.date-item{margin-bottom:2px}.date-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);text-decoration:none;color:var(--text-secondary);font-size:var(--text-sm);border-radius:var(--radius-sm);border:1px solid transparent;transition:all .1s;cursor:pointer;background:none;width:100%;font-family:var(--font-family);text-align:left}.date-link:hover{border:1px dashed var(--border-strong);color:var(--text-main)}.date-link.active{font-weight:700}.count-badge,.date-link.active{color:var(--text-main);border:1px solid var(--border-strong)}.count-badge{background-color:transparent;font-size:11px;padding:2px 6px;border-radius:50px;font-weight:600}.date-link.active .count-badge{background-color:var(--brand-primary)}.main-content{flex:1 1;overflow-y:auto;padding:var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.page-header{display:flex;justify-content:space-between;align-items:flex-end}.page-title{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--text-main);letter-spacing:1px}.page-meta{font-weight:500}.daily-brief,.page-meta{color:var(--text-secondary);font-size:var(--text-sm)}.daily-brief{margin-top:8px;max-width:720px;line-height:1.7;white-space:normal;word-break:break-word}.today-overview{margin-top:var(--space-3);padding:var(--space-3) 0;border-top:1px dashed var(--border-strong)}.overview-stats{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);flex-wrap:wrap}.stat-item strong{color:var(--text-main);font-weight:700}.stat-item.highlight strong{color:var(--brand-primary);background:var(--text-main);padding:2px 6px;border-radius:4px}.stat-dot{width:4px;height:4px;background:var(--text-main);border-radius:50%;flex-shrink:0}.overview-themes{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);flex-wrap:wrap}.themes-label{color:var(--text-secondary)}.theme-tag{background:transparent;border:1px solid var(--border-strong);padding:2px 8px;border-radius:50px;font-size:12px;font-weight:600}.controls-bar{display:flex;gap:var(--space-3)}.search-input{background-color:transparent;border:1px solid var(--border-strong);padding:0 var(--space-4);height:36px;border-radius:var(--radius-input);font-size:var(--text-sm);color:var(--text-main);width:300px;transition:all .2s;font-family:var(--font-family)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:none;box-shadow:0 0 0 2px var(--brand-primary)}.channel-filter{display:flex;gap:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-strong);flex-wrap:wrap}.filter-btn{background:transparent;border:1px solid var(--border-strong);padding:var(--space-1) var(--space-3);border-radius:50px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-family:var(--font-family)}.filter-btn:hover{color:var(--text-main);background:rgba(0,0,0,.02)}.filter-btn.active{background:var(--brand-primary);color:var(--text-main);font-weight:700}.feed-list{display:flex;flex-direction:column;gap:var(--space-3);max-width:900px}.card{background-color:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-card);transition:background-color .2s}.card:hover{background-color:rgba(0,0,0,.02)}.card-header{display:flex;padding:var(--space-3);cursor:pointer;align-items:center;gap:var(--space-4)}.card-thumbnail{width:120px;height:68px;background-color:var(--bg-body);border:1px solid var(--border-strong);border-radius:var(--radius-card);flex-shrink:0;position:relative;overflow:hidden}.card-thumbnail img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.duration{position:absolute;bottom:4px;right:4px;background:var(--bg-body);color:var(--text-main);border:1px solid var(--border-strong);font-size:10px;padding:2px 6px;border-radius:50px;font-weight:700}.card-meta{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.card-title{font-size:var(--text-base);font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-channel-info{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--text-secondary);font-weight:500}.channel-name{font-weight:700}.dot-separator{width:4px;height:4px;background-color:var(--text-main);border-radius:50%;flex-shrink:0}.card-preview{font-size:13px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.card-status{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.badge-new{background-color:var(--brand-primary);color:var(--text-main);border:1px solid var(--border-strong);font-size:10px;text-transform:uppercase;font-weight:800;padding:2px 8px;border-radius:50px;letter-spacing:.5px}.expand-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-main);transition:transform .2s}.expand-icon svg{width:16px;height:16px;fill:currentColor}.expand-icon.expanded{transform:rotate(180deg)}.card-body{border-top:1px solid var(--border-strong);padding:var(--space-4) var(--space-4) var(--space-4) 148px}.card-tabs{display:flex;gap:var(--space-4);border-bottom:1px solid var(--border-strong);margin-bottom:var(--space-4)}.tab-btn{background:transparent;border:none;padding:var(--space-2) 0;font-size:var(--text-sm);font-weight:700;color:var(--text-secondary);cursor:pointer;position:relative;transition:color .2s;font-family:var(--font-family)}.tab-btn.active,.tab-btn:hover{color:var(--text-main)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--text-main)}.content-section{margin-bottom:var(--space-4)}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-main);font-weight:800;margin-bottom:var(--space-2);display:block}.oneliner-section{background:var(--bg-body);border:1px solid var(--border-strong);padding:var(--space-3);margin-bottom:var(--space-4)}.oneliner-text{font-size:var(--text-base);color:var(--text-main);font-weight:600;line-height:1.5}.why-matters{background:transparent;border:1px dashed var(--border-strong);padding:var(--space-3);margin-bottom:var(--space-4)}.why-matters-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.why-matters-text p{margin:0 0 6px;line-height:1.6}.why-matters-text strong{color:var(--text-main)}.key-points-list{list-style:none;padding:0;margin:0}.key-points-list li{font-size:var(--text-sm);color:var(--text-main);margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative;line-height:1.5;font-weight:500}.key-points-list li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background-color:transparent;border:1px solid var(--text-main);border-radius:50%}.ai-analysis{background-color:transparent;padding:var(--space-3);border:1px solid var(--border-strong);border-left:4px solid var(--brand-primary)}.ai-text{font-size:13px;color:var(--text-main);line-height:1.5;font-weight:600}.ai-text p{margin:0 0 6px;line-height:1.6}.md-h2{font-size:var(--text-sm);margin-top:24px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border-strong)}.md-h2,.md-h3{font-weight:800;color:var(--text-main)}.md-h3{font-size:12px;text-transform:uppercase;letter-spacing:.8px;margin-top:20px;margin-bottom:8px;padding-left:8px;border-left:3px solid var(--brand-primary);display:block}.md-p{margin:0 0 8px;line-height:1.7}.transcript-box{background:var(--bg-body);border:1px solid var(--border-strong);padding:var(--space-3);max-height:480px;overflow-y:scroll;font-size:13px;line-height:1.8;color:var(--text-secondary);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.transcript-box::-webkit-scrollbar{width:6px}.transcript-box::-webkit-scrollbar-track{background:transparent}.transcript-box::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:3px}.card-actions{justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--border-strong)}.action-group,.card-actions{display:flex;align-items:center}.action-group{gap:var(--space-3)}.btn-action{display:inline-flex;align-items:center;gap:var(--space-1);background:transparent;border:1px solid transparent;color:var(--text-main);font-size:13px;font-weight:700;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:50px;transition:all .1s;font-family:var(--font-family);text-decoration:none}.btn-action:hover{border:1px dashed var(--border-strong)}.btn-action svg{width:14px;height:14px;fill:currentColor}.btn-favorite.saved,.btn-favorite:hover{background-color:var(--brand-primary);border:1px solid var(--border-strong)}.empty-state{color:var(--text-tertiary)}.empty-state,.loading-state{padding:48px 24px;text-align:center;font-size:var(--text-sm)}.loading-state{color:var(--text-secondary)}@media (max-width:768px){body{overflow:auto;height:auto}.app-layout{flex-direction:column;overflow:visible}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-strong);overflow-y:visible}.date-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.date-item{margin-bottom:0}.main-content{padding:var(--space-4);overflow-y:visible;gap:var(--space-4)}.card-body{padding-left:var(--space-4)}.main-nav{gap:var(--space-4)}.search-input{width:100%}.feed-list{max-width:100%}.card-thumbnail{width:80px;height:46px}.page-title{font-size:24px}.header-left{gap:var(--space-4)}@media (max-width:400px){.main-nav{display:none}}}