*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface2: #242424;--border: #2e2e2e;--text: #f0f0f0;--muted: #888;--accent: #6366f1;--pro: #22c55e;--con: #ef4444;--r: 12px}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh}#main{max-width:680px;margin:0 auto;padding:0 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.header{position:sticky;top:0;background:var(--bg);z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(20px + env(safe-area-inset-top,0px)) 0 16px}.header h1{font-size:22px;font-weight:700;letter-spacing:-.5px}.header-right{display:flex;align-items:center;gap:10px}.refresh-time{font-size:12px;color:var(--muted)}.refresh-btn{width:30px;height:30px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s}.refresh-btn:active{color:var(--text)}.refresh-btn:disabled{opacity:.4;cursor:default}.search-bar{margin-bottom:20px}.search-bar input{width:100%;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:15px;outline:none;transition:border-color .15s;-webkit-appearance:none}.search-bar input:focus{border-color:var(--accent)}.search-bar input::placeholder{color:var(--muted)}.story-list{display:flex;flex-direction:column;gap:12px}.story-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.card-top{padding:16px 16px 10px}.story-category{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--accent);margin-bottom:6px}.story-headline{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.2px;margin-bottom:8px}.story-summary{font-size:14px;color:var(--muted);line-height:1.55}.story-sources{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 10px}.source-badge{font-size:11px;padding:3px 8px;background:var(--surface2);border-radius:20px;color:var(--muted);text-decoration:none}.source-badge:active{color:var(--text)}.audio-btn{width:100%;display:flex;align-items:center;gap:8px;padding:9px 16px;background:none;border:none;border-top:1px solid var(--border);color:var(--accent);font-size:13px;font-weight:500;cursor:pointer;text-align:left}.audio-btn:disabled{color:var(--muted);cursor:default}.analysis-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:9px 16px;background:none;border:none;border-top:1px solid var(--border);color:var(--muted);font-size:13px;cursor:pointer}.analysis-toggle:active{background:var(--surface2)}.analysis-body{border-top:1px solid var(--border);padding:14px 16px 16px;display:flex;flex-direction:column;gap:14px}.analysis-section h3{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.analysis-section.pro h3{color:var(--pro)}.analysis-section.con h3{color:var(--con)}.analysis-section ul{list-style:none;display:flex;flex-direction:column;gap:5px}.analysis-section li{font-size:14px;color:var(--muted);padding-left:16px;position:relative;line-height:1.45}.analysis-section.pro li:before{content:"+";position:absolute;left:0;color:var(--pro);font-weight:700}.analysis-section.con li:before{content:"\2212";position:absolute;left:0;color:var(--con);font-weight:700}.audio-spacer{height:72px}.audio-player{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--border);z-index:20}.player-play{width:36px;height:36px;border-radius:50%;background:var(--accent);border:none;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.player-title{flex:1;font-size:13px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.player-close{width:28px;height:28px;border-radius:50%;background:var(--surface2);border:none;color:var(--muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.loading,.empty{text-align:center;padding:64px 0;color:var(--muted);font-size:15px}.error{background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--r);padding:12px 16px;color:#fca5a5;font-size:14px;margin-bottom:16px}.setup{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px 24px;text-align:center}.setup-logo{font-size:32px;font-weight:700;letter-spacing:-1px}.setup-desc{color:var(--muted);font-size:15px}.setup-form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:10px}.setup-form input{width:100%;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:15px;font-family:monospace;outline:none;-webkit-appearance:none}.setup-form input:focus{border-color:var(--accent)}.setup-form button{width:100%;padding:14px;background:var(--accent);border:none;border-radius:var(--r);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.setup-form button:disabled{opacity:.4;cursor:default}