*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--dark: #1E1B2E;--pink: #D4527F;--pink-light: #FAE0EC;--bg: #FAFAF8;--bg-alt: #F4F3F1;--white: #FFFFFF;--text: #1E1B2E;--text-muted: #7A7690;--border: #E5E3DE;--font: "Inter", system-ui, -apple-system, sans-serif;--font-heading:"Fraunces", Georgia, serif;--radius: 10px;--radius-sm: 6px;--radius-pill: 100px}html,body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1}.app-header{position:sticky;top:0;z-index:10;background:var(--dark);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.header-logo{font-size:18px}.header-name{font-family:var(--font-heading);font-size:18px;font-weight:400;color:#fff;letter-spacing:0}.header-right{display:flex;align-items:center;gap:16px}.header-site-link{font-size:13px;color:#ffffff73;text-decoration:none;white-space:nowrap;transition:color .15s}.header-site-link:hover{color:var(--pink)}.feed-tabs{display:flex;gap:4px;overflow-x:auto}.feed-tab{padding:5px 12px;border-radius:var(--radius-pill);border:1px solid transparent;background:none;color:#ffffff8c;font-family:var(--font);font-size:13px;cursor:pointer;white-space:nowrap;transition:all .15s}.feed-tab:hover{color:#ffffffd9;background:#ffffff12}.feed-tab.active{color:var(--pink);background:#d4527f1f;border-color:#d4527f4d}.feed-hero{border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--pink-light) 0%,var(--bg) 100%)}.feed-hero-inner{max-width:1100px;margin:0 auto;padding:48px 24px 40px}.feed-badge{display:inline-block;padding:3px 12px;border-radius:var(--radius-pill);background:var(--pink-light);border:1px solid rgba(212,82,127,.3);color:var(--pink);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px}.feed-title{font-family:var(--font-heading);font-size:30px;font-weight:400;color:var(--dark);line-height:1.25;margin-bottom:10px}.feed-weekday{font-size:15px;color:var(--pink);font-weight:600;letter-spacing:.01em;margin-bottom:12px}.feed-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:16px}.feed-stats{display:flex;gap:16px}.feed-stats span{font-size:13px;color:var(--text-muted)}.cards-grid{max-width:1100px;margin:0 auto;padding:32px 24px 48px;display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:16px}@media (max-width: 600px){.cards-grid{grid-template-columns:1fr;padding:20px 16px 40px}.feed-hero-inner{padding:32px 16px 28px}.feed-title{font-size:24px}}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:#d4527f59;box-shadow:0 4px 20px #d4527f14}.card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-index{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.04em}.card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.card-source{font-size:11px;font-weight:600;color:var(--pink);background:var(--pink-light);border:1px solid rgba(212,82,127,.2);padding:2px 8px;border-radius:var(--radius-pill);white-space:nowrap}.card-date{font-size:11px;color:var(--text-muted);white-space:nowrap}.card-title{font-family:var(--font-heading);font-size:17px;font-weight:400;line-height:1.35}.card-title a{color:var(--dark);text-decoration:none;transition:color .15s}.card-title a:hover{color:var(--pink)}.card-section{border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.card-section.so-what{background:var(--pink-light);border:1px solid rgba(212,82,127,.15)}.card-section.action-item{background:var(--bg-alt);border:1px solid var(--border)}.section-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.so-what .section-label{color:var(--pink)}.action-item .section-label{color:var(--dark)}.section-body{font-size:13.5px;line-height:1.6;color:#4a4660}.section-body strong{color:var(--dark);font-weight:600}.section-body em{font-style:italic;color:var(--dark)}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px;border-top:1px solid var(--border);margin-top:auto}.copy-btn{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--text-muted);font-family:var(--font);font-size:12px;cursor:pointer;padding:4px 0;transition:color .15s}.copy-btn:hover{color:var(--text)}.read-more{font-size:12px;font-weight:500;color:var(--pink);text-decoration:none;transition:opacity .15s}.read-more:hover{opacity:.75}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:60vh;color:var(--text-muted);text-align:center;padding:24px}.empty-icon{font-size:48px}.empty-state h2{font-family:var(--font-heading);font-size:22px;font-weight:400;color:var(--dark)}.empty-state p{font-size:14px;color:var(--text-muted)}.empty-state code{font-size:13px;background:var(--bg-alt);border:1px solid var(--border);padding:1px 6px;border-radius:4px;color:var(--pink)}.app-footer{background:var(--dark);border-top:none;padding:20px 24px;text-align:center}.app-footer p{font-size:12px;color:#fff6}
