body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-deep:#0a0a12;--bg-surface:#12121e;--bg-card:#1a1a2e;--bg-card-hover:#22223a;--border:#63b3ed1f;--border-bright:#63b3ed40;--text-primary:#e2e8f0;--text-secondary:#e2e8f099;--text-dim:#e2e8f059;--accent:#63b3ed;--accent-glow:#63b3ed26;--warning:#f6ad55;--danger:#fc8181;--success:#48bb78;--axis-line:#e2e8f01a;--slider-track:#63b3ed33;--slider-thumb:#63b3ed}*{box-sizing:border-box}body{background-color:#0a0a12;background-color:var(--bg-deep);color:#e2e8f0;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{background:linear-gradient(180deg,#63b3ed14,#0000);border-bottom:1px solid #63b3ed1f;border-bottom:1px solid var(--border);padding:24px 32px;text-align:center}.App-header h1{color:#63b3ed;color:var(--accent);font-size:1.5rem;font-weight:300;letter-spacing:.15em;margin:0;text-transform:uppercase}.App-subtitle{color:#e2e8f059;color:var(--text-dim);font-size:.85rem;letter-spacing:.05em;margin:4px 0 0}.how-it-works{margin-top:8px}.how-it-works-toggle{background:#0000;border:none;color:#e2e8f059;color:var(--text-dim);cursor:pointer;font-size:.8rem;letter-spacing:.03em;padding:4px 0}.how-it-works-toggle:hover{color:#63b3ed;color:var(--accent)}.how-it-works-content{background:#1a1a2e;background:var(--bg-card);border:1px solid #63b3ed1f;border:1px solid var(--border);border-radius:12px;margin:12px auto 0;max-width:520px;padding:16px}.how-it-works-flow{align-items:center;display:flex;flex-direction:column;gap:4px}.how-it-works-step{text-align:center;width:100%}.how-it-works-icon{color:#63b3ed;color:var(--accent);font-size:1.2rem;margin-bottom:2px}.how-it-works-label{color:#e2e8f0;color:var(--text-primary);font-size:.85rem;font-weight:500}.how-it-works-desc{color:#e2e8f059;color:var(--text-dim);font-size:.75rem;line-height:1.5;margin:2px auto 0;max-width:400px}.how-it-works-arrow{color:#63b3ed40;color:var(--border-bright);font-size:.9rem;margin:2px 0}.how-it-works-note{color:#e2e8f059;color:var(--text-dim);font-size:.7rem;font-style:italic;margin:12px 0 0;text-align:center}main{grid-gap:24px;display:grid;gap:24px;grid-template-columns:340px 1fr;margin:0 auto;max-width:1200px;padding:24px;width:100%}.controls,.event-affordance-panel,.experience-panel,.presets,.temporal-container,.visualization{background-color:#1a1a2e;background-color:var(--bg-card);border:1px solid #63b3ed1f;border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:20px}h2,h3,h4{color:#e2e8f0;color:var(--text-primary);font-weight:400;letter-spacing:.03em;margin-top:0}h2{font-size:1.1rem}h3{font-size:.95rem}h3,h4{color:#e2e8f099;color:var(--text-secondary)}h4{font-size:.85rem}.controls-container{grid-column:1/2;max-height:calc(100vh - 120px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:24px}.output-container{display:flex;flex-direction:column;grid-column:2/3}.slider-group{margin-bottom:16px}.slider-group label{color:#e2e8f0;color:var(--text-primary);display:block;font-size:.85rem;margin-bottom:2px}.slider-subtitle{color:#e2e8f059;color:var(--text-dim);display:block;font-size:.75rem;font-weight:300;margin-top:1px}.slider-row{align-items:center;display:flex;gap:12px}.slider-value{font-feature-settings:"tnum";color:#e2e8f099;color:var(--text-secondary);font-size:.75rem;font-variant-numeric:tabular-nums;min-width:32px;text-align:right}input[type=range]{-webkit-appearance:none;background:#63b3ed33;background:var(--slider-track);border-radius:2px;height:4px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#63b3ed;background:var(--slider-thumb);border:2px solid #1a1a2e;border:2px solid var(--bg-card);border-radius:50%;box-shadow:0 0 8px #63b3ed26;box-shadow:0 0 8px var(--accent-glow);cursor:pointer;height:16px;width:16px}input[type=range]::-moz-range-thumb{background:#63b3ed;background:var(--slider-thumb);border:2px solid #1a1a2e;border:2px solid var(--bg-card);border-radius:50%;cursor:pointer;height:16px;width:16px}select{background:#12121e;background:var(--bg-surface);border:1px solid #63b3ed1f;border:1px solid var(--border);border-radius:8px;color:#e2e8f0;color:var(--text-primary);font-size:.85rem;padding:8px 12px;width:100%}.controls-analogy{border-left:2px solid #63b3ed1f;border-left:2px solid var(--border);color:#e2e8f059;color:var(--text-dim);font-size:.75rem;font-style:italic;line-height:1.5;margin:0 0 12px;padding-left:10px}.event-feedback{animation:feedbackFade 3s ease-out forwards;background:#12121e;background:var(--bg-surface);border:1px solid #48bb78;border:1px solid var(--success);border-radius:8px;margin-bottom:10px;padding:10px 14px}.event-feedback-text{color:#48bb78;color:var(--success);font-size:.85rem}.event-feedback-detail{color:#e2e8f059;color:var(--text-dim);font-size:.75rem}@keyframes feedbackFade{0%{opacity:1}70%{opacity:1}to{opacity:0}}.presets-note{color:#e2e8f059;color:var(--text-dim);font-size:.75rem;line-height:1.4;margin:0 0 12px}.presets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.preset-button{background:#12121e;background:var(--bg-surface);border:1px solid #63b3ed1f;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:10px;text-align:left;transition:all .2s ease}.preset-button:hover{background:#22223a;background:var(--bg-card-hover);border-color:#63b3ed40;border-color:var(--border-bright)}.preset-name{color:#63b3ed;color:var(--accent);display:block;font-size:.8rem;font-weight:500;margin-bottom:2px}.preset-desc{color:#e2e8f059;color:var(--text-dim);display:block;font-size:.7rem;line-height:1.3}.preset-active{background:#22223a!important;background:var(--bg-card-hover)!important;border-color:#63b3ed!important;border-color:var(--accent)!important}.preset-vignette{background:#12121e;background:var(--bg-surface);border-left:3px solid #63b3ed;border-left:3px solid var(--accent);border-radius:0 8px 8px 0;font-size:.85rem;font-style:italic;margin-top:12px;padding:14px}.experience-panel p,.preset-vignette{color:#e2e8f099;color:var(--text-secondary);line-height:1.7}.experience-panel p{font-size:.9rem}.experience-panel strong{color:#e2e8f0;color:var(--text-primary);font-weight:500}.coherence-polygon,.visualization{align-items:center;display:flex;flex-direction:column}.coherence-polygon .tooltip{background:#12121e;background:var(--bg-surface);border:1px solid #63b3ed40;border:1px solid var(--border-bright);border-radius:8px;color:#e2e8f099;color:var(--text-secondary);font-size:.8rem;margin-top:8px;max-width:300px;padding:12px}.coherence-polygon .tooltip strong{color:#63b3ed;color:var(--accent)}.coherence-polygon .tooltip ul{margin:6px 0 0;padding-left:16px}.coherence-polygon .tooltip li{color:#e2e8f059;color:var(--text-dim);font-size:.75rem}.event-affordance-panel ul{list-style:none;margin:0;padding:0}.event-item{background:#12121e;background:var(--bg-surface);border:1px solid #63b3ed1f;border:1px solid var(--border);border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s ease}.event-item:hover{background:#22223a;background:var(--bg-card-hover);border-color:#63b3ed40;border-color:var(--border-bright)}.event-item strong{color:#63b3ed;color:var(--accent);font-size:.8rem;text-transform:capitalize}.event-item p{color:#e2e8f099;color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin:4px 0}.event-details{color:#e2e8f059;color:var(--text-dim);font-size:.7rem}.temporal-ribbon-container{align-items:flex-end;background:#12121e;background:var(--bg-surface);border-radius:6px;display:flex;gap:1px;height:60px;overflow:hidden;padding:4px}.temporal-ribbon-entry{border-radius:1px;flex:1 1;min-width:2px;transition:height .3s ease}.temporal-container p{color:#e2e8f099;color:var(--text-secondary);font-size:.8rem}.landing-intro{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a12f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.landing-content{max-width:560px;padding:48px 32px;text-align:center}.landing-question{color:#e2e8f0;color:var(--text-primary);font-size:1.3rem;font-weight:300;line-height:1.8;margin-bottom:28px}.landing-quote{color:#63b3ed;color:var(--accent);font-size:1.25rem;font-style:italic;letter-spacing:.02em;line-height:1.8;margin-bottom:32px}.landing-description{color:#e2e8f099;color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin-bottom:20px}.landing-button{background:#0000;border:1px solid #63b3ed;border:1px solid var(--accent);border-radius:24px;color:#63b3ed;color:var(--accent);cursor:pointer;font-size:.9rem;letter-spacing:.05em;margin-top:16px;padding:12px 40px;transition:all .3s ease}.landing-button:hover{background:#63b3ed;background:var(--accent);color:#0a0a12;color:var(--bg-deep)}.walkthrough-overlay{align-items:center;background:#0a0a12d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:900}.walkthrough-panel{background:#1a1a2e;background:var(--bg-card);border:1px solid #63b3ed40;border:1px solid var(--border-bright);border-radius:16px;max-width:480px;padding:32px;text-align:center}.walkthrough-panel h2{color:#63b3ed;color:var(--accent);font-size:1.1rem;margin-bottom:12px}.walkthrough-panel p{color:#e2e8f099;color:var(--text-secondary);font-size:.9rem;line-height:1.7}.walkthrough-panel em{color:#e2e8f059;color:var(--text-dim);font-size:.8rem}.walkthrough-panel button{background:#12121e;background:var(--bg-surface);border:1px solid #63b3ed1f;border:1px solid var(--border);border-radius:8px;color:#e2e8f0;color:var(--text-primary);cursor:pointer;font-size:.85rem;margin:8px 4px 0;padding:8px 24px;transition:all .2s}.walkthrough-panel button:hover{border-color:#63b3ed;border-color:var(--accent);color:#63b3ed;color:var(--accent)}.disclaimer-overlay{align-items:center;background:#0a0a12b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:800}.disclaimer-panel{background:#1a1a2e;background:var(--bg-card);border:1px solid #f6ad55;border:1px solid var(--warning);border-radius:16px;max-width:440px;padding:28px;position:relative}.disclaimer-panel h2{color:#f6ad55;color:var(--warning);font-size:1rem;margin-bottom:8px}.disclaimer-panel p{color:#e2e8f099;color:var(--text-secondary);font-size:.85rem;line-height:1.6}.disclaimer-panel em{color:#e2e8f059;color:var(--text-dim)}.disclaimer-panel .close-button,.walkthrough-panel .close-button{background:#0000;border:none;color:#e2e8f059;color:var(--text-dim);cursor:pointer;font-size:1.2rem;position:absolute;right:16px;top:12px}.tooltip-container{position:relative}.tooltip-container>.tooltip{background:#12121e;background:var(--bg-surface);border:1px solid #63b3ed40;border:1px solid var(--border-bright);border-radius:8px;box-shadow:0 4px 20px #0006;color:#e2e8f099;color:var(--text-secondary);font-size:.8rem;left:100%;margin-left:12px;padding:10px 14px;position:absolute;top:50%;transform:translateY(-50%);width:240px;z-index:100}.tooltip-container>.tooltip em{color:#e2e8f059;color:var(--text-dim);font-size:.75rem}.mirror-overlay{align-items:center;background:#0a0a12;background:var(--bg-deep);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.mirror-content{max-width:480px;padding:32px;text-align:center;width:100%}.mirror-progress{background:#63b3ed1f;background:var(--border);border-radius:1px;height:2px;margin-bottom:48px;overflow:hidden;width:100%}.mirror-progress-bar{background:#63b3ed;background:var(--accent);border-radius:1px;height:100%;transition:width .4s ease}.mirror-question{color:#e2e8f0;color:var(--text-primary);font-size:1.3rem;font-weight:300;line-height:1.7;margin-bottom:32px}.mirror-options{display:flex;flex-direction:column;gap:12px}.mirror-option{background:#1a1a2e;background:var(--bg-card);border:1px solid #63b3ed1f;border:1px solid var(--border);border-radius:12px;color:#e2e8f099;color:var(--text-secondary);cursor:pointer;font-size:.95rem;line-height:1.5;padding:16px 20px;text-align:left;transition:all .2s ease}.mirror-option:hover{background:#22223a;background:var(--bg-card-hover);border-color:#63b3ed;border-color:var(--accent);color:#e2e8f0;color:var(--text-primary)}.mirror-hint{color:#e2e8f059;color:var(--text-dim);font-size:.75rem;font-style:italic;margin-top:24px}.mirror-reveal{animation:mirrorFadeIn .8s ease-out;max-width:520px;padding:32px;text-align:center;width:100%}.mirror-reveal-headline{color:#63b3ed;color:var(--accent);font-size:2.2rem;font-weight:300;letter-spacing:.08em;margin:0 0 8px}.mirror-reveal-subtitle{color:#e2e8f059;color:var(--text-dim);font-size:.9rem;margin:0 0 32px}.mirror-reading{margin:0 auto 28px;max-width:440px;text-align:left}.mirror-reading p{color:#e2e8f099;color:var(--text-secondary);font-size:.95rem;line-height:1.8;margin:0 0 16px}.mirror-closing{border-top:1px solid #63b3ed1f;border-top:1px solid var(--border);color:#e2e8f059!important;color:var(--text-dim)!important;font-style:italic;margin-top:20px!important;padding-top:16px}.mirror-disclaimer{color:#e2e8f059;color:var(--text-dim);font-size:.75rem;line-height:1.6;margin:0 auto 24px;max-width:380px}@keyframes mirrorFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){main{grid-template-columns:1fr;padding:16px}.controls-container{grid-column:1;max-height:none;position:static}.output-container{grid-column:1}.presets-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.99fa5217.css.map*/