:root{--color-bg-primary:#0a0a0a;--color-bg-secondary:#111111;--color-bg-tertiary:#1a1a1a;--color-bg-card:rgba(255, 255, 255, 0.05);--color-text-primary:#ffffff;--color-text-secondary:#e5e7eb;--color-text-muted:#a1a8b5;--color-accent-primary:#007fff;--color-accent-secondary:#00d4ff;--color-accent-teal:#007fff;--color-accent-gold:#ffd700;--color-accent-platinum:#e5e7eb;--color-success:#007fff;--color-warning:#ffd700;--color-error:#ff4444;--gradient-brand:linear-gradient(135deg, #007fff 0%, #00d4ff 100%);--gradient-dark:linear-gradient(180deg, #0a0a0a 0%, #111111 100%);--gradient-accent:linear-gradient(45deg, #007fff, #007fff);--font-family-sans:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--font-family-mono:'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem;--spacing-3xl:2rem;--spacing-4xl:2.5rem;--spacing-5xl:3rem;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1280px;--max-width-2xl:1536px;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1);--transition-base:all 0.2s ease-in-out;--transition-slow:all 0.3s ease-in-out;--z-loading:9999;--z-modal:1000;--z-header:100;--z-canvas:-1}@keyframes pulse-glow{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-normal);overflow-x:hidden}.skip-links{position:absolute;top:-100px;left:0;z-index:1000}.skip-link{position:absolute;top:-100px;left:6px;background:var(--color-accent-primary);color:var(--color-bg-primary);padding:8px 12px;border-radius:var(--radius-sm);text-decoration:none;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);transition:top var(--transition-base)}.skip-link:focus{top:6px;outline:2px solid var(--color-text-primary);outline-offset:2px}a:focus,button:focus,input:focus,textarea:focus,select:focus,[tabindex]:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}a:focus,button:focus,input:focus,textarea:focus,select:focus,[tabindex]:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media(prefers-contrast:high){a:focus,button:focus,input:focus,textarea:focus,select:focus,[tabindex]:focus{outline:3px solid #fff;outline-offset:2px;background-color:rgba(0,127,255,.2)}}.nav-toggle:focus-within,.social-link:focus-within{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){.nav-toggle:focus,.social-link:focus,a:focus,button:focus{outline:2px solid ButtonText;outline-offset:2px}.social-link{border:1px solid ButtonText}}@media(prefers-contrast:high){:root{--color-text-muted:#b8c1d0;--color-bg-card:rgba(255, 255, 255, 0.15)}.social-link{border:2px solid var(--color-text-secondary)}.social-link:hover{border-color:var(--color-accent-primary)}}img{max-width:100%;height:auto;display:block}.responsive-image{display:block;position:relative;overflow:hidden}.responsive-image img{width:100%;height:auto;transition:opacity .3s ease-in-out}.responsive-image img.lazy{opacity:0}.responsive-image img.loaded{opacity:1}.aspect-ratio-container{position:relative;width:100%;overflow:hidden}.aspect-ratio-container::before{content:'';display:block;padding-top:56.25%}.aspect-ratio-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.figure{margin:2rem 0;text-align:center}.figure-caption{margin-top:.5rem;font-size:.875rem;color:var(--color-text-secondary);font-style:italic}.data-saver img{filter:blur(1px);transition:filter .3s ease}.data-saver img.loaded{filter:none}.post-preview{display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,2%)}.post-preview-image{flex-shrink:0;width:200px}.post-preview-image img{border-radius:6px;transition:transform .3s ease}.post-preview-image:hover img{transform:scale(1.05)}.post-preview-content{flex:1}@media(max-width:768px){.post-preview{flex-direction:column;gap:1rem}.post-preview-image{width:100%}}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;z-index:var(--z-loading);transition:opacity .5s ease-out}.loading.fade-out{opacity:0;pointer-events:none}.loader{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.navigation{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);padding:var(--spacing-md)0;background:rgba(10,10,10,.8);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);transition:all var(--transition-base)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-decoration:none}.nav-main{display:flex}.nav-menu{display:flex;list-style:none;gap:var(--spacing-xl);align-items:center}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium);position:relative;transition:var(--transition-base)}.nav-link:hover{color:var(--color-accent-primary)}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-brand);transition:width var(--transition-base)}.nav-link:hover::after{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-lg)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--color-accent-secondary)}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);background:var(--gradient-brand);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-base);cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);background:rgba(255,255,255,.1);color:var(--color-text-primary);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-base);cursor:pointer}.btn-secondary:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);background:0 0;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-base);cursor:pointer}.btn-ghost:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.card{background:var(--color-bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:var(--transition-base)}.card:hover{border-color:var(--color-accent-primary);transform:translateY(-2px)}.section{padding:var(--spacing-5xl)0}.section-header{text-align:center;margin-bottom:var(--spacing-4xl)}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);margin-bottom:var(--spacing-lg)}.section-title-main{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title-sub{display:block;font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:var(--font-weight-normal);margin-top:var(--spacing-sm)}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.spacer{height:var(--spacing-5xl)}@media(max-width:768px){.container{padding:0 var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.section{padding:var(--spacing-3xl)0}.section-title{font-size:var(--font-size-3xl)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.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}.intro{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;z-index:2;padding-top:80px}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#hero-canvas{width:100%;height:100%;opacity:.8}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 30%,rgba(10,10,10,.7) 100%)}.intro h1{font-size:clamp(2rem,8vw,5rem);margin-bottom:1rem;opacity:0}.intro p{font-size:clamp(1rem,3vw,1.5rem);opacity:0;max-width:600px;padding:0 2rem;margin:0 auto;text-align:center}.hero-content{position:relative;z-index:2;text-align:center;max-width:var(--max-width-xl);padding:0 var(--spacing-lg)}.hero-title-accent{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:pulse-glow 3s ease-in-out infinite}.hero-actions{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap;opacity:0}.hero-cta-secondary{color:var(--color-text-secondary)}.hero-cta-secondary:hover{color:var(--color-accent-primary);background:rgba(0,127,255,.1)}.scroll-indicator{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translateX(-50%);z-index:2}.scroll-arrow{width:2px;height:40px;background:var(--gradient-brand);position:relative;animation:float 2s ease-in-out infinite}.scroll-arrow::after{content:'';position:absolute;bottom:0;left:-3px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:8px solid var(--color-accent-primary)}.section-header{text-align:center;margin-bottom:var(--spacing-4xl)}.section-title{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.section-title-main{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--color-text-primary)}.section-title-sub{font-size:var(--font-size-lg);color:var(--color-text-muted);font-style:italic;font-weight:var(--font-weight-normal)}.latest-roast{background:0 0}.roast-grid{margin-bottom:var(--spacing-3xl)}.roast-card{position:relative;overflow:hidden;transition:all var(--transition-slow);cursor:pointer}.roast-card:hover{transform:translateY(-5px)rotateX(1deg);box-shadow:var(--shadow-glow)}.roast-card-image{position:relative;height:200px;overflow:hidden;border-radius:var(--radius-lg)var(--radius-lg)0 0}.roast-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.roast-card:hover .roast-card-image img{transform:scale(1.1)}.roast-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-brand);opacity:0;transition:opacity var(--transition-base);mix-blend-mode:multiply}.roast-card:hover .roast-card-overlay{opacity:.3}.roast-card-content{padding:var(--spacing-lg)}.roast-card-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.roast-card-category{background:var(--color-accent-teal);color:var(--color-text-primary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.sarcasm-meter{display:flex;align-items:center;gap:.5rem}.sarcasm-bars{display:flex;gap:2px}.sarcasm-bars::before{content:'';width:40px;height:4px;background:linear-gradient(to right,var(--color-success) 0%,var(--color-warning) 50%,var(--color-error) 100%);border-radius:var(--radius-sm);position:relative}.roast-card-title a{color:var(--color-text-primary);font-weight:var(--font-weight-bold);line-height:1.3;display:block;margin-bottom:var(--spacing-md)}.roast-card-title a:hover{color:var(--color-accent-primary)}.roast-card-excerpt{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.roast-card-actions{display:flex;justify-content:space-between;align-items:flex-end}.btn-roast{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);background:var(--gradient-brand);color:var(--color-bg-primary);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);transition:all var(--transition-base);text-decoration:none}.btn-roast:hover{transform:translateX(5px);box-shadow:var(--shadow-lg);color:var(--color-bg-primary)}.roast-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.roast-tag{background:rgba(255,255,255,.1);color:var(--color-text-muted);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.ai-picks{background:0 0;position:relative}.ai-picks::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(0,127,255,5%) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,212,255,5%) 0%,transparent 50%);pointer-events:none}.ai-picks .container{max-width:var(--max-width-lg);width:100%}.ai-picks-container{position:relative;z-index:1}.stock-ticker{background:var(--color-bg-card);border:2px solid rgba(0,127,255,.2);border-radius:var(--radius-xl);overflow:hidden;backdrop-filter:blur(20px)}.ticker-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg)var(--spacing-xl);background:rgba(0,127,255,.1);border-bottom:1px solid rgba(0,127,255,.2)}.ticker-title{font-family:var(--font-family-mono);color:var(--color-accent-primary);margin:0}.ticker-status{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.status-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse-glow 2s ease-in-out infinite}.ticker-content{padding:var(--spacing-xl);display:grid;gap:var(--spacing-lg)}.stock-pick{background:rgba(17,17,17,.8);border:1px solid rgba(0,127,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.stock-pick:hover{border-color:var(--color-accent-primary);transform:translateY(-2px)}.stock-info{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stock-symbol{font-family:var(--font-family-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent-primary)}.stock-name{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.stock-price{text-align:right}.price{display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.change{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.change.positive{color:var(--color-success)}.change.negative{color:var(--color-error)}.stock-meters{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.meter{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-sm)}.meter-label{font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:100px}.meter-bar{height:6px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);overflow:hidden}.meter-fill{height:100%;background:var(--color-error);border-radius:var(--radius-full);transition:width var(--transition-slow)}.meter-bar.confidence .meter-fill{background:var(--gradient-brand)}.meter-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);min-width:40px;text-align:right}.stock-verdict{display:flex;gap:var(--spacing-sm);align-items:baseline}.verdict-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.verdict-text{font-style:italic;color:var(--color-accent-platinum);font-weight:var(--font-weight-medium)}.why-better{background:0 0}.comparison-container{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-2xl);align-items:center;margin-bottom:var(--spacing-3xl)}.comparison-side{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.boring{border-color:rgba(255,71,87,.3);background:rgba(255,71,87,5%)}.deep-analyst{border-color:rgba(0,127,255,.3);background:rgba(0,127,255,5%)}.comparison-title{text-align:center;margin-bottom:var(--spacing-xl);color:var(--color-text-primary)}.comparison-content{display:grid;gap:var(--spacing-lg)}.boring-chart,.smart-chart{height:200px;border-radius:var(--radius-lg);overflow:hidden}.comparison-list{list-style:none;display:grid;gap:var(--spacing-md)}.comparison-list li{padding:var(--spacing-sm)var(--spacing-md);background:rgba(255,255,255,5%);border-radius:var(--radius-md);color:var(--color-text-secondary);position:relative;padding-left:var(--spacing-xl)}.comparison-list li::before{content:'';position:absolute;left:var(--spacing-md);color:var(--color-accent-primary);font-weight:var(--font-weight-bold)}.comparison-divider{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.vs-badge{background:var(--gradient-brand);color:var(--color-bg-primary);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-full);font-weight:var(--font-weight-black);font-size:var(--font-size-lg);animation:pulse-glow 2s ease-in-out infinite}.lightning-bolt{width:2px;height:60px;background:var(--gradient-brand);position:relative}.lightning-bolt::before,.lightning-bolt::after{content:'';position:absolute;width:0;height:0;border-style:solid}.lightning-bolt::before{top:-8px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--color-accent-primary)}.lightning-bolt::after{bottom:-8px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--color-accent-primary)}.deep-dive{background:0 0}.deep-dive-scroller{display:flex;gap:var(--spacing-xl);overflow-x:auto;padding:var(--spacing-lg)0;margin-bottom:var(--spacing-lg);scroll-snap-type:x mandatory}.deep-dive-scroller::-webkit-scrollbar{height:8px}.deep-dive-card{min-width:350px;background:var(--color-bg-card);border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(0,127,255,.1);transition:all var(--transition-base);scroll-snap-align:start;backdrop-filter:blur(10px)}.deep-dive-card:hover{transform:translateY(-5px);border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow)}.deep-dive-image{position:relative;height:200px;overflow:hidden}.deep-dive-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.deep-dive-card:hover .deep-dive-image img{transform:scale(1.05)}.deep-dive-overlay{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.reading-time{background:rgba(10,10,10,.8);color:var(--color-accent-primary);padding:.5rem 1rem;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);backdrop-filter:blur(10px)}.deep-dive-content{padding:var(--spacing-xl)}.deep-dive-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.deep-dive-category{background:var(--color-accent-teal);color:var(--color-text-primary);padding:.25rem .75rem;border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}.deep-dive-title{margin-bottom:var(--spacing-md)}.deep-dive-title a{color:var(--color-text-primary);font-weight:var(--font-weight-bold);line-height:1.3}.deep-dive-title a:hover{color:var(--color-accent-primary)}.deep-dive-excerpt{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.deep-dive-cta{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-accent-platinum);font-weight:var(--font-weight-bold);transition:all var(--transition-base);text-decoration:none}.deep-dive-cta:hover{color:var(--color-accent-primary);transform:translateX(5px)}.scroll-hint{text-align:center;color:var(--color-text-muted);font-style:italic;margin-top:var(--spacing-lg)}.section-footer{text-align:center}.btn-more{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-lg)}@media(max-width:1024px){.comparison-container{grid-template-columns:1fr;gap:var(--spacing-xl)}.comparison-divider{flex-direction:row}.lightning-bolt{width:60px;height:2px}.lightning-bolt::before{top:-8px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid var(--color-accent-primary)}.lightning-bolt::after{bottom:-8px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--color-accent-primary)}}@media(max-width:768px){.hero-actions{flex-direction:column;align-items:center}.roast-grid{grid-template-columns:1fr}.stock-info{grid-template-columns:1fr;gap:var(--spacing-sm);text-align:center}.deep-dive-card{min-width:300px}.roast-card-actions{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.section-title-main{font-size:var(--font-size-2xl)}}.post{padding-top:80px}.post-header{background:linear-gradient(to bottom,rgba(0,127,255,2%) 0%,rgba(0,127,255,0) 20%,transparent 100% ),radial-gradient(ellipse at top center,rgba(0,127,255,.1) 0%,transparent 50% ),linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100% );padding:var(--spacing-5xl)0 var(--spacing-4xl);position:relative;overflow:hidden;min-height:350px;display:flex;align-items:center}.post-header::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient( 90deg,transparent 0%,rgba(0,127,255,.4) 20%,rgba(0,212,255,.6) 50%,rgba(0,127,255,.4) 80%,transparent 100% );animation:shimmer 3s ease-in-out infinite}.post-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient( 90deg,transparent 0%,rgba(0,127,255,.3) 50%,transparent 100% )}@keyframes shimmer{0%,100%{opacity:.5;transform:translateX(-100%)}50%{opacity:1;transform:translateX(100%)}}.post-meta{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-muted);animation:meta-fade-in .8s ease-out .2s both}.post-meta>*:not(:last-child)::after{content:'•';margin-left:var(--spacing-lg);color:rgba(0,127,255,.4)}.post-author{color:var(--color-accent-primary);font-weight:var(--font-weight-medium);transition:var(--transition-base)}.post-author:hover{color:var(--color-accent-secondary)}.reading-time{color:var(--color-text-muted);display:flex;align-items:center;gap:var(--spacing-sm)}.reading-time::before{content:'⏱';font-size:1.1em;opacity:.7}.ai-cost{color:var(--color-accent-primary);opacity:.8;cursor:help;transition:var(--transition-base);display:flex;align-items:center;gap:var(--spacing-sm)}.ai-cost:hover{opacity:1;transform:translateY(-1px)}.ai-cost::before{content:'💰';font-size:1.1em}@keyframes meta-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.post-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-black);line-height:1.1;margin-bottom:var(--spacing-xl);color:var(--color-text-primary);position:relative;letter-spacing:-.02em;animation:title-fade-in .8s ease-out}.post-title::after{content:'';position:absolute;bottom:-10px;left:0;width:100px;height:3px;background:var(--gradient-brand);border-radius:var(--radius-full);animation:accent-line-expand 1s ease-out .5s forwards;transform-origin:left center;transform:scaleX(0)}@keyframes title-fade-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes accent-line-expand{to{transform:scaleX(1)}}.post-categories{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);animation:categories-fade-in .8s ease-out .4s both}.category-link{background:0 0;color:var(--color-accent-primary);padding:.375rem 1rem;border:1px solid rgba(0,127,255,.3);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-base);backdrop-filter:blur(10px);position:relative;overflow:hidden}.category-link::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:var(--gradient-brand);transition:width .3s ease;z-index:-1}.category-link:hover{color:var(--color-text-primary);border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,127,255,.3)}.category-link:hover::before{width:100%}@keyframes categories-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.post-tags{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-md);animation:tags-fade-in .8s ease-out .6s both}.tag-link{background:0 0;color:var(--color-text-muted);padding:.25rem .875rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);text-decoration:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-base);position:relative}.tag-link::before{content:'';position:absolute;inset:-1px;border-radius:var(--radius-md);padding:1px;background:linear-gradient(45deg,rgba(0,127,255,0),rgba(0,212,255,.5),rgba(0,127,255,0));mask:linear-gradient(#fff 0 0)content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.tag-link:hover{color:var(--color-accent-primary);transform:translateY(-1px)}.tag-link:hover::before{opacity:1}@keyframes tags-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.post-content{max-width:var(--max-width-xl);margin:0 auto;padding:var(--spacing-4xl)var(--spacing-lg);color:var(--color-text-secondary);line-height:1.8;font-size:var(--font-size-lg)}.post-content h2,.post-content h3,.post-content h4{color:var(--color-text-primary);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.post-content h2{font-size:var(--font-size-2xl);border-bottom:2px solid rgba(0,127,255,.2);padding-bottom:var(--spacing-sm)}.post-content p{margin-bottom:var(--spacing-lg)}.post-content a{color:var(--color-accent-primary);text-decoration:underline;text-decoration-color:rgba(0,127,255,.3);text-underline-offset:3px;transition:all var(--transition-base)}.post-content a:hover{color:var(--color-accent-secondary);text-decoration-color:var(--color-accent-secondary)}.post-content blockquote{border-left:4px solid var(--color-accent-primary);padding-left:var(--spacing-lg);margin:var(--spacing-xl)0;font-style:italic;color:var(--color-text-muted)}.post-content code{background:rgba(0,127,255,.1);padding:.25rem .5rem;border-radius:var(--radius-sm);font-family:var(--font-family-mono);color:var(--color-accent-primary)}.post-content pre{background:var(--color-bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--spacing-xl)0}.post-content pre code{background:0 0;padding:0}.post-content ul,.post-content ol{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.post-content li{margin-bottom:var(--spacing-sm)}.post-content hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:var(--spacing-3xl)0}.post-content em{color:var(--color-text-muted);font-style:italic}.post-content strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.post-footer{max-width:var(--max-width-md);margin:0 auto;padding:0 var(--spacing-lg)var(--spacing-4xl)}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:1px solid rgba(255,255,255,.1)}.prev-post,.next-post{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base);border:1px solid rgba(0,127,255,.1);color:var(--color-text-primary)}.next-post{text-align:right}.prev-post:hover,.next-post:hover{border-color:var(--color-accent-primary);transform:translateY(-2px);background:rgba(0,127,255,5%)}.list-header{background:linear-gradient(to bottom,rgba(0,127,255,2%) 0%,rgba(0,127,255,0) 20%,transparent 100% ),radial-gradient(ellipse at top center,rgba(0,127,255,.1) 0%,transparent 50% ),linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100% );padding:calc(80px + var(--spacing-4xl))0 var(--spacing-3xl);position:relative;overflow:hidden;min-height:250px;display:flex;align-items:center}.list-header::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient( 90deg,transparent 0%,rgba(0,127,255,.4) 20%,rgba(0,212,255,.6) 50%,rgba(0,127,255,.4) 80%,transparent 100% );animation:shimmer 3s ease-in-out infinite}.list-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient( 90deg,transparent 0%,rgba(0,127,255,.3) 50%,transparent 100% )}.page-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--font-weight-black);margin-bottom:var(--spacing-lg);color:var(--color-text-primary);position:relative;letter-spacing:-.02em;animation:title-fade-in .8s ease-out;text-align:center}.page-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:3px;background:var(--gradient-brand);border-radius:var(--radius-full);animation:accent-line-expand 1s ease-out .5s forwards;transform-origin:center;transform:translateX(-50%)scaleX(0)}.page-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);text-align:center;max-width:600px;margin:0 auto;animation:meta-fade-in .8s ease-out .2s both}.posts-list{max-width:var(--max-width-lg);margin:0 auto;padding:var(--spacing-4xl)var(--spacing-lg)}.posts-container{display:grid;gap:var(--spacing-2xl)}.post-preview{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--spacing-2xl);border:1px solid rgba(0,127,255,.1);transition:all var(--transition-base)}.post-preview:hover{border-color:var(--color-accent-primary);transform:translateY(-2px);background:rgba(0,127,255,2%)}.post-preview .post-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.post-preview .post-title a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base)}.post-preview .post-title a:hover{color:var(--color-accent-primary)}.post-excerpt{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.read-more{color:var(--color-accent-primary);text-decoration:none;font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-base)}.read-more:hover{gap:var(--spacing-md);color:var(--color-accent-secondary)}.pagination{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-4xl)}.pagination a,.pagination span{padding:var(--spacing-sm)var(--spacing-lg);background:var(--color-bg-card);border:1px solid rgba(0,127,255,.1);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-base)}.pagination a:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary);background:rgba(0,127,255,5%)}.pagination .active{background:var(--color-accent-primary);color:var(--color-bg-primary);border-color:var(--color-accent-primary)}@media(max-width:768px){.post{padding-top:70px}.post-header{padding:var(--spacing-4xl)0 var(--spacing-3xl);min-height:280px}.list-header{padding:calc(70px + var(--spacing-3xl))0 var(--spacing-2xl);min-height:200px}.post-title{font-size:var(--font-size-3xl);line-height:1.2}.post-content{font-size:var(--font-size-base);padding:var(--spacing-3xl)var(--spacing-lg);max-width:100%}.post-content h2{font-size:var(--font-size-xl)}.post-content h3{font-size:var(--font-size-lg)}.post-footer{padding:0 var(--spacing-lg)var(--spacing-3xl)}.post-navigation{grid-template-columns:1fr;gap:var(--spacing-md)}.next-post{text-align:left}.post-meta{font-size:var(--font-size-xs);gap:var(--spacing-sm)}.post-categories{justify-content:center}.post-tags{justify-content:center}}@media(max-width:480px){.post-content{padding:var(--spacing-2xl)var(--spacing-md);line-height:1.6}.post-title{font-size:var(--font-size-2xl)}.post-header{text-align:center}.post-meta{justify-content:center;text-align:center}}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-out}.loading.fade-out{opacity:0;pointer-events:none}.loader{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);margin-bottom:1rem}p{margin-bottom:1rem;color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:all .2s ease}a:hover{color:#00d4ff}