:root{--bg-primary: #1a1a2e;--bg-card: #16213e;--bg-card-alt: #1b2a4a;--accent: #0f3460;--accent-light: #1a4a80;--highlight: #e94560;--highlight-soft: rgba(233, 69, 96, .15);--text-primary: #e8e8e8;--text-secondary: #8892a4;--text-muted: #5a6478;--success: #2ecc71;--warning: #f39c12;--info: #3498db;--purple: #9b59b6;--orange: #e67e22;--red: #e74c3c;--ai-bg-start: #1b2838;--ai-bg-end: #162030;--ai-text: #6cb4ee;--ai-border: rgba(108, 180, 238, .15);--border: rgba(255, 255, 255, .06);--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--highlight);text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.card{background:var(--bg-card);border-radius:var(--radius);padding:16px;margin-bottom:12px;border:1px solid var(--border);transition:transform .15s ease}.card:active{transform:scale(.98)}.card-accent{background:linear-gradient(135deg,var(--accent),var(--accent-light));border:1px solid rgba(255,255,255,.08)}.card-highlight{border-left:3px solid var(--highlight)}h1{font-size:22px;font-weight:700;margin-bottom:16px}h2{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}h3{font-size:15px;font-weight:600;margin-bottom:8px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-highlight{color:var(--highlight)}.chip{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;background:var(--accent);color:var(--text-secondary);margin-right:6px;margin-bottom:4px}.chip-yellow{background:#f39c1226;color:var(--warning)}.chip-green{background:#2ecc7126;color:var(--success)}.chip-blue{background:#0f346080;color:#6cb4ee}.chip-red{background:var(--highlight-soft);color:var(--highlight)}.progress-bar{width:100%;height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden;margin-top:6px}.progress-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent-light),var(--highlight));transition:width .5s ease}.checkbox-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0}.checkbox-icon{width:20px;height:20px;flex-shrink:0;border-radius:4px;border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;margin-top:1px}.checkbox-icon.checked{background:var(--success);border-color:var(--success)}.checkbox-icon.checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.filter-bar{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;-webkit-overflow-scrolling:touch}.filter-btn{flex-shrink:0;padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s}.filter-btn.active{background:var(--highlight);color:#fff;border-color:var(--highlight)}.accordion-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:4px 0}.accordion-arrow{transition:transform .2s ease;color:var(--text-muted)}.accordion-arrow.open{transform:rotate(180deg)}.accordion-body{overflow:hidden;max-height:0;transition:max-height .3s ease}.accordion-body.open{max-height:2000px}.loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-muted)}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--highlight);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:#e945601a;border:1px solid rgba(233,69,96,.3);border-radius:var(--radius);padding:16px;text-align:center;color:var(--highlight)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.page{flex:1;padding:16px 16px 80px;overflow-y:auto}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0d1025;border-top:1px solid var(--border);padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom));z-index:100}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:color .2s;-webkit-tap-highlight-color:transparent}.tab-btn.active{color:var(--highlight)}.tab-icon{font-size:20px;line-height:1}.tab-label{font-size:10px;font-weight:500}.md-content{line-height:1.7;color:var(--text-secondary)}.md-content h1,.md-content h2,.md-content h3{color:var(--text-primary);margin-top:16px}.md-content p{margin-bottom:10px}.md-content ul,.md-content ol{margin-left:20px;margin-bottom:10px}.md-content blockquote{border-left:3px solid var(--highlight);padding-left:12px;color:var(--text-muted);margin:10px 0}.md-content code{background:var(--bg-primary);padding:2px 6px;border-radius:4px;font-size:13px}