:root{--font-serif: "Georgia", "Times New Roman", Times, serif;--font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "Menlo", "Monaco", "Consolas", monospace;--color-primary: #121212;--color-secondary: #333333;--color-gray: #666666;--color-light-gray: #cccccc;--color-border: #e2e2e2;--color-background: #ffffff;--color-accent: #326891;--color-link: #1a73e8;--color-hover: #0d47a1;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--max-width: 1200px;--header-height: 60px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-serif);font-size:var(--text-base);line-height:1.6;color:var(--color-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;line-height:1.2;margin-bottom:var(--space-4);color:var(--color-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}p{margin-bottom:var(--space-4);line-height:1.7}a{color:var(--color-link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-hover);text-decoration:underline}button{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-primary);cursor:pointer;border-radius:2px;transition:all .2s ease}button:hover{background-color:var(--color-border);border-color:var(--color-gray)}button:focus{outline:2px solid var(--color-accent);outline-offset:2px}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}.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}@media (max-width: 768px){:root{--text-4xl: 1.875rem;--text-3xl: 1.5rem;--text-2xl: 1.25rem}.container{padding:0 var(--space-3)}}.header{background-color:var(--color-background);border-bottom:3px solid var(--color-primary);position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a}.header-top{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-gray)}.date{font-weight:500}.weather{display:flex;gap:var(--space-2)}.temperature{font-weight:600;color:var(--color-primary)}.condition{color:var(--color-gray)}.masthead{text-align:center;padding:var(--space-6) 0 var(--space-4) 0;border-bottom:1px solid var(--color-border)}.site-title{font-family:var(--font-serif);font-size:var(--text-4xl);font-weight:900;letter-spacing:.05em;margin-bottom:var(--space-2);color:var(--color-primary);text-transform:uppercase;font-style:italic}.site-subtitle{font-family:var(--font-serif);font-size:var(--text-sm);font-style:italic;color:var(--color-gray);margin:0;letter-spacing:.1em}.navigation{padding:var(--space-3) 0}.nav-list{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4);list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);border:none;background:none;color:var(--color-secondary);cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.nav-link:hover{color:var(--color-primary);background-color:var(--color-border)}.nav-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:700}.nav-link:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width: 768px){.header-top{flex-direction:column;gap:var(--space-2);text-align:center}.weather{justify-content:center}.site-title{font-size:var(--text-3xl)}.nav-list{gap:var(--space-2)}.nav-link{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}}@media (max-width: 480px){.nav-list{flex-direction:column;align-items:center;gap:var(--space-1)}.nav-link{padding:var(--space-2) var(--space-4);width:100%;max-width:200px;text-align:center}}.story-card{display:flex;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.story-card:hover{background-color:#00000003}.story-card:last-child{border-bottom:none}.story-rank{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-gray);font-weight:500;width:2rem;flex-shrink:0;text-align:right;padding-top:var(--space-1)}.story-content{flex:1;min-width:0}.story-header{margin-bottom:var(--space-2)}.story-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:600;line-height:1.4;margin:0 0 var(--space-1) 0;color:var(--color-primary)}.story-title a{color:inherit;text-decoration:none;transition:color .2s ease}.story-title a:hover{color:var(--color-link);text-decoration:underline}.story-title a:visited{color:var(--color-gray)}.story-domain{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-gray);font-weight:400;margin-left:var(--space-2)}.story-text{font-family:var(--font-serif);font-size:var(--text-sm);line-height:1.6;color:var(--color-secondary);margin-bottom:var(--space-3);max-height:4.8em;overflow:hidden;position:relative}.story-text:after{content:"";position:absolute;bottom:0;right:0;width:2rem;height:1.2em;background:linear-gradient(to right,transparent,var(--color-background))}.story-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.story-stats{display:flex;flex-wrap:wrap;gap:var(--space-3);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-gray)}.story-stats>*{display:flex;align-items:center}.story-points{font-weight:600;color:var(--color-secondary)}.story-author{font-weight:500}.story-time{font-style:italic}.story-comments a{color:var(--color-gray);text-decoration:none;font-weight:500}.story-comments a:hover{color:var(--color-link);text-decoration:underline}.story-type{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-2);background-color:var(--color-accent);color:#fff;border-radius:2px;letter-spacing:.05em}.story-card:first-child{border-top:2px solid var(--color-primary);padding-top:var(--space-6)}.story-card:first-child .story-title{font-size:var(--text-2xl);font-weight:700;line-height:1.3}.story-card:first-child .story-text{font-size:var(--text-base);max-height:7.2em}@media (max-width: 768px){.story-card{gap:var(--space-2);padding:var(--space-3) 0}.story-rank{width:1.5rem;font-size:var(--text-xs)}.story-title{font-size:var(--text-base)}.story-card:first-child .story-title{font-size:var(--text-xl)}.story-stats{gap:var(--space-2)}.story-meta{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.story-card{flex-direction:column;gap:var(--space-2)}.story-rank{width:auto;text-align:left}.story-stats{flex-direction:column;gap:var(--space-1);align-items:flex-start}}.story-list{min-height:100vh;padding:var(--space-6) 0}.section-header{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-primary)}.section-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);color:var(--color-primary)}.section-description{font-family:var(--font-serif);font-size:var(--text-base);font-style:italic;color:var(--color-gray);max-width:600px;margin:0 auto;line-height:1.6}.stories-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-8);align-items:start}.main-stories{background-color:var(--color-background)}.sidebar{position:sticky;top:calc(var(--header-height) + var(--space-4));background-color:var(--color-background);border-left:1px solid var(--color-border);padding-left:var(--space-6)}.sidebar h3{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3);color:var(--color-primary);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.trending-topics{margin-bottom:var(--space-8)}.trending-topics ul{list-style:none;padding:0;margin:0}.trending-topics li{margin-bottom:var(--space-2)}.trending-topics a{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-secondary);text-decoration:none;transition:color .2s ease;display:block;padding:var(--space-1) 0}.trending-topics a:hover{color:var(--color-link);text-decoration:underline}.newsletter-signup{background-color:#3268910d;padding:var(--space-4);border:1px solid var(--color-border)}.newsletter-signup p{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-gray);margin-bottom:var(--space-3);line-height:1.5}.signup-form{display:flex;flex-direction:column;gap:var(--space-2)}.email-input{font-family:var(--font-sans);font-size:var(--text-sm);padding:var(--space-2);border:1px solid var(--color-border);border-radius:2px;background-color:var(--color-background);color:var(--color-primary)}.email-input:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.signup-button{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-3);background-color:var(--color-accent);color:#fff;border:none;border-radius:2px;cursor:pointer;transition:background-color .2s ease}.signup-button:hover{background-color:var(--color-hover)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-gray)}.empty-state p{font-family:var(--font-serif);font-size:var(--text-lg);margin-bottom:var(--space-2)}@media (max-width: 1024px){.stories-grid{grid-template-columns:1fr;gap:var(--space-6)}.sidebar{position:static;border-left:none;border-top:2px solid var(--color-border);padding-left:0;padding-top:var(--space-6);margin-top:var(--space-6)}}@media (max-width: 768px){.story-list{padding:var(--space-4) 0}.section-header{margin-bottom:var(--space-6)}.section-title{font-size:var(--text-2xl)}.section-description{font-size:var(--text-sm)}.stories-grid{gap:var(--space-4)}.sidebar{margin-top:var(--space-4);padding-top:var(--space-4)}}@media (max-width: 480px){.section-title{font-size:var(--text-xl);letter-spacing:.05em}.newsletter-signup{padding:var(--space-3)}.signup-form{gap:var(--space-3)}.email-input,.signup-button{padding:var(--space-3)}}.app{min-height:100vh;background-color:var(--color-background)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:var(--space-8)}.loading-spinner{text-align:center;color:var(--color-gray)}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-accent);border-radius:50%;margin:0 auto var(--space-4) auto;animation:spin 1s linear infinite}.loading-spinner p{font-family:var(--font-serif);font-size:var(--text-base);font-style:italic;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app:focus-within{outline:none}*{transition:color .2s ease,background-color .2s ease}