:root{--color-void: #0a0a0f;--color-surface: #12121a;--color-atmosphere: #1a2332;--color-ice: #a8c5d6;--color-warmth: #d4654a;--color-data: #4a9ead;--color-life: #5a8a5e;--color-text-primary: #c8d6e0;--color-text-secondary: #6a7a88;--color-text-poetic: #e0d8cc;--font-display: "EB Garamond", "Cormorant Garamond", Georgia, serif;--font-data: "JetBrains Mono", "Fira Code", monospace;--font-ui: "DM Sans", "Helvetica Neue", sans-serif;--space-unit: 8px;--radius-sm: 4px;--radius-md: 8px;--transition-slow: 2s cubic-bezier(.25, .1, .25, 1);--transition-medium: .6s cubic-bezier(.25, .1, .25, 1);--transition-fast: .2s ease-out;--blur-glass: blur(20px);--shadow-glow: 0 0 30px rgba(74, 158, 173, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-void);color:var(--color-text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;position:relative}#terra-viva-canvas{display:block;width:100%;height:100%;position:absolute;top:0;left:0}.no-select{user-select:none;-webkit-user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.welcome-screen{position:fixed;inset:0;z-index:200;background:var(--color-void);transition:opacity 1s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.welcome-screen__inner{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(32px,env(safe-area-inset-top,32px)) 16px max(32px,env(safe-area-inset-bottom,32px));box-sizing:border-box}.welcome-screen--hidden{opacity:0;pointer-events:none}@media (max-width: 480px){.welcome-screen__title{font-size:2.4rem!important;margin-bottom:8px!important}.welcome-screen__subtitle{font-size:.85rem!important;margin-bottom:16px!important}.welcome-screen__description{font-size:1rem!important;margin-bottom:24px!important}.welcome-screen__buttons{gap:10px!important;margin-bottom:20px!important}.welcome-screen__btn{padding:12px 28px!important;min-width:220px!important;font-size:.85rem!important}.welcome-screen__progress{margin-bottom:20px!important}}.welcome-screen__title{font-family:var(--font-display);font-size:4rem;font-weight:300;color:var(--color-ice);letter-spacing:.15em;margin-bottom:12px;opacity:0;animation:ws-fade-in 1.5s ease-out forwards}.welcome-screen__subtitle{font-family:var(--font-ui);font-size:1rem;color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:32px;opacity:0;animation:ws-fade-in 1.5s ease-out .5s forwards}.welcome-screen__description{font-family:var(--font-display);font-size:1.15rem;font-style:italic;color:var(--color-text-primary);max-width:440px;text-align:center;line-height:1.6;margin-bottom:48px;opacity:0;animation:ws-fade-in 1.5s ease-out .7s forwards}.welcome-screen__buttons{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:48px;opacity:0;animation:ws-fade-in 1.5s ease-out 1s forwards}.welcome-screen__btn{background:transparent;border:1px solid var(--color-atmosphere);color:var(--color-text-primary);padding:16px 48px;font-family:var(--font-ui);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .4s ease,color .4s ease,opacity .4s ease;min-width:260px}.welcome-screen__btn:hover:not(:disabled){background:var(--color-atmosphere)}.welcome-screen__btn:disabled{opacity:.3;cursor:not-allowed}.welcome-screen__btn--secondary{border-color:#6a7a884d;color:var(--color-text-secondary);font-size:.8rem}.welcome-screen__loading{font-family:var(--font-ui);font-size:.8rem;color:var(--color-text-secondary);opacity:.5;height:20px;margin-bottom:8px;transition:opacity .4s ease}.welcome-screen__progress{width:200px;height:2px;background:var(--color-atmosphere);border-radius:1px;margin-bottom:32px;overflow:hidden}.welcome-screen__progress-fill{height:100%;width:0;background:var(--color-data);border-radius:1px;transition:width .3s ease}.welcome-screen__credits{font-family:var(--font-ui);font-size:.75rem;color:var(--color-text-secondary);opacity:0;animation:ws-fade-in 1.5s ease-out 1.5s forwards}.welcome-screen__credits span{opacity:.5}.welcome-screen__docs-btn{background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-ui);font-size:.7rem;letter-spacing:.06em;cursor:pointer;opacity:.4;margin-top:12px;padding:4px 8px;transition:opacity .3s ease;text-decoration:underline;text-underline-offset:3px}.welcome-screen__docs-btn:hover{opacity:.8}.welcome-screen__version{font-family:var(--font-data);font-size:.65rem;color:var(--color-text-secondary);opacity:.25;margin-top:8px;letter-spacing:.05em}@keyframes ws-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.exploration-panel{position:fixed;top:0;left:0;bottom:0;width:300px;z-index:60;background:#12121abf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(26,35,50,.5);padding:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;transform:translate(0);transition:transform .4s ease-out}.exploration-panel--closed{transform:translate(-100%)}.exploration-panel__toggle{position:fixed;top:16px;left:16px;z-index:61;width:40px;height:40px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:8px;opacity:.4;transition:opacity .3s ease}.exploration-panel__toggle:hover{opacity:.8}.exploration-panel__toggle span{display:block;width:24px;height:2px;background:var(--color-text-primary);transition:transform .3s ease}.exploration-panel--open~.exploration-panel__toggle{left:316px}.ep__header{font-family:var(--font-display);font-size:1rem;color:var(--color-ice);letter-spacing:.1em}.ep__section-name{font-family:var(--font-ui);font-size:.95rem;color:var(--color-text-primary);margin-bottom:2px}.ep__section-years{font-family:var(--font-data);font-size:.8rem;color:var(--color-text-secondary)}.ep__data{font-family:var(--font-data);font-size:.85rem;color:var(--color-data);line-height:1.8}.ep__divider{height:1px;background:#1a233280}.ep__progress-wrap{display:flex;align-items:center;gap:8px;cursor:pointer}.ep__progress-track{flex:1;height:3px;background:var(--color-atmosphere);border-radius:2px;position:relative;overflow:hidden}.ep__progress-fill{height:100%;background:var(--color-data);border-radius:2px;transition:width .1s linear}.ep__progress-time{font-family:var(--font-data);font-size:.75rem;color:var(--color-text-secondary);min-width:35px;text-align:right}.ep__slider-group{display:flex;flex-direction:column;gap:12px}.ep__slider-label{font-family:var(--font-ui);font-size:.8rem;color:var(--color-text-secondary);margin-bottom:4px}.ep__slider{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:var(--color-atmosphere);border-radius:1px;outline:none}.ep__slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--color-ice);cursor:pointer}.ep__slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--color-ice);border:none;cursor:pointer}.ep__text{font-family:var(--font-display);font-style:italic;font-size:.95rem;color:var(--color-text-poetic);line-height:1.5;min-height:48px}.ep__record-btn{background:none;border:1px solid var(--color-atmosphere);color:var(--color-text-primary);font-family:var(--font-ui);font-size:.8rem;letter-spacing:.04em;cursor:pointer;padding:8px 12px;transition:border-color .3s ease,color .3s ease;text-align:left;width:100%}.ep__record-btn:hover{border-color:var(--color-data)}.ep__record-btn--active{border-color:#d4654a80;color:var(--color-warmth);animation:rec-pulse 1.5s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.6}}.ep__info-btn{display:block;background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-ui);font-size:.85rem;cursor:pointer;text-align:left;text-decoration:none;padding:4px 0;opacity:.6;transition:opacity .3s ease}.ep__info-btn:hover,.ep__info-btn:focus{opacity:1;outline:none}.ep__back-btn{background:none;border:none;color:var(--color-text-secondary);font-family:var(--font-ui);font-size:.85rem;cursor:pointer;text-align:left;padding:4px 0;opacity:.4;transition:opacity .3s ease}.ep__back-btn:hover{opacity:.8}.ep__dots{display:flex;gap:10px;justify-content:center;padding-top:8px}.ep__dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--color-text-secondary);opacity:.4;cursor:pointer;background:transparent;padding:0;transition:all .4s ease}.ep__dot--active{background:var(--color-ice);border-color:var(--color-ice);opacity:1;animation:hud-pulse 2s ease-in-out infinite}.exploration__fullscreen-btn{position:fixed;top:16px;right:16px;z-index:55;width:32px;height:32px;background:none;border:1px solid rgba(168,197,214,.2);border-radius:4px;color:var(--color-text-primary);cursor:pointer;opacity:.3;transition:opacity .3s ease;font-size:16px;display:flex;align-items:center;justify-content:center}.exploration__fullscreen-btn:hover{opacity:.7}.exploration__help-btn{position:fixed;top:16px;right:56px;z-index:55;width:32px;height:32px;background:none;border:1px solid rgba(168,197,214,.2);border-radius:4px;color:var(--color-text-primary);cursor:pointer;opacity:.3;transition:opacity .3s ease;font-family:var(--font-ui);font-size:14px;text-decoration:none;line-height:30px;text-align:center;display:inline-block}.exploration__help-btn:hover,.exploration__help-btn:focus{opacity:.7;outline:none}.exploration__section-dots{position:fixed;bottom:16px;right:16px;display:flex;gap:10px;z-index:55}@media (max-width: 768px){.exploration-panel{width:100%;border-right:none}.exploration-panel--open~.exploration-panel__toggle{left:16px}}.info-overlay{position:fixed;inset:0;z-index:90;background:#0a0a0feb;opacity:0;transition:opacity .4s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.info-overlay__inner{min-height:100%;display:flex;align-items:center;justify-content:center;padding:max(40px,env(safe-area-inset-top,40px)) 16px max(40px,env(safe-area-inset-bottom,40px));box-sizing:border-box}.info-overlay__card{max-width:600px;width:100%;text-align:center}.info-overlay__title{font-family:var(--font-display);font-size:1.8rem;font-weight:300;color:var(--color-ice);letter-spacing:.12em;margin:0 0 8px}.info-overlay__subtitle{font-family:var(--font-display);font-style:italic;font-size:1.05rem;color:var(--color-text-primary);margin:0 0 24px}.info-overlay__body{font-family:var(--font-ui);font-size:.95rem;color:var(--color-text-primary);line-height:1.7;margin:0 0 16px;text-align:left}.info-overlay__credits{margin:24px 0;padding:16px 0;border-top:1px solid rgba(26,35,50,.5);border-bottom:1px solid rgba(26,35,50,.5)}.info-overlay__credits p{font-family:var(--font-data);font-size:.8rem;color:var(--color-text-secondary);margin:4px 0;text-align:left}.info-overlay__institution{font-family:var(--font-ui);font-size:.85rem;color:var(--color-text-secondary);line-height:1.6;margin:0 0 24px}.info-overlay__close{background:none;border:1px solid var(--color-atmosphere);color:var(--color-text-primary);font-family:var(--font-ui);font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;padding:12px 40px;cursor:pointer;transition:background .4s ease}.info-overlay__close:hover{background:var(--color-atmosphere)}.hint-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom,24px));transform:translate(-50%) translateY(20px);z-index:85;background:#0a0a0feb;border:1px solid rgba(168,197,214,.25);color:var(--color-text-primary);font-family:var(--font-ui);font-size:.95rem;padding:14px 22px;border-radius:6px;max-width:calc(100vw - 40px);text-align:center;opacity:0;transition:opacity .5s ease,transform .5s ease;pointer-events:none;box-shadow:0 4px 24px #0000004d}.hint-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}.text-overlay{position:fixed;bottom:15%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:50;max-width:70vw}.text-overlay__content{background:#000000bf;padding:16px 24px;border-radius:4px}.text-overlay__it{font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.6rem);font-style:italic;font-weight:400;color:#ffffffe6;letter-spacing:.03em;line-height:1.4;margin-bottom:.4rem}.text-overlay__en{font-family:var(--font-display);font-size:clamp(1rem,1.9vw,1.3rem);font-style:italic;font-weight:400;color:#ffffffd9;letter-spacing:.02em;line-height:1.35}.performance-mode .text-overlay__it{font-size:clamp(1.6rem,3.5vw,2.2rem)}.performance-mode .text-overlay__en{display:none}