.archive-feed-container{width:100%;font-family:var(--font-ui,sans-serif);margin-top:1rem}.filter-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.filter-boxes{justify-content:center;gap:1.25rem;display:flex}.filter-box{cursor:pointer;font-family:var(--font-mono,monospace);color:var(--text-dim,#a0a0a0);background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;outline:none;align-items:center;gap:.75rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.filter-box .letter{font-size:1.25rem;font-weight:900}.filter-box .label{text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.filter-box.tech-box:hover,.filter-box.tech-box.active{color:#00e5ff;background:#00e5ff1a;border:2px solid #00e5ff;transform:scale(1.05);box-shadow:0 0 20px #00e5ff40}.filter-box.business-box:hover,.filter-box.business-box.active{color:#ffb400;background:#ffb4001a;border:2px solid #ffb400;transform:scale(1.05);box-shadow:0 0 20px #ffb40040}.filter-box.world-box:hover,.filter-box.world-box.active{color:#00ff96;background:#00ff961a;border:2px solid #00ff96;transform:scale(1.05);box-shadow:0 0 20px #00ff9640}.view-toggle-btn{color:var(--text-main,#fff);cursor:pointer;font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.75rem;font-weight:700;transition:all .2s;display:flex}.view-toggle-btn:hover{border-color:var(--primary,#ff4c29);background:#ffffff1a}.archive-cards-grid{grid-template-columns:1fr;gap:1.5rem;transition:all .3s ease-in-out;display:grid}@media (width>=600px){.archive-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.archive-cards-grid{grid-template-columns:repeat(3,1fr)}}.archive-brief-card{background:var(--surface,#1e1d1c);border:1px solid var(--border,#ffffff0d);cursor:pointer;border-radius:12px;flex-direction:column;gap:1rem;max-width:400px;padding:1.5rem;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s,border-color .3s,padding .3s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.archive-brief-card:hover{border-color:var(--primary,#ff4c29);transform:translateY(-4px);box-shadow:0 8px 24px #0000004d,0 0 15px #ff4c2926}.card-meta{font-size:.75rem;font-family:var(--font-mono,monospace);justify-content:space-between;align-items:center;display:flex}.channel-tag{letter-spacing:.05em;border-radius:4px;padding:3px 8px;font-weight:800}.channel-tag.tech{color:#00e5ff;background:#00e5ff1a}.channel-tag.business{color:#ffb400;background:#ffb4001a}.channel-tag.world{color:#00ff96;background:#00ff961a}.card-date{color:var(--text-dim,#a0a0a0)}.card-headline{color:var(--text-main,#fff);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:800;line-height:1.4}.card-collapsible-content{opacity:1;max-height:500px;transition:max-height .3s ease-in-out,opacity .3s ease-in-out,margin .3s ease-in-out;overflow:hidden}.card-bullets{color:var(--text-dim,#a0a0a0);flex-direction:column;gap:6px;margin:0;padding-left:1.25rem;font-size:.85rem;line-height:1.6;list-style:none;display:flex}.card-bullets li{padding-left:.25rem;position:relative}.card-bullets li:before{content:"•";color:var(--primary,#ff4c29);font-size:1.1rem;position:absolute;left:-1rem}.card-expand-hint{font-family:var(--font-mono,monospace);color:var(--primary,#ff4c29);text-transform:uppercase;letter-spacing:.05em;opacity:0;max-height:0;font-size:.72rem;font-weight:700;transition:max-height .3s ease-in-out,opacity .3s ease-in-out,margin .3s ease-in-out;overflow:hidden}.archive-cards-grid[data-view-mode=minimized] .archive-brief-card{gap:.5rem;padding:1rem 1.25rem}.archive-cards-grid[data-view-mode=minimized] .card-collapsible-content{opacity:0;max-height:0}.archive-cards-grid[data-view-mode=minimized] .card-expand-hint{opacity:.8;max-height:20px;margin-top:4px}.archive-brief-card.hidden{display:none!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s ease-in-out;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-container{color:#121110;background:#fff;border-radius:12px;flex-direction:column;width:92%;max-width:700px;max-height:85vh;padding:2.5rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:scale(.95);box-shadow:0 10px 40px #00000080}.modal-overlay.active .modal-container{transform:scale(1)}.modal-close-btn{color:#666;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close-btn:hover{color:var(--primary,#ff4c29);background:#ff4c291a}.modal-content-wrapper{flex-direction:column;height:100%;display:flex;overflow-y:auto}.modal-content-wrapper::-webkit-scrollbar{width:5px}.modal-content-wrapper::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.modal-header{margin-bottom:1.5rem}.modal-meta{font-family:var(--font-mono,monospace);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.channel-badge{letter-spacing:.05em;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:800}.channel-badge.tech{color:#00e5ff;background:#00e5ff1a;border:1px solid #00e5ff33}.channel-badge.business{color:#ffb400;background:#ffb4001a;border:1px solid #ffb40033}.channel-badge.world{color:#00ff96;background:#00ff961a;border:1px solid #00ff9633}.modal-date{color:#666;font-weight:500}.modal-title{color:#121110;letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:800;line-height:1.35}.modal-body{flex-direction:column;flex-grow:1;gap:1.5rem;display:flex}.modal-bullets-wrapper h3{font-family:var(--font-mono,monospace);text-transform:uppercase;color:var(--primary,#ff4c29);letter-spacing:.05em;margin:0 0 10px;font-size:.85rem}.modal-bullets-list{color:#333;flex-direction:column;gap:8px;margin:0;padding-left:1.25rem;font-size:.95rem;line-height:1.6;display:flex}.modal-bullets-list li::marker{color:var(--primary,#ff4c29)}.modal-divider{background:#00000014;width:100%;height:1px}.modal-article-body{color:#444;white-space:pre-wrap;margin:0;font-size:.98rem;line-height:1.75}.modal-footer{border-top:1px solid #00000014;margin-top:2rem;padding-top:1.5rem;display:flex}.listen-cta-btn{background:linear-gradient(135deg, var(--primary,#ff4c29) 0%, #ff2a00 100%);color:#fff;width:100%;font-family:var(--font-mono,monospace);text-transform:uppercase;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:12px;font-size:.85rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #ff4c294d}.listen-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4c2980}.empty-state{text-align:center;background:var(--surface,#1e1d1c);border:1px dashed var(--border,#ffffff0d);color:var(--text-dim,#a0a0a0);border-radius:12px;margin:2rem 0;padding:4rem 2rem}.empty-state i{color:var(--border,#ffffff0d);margin-bottom:1.5rem;font-size:3rem}.empty-state h3{color:var(--text-main,#fff);margin:0 0 .5rem;font-size:1.2rem}