:root{--bg: #1a1a1a;--bg-2: #222222;--bg-3: #2a2a2a;--bg-4: #333333;--border: rgba(255,255,255,.08);--border-hover: rgba(205,162,122,.4);--text: #f5f0eb;--text-2: #a09585;--text-3: #6b5f55;--accent: #cc785c;--accent-dim: rgba(204,120,92,.12);--accent-2: #d4956a;--accent-3: #c4a882;--red: #cc4a2a;--gold: #d4956a;--font-display: "DM Serif Display", Georgia, serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0,0,0,.4);--shadow-accent: 0 0 40px rgba(204,120,92,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:.4}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:#cc785c33;color:var(--accent)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 16px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #cc785c4d}50%{box-shadow:0 0 0 6px #cc785c00}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeup{animation:fadeUp .5s ease forwards}.skeleton{background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-4) 50%,var(--bg-3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}[data-theme=light]{--bg: #f5f0eb;--bg-2: #ede8e2;--bg-3: #e4ddd6;--bg-4: #d9d1c8;--border: rgba(0,0,0,.08);--border-hover: rgba(204,120,92,.4);--text: #1a1a1a;--text-2: #5a4f47;--text-3: #9a8a7e;--accent: #cc785c;--accent-dim: rgba(204,120,92,.12);--accent-2: #d4956a;--accent-3: #c4a882;--red: #cc4a2a;--gold: #b8762a;--shadow: 0 4px 24px rgba(0,0,0,.1);--shadow-accent: 0 0 40px rgba(204,120,92,.1)}[data-theme=light] body:before{opacity:.15}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--bg-4)}.cat-feed-loading{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);height:200px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.editors-pick{padding:56px 0 0;position:relative}.ep-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;flex-wrap:wrap}.ep-badge{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:#000;background:var(--accent);padding:6px 14px;border-radius:20px;letter-spacing:.08em;text-transform:uppercase}.ep-star{font-size:12px}.ep-sub{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}.ep-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.ep-feature{position:relative;display:flex;flex-direction:column;animation:fadeUp .4s ease forwards;min-height:400px}.ep-image-wrap{position:relative;height:220px;overflow:hidden}.ep-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ep-feature:hover .ep-image{transform:scale(1.03)}.ep-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,var(--bg-2))}.ep-content{padding:28px 32px 32px;flex:1;display:flex;flex-direction:column;gap:16px}.ep-content.no-image{padding-top:36px}.ep-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ep-cat-badge{font-family:var(--font-mono);font-size:9px;font-weight:500;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(204,120,92,.2);padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.08em}.ep-source{font-family:var(--font-mono);font-size:10px;color:var(--text-3)}.ep-time{font-family:var(--font-mono);font-size:10px;color:var(--text-3);margin-left:auto}.ep-title{font-family:var(--font-display);font-size:clamp(22px,3vw,32px);font-weight:400;color:var(--text);line-height:1.25;letter-spacing:-.01em}.ep-note{background:#d4956a14;border-left:3px solid var(--accent-2);padding:12px 16px;border-radius:0 6px 6px 0}.ep-note-label{font-family:var(--font-mono);font-size:9px;color:var(--accent-2);text-transform:uppercase;letter-spacing:.12em;display:block;margin-bottom:6px}.ep-note-text{font-size:14px;color:var(--text-2);line-height:1.6;font-style:italic}.ep-desc{font-size:14px;color:var(--text-2);line-height:1.7;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ep-read-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:13px;font-weight:700;color:#000;background:var(--accent);padding:11px 22px;border-radius:6px;width:fit-content;margin-top:auto;transition:all .2s;letter-spacing:.01em}.ep-read-btn:hover{filter:brightness(1.1);transform:translate(2px)}.ep-sidebar{border-left:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:4px;background:var(--bg-3)}.ep-sidebar-title{font-family:var(--font-mono);font-size:9px;color:var(--text-3);text-transform:uppercase;letter-spacing:.15em;padding:0 16px 12px;border-bottom:1px solid var(--border);margin-bottom:8px}.ep-placeholder{border:1px dashed var(--border);border-radius:var(--radius);padding:60px;text-align:center}.ep-badge-empty{font-family:var(--font-mono);font-size:10px;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px}.ep-warming{font-family:var(--font-display);font-size:28px;color:var(--text);margin-bottom:12px}.ep-placeholder p{color:var(--text-2);font-size:14px}.pick-card{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;border:1px solid transparent}.pick-card:hover{background:var(--bg-3)}.pick-card.active{background:var(--accent-dim);border-color:#cc785c33}.pick-num{font-family:var(--font-mono);font-size:11px;color:var(--text-3);padding-top:3px;flex-shrink:0;transition:color .2s}.pick-card.active .pick-num{color:var(--accent)}.pick-preview{flex:1;min-width:0}.pick-cat{font-family:var(--font-mono);font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:4px}.pick-title-sm{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--text-2);line-height:1.4;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-card.active .pick-title-sm,.pick-card:hover .pick-title-sm{color:var(--text)}.pick-time{font-family:var(--font-mono);font-size:10px;color:var(--text-3);margin-top:4px;display:block}@media (max-width: 900px){.ep-layout{grid-template-columns:1fr}.ep-sidebar{border-left:none;border-top:1px solid var(--border)}}.cat-feed{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s}.cat-feed:hover{border-color:var(--border-hover)}.cat-header{display:flex;align-items:center;gap:14px;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--bg-3)}.cat-icon-wrap{width:42px;height:42px;border-radius:10px;background:color-mix(in srgb,var(--cat-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--cat-color) 25%,transparent);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.cat-header-text{flex:1}.cat-tag{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.12em;display:block;margin-bottom:3px;opacity:.8}.cat-title{font-family:var(--font-ui);font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.01em}.cat-count{display:flex;flex-direction:column;align-items:flex-end}.cat-count-num{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--text-2);line-height:1}.cat-count-label{font-family:var(--font-mono);font-size:9px;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em}.cat-articles{padding:4px 24px 12px}.cat-more-btn{display:block;width:100%;padding:12px 24px;background:none;border:none;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--cat-color);cursor:pointer;text-align:center;transition:all .2s;letter-spacing:.05em}.cat-more-btn:hover{background:color-mix(in srgb,var(--cat-color) 6%,transparent)}.article-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);text-decoration:none;cursor:pointer;transition:padding-left .2s}.article-row:last-child{border-bottom:none}.article-row:hover{padding-left:4px}.article-row:hover .art-title{color:var(--art-accent)}.article-row:hover .art-arrow{opacity:1;color:var(--art-accent)}.art-thumb{width:64px;height:48px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--bg-4)}.art-thumb img{width:100%;height:100%;object-fit:cover}.art-body{flex:1;min-width:0}.art-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px}.art-source{font-family:var(--font-mono);font-size:9px;color:var(--art-accent);text-transform:uppercase;letter-spacing:.08em;opacity:.8}.art-time{font-family:var(--font-mono);font-size:9px;color:var(--text-3)}.art-title{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--text);line-height:1.4;transition:color .2s;margin-bottom:4px}.art-desc{font-size:12px;color:var(--text-3);line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art-arrow{flex-shrink:0;color:var(--text-3);opacity:0;transition:all .2s;margin-top:4px}.app{display:flex;flex-direction:column;min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main{flex:1}.fetch-error{padding:60px 24px;color:var(--text-2);font-size:14px}.feeds-section{padding:72px 0 80px}.section-header{margin-bottom:40px}.section-label{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:8px}.section-title{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:400;color:var(--text);line-height:1.1}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 900px){.categories-grid{grid-template-columns:1fr}}