:root{--yahoo-purple:#6001d2;--yahoo-purple-hover:#7c3aed;--yahoo-purple-light:#8b5cf6;--yahoo-purple-dark:#4c1d95;--yahoo-blue:#1d4ed8;--yahoo-blue-light:#3b82f6;--yahoo-red:#ef4444;--yahoo-green:#22c55e;--yahoo-yellow:#fbbf24;--yahoo-orange:#f97316;--yahoo-white:#ffffff;--yahoo-gray-50:#f9fafb;--yahoo-gray-100:#f3f4f6;--yahoo-gray-200:#e5e7eb;--yahoo-gray-300:#d1d5db;--yahoo-gray-400:#9ca3af;--yahoo-gray-500:#6b7280;--yahoo-gray-600:#4b5563;--yahoo-gray-700:#374151;--yahoo-gray-800:#1f2937;--yahoo-gray-900:#111827;--yahoo-black:#000000;--yahoo-dark-bg:#1d1d21;--yahoo-dark-sidebar:#26262b;--yahoo-dark-surface:#2d2d32;--yahoo-dark-border:#38383d;--yahoo-dark-hover:#3d3d42;--yahoo-font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--yahoo-font-display:"Yahoo Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--yahoo-space-0:0;--yahoo-space-1:4px;--yahoo-space-2:8px;--yahoo-space-3:12px;--yahoo-space-4:16px;--yahoo-space-5:20px;--yahoo-space-6:24px;--yahoo-space-8:32px;--yahoo-space-10:40px;--yahoo-space-12:48px;--yahoo-space-16:64px;--yahoo-radius-sm:4px;--yahoo-radius-md:8px;--yahoo-radius-lg:12px;--yahoo-radius-xl:16px;--yahoo-radius-full:9999px;--yahoo-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--yahoo-shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--yahoo-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--yahoo-transition-fast:150ms ease;--yahoo-transition-base:200ms ease;--yahoo-transition-slow:300ms ease;--yahoo-topnav-height:48px;--yahoo-header-height:56px;--yahoo-sidebar-width:220px;--yahoo-email-list-width:400px}.font-yahoosans,.font-yahoosans *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.jahoo-topnav{display:flex;align-items:center;height:var(--yahoo-topnav-height);background:linear-gradient(180deg,#f9f9f9,#eeeeee);border-bottom:1px solid var(--yahoo-gray-300);padding:0 var(--yahoo-space-4);font-family:var(--yahoo-font-primary);font-size:13px}.jahoo-topnav-dark{background:var(--yahoo-dark-sidebar);border-bottom:1px solid var(--yahoo-dark-border)}.jahoo-topnav-item{padding:var(--yahoo-space-2) var(--yahoo-space-3);color:var(--yahoo-gray-700);text-decoration:none;font-weight:500;transition:color var(--yahoo-transition-fast)}.jahoo-topnav-item:hover{color:var(--yahoo-purple)}.jahoo-topnav-item-active{color:var(--yahoo-purple);font-weight:600}.jahoo-mail-header{height:var(--yahoo-header-height);padding:0 var(--yahoo-space-4);background:var(--yahoo-dark-sidebar);border-bottom:1px solid var(--yahoo-dark-border)}.jahoo-logo,.jahoo-mail-header{display:flex;align-items:center}.jahoo-logo{gap:var(--yahoo-space-2);font-family:var(--yahoo-font-display);font-weight:700;font-size:24px;color:var(--yahoo-purple)}.jahoo-logo-mail{font-size:20px;color:var(--yahoo-white);font-weight:600}.jahoo-search{flex:1;max-width:600px;display:flex;align-items:center;gap:var(--yahoo-space-2);background:var(--yahoo-dark-surface);border-radius:var(--yahoo-radius-md);padding:var(--yahoo-space-2) var(--yahoo-space-3);margin:0 var(--yahoo-space-4)}.jahoo-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--yahoo-white);font-size:14px}.jahoo-search-input::-moz-placeholder{color:var(--yahoo-gray-500)}.jahoo-search-input::placeholder{color:var(--yahoo-gray-500)}.jahoo-search-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--yahoo-blue);border:none;border-radius:var(--yahoo-radius-md);color:var(--yahoo-white);cursor:pointer;transition:background var(--yahoo-transition-fast)}.jahoo-search-btn:hover{background:var(--yahoo-blue-light)}.jahoo-compose-btn{display:flex;align-items:center;justify-content:center;gap:var(--yahoo-space-2);padding:var(--yahoo-space-2) var(--yahoo-space-4);background:var(--yahoo-purple);color:var(--yahoo-white);border:none;border-radius:var(--yahoo-radius-full);font-weight:600;font-size:14px;cursor:pointer;transition:background var(--yahoo-transition-fast)}.jahoo-compose-btn:hover{background:var(--yahoo-purple-hover)}.jahoo-sidebar{width:var(--yahoo-sidebar-width);height:100%;background:var(--yahoo-dark-sidebar);display:flex;flex-direction:column;overflow-y:auto}.jahoo-sidebar-item{display:flex;align-items:center;gap:var(--yahoo-space-3);padding:var(--yahoo-space-2) var(--yahoo-space-3);color:var(--yahoo-gray-400);text-decoration:none;font-size:14px;transition:all var(--yahoo-transition-fast);border-left:3px solid transparent}.jahoo-sidebar-item:hover{background:rgba(255,255,255,.05);color:var(--yahoo-white)}.jahoo-sidebar-item-active{background:rgba(96,1,210,.15);color:var(--yahoo-purple-light);border-left-color:var(--yahoo-purple)}.jahoo-sidebar-count{margin-left:auto;font-size:12px;color:var(--yahoo-gray-500)}.jahoo-sidebar-section{padding:var(--yahoo-space-3);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--yahoo-gray-500)}.jahoo-email-list{width:var(--yahoo-email-list-width);height:100%;background:var(--yahoo-dark-bg);border-right:1px solid var(--yahoo-dark-border);overflow-y:auto}.jahoo-email-toolbar{align-items:center;gap:var(--yahoo-space-2);padding:var(--yahoo-space-2) var(--yahoo-space-3);background:var(--yahoo-dark-surface)}.jahoo-email-row,.jahoo-email-toolbar{display:flex;border-bottom:1px solid var(--yahoo-dark-border)}.jahoo-email-row{align-items:flex-start;gap:var(--yahoo-space-3);padding:var(--yahoo-space-3);cursor:pointer;transition:background var(--yahoo-transition-fast)}.jahoo-email-row:hover{background:rgba(255,255,255,.03)}.jahoo-email-row-selected{background:rgba(96,1,210,.12);border-left:3px solid var(--yahoo-purple)}.jahoo-email-row-unread{background:rgba(255,255,255,.02)}.jahoo-email-avatar,.jahoo-email-row-unread .jahoo-email-sender,.jahoo-email-row-unread .jahoo-email-subject{font-weight:600;color:var(--yahoo-white)}.jahoo-email-avatar{width:32px;height:32px;border-radius:var(--yahoo-radius-full);background:var(--yahoo-purple);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.jahoo-email-content{flex:1;min-width:0}.jahoo-email-sender,.jahoo-email-subject{font-size:14px;color:var(--yahoo-gray-300);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jahoo-email-subject{margin-top:2px}.jahoo-email-preview{font-size:13px;color:var(--yahoo-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.jahoo-email-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--yahoo-space-1);flex-shrink:0}.jahoo-email-date{font-size:12px;color:var(--yahoo-gray-500)}.jahoo-email-star{color:var(--yahoo-gray-500);cursor:pointer;transition:color var(--yahoo-transition-fast)}.jahoo-email-star-active,.jahoo-email-star:hover{color:var(--yahoo-yellow)}.jahoo-email-star-count{font-size:11px;color:var(--yahoo-gray-500)}.jahoo-reading-pane{flex:1;height:100%;background:var(--yahoo-dark-bg);display:flex;flex-direction:column;overflow:hidden}.jahoo-reading-toolbar{display:flex;align-items:center;gap:var(--yahoo-space-2);padding:var(--yahoo-space-3) var(--yahoo-space-4);border-bottom:1px solid var(--yahoo-dark-border);background:var(--yahoo-dark-surface)}.jahoo-reading-content{flex:1;padding:var(--yahoo-space-6);overflow-y:auto}.jahoo-reading-subject{font-size:20px;font-weight:600;color:var(--yahoo-white);margin-bottom:var(--yahoo-space-4)}.jahoo-reading-header{display:flex;align-items:flex-start;gap:var(--yahoo-space-4);padding-bottom:var(--yahoo-space-4);border-bottom:1px solid var(--yahoo-dark-border);margin-bottom:var(--yahoo-space-4)}.jahoo-reading-avatar{width:48px;height:48px;border-radius:var(--yahoo-radius-full);background:var(--yahoo-purple);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.jahoo-reading-avatar,.jahoo-reading-sender-name{color:var(--yahoo-white);font-weight:600}.jahoo-reading-date,.jahoo-reading-sender-email{font-size:13px;color:var(--yahoo-gray-500)}.jahoo-reading-date{margin-left:auto}.jahoo-reading-body{font-size:14px;line-height:1.6;color:var(--yahoo-gray-300);white-space:pre-wrap}.jahoo-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--yahoo-space-2);padding:var(--yahoo-space-2) var(--yahoo-space-4);border:none;border-radius:var(--yahoo-radius-md);font-weight:500;font-size:14px;cursor:pointer;transition:all var(--yahoo-transition-fast)}.jahoo-btn-primary{background:var(--yahoo-purple);color:var(--yahoo-white)}.jahoo-btn-primary:hover{background:var(--yahoo-purple-hover)}.jahoo-btn-secondary{background:transparent;color:var(--yahoo-gray-400);border:1px solid var(--yahoo-dark-border)}.jahoo-btn-secondary:hover{background:var(--yahoo-dark-hover);color:var(--yahoo-white)}.jahoo-btn-ghost{background:transparent;color:var(--yahoo-gray-400)}.jahoo-btn-ghost:hover{background:rgba(255,255,255,.1);color:var(--yahoo-white)}.jahoo-btn-icon{width:32px;height:32px;padding:0;border-radius:var(--yahoo-radius-md)}.jahoo-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--yahoo-radius-full);font-size:11px;font-weight:600}.jahoo-badge-purple{background:var(--yahoo-purple);color:var(--yahoo-white)}.jahoo-badge-blue{background:var(--yahoo-blue);color:var(--yahoo-white)}.jahoo-badge-red{background:var(--yahoo-red);color:var(--yahoo-white)}.jahoo-badge-yellow{background:var(--yahoo-yellow);color:var(--yahoo-black)}.jahoo-badge-outline{background:transparent;border:1px solid}.jahoo-hero{background:linear-gradient(135deg,var(--yahoo-purple-dark),var(--yahoo-purple));padding:var(--yahoo-space-12) var(--yahoo-space-4);text-align:center;color:var(--yahoo-white)}.jahoo-news-card{background:var(--yahoo-white);border-radius:var(--yahoo-radius-lg);overflow:hidden;box-shadow:var(--yahoo-shadow-md);transition:transform var(--yahoo-transition-base),box-shadow var(--yahoo-transition-base)}.jahoo-news-card:hover{transform:translateY(-2px);box-shadow:var(--yahoo-shadow-lg)}.jahoo-news-card-dark{background:var(--yahoo-dark-surface)}.jahoo-news-image{width:100%;height:180px;-o-object-fit:cover;object-fit:cover}.jahoo-news-content{padding:var(--yahoo-space-4)}.jahoo-news-title{font-size:16px;font-weight:600;color:var(--yahoo-gray-900);margin-bottom:var(--yahoo-space-2);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jahoo-news-card-dark .jahoo-news-title{color:var(--yahoo-white)}.jahoo-news-source{font-size:12px;color:var(--yahoo-gray-500)}.jahoo-weather{background:var(--yahoo-dark-surface);border-radius:var(--yahoo-radius-lg);padding:var(--yahoo-space-4)}.jahoo-weather-temp{font-size:48px;font-weight:300;color:var(--yahoo-white)}.jahoo-weather-condition{font-size:14px;color:var(--yahoo-gray-400)}.jahoo-weather-location{font-size:14px;color:var(--yahoo-gray-500)}.jahoo-flex{display:flex}.jahoo-flex-col{flex-direction:column}.jahoo-items-center{align-items:center}.jahoo-justify-center{justify-content:center}.jahoo-justify-between{justify-content:space-between}.jahoo-gap-1{gap:var(--yahoo-space-1)}.jahoo-gap-2{gap:var(--yahoo-space-2)}.jahoo-gap-3{gap:var(--yahoo-space-3)}.jahoo-gap-4{gap:var(--yahoo-space-4)}.jahoo-p-2{padding:var(--yahoo-space-2)}.jahoo-p-3{padding:var(--yahoo-space-3)}.jahoo-p-4{padding:var(--yahoo-space-4)}.jahoo-text-muted{color:var(--yahoo-gray-500)}.jahoo-text-white{color:var(--yahoo-white)}.jahoo-bg-dark{background:var(--yahoo-dark-bg)}.jahoo-bg-sidebar{background:var(--yahoo-dark-sidebar)}.jahoo-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}