:root{--primary-orange: #ff6b00;--primary-cyan: #00d4ff;--primary-purple: #9d4edd;--bg-primary: #0a0a0a;--bg-secondary: rgba(20, 20, 20, .8);--bg-tertiary: rgba(0, 0, 0, .5);--bg-quaternary: rgba(0, 0, 0, .6);--text-primary: #fff;--text-secondary: #ccc;--text-tertiary: #a0a0a0;--text-quaternary: #888;--text-muted: #666;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .2);--shadow-primary: 0 10px 30px rgba(0, 0, 0, .5);--font-display: "Orbitron", monospace;--font-mono: monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--transition-fast: all .2s ease;--transition-standard: all .3s ease}.chronicles-hub{min-height:100vh;background:var(--bg-primary);position:relative;overflow:hidden}.chronicles-hub .starfield{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,white,transparent),radial-gradient(1px 1px at 50px 160px,white,transparent),radial-gradient(1px 1px at 130px 40px,white,transparent),radial-gradient(2px 2px at 80px 10px,white,transparent);background-repeat:repeat;background-size:300px 300px;opacity:.3;animation:drift 200s infinite linear}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-300px,-300px)}}.hub-content{position:relative;z-index:1;padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.hub-header{text-align:center;margin-bottom:var(--spacing-3xl)}.hub-title{font-size:3rem;font-weight:700;color:var(--primary-orange);text-shadow:0 0 20px rgba(255,107,0,.5);margin-bottom:var(--spacing-md);font-family:var(--font-display)}.hub-subtitle{color:var(--text-tertiary);font-size:1.2rem;font-style:italic}.aria-message{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);padding:var(--spacing-md);margin-bottom:var(--spacing-2xl);border-radius:var(--radius-sm);color:var(--primary-cyan);font-family:var(--font-mono)}.arc-grid{display:grid;gap:var(--spacing-2xl);margin-bottom:var(--spacing-xl)}.arc-section{background:var(--bg-secondary);border:2px solid;border-radius:var(--radius-md);padding:var(--spacing-xl);position:relative;transition:var(--transition-standard)}.arc-section:hover{transform:translateY(-5px);box-shadow:var(--shadow-primary)}.arc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.arc-title-group h2{font-size:2rem;margin-bottom:var(--spacing-sm);cursor:pointer;transition:color .3s ease}.arc-title-group h2:hover{text-shadow:0 0 10px currentColor}.arc-subtitle{color:var(--text-quaternary);font-size:1.1rem}.arc-status{text-align:right;font-family:var(--font-mono)}.arc-timeline{font-size:1.2rem;font-weight:700;margin-bottom:var(--spacing-xs)}.arc-status-text{font-size:.9rem;opacity:.8}.arc-description{color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.episode-count{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:#ffffff1a;border-radius:var(--radius-lg);font-size:.9rem;margin-bottom:var(--spacing-lg)}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg);max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-secondary) transparent}.episode-grid::-webkit-scrollbar{width:6px}.episode-grid::-webkit-scrollbar-track{background:transparent}.episode-grid::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.episode-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);padding:var(--spacing-md);transition:var(--transition-fast);text-decoration:none;color:inherit;display:block}.episode-card:hover{border-color:currentColor;background:#ffffff0d;transform:translate(5px)}.episode-number{font-size:.9rem;opacity:.7;margin-bottom:var(--spacing-xs)}.episode-title{font-size:1.1rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.episode-stardate{font-size:.85rem;font-family:var(--font-mono);opacity:.6}.arc-actions{display:flex;gap:var(--spacing-md);align-items:center;margin-top:var(--spacing-lg)}.arc-enter{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm);text-decoration:none;font-weight:700;transition:var(--transition-standard);border:2px solid transparent}.arc-enter:hover{transform:scale(1.05);border-color:currentColor}.view-all-btn{padding:var(--spacing-sm) var(--spacing-lg);background:transparent;color:var(--arc-color);border:1px solid currentColor;border-radius:var(--radius-sm);text-decoration:none;transition:var(--transition-standard);font-size:.9rem}.view-all-btn:hover{background:var(--arc-color);color:#000}.temporal-connector{text-align:center;color:var(--text-muted);margin:var(--spacing-xl) 0;font-family:var(--font-mono)}.coming-soon{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted);font-style:italic}.latest-section{margin-bottom:var(--spacing-3xl);padding:var(--spacing-xl);background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-md)}.section-title{font-size:1.5rem;color:var(--primary-cyan);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.pulse{display:inline-block;width:12px;height:12px;background:var(--primary-cyan);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.latest-grid{display:grid;gap:var(--spacing-md)}.latest-card{display:block;background:var(--bg-quaternary);border:1px solid var(--border-primary);border-left:3px solid var(--arc-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-sm);text-decoration:none;transition:var(--transition-standard)}.latest-card:hover{background:#000c;transform:translate(5px);border-left-width:5px}.latest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.latest-arc{font-size:.85rem;color:var(--arc-color);font-weight:700;text-transform:uppercase}.latest-date{font-size:.85rem;color:var(--text-muted)}.latest-title{font-size:1.1rem;color:var(--text-primary);margin-bottom:var(--spacing-sm);line-height:1.3}.latest-meta{display:flex;gap:var(--spacing-md);font-size:.85rem;color:var(--text-quaternary);font-family:var(--font-mono)}@media (max-width: 768px){.hub-title{font-size:2rem}.hub-content{padding:var(--spacing-md)}.arc-header{flex-direction:column;gap:var(--spacing-md)}.arc-status{text-align:left}.episode-grid{grid-template-columns:1fr;max-height:150px}.arc-actions{flex-direction:column;align-items:stretch}.latest-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.latest-meta{flex-direction:column;gap:var(--spacing-xs)}}@media (max-width: 480px){.hub-title{font-size:1.5rem}.hub-subtitle{font-size:1rem}.arc-title-group h2{font-size:1.5rem}.episode-grid{max-height:120px}}.episode-card:focus,.latest-card:focus,.arc-enter:focus,.view-all-btn:focus{outline:2px solid var(--primary-cyan);outline-offset:2px}.arc-section{backdrop-filter:blur(10px)}.latest-section{backdrop-filter:blur(5px)}.arc-section:hover{backdrop-filter:blur(15px)}.episode-card:hover{backdrop-filter:blur(8px)}.latest-card:hover{backdrop-filter:blur(10px)}.chronicles-container{min-height:100vh;background:linear-gradient(180deg,#0a0a0a,#1a1a2e);position:relative;overflow-x:hidden}.starfield{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.3}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle linear infinite}@keyframes twinkle{0%{opacity:0}50%{opacity:1}to{opacity:0}}.holographic-border{position:relative;background:linear-gradient(135deg,#1a1a2e,#0f0f23);border:1px solid transparent;background-clip:padding-box}.holographic-border:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,#ff6b35,#0ef,#ff6b35);border-radius:inherit;z-index:-1;opacity:.5;animation:holographic 3s linear infinite}@keyframes holographic{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.terminal-text{font-family:Courier New,Courier,monospace;background:#00000080;padding:1rem;border:1px solid #ff6b35;border-radius:4px;color:#0ef;overflow-x:auto}.chronicle-content{max-width:1200px;margin:0 auto;padding:2rem;color:#e0e0e0;line-height:1.8}.chronicle-nav{margin:2rem 0}.chronicle-nav.bottom{margin-top:4rem}.chronicle-content h1,.chronicle-content h2,.chronicle-content h3{color:#ff6b35;margin-top:2rem;margin-bottom:1rem}.chronicle-content p{margin-bottom:1.8rem;line-height:1.8}.chronicle-content hr{margin:3rem auto;border:none;border-top:1px solid rgba(255,107,53,.3);width:50%}.chronicle-content a{color:#0ef;text-decoration:none;transition:color .3s}.chronicle-content a:hover{color:#ff6b35;text-decoration:underline}.chronicle-content blockquote:not(.dialogue){border-left:4px solid #ff6b35;padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#b0b0b0}.chronicle-content code{background:#00efff1a;padding:.2rem .4rem;border-radius:3px;color:#0ef;font-family:Courier New,Courier,monospace}.chronicle-content pre{background:#000000b3;border:1px solid #0ef;border-radius:8px;padding:1rem;overflow-x:auto;margin:1.5rem 0}.chronicle-content pre code{background:none;padding:0;color:#e0e0e0}.chronicle-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:0 4px 20px #00efff4d}blockquote.dialogue{margin:0 0 28px 20px;padding:12px 15px;background-color:#1a1a2e99;border-left:4px solid #0ef;border-radius:4px;font-size:16px;line-height:1.6;font-style:normal;color:#e0e0e0;position:relative}blockquote.dialogue:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0ef,#ff6b35);opacity:.7;animation:dialogue-glow 3s ease-in-out infinite}@keyframes dialogue-glow{0%,to{opacity:.7}50%{opacity:1}}blockquote.dialogue .speaker-seuros{color:#ff9800}blockquote.dialogue .speaker-aria{color:#00bcd4}blockquote.dialogue .speaker-nexus{color:#9e9e9e}blockquote.dialogue .speaker-forge{color:#ff5722}blockquote.dialogue .speaker-spark{color:#ffd23f}blockquote.dialogue .speaker-sage{color:#0f0}blockquote.dialogue .speaker-echo{color:#ff6b9d}blockquote.dialogue .speaker-chronos{color:#ffc107}blockquote.dialogue .speaker-patternweaver{color:#e0e0e0}blockquote.dialogue .speaker-compressor{color:#26a69a}blockquote.dialogue .speaker-nodejs{color:#8d6e63}blockquote.dialogue .speaker-deno{color:#2196f3}blockquote.dialogue .speaker-bun{color:#9c27b0}blockquote.dialogue .speaker-don-fillyfill{color:#424242}blockquote.dialogue .speaker-webpack{color:#1c78c0}blockquote.dialogue .speaker-vite{color:#646cff}blockquote.dialogue .speaker-parcel{color:#e1a95f}blockquote.dialogue .speaker-rollup{color:#f33}blockquote.dialogue .speaker-turbo{color:#09f}blockquote.dialogue .speaker-system{color:#64b5f6}blockquote.dialogue span[class^=speaker-]{font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}blockquote.dialogue .speaker-patternweaver{text-shadow:1px 1px 2px rgba(0,0,0,.5),0 0 15px currentColor;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:pattern-flow 3s ease-in-out infinite}blockquote.dialogue+blockquote.dialogue{margin-top:-10px}blockquote.dialogue+p:not(.dialogue){margin-top:2rem}@media (max-width: 768px){.chronicle-content{padding:1rem}blockquote.dialogue{margin-bottom:20px;padding:10px 12px;margin-left:10px;font-size:15px}}@media (max-width: 480px){blockquote.dialogue{margin-left:5px;padding:8px 10px}}.chronicle-content p:empty{height:1.5rem}.chronicle-content .mermaid{background:#000000b3;padding:1.5rem;border-radius:8px;border:1px solid #0ef;margin:2rem 0;overflow-x:auto}@keyframes pattern-flow{0%{background-position:0% 50%}to{background-position:100% 50%}}@media (prefers-contrast: high){blockquote.dialogue{border-left-width:6px;background-color:#000000e6}blockquote.dialogue span[class^=speaker-]{text-decoration:underline}}@media (prefers-reduced-motion: reduce){blockquote.dialogue:before,.holographic-border:before,.speaker-patternweaver{animation:none}.star{animation:none;opacity:.3}}@media print{.chronicles-container{background:#fff}blockquote.dialogue{border-left:3px solid black;background:#f5f5f5;page-break-inside:avoid}blockquote.dialogue span[class^=speaker-]{color:#000!important;font-weight:700}}