:root{--bg-primary:#FAFAFA;--bg-secondary:#FFFFFF;--bg-tertiary:#F5F5F5;--bg-card:#FFFFFF;--bg-header:#FFFFFF;--border-light:#E8E8E8;--border-medium:#D0D0D0;--border-dark:#B0B0B0;--text-primary:#1A1A1A;--text-secondary:#4A4A4A;--text-muted:#767676;--text-light:#9A9A9A;--accent-primary:#D4A574;--accent-hover:#C49563;--arch-bio:#7BA956;--arch-bio-bg:#F0F5EC;--arch-bio-border:#D4E4C8;--arch-mech:#D97752;--arch-mech-bg:#FDF2EE;--arch-mech-border:#F5D9CE;--arch-cognitive:#9B86BD;--arch-cognitive-bg:#F4F1F8;--arch-cognitive-border:#E3DBF0;--arch-proxy:#C85A5A;--arch-proxy-bg:#FDF0F0;--arch-proxy-border:#F5D7D7;--arch-semiotics:#5A92C8;--arch-semiotics-bg:#EFF5FC;--arch-semiotics-border:#D4E4F5;--domain-personal:#7BA956;--domain-personal-bg:#F0F5EC;--domain-public:#5A92C8;--domain-public-bg:#EFF5FC;--domain-symbolic:#9B86BD;--domain-symbolic-bg:#F4F1F8;--connection-line:rgba(0,0,0,0.15);--connection-line-hover:rgba(0,0,0,0.4);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 2px 8px rgba(0,0,0,0.1);--shadow-lg:0 4px 16px rgba(0,0,0,0.12);--font-serif:Georgia,"Times New Roman",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;font-size:16px}header{background:var(--bg-header);border-bottom:1px solid var(--border-light);padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-content{max-width:1400px;margin:0 auto}header h1{font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2rem);margin:0 0 var(--spacing-xs);color:var(--text-primary);font-weight:700;letter-spacing:-.02em;line-height:1.2}.subtitle{font-family:var(--font-sans);font-size:clamp(.875rem,2vw,1rem);color:var(--text-muted);margin:0;font-weight:400;letter-spacing:.01em}.controls{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:var(--spacing-md) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:110px;z-index:90;box-shadow:var(--shadow-sm)}.controls-content{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}#search{flex:1 1 300px;min-width:200px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-medium);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;font-family:var(--font-sans);transition:all .2s ease}#search:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(212,165,116,.1)}#search::placeholder{color:var(--text-muted)}.filter-pills{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-pill{padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--border-medium);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font-sans)}.filter-pill:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.filter-pill.active{background:var(--accent-primary);border-color:var(--accent-primary);color:white}main{max-width:1400px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);min-height:60vh}.thread-view-container{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.archetype-section{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;scroll-margin-top:120px}.archetype-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:2px solid;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.archetype-header:hover{background:var(--bg-tertiary)}.archetype-header-top{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.archetype-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;margin:0;display:flex;align-items:center;gap:var(--spacing-sm);flex:1 1}.archetype-stats{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);font-weight:500;margin-left:auto}.archetype-description{font-family:var(--font-sans);font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin:0}.expand-icon{font-size:1.2rem;color:var(--text-muted);transition:transform .2s ease}.archetype-header.expanded .expand-icon{transform:rotate(90deg)}.archetype-section[data-archetype=bio_grey_zone] .archetype-header{border-bottom-color:var(--arch-bio);background:var(--arch-bio-bg)}.archetype-section[data-archetype=bio_grey_zone] .archetype-title{color:var(--arch-bio)}.archetype-section[data-archetype=mech_destabilization] .archetype-header{border-bottom-color:var(--arch-mech);background:var(--arch-mech-bg)}.archetype-section[data-archetype=mech_destabilization] .archetype-title{color:var(--arch-mech)}.archetype-section[data-archetype=cognitive_ops] .archetype-header{border-bottom-color:var(--arch-cognitive);background:var(--arch-cognitive-bg)}.archetype-section[data-archetype=cognitive_ops] .archetype-title{color:var(--arch-cognitive)}.archetype-section[data-archetype=proxy_escalation] .archetype-header{border-bottom-color:var(--arch-proxy);background:var(--arch-proxy-bg)}.archetype-section[data-archetype=proxy_escalation] .archetype-title{color:var(--arch-proxy)}.archetype-section[data-archetype=semiotics_three] .archetype-header{border-bottom-color:var(--arch-semiotics);background:var(--arch-semiotics-bg)}.archetype-section[data-archetype=semiotics_three] .archetype-title{color:var(--arch-semiotics)}.archetype-threads{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.thread-lane{border-left:3px solid var(--border-light);padding-left:var(--spacing-xl);position:relative}.thread-header{margin-bottom:var(--spacing-lg);scroll-margin-top:120px}.thread-title{font-family:var(--font-sans);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm)}.thread-description{font-family:var(--font-sans);font-size:.95rem;color:var(--text-secondary);line-height:1.6;font-style:italic;margin:0;padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary)}.thread-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-sm)}.thread-events{display:flex;gap:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-md) 0;position:relative;scrollbar-width:thin;scrollbar-color:var(--border-medium) var(--bg-primary)}.thread-events::-webkit-scrollbar{height:8px}.thread-events::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:var(--radius-sm)}.thread-events::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}.thread-events::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}.event-node{flex:0 0 280px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .2s ease;cursor:pointer;position:relative}.event-node:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.event-node-image{width:100%;height:140px;object-fit:cover;background:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.event-node-content{padding:var(--spacing-md)}.event-node-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.event-node-date{font-weight:600}.event-node-location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-node-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm);line-height:1.3;-webkit-line-clamp:2}.event-node-description,.event-node-title{font-family:var(--font-sans);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.event-node-description{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin:0 0 var(--spacing-md);-webkit-line-clamp:3}.event-node-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.event-badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;padding:3px 8px;border-radius:var(--radius-pill);font-weight:500;font-family:var(--font-sans)}.event-badge.domain-personal{background:var(--domain-personal-bg);color:var(--domain-personal);border:1px solid var(--domain-personal)}.event-badge.domain-public{background:var(--domain-public-bg);color:var(--domain-public);border:1px solid var(--domain-public)}.event-badge.domain-symbolic{background:var(--domain-symbolic-bg);color:var(--domain-symbolic);border:1px solid var(--domain-symbolic)}.connection-arrow{position:absolute;top:50%;right:-24px;transform:translateY(-50%);font-size:1.5rem;color:var(--connection-line);z-index:1;pointer-events:none}.event-node:hover .connection-arrow,.event-node:hover+.connection-arrow{color:var(--connection-line-hover)}.empty-state,.error,.loading{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.empty-state p,.error p,.loading p{font-size:1.1rem;margin:var(--spacing-sm) 0;font-family:var(--font-sans)}.spinner{width:50px;height:50px;border:4px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{to{transform:rotate(1turn)}}.error{color:#C85A5A}.lightbox{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.98);z-index:1000;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lightbox.active{display:flex}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}#lightboxImg{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.lightbox-counter{font-size:1rem;font-weight:500;font-family:var(--font-mono);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-pill);border:1px solid var(--border-light)}.lightbox-close,.lightbox-counter{color:var(--text-primary);background:var(--bg-secondary)}.lightbox-close{position:absolute;top:20px;right:20px;border:1px solid var(--border-medium);font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;box-shadow:var(--shadow-md)}.lightbox-close:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:white;transform:rotate(90deg)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg-secondary);border:1px solid var(--border-medium);color:var(--text-primary);font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;box-shadow:var(--shadow-md)}.lightbox-nav:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:white}.lightbox-nav:disabled{opacity:.3;cursor:not-allowed}.lightbox-prev{left:20px}.lightbox-next{right:20px}footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:var(--spacing-xl) var(--spacing-xl);text-align:center;color:var(--text-muted);margin-top:var(--spacing-2xl)}footer p{font-size:.9rem;margin:var(--spacing-xs) 0;font-family:var(--font-sans)}.footer-note{font-size:.85rem;font-style:italic;color:var(--text-light)}.thread-events-wrapper{position:relative}.thread-events-wrapper:after,.thread-events-wrapper:before{content:"";position:absolute;top:0;bottom:8px;width:40px;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s ease}.thread-events-wrapper:before{left:0;background:linear-gradient(to right,var(--bg-secondary),transparent)}.thread-events-wrapper:after{right:0;background:linear-gradient(to left,var(--bg-secondary),transparent)}.thread-events-wrapper.can-scroll-left:before,.thread-events-wrapper.can-scroll-right:after{opacity:1}.show-more-button{display:none;width:100%;padding:var(--spacing-md);margin-top:var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.show-more-button:hover{background:var(--accent-primary);color:white;border-color:var(--accent-primary)}.recent-updates-summary{background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);overflow:hidden;box-shadow:var(--shadow-md)}.summary-header-compact{padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(to right,var(--bg-tertiary) 0,var(--bg-card) 100%);border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .2s ease}.summary-header-compact:hover{background:linear-gradient(to right,var(--arch-semiotics-bg) 0,var(--bg-tertiary) 100%)}.header-left{flex:1 1}.summary-header-compact h2{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;letter-spacing:.3px;text-transform:uppercase}.timeframe{font-family:var(--font-mono);font-size:.75rem;font-weight:400;color:var(--text-muted);text-transform:none;letter-spacing:0}.quick-stats{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8rem;color:var(--text-secondary)}.stat{font-family:var(--font-mono);font-weight:500}.stat-separator{color:var(--border-medium)}.activity-level{font-weight:600;padding:2px var(--spacing-sm);border-radius:var(--radius-sm);text-transform:uppercase;font-size:.7rem;letter-spacing:.5px}.activity-level.level-0{background:var(--bg-tertiary);color:var(--text-muted)}.activity-level.level-1{background:#FFF4E6;color:#D97752}.activity-level.level-2{background:#FFF0E6;color:#C85A5A}.activity-level.level-3{background:#FFE6E6;color:#A84848;font-weight:700}.expand-toggle{background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:300;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.expand-toggle:hover{background:var(--accent-primary);color:white;border-color:var(--accent-primary)}.summary-content-compact{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.pattern-card{background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);border-left:3px solid var(--border-medium);transition:all .2s ease}.pattern-card:hover{background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.pattern-card[data-archetype=proxy_escalation]{border-left-color:var(--arch-proxy)}.pattern-card[data-archetype=cognitive_ops]{border-left-color:var(--arch-cognitive)}.pattern-card[data-archetype=bio_grey_zone]{border-left-color:var(--arch-bio)}.pattern-card[data-archetype=mech_destabilization]{border-left-color:var(--arch-mech)}.pattern-card[data-archetype=semiotics_three]{border-left-color:var(--arch-semiotics)}.pattern-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm)}.pattern-intensity{height:3px;background:var(--border-light);border-radius:2px;overflow:hidden}.intensity-bar{height:100%;background:linear-gradient(to right,var(--accent-primary),var(--accent-hover));transition:width .5s ease}.pattern-label{font-family:var(--font-sans);font-size:.8rem;font-weight:600;color:var(--text-primary);flex:1 1}.pattern-stat{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:var(--text-secondary)}.symbolic-signals{background:var(--arch-semiotics-bg);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--arch-semiotics-border)}.symbolic-signals h3{font-family:var(--font-sans);font-size:.7rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;text-transform:uppercase;letter-spacing:.5px}.signals-grid{display:grid;grid-gap:var(--spacing-xs);gap:var(--spacing-xs)}.signal-card{background:var(--bg-card);border-radius:var(--radius-sm);padding:var(--spacing-sm);border-left:3px solid var(--arch-semiotics);transition:all .2s ease}.signal-card:hover{background:var(--bg-tertiary);border-left-color:var(--arch-semiotics);transform:translateX(2px)}.signal-pattern{font-family:var(--font-sans);font-size:.8rem;font-weight:700;color:var(--arch-semiotics);margin-bottom:var(--spacing-xs);line-height:1.3}.signal-detail{font-family:var(--font-sans);font-size:.75rem;color:var(--text-secondary);line-height:1.5}.analysis-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-sm);gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.footer-section{display:flex;flex-direction:column;gap:2px}.footer-label{font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.footer-label,.footer-value{font-family:var(--font-sans)}.footer-value{font-size:.8rem;font-weight:500;color:var(--text-primary)}.footer-value .muted{color:var(--text-muted);font-size:.75rem}.interpretation-note{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-align:center;padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-style:italic;margin-top:0}@media (max-width:768px){header{padding:var(--spacing-md);position:static}.controls{padding:var(--spacing-sm) var(--spacing-md);position:static;top:auto}main{padding:var(--spacing-lg) var(--spacing-md)}.archetype-header,.archetype-threads{padding:var(--spacing-md)}.archetype-threads{gap:var(--spacing-xl)}.thread-lane{padding-left:var(--spacing-md)}.thread-events{display:flex;flex-direction:column;overflow-x:visible;gap:var(--spacing-md)}.event-node{flex:0 0 auto;width:100%}.show-more-button{display:block}.thread-events-wrapper:after,.thread-events-wrapper:before{display:none}.lightbox-close,.lightbox-nav{width:40px;height:40px;font-size:1.5rem}.archetype-title{font-size:1.25rem}.archetype-stats{font-size:.7rem;margin-left:0;margin-right:var(--spacing-sm)}.archetype-header-top{flex-wrap:wrap;gap:var(--spacing-sm)}.archetype-title{flex:0 1 auto}.expand-icon{font-size:1.5rem;margin-left:auto}.summary-header-compact{padding:var(--spacing-sm) var(--spacing-md)}.summary-header-compact h2{font-size:.9rem}.timeframe{font-size:.7rem}.quick-stats{flex-wrap:wrap;font-size:.75rem}.summary-content-compact{padding:var(--spacing-md);gap:var(--spacing-md)}.pattern-grid{grid-template-columns:1fr}.signal-detail,.signal-pattern{font-size:.85rem}.analysis-footer{grid-template-columns:1fr;gap:var(--spacing-sm)}}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.controls,footer,header{display:none}.archetype-section,.event-node{page-break-inside:avoid}}