:root{--economist-red: #e3120b;--economist-dark-red: #c00a08;--text-primary: #1a1a1a;--text-secondary: #666666;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--border-color: #dee2e6;--shadow-light: rgba(0, 0, 0, .1)}@media (prefers-color-scheme: dark){:root{--text-primary: #ffffff;--text-secondary: #b0b0b0;--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--border-color: #404040;--shadow-light: rgba(0, 0, 0, .3)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:100px}.header{background:linear-gradient(135deg,var(--economist-red) 0%,var(--economist-dark-red) 100%);color:#fff;padding:.75rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px var(--shadow-light)}.header-content{max-width:100%;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.brand{text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.brand-logo{width:32px;height:32px;border-radius:6px}.brand h1{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.search-container{display:flex;align-items:center;background:#ffffff26;border-radius:12px;padding:.5rem 1rem;backdrop-filter:blur(10px)}.search-input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem;padding:.25rem;outline:none}.search-input::placeholder{color:#ffffffb3}.search-btn{background:none;border:none;color:#fff;padding:.25rem;cursor:pointer;border-radius:6px;transition:background-color .2s}.search-btn:hover{background:#ffffff1a}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--economist-red);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content{flex:1;padding:1rem;max-width:1200px;margin:0 auto;width:100%}.article-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.article-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-light)}.article-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.article-info{flex:1;min-width:0}.article-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4}.article-subtitle{font-size:.875rem;color:var(--text-secondary);font-weight:500}.article-duration{font-size:.8125rem;color:var(--text-secondary);background:var(--bg-primary);padding:.375rem .75rem;border-radius:6px;font-weight:600;white-space:nowrap}.audio-player{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--border-color);box-shadow:0 -2px 16px var(--shadow-light);z-index:1000;padding:1rem}.player-container{max-width:600px;margin:0 auto}.player-info{margin-bottom:.75rem;text-align:center}.player-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.player-subtitle{font-size:.875rem;color:var(--text-secondary)}.howler-player{background:var(--bg-secondary);border-radius:12px;padding:1rem;border:1px solid var(--border-color)}.player-controls{display:flex;align-items:center;gap:1rem;justify-content:space-between}.control-btn{background:var(--economist-red);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.control-btn:hover{background:var(--economist-dark-red);transform:scale(1.05)}.control-btn:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.5}.time-display{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);font-family:monospace;min-width:100px}@media (max-width: 768px){.header{padding:.75rem .5rem}.main-content{padding:.5rem}.article-card{padding:1rem}.audio-player{padding:.75rem}.player-controls{gap:.5rem}.control-btn{width:36px;height:36px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner{animation:none;border:3px solid var(--border-color)}}