:root{--color-social:#e74c3c;--color-political:#3498db;--color-interactions:#2ecc71;--color-cultural:#9b59b6;--color-economic:#f39c12;--color-technology:#1abc9c;--bg-primary:#0a0e17;--bg-secondary:#111827;--bg-card:#1a2234;--bg-card-hover:#1f2a40;--text-primary:#f0f4f8;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#2a3548;--border-light:#374357;--accent:#4a90d9;--accent-glow:#4a90d926;--success:#2ecc71;--error:#e74c3c;--warning:#f39c12;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}[data-theme=light]{--bg-primary:#f5f7fa;--bg-secondary:#fff;--bg-card:#f0f2f5;--bg-card-hover:#e8ebf0;--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--border:#e2e8f0;--border-light:#cbd5e0;--accent:#3b7dd8;--accent-glow:#3b7dd81f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{touch-action:pan-y;min-height:100vh;overflow-x:hidden}.timeline-canvas{touch-action:none}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::selection{background:var(--accent);color:#fff}.timeline-wrapper{-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;display:flex;overflow:hidden}.timeline-toolbar{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.toolbar-left{flex-direction:column;gap:2px;display:flex}.toolbar-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.toolbar-hint{color:var(--text-muted);font-size:.7rem}.toolbar-right{align-items:center;gap:6px;display:flex}.zoom-level-label{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;background:var(--accent-glow);border-radius:10px;margin-right:6px;padding:3px 10px;font-size:.7rem;font-weight:600}.zoom-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;transition:all .15s;display:flex}.zoom-btn:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.zoom-btn.reset{width:auto;padding:0 12px;font-size:.75rem}.zoom-display{color:var(--text-muted);text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-size:.75rem}.search-filter-group{align-items:center;gap:8px;display:flex}.search-box{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;align-items:center;gap:4px;height:30px;padding:0 8px;display:flex}.search-box:focus-within{border-color:var(--accent)}.search-icon{opacity:.5;font-size:.7rem}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:120px;font-family:inherit;font-size:.75rem}.search-input::placeholder{color:var(--text-muted)}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.9rem;line-height:1}.search-clear:hover{color:var(--text-primary)}.search-box-wrapper{position:relative}.search-dropdown{background:var(--bg-secondary);border:1px solid var(--border);z-index:100;border-radius:8px;min-width:240px;max-height:280px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.search-result{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:.78rem;transition:background .1s;display:flex}.search-result:last-child{border-bottom:none}.search-result:hover,.search-result.selected{background:var(--bg-card-hover)}.search-result.selected{border-left:2px solid var(--accent)}.search-result-color{border-radius:2px;flex-shrink:0;width:3px;height:20px}.search-result-title{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.search-result-dates{color:var(--text-muted);flex-shrink:0;font-size:.68rem}.theme-filter-chips{gap:2px;display:flex}.theme-chip{border:1px solid var(--border);background:var(--bg-card);width:26px;height:26px;color:var(--text-muted);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;font-size:.7rem;transition:all .15s;display:flex}.theme-chip:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.theme-chip.active{border-width:2px}.theme-chip.clear-filter{width:auto;color:var(--accent);border-color:var(--accent);padding:0 8px;font-size:.65rem}.event-node-h.search-match{box-shadow:0 0 12px #4a90d966,0 0 4px #4a90d933;border-color:var(--accent)!important}.event-node-h.kbd-selected{box-shadow:0 0 16px #2ecc7180,0 0 4px #2ecc714d;z-index:10!important;border-color:#2ecc71!important}.timeline-canvas{cursor:grab;background:var(--bg-primary);flex:1;position:relative;overflow:hidden auto}.timeline-canvas.panning{cursor:grabbing}.timeline-edge-fade{z-index:2;pointer-events:none;width:80px;height:100%;position:absolute;top:0}.timeline-edge-fade.left{background:linear-gradient(to right, var(--bg-primary) 0%, color-mix(in srgb, var(--bg-primary) 50%, transparent) 40%, transparent 100%)}.timeline-edge-fade.right{background:linear-gradient(to left, var(--bg-primary) 0%, color-mix(in srgb, var(--bg-primary) 50%, transparent) 40%, transparent 100%)}.timeline-inner{will-change:transform;height:100%;position:relative}.timeline-bg{height:100%;position:absolute;top:0;left:0}.year-marker{pointer-events:none;z-index:2;height:100%;position:absolute;top:0}.year-line{background:var(--text-muted);opacity:.25;width:1px;height:100%;position:absolute;top:0;left:0}.year-label{color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.8;text-shadow:0 1px 4px #00000080;font-size:.82rem;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.timeline-axis{background:linear-gradient(to right, transparent, var(--border-light) 3%, var(--border-light) 97%, transparent);z-index:1;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.era-band{cursor:pointer;border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;height:100%;transition:opacity .4s;position:absolute;top:0}.era-band-label{text-align:center;z-index:3;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:opacity .4s;display:flex;position:absolute;top:50%;transform:translate(-50%)translateY(-50%)}.era-band-icon{background:var(--bg-primary);border:2px solid;border-radius:50%;width:52px;height:52px;transition:opacity .4s;overflow:hidden;box-shadow:0 2px 12px #0006}.era-band-icon img{object-fit:cover;width:100%;height:100%}.era-band-title{text-shadow:0 1px 8px #0009;max-width:180px;font-size:.88rem;font-weight:700;line-height:1.3}.era-band-dates{color:var(--text-muted);letter-spacing:.04em;font-size:.7rem;font-weight:600}.era-bg-label{white-space:nowrap;pointer-events:none;letter-spacing:-.02em;text-transform:uppercase;z-index:0;-webkit-user-select:none;user-select:none;font-size:2.2rem;font-weight:800;transition:opacity .4s;position:absolute;top:50%}.event-node-h{background:var(--bg-card);border:1px solid var(--border);z-index:5;cursor:default;border-radius:6px;max-height:48px;padding:4px 8px 4px 10px;transition:box-shadow .25s,border-color .25s;position:absolute;overflow:hidden}.event-node-h.above{bottom:calc(50% + 24px + var(--lane-offset,0px))}.event-node-h.below{top:calc(50% + 24px + var(--lane-offset,0px))}.event-node-h:hover{border-color:var(--border-light);z-index:8;box-shadow:0 4px 20px #00000059}.event-color-bar{border-radius:6px 0 0 6px;width:3px;height:100%;position:absolute;top:0;left:0}.event-header-row{align-items:center;gap:6px;display:flex}.event-image{background:var(--bg-secondary);border:1.5px solid;border-radius:50%;flex-shrink:0;width:26px;height:26px;overflow:hidden}.event-image img{object-fit:cover;width:100%;height:100%}.event-header-text{min-width:0}.event-node-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:600;line-height:1.2;overflow:hidden}.event-node-dates{color:var(--text-muted);font-size:.56rem}.event-connector{opacity:.4;width:2px;position:absolute;left:20px}.event-connector.conn-below{height:calc(var(--lane-offset,0px) + 24px);bottom:-24px}.event-connector.conn-above{height:calc(var(--lane-offset,0px) + 24px);top:-24px}.focus-page{z-index:20;background:var(--bg-primary);position:absolute;inset:0;overflow:hidden auto}.focus-header-bar{border-bottom:2px solid var(--border);flex-shrink:0;padding:20px 32px}.focus-era-tag{text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-bottom:8px;font-size:.65rem;font-weight:600}.focus-title-row{align-items:center;gap:14px;display:flex}.focus-icon{background:var(--bg-secondary);border:2px solid;border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.focus-icon img{object-fit:cover;width:100%;height:100%}.focus-title{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:700;line-height:1.2}.focus-hero-thumb{background:var(--bg-secondary);border:2px solid;border-radius:12px;flex-shrink:0;width:100px;height:100px;overflow:hidden;box-shadow:0 4px 16px #0000004d}.focus-hero-thumb img{object-fit:cover;width:100%;height:100%;display:block}.focus-dates{margin-top:2px;font-size:.85rem;font-weight:600}.blob-container{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;padding:24px;transition:opacity .3s;display:flex}.blob-grid{grid-template-rows:auto;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:640px;display:grid}.blob{background:var(--bg-card);border:1px solid var(--border);cursor:default;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:20px;transition:all .25s;display:flex}.blob:hover{background:var(--bg-card-hover);transform:scale(1.03);box-shadow:0 4px 24px #0000004d}.blob.hovered{box-shadow:0 0 20px color-mix(in srgb, var(--blob-color) 20%, transparent);border-color:var(--blob-color)!important}.blob-icon{font-size:1.8rem;line-height:1}.blob-label{text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:700}.blob-preview{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blob-hint{color:var(--text-muted);text-align:center;margin-top:20px;font-size:.72rem}.blob-detail-page{z-index:22;background:var(--bg-primary);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.blob-detail-content{-webkit-user-select:text;user-select:text;width:100%;max-width:680px;max-height:100%;overflow-y:auto}.blob-detail-header{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin-bottom:24px;padding-bottom:16px;display:flex}.blob-detail-icon{font-size:2rem}.blob-detail-title{font-size:1.4rem;font-weight:700}.blob-detail-text{color:var(--text-secondary);margin:0;font-size:1.05rem;line-height:1.9}.blob-detail-terms{flex-wrap:wrap;gap:8px;display:flex}.blob-term{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:20px;padding:8px 20px;font-size:.95rem;font-weight:500}.blob-detail-quiz{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.blob-quiz-btn{border:1px solid var(--accent);background:var(--accent-glow);color:var(--accent);cursor:pointer;border-radius:12px;padding:16px 40px;font-size:1.1rem;font-weight:600;transition:all .2s}.blob-quiz-btn:hover{background:var(--accent);color:#fff}.blob-detail-sources{flex-direction:column;gap:20px;display:flex}.primary-source-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid #d4ac0d;border-radius:12px;padding:20px}.source-header{margin-bottom:12px}.source-title{color:var(--text-primary);margin-bottom:4px;font-size:.95rem;font-weight:600}.source-meta{color:var(--text-muted);gap:12px;font-size:.75rem;display:flex}.source-author{font-style:italic}.source-quote{color:var(--text-secondary);border-left:3px solid var(--border-light);background:var(--bg-card-hover);border-radius:0 8px 8px 0;margin:0 0 12px;padding:12px 16px;font-size:.9rem;font-style:italic;line-height:1.8}.source-context{color:var(--text-muted);border-top:1px solid var(--border);padding-top:8px;font-size:.8rem;line-height:1.6}.blob-back-btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:8px;margin-top:28px;margin-left:auto;margin-right:auto;padding:10px 24px;font-size:.85rem;transition:all .2s;display:block}.blob-back-btn:hover{background:var(--bg-card-hover);border-color:var(--border-light);color:var(--text-primary)}.blob-back-link{color:var(--accent);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.blob-back-link:hover{color:var(--text-primary)}.event-hover-tooltip{z-index:9999;pointer-events:none;background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;max-width:280px;position:fixed;overflow:hidden;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0d}.event-hover-tooltip img{object-fit:cover;width:100%;max-height:180px;display:block}.event-hover-caption{color:var(--text-primary);border-top:2px solid var(--accent);background:var(--bg-secondary);letter-spacing:.01em;padding:8px 12px;font-size:.78rem;font-weight:600}.connections-svg{pointer-events:none;z-index:4;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0;overflow:visible}.connection-line path{transition:opacity .2s,stroke-width .2s}.connection-label{pointer-events:none;letter-spacing:.02em;paint-order:stroke;stroke:var(--bg-primary);stroke-width:4px;font-size:10px;font-weight:600}.conn-toggle{border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.conn-btn{background:var(--bg-card);color:var(--text-muted);cursor:pointer;border:none;border-right:1px solid var(--border);padding:4px 10px;font-size:.78rem;transition:all .15s}.conn-btn:last-child{border-right:none}.conn-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.conn-btn.active{background:var(--accent);color:#fff}.timeline-status{border-top:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);flex-shrink:0;align-items:center;gap:8px;padding:8px 24px;font-size:.72rem;display:flex}.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.status-zoom{font-variant-numeric:tabular-nums;margin-left:auto}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@media (width<=768px){.timeline-toolbar{flex-wrap:wrap;gap:6px;padding:8px 12px}.toolbar-label{font-size:.75rem}.toolbar-hint{font-size:.6rem}.toolbar-right,.search-filter-group{gap:4px}.search-input{width:80px;font-size:.7rem}.search-box{height:26px;padding:0 6px}.theme-filter-chips{display:none}.zoom-btn{width:28px;height:28px;font-size:.75rem}.zoom-display{min-width:32px;font-size:.65rem}.zoom-level-label{padding:2px 6px;font-size:.6rem}.conn-toggle{display:none}.timeline-status{padding:6px 12px;font-size:.65rem}.event-node-h{max-height:44px;padding:3px 6px 3px 8px}.event-node-title{font-size:.6rem}.event-node-dates{font-size:.5rem}.event-image{width:22px;height:22px}.era-band-label{gap:4px;padding:8px}.era-band-title{font-size:.7rem}.era-band-dates{font-size:.6rem}.era-band-icon{width:32px;height:32px}.focus-page{padding:0}.focus-header-bar{padding:12px 16px}.focus-title{font-size:1rem}.focus-hero-thumb{width:60px;height:60px}.blob-container{padding:12px}.blob-grid{gap:8px}.blob{padding:12px}.blob-icon{font-size:1.2rem}.blob-label{font-size:.7rem}.blob-detail-content{padding:20px 16px}.blob-detail-text{font-size:.85rem}.event-hover-tooltip{display:none}}@media (width<=480px){.toolbar-hint,.zoom-level-label{display:none}.era-bg-label{font-size:1.2rem}.focus-title-row{gap:8px}.focus-hero-thumb{border-radius:8px;width:48px;height:48px}.focus-title{font-size:.9rem}.focus-dates{font-size:.7rem}}.quiz-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quiz-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:100%;max-width:640px;max-height:85vh;animation:.3s modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.quiz-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.quiz-title{color:var(--text-primary);font-size:1.15rem;font-weight:600}.quiz-progress{color:var(--text-muted);font-size:.8rem}.quiz-close{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.quiz-close:hover{background:var(--bg-card);color:var(--text-primary)}.quiz-body{padding:28px}.quiz-question{color:var(--text-primary);margin-bottom:24px;font-size:1.1rem;font-weight:500;line-height:1.7}.quiz-theme-badge{margin-bottom:16px}.quiz-choices{flex-direction:column;gap:10px;display:flex}.quiz-choice{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:10px;align-items:flex-start;gap:12px;padding:16px 20px;font-size:.95rem;line-height:1.6;transition:all .2s;display:flex}.quiz-choice:hover:not(:disabled){border-color:var(--border-light);background:var(--bg-card-hover);color:var(--text-primary)}.quiz-choice .choice-letter{min-width:20px;color:var(--text-muted);font-weight:700}.quiz-choice.selected{border-color:var(--accent);background:var(--accent-glow);color:var(--text-primary)}.quiz-choice.correct{border-color:var(--success);color:var(--text-primary);background:#2ecc711a}.quiz-choice.incorrect{border-color:var(--error);color:var(--text-primary);opacity:.7;background:#e74c3c1a}.quiz-choice:disabled{cursor:default}.quiz-feedback{border-radius:10px;margin-top:20px;padding:20px;font-size:.95rem;line-height:1.7;animation:.3s fadeIn}.quiz-feedback.correct{color:var(--text-secondary);background:#2ecc7114;border:1px solid #2ecc7133}.quiz-feedback.incorrect{color:var(--text-secondary);background:#e74c3c14;border:1px solid #e74c3c33}.feedback-header{margin-bottom:8px;font-size:.9rem;font-weight:600}.quiz-feedback.correct .feedback-header{color:var(--success)}.quiz-feedback.incorrect .feedback-header{color:var(--error)}.quiz-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.quiz-next{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-left:auto;padding:12px 28px;font-size:.95rem;font-weight:600;transition:opacity .2s}.quiz-next:hover{opacity:.9}.quiz-score{text-align:center;padding:40px 28px}.quiz-score .score-number{color:var(--accent);margin-bottom:8px;font-size:3rem;font-weight:700}.quiz-score .score-label{color:var(--text-secondary);margin-bottom:24px;font-size:1rem}.quiz-restart{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:12px 28px;font-size:.9rem;font-weight:600;transition:all .2s}.quiz-restart:hover{background:var(--accent);color:#fff}.quiz-page-wrapper{background:var(--bg-primary);flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex;overflow-y:auto}.quiz-full-page{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:100%;max-width:800px}.quiz-progress-bar{background:var(--bg-card);height:3px}.quiz-progress-fill{background:var(--accent);border-radius:0 2px 2px 0;height:100%;transition:width .3s}.score-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.score-pct{color:var(--text-muted);margin-bottom:12px;font-size:1.1rem}@media (width<=768px){.quiz-overlay{align-items:flex-start;padding:10px}.quiz-modal{border-radius:12px;max-width:100%;max-height:95vh}.quiz-header{padding:16px 18px}.quiz-title{font-size:.95rem}.quiz-body{padding:18px}.quiz-question{margin-bottom:18px;font-size:.95rem}.quiz-choice{padding:12px 14px;font-size:.85rem}.quiz-feedback{padding:14px;font-size:.85rem}.quiz-footer{padding:14px 18px}.quiz-next{padding:10px 20px;font-size:.85rem}.quiz-page-wrapper{padding:16px 12px}.quiz-full-page{border-radius:12px;max-width:100%}.quiz-score .score-number{font-size:2.2rem}.score-actions{flex-direction:column;gap:8px}}@media (width<=480px){.quiz-body{padding:14px}.quiz-choice{gap:8px;padding:10px 12px;font-size:.8rem}}.quizhub{background:var(--bg-primary);flex:1;width:100%;max-width:960px;margin:0 auto;padding:40px 60px;overflow-y:auto}.quizhub-stats{gap:16px;margin-bottom:28px;display:flex}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;padding:20px}.stat-number{color:var(--accent);margin-bottom:6px;font-size:1.8rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.quizhub-filters{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filter-chip{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;border-radius:20px;padding:7px 16px;font-size:.82rem;font-weight:500;transition:all .2s}.filter-chip:hover{border-color:var(--border-light);color:var(--text-primary)}.filter-chip.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.quizhub-eras{flex-direction:column;gap:16px;display:flex}.era-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.era-section-header{cursor:pointer;align-items:center;gap:14px;padding:18px 20px;transition:background .2s;display:flex}.era-section-header:hover{background:var(--bg-card-hover)}.era-section-color{border-radius:2px;flex-shrink:0;width:4px;height:36px}.era-section-info{flex:1;min-width:0}.era-section-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.era-section-dates{color:var(--text-muted);font-size:.8rem}.era-section-meta{flex-shrink:0;align-items:center;gap:12px;display:flex}.era-q-count{color:var(--text-muted);font-size:.82rem}.era-review-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:7px 16px;font-size:.8rem;font-weight:600;transition:all .2s}.era-review-btn:hover{background:var(--accent);color:#fff}.era-chevron{color:var(--text-muted);font-size:.8rem;transition:transform .25s}.era-chevron.open{transform:rotate(180deg)}.era-events-list{border-top:1px solid var(--border);overflow:hidden}.event-quiz-card{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 20px 14px 28px;transition:background .15s;display:flex}.event-quiz-card:last-child{border-bottom:none}.event-quiz-card:hover{background:var(--bg-card-hover)}.eqc-color{border-radius:2px;flex-shrink:0;width:3px;height:32px}.eqc-image{background:var(--bg-card);border-radius:8px;flex-shrink:0;width:40px;height:40px;overflow:hidden}.eqc-image img{object-fit:cover;width:100%;height:100%}.eqc-info{flex:1;min-width:0}.eqc-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.eqc-meta{align-items:center;gap:8px;margin-top:3px;display:flex}.eqc-dates,.eqc-qcount{color:var(--text-muted);font-size:.78rem}.eqc-score-area{text-align:center;flex-shrink:0;width:60px}.eqc-score-ring{background:conic-gradient(var(--ring-color) var(--pct), var(--bg-card) var(--pct));border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto;display:flex;position:relative}.eqc-score-ring:before{content:"";background:var(--bg-secondary);border-radius:50%;position:absolute;inset:3px}.eqc-score-ring span{color:var(--text-primary);font-size:.65rem;font-weight:700;position:relative}.eqc-attempts{color:var(--text-muted);margin-top:2px;font-size:.58rem}.eqc-start{color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.event-quiz-card:hover .eqc-start{background:var(--accent);color:#fff}@media (width<=768px){.quizhub{padding:20px 16px}.quizhub-stats{gap:8px;margin-bottom:20px}.stat-card{padding:12px 8px}.stat-number{font-size:1.3rem}.stat-label{font-size:.6rem}.quizhub-filters{gap:6px;margin-bottom:20px}.filter-chip{padding:5px 10px;font-size:.7rem}.era-section-header{gap:10px;padding:12px 14px}.era-section-title{font-size:.88rem}.era-section-dates{font-size:.7rem}.era-section-meta{gap:8px}.era-q-count{display:none}.era-review-btn{padding:5px 10px;font-size:.68rem}.event-quiz-card{gap:8px;padding:10px 14px}.eqc-image{border-radius:6px;width:32px;height:32px}.eqc-title{font-size:.82rem}.eqc-meta .spicet-badge{display:none}.eqc-dates,.eqc-qcount{font-size:.68rem}.eqc-score-area{width:50px}.eqc-score-ring{width:36px;height:36px}.eqc-start{padding:4px 8px;font-size:.72rem}}@media (width<=480px){.quizhub-stats{flex-wrap:wrap}.stat-card{flex:40%}.eqc-color{display:none}}.progress-dashboard{background:var(--bg-primary);flex:1;width:100%;max-width:1100px;margin:0 auto;padding:32px 40px;overflow-y:auto}.pd-stats-row{gap:14px;margin-bottom:24px;display:flex}.pd-stat{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:12px;flex:1;padding:20px}.pd-stat-number{color:var(--accent);margin-bottom:6px;font-size:1.8rem;font-weight:700;line-height:1}.pd-stat-of{color:var(--text-muted);font-size:1rem;font-weight:400}.pd-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.pd-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pd-col{flex-direction:column;gap:20px;display:flex}.pd-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px}.pd-card-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 20px;font-size:.85rem;font-weight:600}.pd-progress-card{text-align:center}.pd-big-ring{background:conic-gradient(var(--ring-color) var(--pct), var(--bg-card) var(--pct));border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto 16px;display:flex;position:relative}.pd-big-ring-inner{background:var(--bg-secondary);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.pd-big-ring-number{color:var(--text-primary);font-size:2.2rem;font-weight:700;line-height:1}.pd-big-ring-label{color:var(--text-muted);margin-top:4px;font-size:.75rem}.pd-big-ring-detail{color:var(--text-muted);font-size:.78rem}.pd-themes{flex-direction:column;gap:14px;display:flex}.pd-theme-row{align-items:center;gap:10px;display:flex}.pd-theme-row.weakest{background:#e74c3c0f;border-radius:8px;margin:-6px -8px;padding:6px 8px}.pd-theme-label{flex-shrink:0;align-items:center;gap:6px;width:140px;display:flex}.pd-theme-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:700;display:flex}.pd-theme-name{color:var(--text-primary);font-size:.82rem;font-weight:500}.pd-weak-tag{color:#e74c3c;white-space:nowrap;background:#e74c3c1f;border-radius:4px;padding:1px 6px;font-size:.58rem}.pd-theme-bar-wrapper{background:var(--bg-card);border-radius:4px;flex:1;height:8px;overflow:hidden}.pd-theme-bar{border-radius:4px;min-width:2px;height:100%}.pd-theme-pct{text-align:right;flex-shrink:0;width:36px;font-size:.78rem;font-weight:600}.pd-eras{flex-direction:column;gap:12px;display:flex}.pd-era-row{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px;transition:background .15s;display:flex}.pd-era-row:hover{background:var(--bg-card-hover)}.pd-era-color{border-radius:2px;flex-shrink:0;width:4px;height:32px}.pd-era-info{flex:1;min-width:0}.pd-era-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.pd-era-dates{color:var(--text-muted);font-size:.68rem}.pd-era-progress{flex-shrink:0;width:140px}.pd-era-bar-bg{background:var(--bg-card);border-radius:3px;height:6px;margin-bottom:3px;overflow:hidden}.pd-era-bar-fill{border-radius:3px;height:100%}.pd-era-pct{color:var(--text-muted);font-size:.68rem}.pd-activity{flex-direction:column;gap:4px;display:flex}.pd-activity-row{border-radius:8px;align-items:center;gap:10px;padding:8px;transition:background .15s;display:flex}.pd-activity-row:hover{background:var(--bg-card-hover)}.pd-activity-img{background:var(--bg-card);border-radius:6px;flex-shrink:0;width:32px;height:32px;overflow:hidden}.pd-activity-img img{object-fit:cover;width:100%;height:100%}.pd-activity-info{flex:1;min-width:0}.pd-activity-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.pd-activity-meta{color:var(--text-muted);gap:8px;font-size:.68rem;display:flex}.pd-activity-score{flex-shrink:0;font-size:.9rem;font-weight:700}.pd-empty{text-align:center;padding:32px 0}.pd-empty-icon{margin-bottom:8px;font-size:2rem}.pd-empty-text{color:var(--text-muted);margin-bottom:16px;font-size:.88rem}.pd-empty-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.88rem;font-weight:600;transition:opacity .2s}.pd-empty-btn:hover{opacity:.9}.pd-suggestions{flex-direction:column;gap:4px;display:flex}.pd-suggest-row{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;transition:background .15s;display:flex}.pd-suggest-row:hover{background:var(--bg-card-hover)}.pd-suggest-color{border-radius:2px;flex-shrink:0;width:3px;height:20px}.pd-suggest-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.pd-suggest-reason{color:var(--text-muted);flex-shrink:0;font-size:.7rem}@media (width<=768px){.progress-dashboard{padding:20px 16px}.pd-stats-row{flex-wrap:wrap;gap:8px}.pd-stat{flex:40%;padding:14px 10px}.pd-stat-number{font-size:1.4rem}.pd-grid{grid-template-columns:1fr;gap:16px}.pd-card{padding:18px}.pd-big-ring{width:120px;height:120px}.pd-big-ring-inner{width:96px;height:96px}.pd-big-ring-number{font-size:1.6rem}.pd-theme-label{width:100px}.pd-theme-name{font-size:.75rem}.pd-era-progress{width:100px}}@media (width<=480px){.pd-theme-label{width:80px}.pd-weak-tag{display:none}}.comparison-tool{background:var(--bg-primary);flex:1;width:100%;max-width:1100px;margin:0 auto;padding:32px 40px;overflow-y:auto}.ct-header{margin-bottom:28px}.ct-title{color:var(--text-primary);margin:0 0 4px;font-size:1.3rem;font-weight:700}.ct-subtitle{color:var(--text-muted);margin:0;font-size:.85rem}.ct-selectors{align-items:flex-start;gap:12px;margin-bottom:28px;display:flex}.ct-selector{flex:1}.ct-selector-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.7rem;font-weight:600}.ct-swap{border:1px solid var(--border);background:var(--bg-card);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex-shrink:0;margin-top:22px;font-size:1.1rem;transition:all .2s}.ct-swap:hover:not(:disabled){background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent)}.ct-swap:disabled{opacity:.3;cursor:default}.ct-selected{background:var(--bg-secondary);border:2px solid;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.ct-selected-img{object-fit:cover;border-radius:8px;width:36px;height:36px}.ct-selected-info{flex:1;min-width:0}.ct-selected-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.ct-selected-dates{color:var(--text-muted);font-size:.72rem}.ct-selected-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem}.ct-selected-clear:hover{color:var(--text-primary)}.ct-search-wrapper{position:relative}.ct-search{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:.85rem;transition:border-color .2s}.ct-search:focus{border-color:var(--accent)}.ct-search::placeholder{color:var(--text-muted)}.ct-search-dropdown{background:var(--bg-secondary);border:1px solid var(--border);z-index:50;border-radius:8px;max-height:260px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000004d}.ct-search-result{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:.8rem;display:flex}.ct-search-result:last-child{border-bottom:none}.ct-search-result:hover{background:var(--bg-card-hover)}.ct-sr-color{border-radius:2px;flex-shrink:0;width:3px;height:20px}.ct-sr-title{flex:1;font-weight:500}.ct-sr-dates{color:var(--text-muted);font-size:.68rem}.ct-suggestions{margin-bottom:28px}.ct-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;font-size:.8rem;font-weight:600}.ct-suggest-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.ct-suggest-card{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;text-align:left;color:inherit;border-radius:10px;flex-direction:column;gap:8px;padding:14px;font-family:inherit;transition:all .15s;display:flex}.ct-suggest-card:hover{border-color:var(--accent);background:var(--bg-card-hover)}.ct-suggest-events{align-items:center;gap:8px;display:flex}.ct-suggest-event{color:var(--text-primary);border-left:2px solid;align-items:center;gap:4px;padding-left:6px;font-size:.78rem;font-weight:500;display:flex}.ct-suggest-img{object-fit:cover;border-radius:4px;width:20px;height:20px}.ct-suggest-vs{color:var(--text-muted);font-size:.65rem;font-weight:600}.ct-suggest-label{color:var(--text-muted);font-size:.72rem}.ct-theme-tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.ct-theme-tab{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.75rem;transition:all .15s}.ct-theme-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.ct-theme-tab.active{border-color:var(--accent);color:var(--accent);background:var(--accent-glow)}.ct-table-header{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;align-items:center;gap:0;margin-bottom:16px;display:flex;overflow:hidden}.ct-th{flex:1;align-items:center;gap:10px;padding:14px 16px;display:flex}.ct-th-color{border-radius:2px;flex-shrink:0;width:3px;height:28px}.ct-th-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px}.ct-th-title{color:var(--text-primary);font-size:.9rem;font-weight:600}.ct-th-dates{color:var(--text-muted);font-size:.7rem}.ct-th-divider{color:var(--text-muted);flex-shrink:0;padding:0 12px;font-size:.75rem;font-weight:700}.ct-rows{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.ct-row{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;overflow:hidden}.ct-row-label{border-bottom:1px solid var(--border);background:var(--bg-card);align-items:center;gap:8px;padding:10px 16px;display:flex}.ct-row-icon{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:700;display:flex}.ct-row-name{color:var(--text-primary);font-size:.82rem;font-weight:600}.ct-row-content{display:flex}.ct-cell{color:var(--text-secondary);border-left:3px solid;flex:1;padding:14px 16px;font-size:.82rem;line-height:1.7}.ct-cell-a{border-right:1px solid var(--border)}.ct-keyterms-section{margin-bottom:28px}.ct-keyterms-grid{gap:16px;display:flex}.ct-keyterms-col{flex:1}.ct-keyterms-header{color:var(--text-primary);border-bottom:2px solid;margin-bottom:10px;padding-bottom:8px;font-size:.78rem;font-weight:600}.ct-keyterms-list{flex-wrap:wrap;gap:6px;display:flex}.ct-term{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:3px 10px;font-size:.75rem;display:inline-block}.ct-term.shared{border-color:var(--accent);background:var(--accent-glow);color:var(--accent);font-weight:600}.ct-essay-prompt{margin-bottom:28px}.ct-prompt-card{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:20px}.ct-prompt-text{color:var(--text-primary);margin-bottom:16px;font-size:.92rem;line-height:1.7}.ct-prompt-tips{border-top:1px solid var(--border);padding-top:12px}.ct-tip-title{color:var(--text-muted);margin-bottom:8px;font-size:.78rem;font-weight:600}.ct-tip-list{color:var(--text-secondary);padding-left:18px;font-size:.8rem;line-height:1.8}.ct-tip-list li{margin-bottom:2px}@media (width<=768px){.comparison-tool{padding:20px 16px}.ct-selectors{flex-direction:column;gap:8px}.ct-swap{align-self:center;margin-top:0;transform:rotate(90deg)}.ct-suggest-grid{grid-template-columns:1fr}.ct-table-header{flex-direction:column}.ct-th{width:100%}.ct-th-divider{text-align:center;padding:4px 0}.ct-row-content{flex-direction:column}.ct-cell-a{border-right:none;border-bottom:1px solid var(--border)}.ct-keyterms-grid{flex-direction:column}.ct-theme-tabs{gap:4px}.ct-theme-tab{padding:5px 8px;font-size:.7rem}}.tutorial-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tutorial-card{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:20px;width:100%;max-width:440px;padding:48px 40px 36px}.tutorial-icon{margin-bottom:16px;font-size:3rem;line-height:1}.tutorial-title{color:var(--text-primary);margin:0 0 12px;font-size:1.2rem;font-weight:700;line-height:1.3}.tutorial-desc{color:var(--text-secondary);margin:0 0 28px;font-size:.9rem;line-height:1.7}.tutorial-dots{justify-content:center;gap:8px;margin-bottom:28px;display:flex}.tutorial-dot{background:var(--border);border-radius:50%;width:8px;height:8px;transition:all .3s}.tutorial-dot.active{background:var(--accent);border-radius:4px;width:24px}.tutorial-dot.done{background:var(--accent);opacity:.4}.tutorial-actions{justify-content:space-between;align-items:center;display:flex}.tutorial-skip{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-family:inherit;font-size:.82rem;transition:color .2s}.tutorial-skip:hover{color:var(--text-primary)}.tutorial-next{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 28px;font-family:inherit;font-size:.88rem;font-weight:600;transition:opacity .2s}.tutorial-next:hover{opacity:.9}@media (width<=480px){.tutorial-card{padding:32px 24px 28px}.tutorial-icon{font-size:2.4rem}.tutorial-title{font-size:1.05rem}.tutorial-desc{font-size:.82rem}}.landing{background:var(--bg-primary);flex:1;overflow-y:auto}.landing-hero{text-align:center;max-width:680px;margin:0 auto;padding:80px 40px 48px}.landing-badge{background:var(--accent-glow);border:1px solid var(--accent);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:.75rem;font-weight:600;display:inline-block}.landing-title{color:var(--text-primary);letter-spacing:-.03em;margin:0 0 16px;font-size:3rem;font-weight:800;line-height:1.1}.landing-title span{color:var(--accent)}.landing-subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto 32px;font-size:1.05rem;line-height:1.7}.landing-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.landing-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:14px 32px;font-family:inherit;font-size:1rem;font-weight:600;transition:opacity .2s,transform .2s}.landing-cta:hover{opacity:.9;transform:translateY(-1px)}.landing-cta-secondary{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:14px 32px;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.landing-cta-secondary:hover{border-color:var(--accent);color:var(--accent)}.landing-eras{justify-content:center;gap:12px;max-width:700px;margin:0 auto;padding:0 40px 48px;display:flex}.landing-era{text-align:center;background:var(--bg-secondary);border:1px solid var(--border);border-top:3px solid;border-radius:10px;flex:1;padding:16px 12px}.landing-era-label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:.65rem;font-weight:700}.landing-era-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.landing-era-count{color:var(--text-muted);margin-top:2px;font-size:.72rem}.landing-features{max-width:900px;margin:0 auto;padding:48px 40px}.landing-section-title{text-align:center;color:var(--text-primary);margin:0 0 32px;font-size:1.3rem;font-weight:700}.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing-feature{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .2s}.landing-feature:hover{border-color:var(--accent)}.landing-feature-icon{margin-bottom:10px;font-size:1.6rem}.landing-feature-title{color:var(--text-primary);margin:0 0 6px;font-size:.9rem;font-weight:600}.landing-feature-desc{color:var(--text-muted);margin:0;font-size:.8rem;line-height:1.6}.landing-bottom{text-align:center;padding:48px 40px 64px}.landing-bottom-title{color:var(--text-primary);margin:0 0 20px;font-size:1.5rem;font-weight:700}@media (width<=768px){.landing-hero{padding:48px 20px 32px}.landing-title{font-size:2rem}.landing-subtitle{font-size:.9rem}.landing-eras{flex-wrap:wrap;padding:0 20px 32px}.landing-era{flex:40%}.landing-features{padding:32px 20px}.landing-feature-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.landing-feature-grid{grid-template-columns:1fr}.landing-title{font-size:1.7rem}.landing-cta,.landing-cta-secondary{width:100%}}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 40px;display:flex}.app-header h1{color:var(--text-primary);letter-spacing:-.02em;font-size:1.3rem;font-weight:600}.app-header h1 span{color:var(--accent)}.header-subtitle{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.header-controls{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--bg-card);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-light);color:var(--text-primary)}.app-nav{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;gap:4px;padding:3px;display:flex}.nav-link{color:var(--text-muted);border-radius:6px;padding:8px 20px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:var(--bg-card-hover)}.nav-link.active{color:var(--text-primary);background:var(--accent);font-weight:600}.app-body{flex:1;display:flex;overflow:hidden}.timeline-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.spicet-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:12px;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-block}.spicet-badge.social{color:var(--color-social);background:#e74c3c26}.spicet-badge.political{color:var(--color-political);background:#3498db26}.spicet-badge.interactions{color:var(--color-interactions);background:#2ecc7126}.spicet-badge.cultural{color:var(--color-cultural);background:#9b59b626}.spicet-badge.economic{color:var(--color-economic);background:#f39c1226}.spicet-badge.technology{color:var(--color-technology);background:#1abc9c26}@media (width<=768px){.app-header{flex-wrap:wrap;gap:8px;padding:10px 16px}.app-header h1{font-size:1rem}.header-subtitle{font-size:.65rem;display:none}.header-controls{gap:8px}.nav-link{padding:6px 14px;font-size:.75rem}.theme-toggle{width:32px;height:32px;font-size:.95rem}}@media (width<=480px){.app-header{padding:8px 12px}.app-header h1{font-size:.9rem}.nav-link{padding:5px 10px;font-size:.7rem}}