:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f8f8;--color-bg-tertiary: #f2f2f2;--color-text-primary: #111111;--color-text-secondary: #555555;--color-text-tertiary: #888888;--color-accent: #000000;--color-border: #e0e0e0;--color-border-strong: #c0c0c0;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.563rem;--font-size-2xl: 1.953rem;--font-size-3xl: 2.441rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--space-2xl: 12rem;--transition-fast: .2s cubic-bezier(.2, 0, .2, 1);--transition-base: .3s cubic-bezier(.2, 0, .2, 1);--transition-slow: .5s cubic-bezier(.2, 0, .2, 1);--focus-ring-color: #007aff;--focus-ring-width: 3px}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.reduced-motion *,.reduced-motion :before,.reduced-motion :after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.high-contrast{--color-bg-primary: #ffffff;--color-bg-secondary: #ffffff;--color-bg-tertiary: #ffffff;--color-text-primary: #000000;--color-text-secondary: #000000;--color-text-tertiary: #333333;--color-accent: #000000;--color-border: #000000;--color-border-strong: #000000}.fail-safe{filter:sepia(.5) hue-rotate(-50deg) contrast(1.2);border:5px solid #ff0000}.fail-safe:before{content:"QUANTUM INTEGRITY BREACH - FAIL-SAFE ACTIVE";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff0000e6;color:#fff;padding:20px 40px;font-family:var(--font-family-mono);font-weight:700;z-index:10000;pointer-events:none;animation:flash 1s infinite}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;position:relative;transition:filter .5s ease,background-color .5s ease}h1,h2,h3{line-height:1.2;font-weight:300;letter-spacing:-.02em}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl);font-weight:400}h3{font-size:var(--font-size-xl);font-weight:400}.typing-text{display:inline}.typing-text:after{content:"|";display:inline-block;margin-left:2px;animation:blink 1s step-end infinite}.typing-text.completed:after{display:none}#footer-text:after{display:none}@keyframes blink{50%{opacity:0}}@keyframes flash{0%,to{opacity:1}50%{opacity:.5}}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-accent);color:var(--color-bg-primary);padding:var(--space-sm);z-index:1000;font-weight:500}.skip-link:focus{top:0}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.nav-container{max-width:1200px;margin:0 auto;padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center}.logo{font-size:var(--font-size-lg);font-weight:300;color:var(--color-text-primary);text-decoration:none;line-height:1.1;white-space:nowrap}@media (max-width: 768px){.nav-container{flex-direction:column;gap:.8rem;padding-top:1.2rem;padding-bottom:1.2rem}.logo{font-size:1.25rem;margin-bottom:0}.nav-menu{gap:1.5rem}.nav-link{font-size:.85rem;letter-spacing:.05em;opacity:.8}}.nav-menu{display:flex;gap:var(--space-md);list-style:none}.nav-link{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-secondary);transition:color var(--transition-base);text-decoration:none;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-accent);transition:width var(--transition-base)}.nav-link:hover:after,.nav-link:focus:after{width:100%}.countdown-link{display:flex;align-items:center;opacity:.6;transition:opacity var(--transition-base),color var(--transition-base)}.countdown-link:hover{opacity:1;color:var(--color-accent)}.countdown-link:after{display:none!important}.countdown-icon{animation:blink-soft 2s infinite ease-in-out;margin-top:2px}@keyframes blink-soft{0%,to{opacity:.4}50%{opacity:1}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-2xl) var(--space-md);padding-top:calc(var(--space-2xl) + 60px)}.hero-content{max-width:800px}.hero-title{margin-bottom:var(--space-md);font-weight:300;letter-spacing:-.03em}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-weight:300}.hero-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8;min-height:3em}.section{min-height:100vh;padding:var(--space-2xl) var(--space-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:pan-y}.section:nth-child(2n){background:var(--color-bg-secondary)}.section-container{width:100%;max-width:1200px;margin:0 auto}.section-header{margin-bottom:var(--space-xl);text-align:center}.section-number{display:block;font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-tertiary);margin-bottom:var(--space-xs)}.section-title{margin-bottom:var(--space-sm)}.section-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.8;max-width:800px;margin:0 auto;min-height:3em}.machine-canvas-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid var(--color-border);border-radius:4px;overflow:hidden;background:var(--color-bg-tertiary);margin-bottom:var(--space-lg)}#imageCanvas-container,#soundCanvas-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:none}.machine-controls{display:flex;justify-content:center;width:100%}.machine-controls.sound-controls{display:grid;gap:var(--space-md);justify-items:center}#imageCanvas-container canvas,#soundCanvas-container canvas{touch-action:none}.canvas-prompt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:var(--font-size-lg);font-weight:200;letter-spacing:.2em;color:var(--color-text-tertiary);opacity:.7;pointer-events:none;transition:opacity 1s ease}.canvas-prompt.hidden{opacity:0}[data-tooltip]{position:relative;cursor:help;border-bottom:1px dotted currentColor}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#000000f2;color:#fff;padding:12px 16px;border-radius:6px;font-size:13px;line-height:1.6;white-space:normal;max-width:250px;width:auto;z-index:1000;font-family:Courier New,monospace;box-shadow:0 4px 12px #0000004d;animation:tooltipFadeIn .2s ease;pointer-events:none}[data-tooltip]:hover:before{content:"";position:absolute;bottom:115%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000f2;z-index:1001;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){[data-tooltip]:hover:after{max-width:280px;font-size:12px}}.machine-controls{display:grid;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-primary)}.control-group{display:flex;flex-direction:column;gap:var(--space-xs)}.control-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:400;margin-bottom:var(--space-xs)}.control-label span:last-child{font-weight:600;color:var(--color-text);font-family:var(--font-family-mono);background:var(--color-bg-secondary);padding:2px 8px;border-radius:4px;font-size:var(--font-size-xs)}input[type=file]{font-size:var(--font-size-sm);padding:var(--space-sm);border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-primary);transition:border-color var(--transition-base)}input[type=file]:hover{border-color:var(--color-border-strong)}input[type=range]{width:100%;height:4px;background:#e0e0e0;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:2px;margin:10px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#000;cursor:pointer;border-radius:50%;border:none;box-shadow:0 1px 4px #0003;transition:transform var(--transition-fast),box-shadow var(--transition-fast);margin-top:-6px}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}input[type=range]::-webkit-slider-thumb:active{transform:scale(.95);box-shadow:0 1px 3px #0003}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#000;cursor:pointer;border-radius:50%;border:none;box-shadow:0 1px 4px #0003;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.custom-checkbox{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-left:30px;height:24px}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#f0f0f0;border-radius:4px;transition:all .2s ease}.custom-checkbox:hover input~.checkmark{background-color:#e0e0e0}.custom-checkbox input:checked~.checkmark{background-color:var(--color-accent)}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{left:7px;top:3px;width:6px;height:11px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=range]::-moz-range-track{background:transparent;border:none}select{padding:var(--space-sm);border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-base)}.btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-accent);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:400;border-radius:4px;transition:all var(--transition-base)}.btn:hover:not(:disabled){background:var(--color-accent);color:var(--color-bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg-primary)}.btn-primary:hover:not(:disabled){background:var(--color-text-primary)}.btn-sm{padding:4px 12px;font-size:11px;font-weight:500;min-width:auto;width:auto;display:table;margin:10px auto 0}.btn-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}.sound-controls{display:grid;gap:var(--space-md)}.audio-player{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-secondary);width:100%;max-width:500px;margin:0 auto}.audio-player-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.audio-player-controls .btn{min-width:80px;flex-shrink:0}.audio-player-timeline{display:flex;align-items:center;gap:var(--space-sm);width:100%}.audio-player-frequency{display:flex;justify-content:center;padding-top:var(--space-md);border-top:1px solid var(--color-border)}.time-display{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary);min-width:45px}.seek-bar{flex:1;height:4px;background:var(--color-border);border-radius:2px;position:relative;cursor:pointer}.seek-bar-progress{height:100%;background:var(--color-accent);border-radius:2px;transition:width .1s linear}.freq-display{display:flex;gap:var(--space-md);justify-content:center;align-items:flex-end}.freq-bar-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);min-width:40px}.freq-bars{display:flex;flex-direction:column-reverse;gap:2px;height:60px}.freq-bar{width:20px;height:4px;background:var(--color-border);border-radius:2px;transition:all 75ms ease}.freq-bar.active{background:var(--color-accent)}.freq-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;font-family:var(--font-family-mono)}.settings-panel{position:absolute;top:calc(var(--space-sm) + 50px);right:var(--space-sm);width:300px;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 40px #0000001a;border:none;border-radius:12px;padding:20px;z-index:90;display:none;max-height:calc(100% - var(--space-sm) - 60px);overflow-y:auto}.settings-header{font-size:14px;font-weight:500;margin-bottom:16px;color:var(--color-text);letter-spacing:-.02em}.control-group{margin-bottom:24px}.control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.control-label{font-size:14px;color:#666;font-weight:400}.control-value{font-family:var(--font-family-mono);font-size:13px;font-weight:600;color:#333;background:#f5f5f5;padding:4px 8px;border-radius:4px;min-width:32px;text-align:center}.checkbox-group{margin-top:16px;margin-bottom:16px}.settings-panel.open{display:block}.settings-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);width:40px;height:40px;border:1px solid var(--color-border);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;display:flex;align-items:center;justify-content:center;z-index:91;transition:all var(--transition-base)}.settings-btn:hover{background:var(--color-bg-secondary)}.store-card{text-align:center;padding:var(--space-xl);border:1px solid var(--color-border);border-radius:4px;width:100%;max-width:600px;margin:0 auto;box-sizing:border-box}@media (max-width: 768px){.store-card{padding:var(--space-md)}}.store-icon{width:60px;height:60px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center}.store-icon img{width:60px;height:auto}.manifesto-separator{width:60px;height:1px;background-color:var(--color-border);margin:var(--space-xl) auto}.ideology-tree{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:3rem;text-align:center}.tree-level{border:1px solid var(--border-color);padding:1.5rem;width:100%;max-width:600px;background:#0a0a0a80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.level-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:.5rem}.level-title{font-size:1.1rem;margin-bottom:.25rem;font-weight:500}.level-desc{font-size:.9rem;color:var(--text-secondary);margin:0}.tree-connector{color:var(--text-secondary);font-size:1.2rem}.philosophy-refs{margin:2rem 0;padding:0 1rem;text-align:center}.ref-quote{font-family:Times New Roman,serif;font-style:italic;font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.ref-quote em{font-family:var(--font-mono);font-style:normal;font-size:.8rem;display:block;margin-top:.5rem;color:var(--text-primary)}.manifesto-actions{display:flex;justify-content:center;margin-top:2rem}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-md) var(--space-md);background:var(--color-bg-secondary);text-align:center}.footer-content{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media (min-width: 768px) and (max-width: 1024px){.hero-title{font-size:clamp(2.5rem,5vw,3.5rem)}.machine-canvas-wrapper{height:60vh;max-height:500px;aspect-ratio:auto}.section-container{padding:0 var(--space-lg)}.about-container{max-width:800px}.settings-panel{width:320px}}@media (min-width: 1440px){.section-container{max-width:1400px}.hero-title{font-size:4rem}.machine-canvas-wrapper{max-height:700px}.about-container{max-width:1000px}}@media (max-width: 768px){.nav-menu{gap:var(--space-sm)}.nav-link{font-size:var(--font-size-xs)}.btn-group{flex-direction:column}.btn-group .btn{width:100%}.settings-panel{right:var(--space-sm);width:calc(100% - var(--space-md))}#image-machine .machine-canvas-wrapper{aspect-ratio:16 / 9!important;height:auto!important;min-height:0!important;max-height:none!important}#sound-machine .machine-canvas-wrapper{aspect-ratio:3 / 4!important;height:auto!important;min-height:400px!important;max-height:none!important;overflow:hidden!important}#audioPlayer{width:100%;display:block}.settings-btn{right:var(--space-sm)}.audio-player-controls{flex-direction:row;justify-content:center;gap:8px;flex-wrap:nowrap;width:100%;max-width:100%}.audio-player{padding:var(--space-md) var(--space-sm)}.audio-player-controls>.btn,.audio-player-controls>.audio-player-file-label{flex:0 0 70px;width:70px;min-width:70px;margin:0}.audio-player-controls .btn{width:100%;height:40px;padding:0;font-size:11px;display:flex;align-items:center;justify-content:center}.drop-zone{padding:20px}.drop-zone-icon{width:36px;height:36px;margin-bottom:var(--space-sm)}.drop-zone-content{width:100%;height:100%;min-height:0;max-height:none;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-lg);background:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.font-mono{font-family:var(--font-family-mono)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.tracking-wide{letter-spacing:.05em}.clone-container{width:100%;height:100%;background:#000;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.clone-text-display{font-family:var(--font-family-mono);color:#fff;font-size:clamp(1.2rem,3vw,2rem);line-height:1.6;text-align:center;max-width:800px;opacity:0;transition:opacity .3s ease;text-shadow:0 0 10px rgba(255,255,255,.5);white-space:pre-wrap}.clone-text-display.visible{opacity:1}.clone-scanline{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.5) 51%);background-size:100% 4px;pointer-events:none;z-index:10;opacity:.3}.clone-scanline:after{content:"";position:absolute;top:0;left:0;width:100%;height:100px;background:linear-gradient(0deg,transparent,rgba(255,255,255,.1),transparent);animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.glitch-text:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim-1 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip:rect(30px,9999px,10px,0)}5%{clip:rect(70px,9999px,90px,0)}10%{clip:rect(10px,9999px,30px,0)}15%{clip:rect(90px,9999px,50px,0)}20%{clip:rect(20px,9999px,60px,0)}25%{clip:rect(60px,9999px,40px,0)}30%{clip:rect(40px,9999px,80px,0)}35%{clip:rect(80px,9999px,10px,0)}40%{clip:rect(10px,9999px,50px,0)}45%{clip:rect(50px,9999px,20px,0)}50%{clip:rect(20px,9999px,70px,0)}55%{clip:rect(70px,9999px,30px,0)}60%{clip:rect(30px,9999px,90px,0)}65%{clip:rect(90px,9999px,40px,0)}70%{clip:rect(40px,9999px,10px,0)}75%{clip:rect(10px,9999px,60px,0)}80%{clip:rect(60px,9999px,20px,0)}85%{clip:rect(20px,9999px,50px,0)}90%{clip:rect(50px,9999px,80px,0)}95%{clip:rect(80px,9999px,30px,0)}to{clip:rect(30px,9999px,70px,0)}}@keyframes glitch-anim-2{0%{clip:rect(10px,9999px,50px,0)}5%{clip:rect(80px,9999px,20px,0)}10%{clip:rect(30px,9999px,90px,0)}15%{clip:rect(60px,9999px,10px,0)}20%{clip:rect(20px,9999px,70px,0)}25%{clip:rect(90px,9999px,30px,0)}30%{clip:rect(40px,9999px,60px,0)}35%{clip:rect(70px,9999px,40px,0)}40%{clip:rect(10px,9999px,80px,0)}45%{clip:rect(50px,9999px,20px,0)}50%{clip:rect(80px,9999px,50px,0)}55%{clip:rect(30px,9999px,10px,0)}60%{clip:rect(60px,9999px,90px,0)}65%{clip:rect(20px,9999px,40px,0)}70%{clip:rect(90px,9999px,30px,0)}75%{clip:rect(40px,9999px,60px,0)}80%{clip:rect(70px,9999px,20px,0)}85%{clip:rect(10px,9999px,80px,0)}90%{clip:rect(50px,9999px,10px,0)}95%{clip:rect(20px,9999px,50px,0)}to{clip:rect(80px,9999px,30px,0)}}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-xl{margin-bottom:var(--space-xl)}.w-full{width:100%}.hidden{display:none!important}.flex-center-gap{display:flex;align-items:center;gap:var(--space-xs)}.machine-stats-text{text-align:center;color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);letter-spacing:.05em}.machine-stat-item{display:inline-block;margin:0 var(--space-md)}.settings-header{margin-bottom:var(--space-md);font-size:var(--font-size-base)}.drop-zone{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.drop-zone-label{pointer-events:auto;cursor:pointer}.drop-zone-content{text-align:center;padding:var(--space-xl);background:#ffffff80;border-radius:4px;border:2px dashed var(--color-border)}.drop-zone-icon{margin:0 auto var(--space-md)}.maintenance-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--color-text-primary);font-family:var(--font-family-mono);padding:var(--space-md)}.maintenance-overlay h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);letter-spacing:.05em}.maintenance-overlay p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.audio-player-file-label{cursor:pointer;display:flex}.about-container{max-width:900px;margin:0 auto}.about-text-block{margin-bottom:var(--space-xl)}.about-text{font-size:var(--font-size-base);line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.about-text:last-child{margin-bottom:0}.about-translation-block{border-top:1px solid var(--color-border);padding-top:var(--space-xl)}.clone-input-container{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);width:90%;max-width:800px;z-index:20;opacity:1;transition:opacity .3s ease;display:flex;flex-direction:column;gap:var(--space-md);align-items:center}.clone-input-container.hidden{opacity:0;pointer-events:none}#clone-source-data{width:100%;height:150px;background:#000c;border:1px solid var(--color-border);color:#fff;font-family:var(--font-family-mono);font-size:.9rem;padding:var(--space-md);resize:none;outline:none;border-radius:4px}#clone-source-data:focus{border-color:var(--color-accent)}#clone-source-data::placeholder{color:#ffffff4d}.btn-clone{background:#fff;color:#000;border:none;padding:var(--space-sm) var(--space-xl);font-family:var(--font-family-mono);font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.1em}.btn-clone:hover{background:var(--color-accent);color:#fff;transform:scale(1.05);box-shadow:0 0 15px var(--color-accent)}.clone-flash-image{position:absolute;object-fit:cover;mix-blend-mode:screen;pointer-events:none;z-index:5;animation:flash-fade .5s ease-out forwards}@keyframes flash-fade{0%{opacity:0;transform:scale(.9)}10%{opacity:.8;transform:scale(1.05)}to{opacity:0;transform:scale(1.1)}}.blink{animation:blink-anim .2s infinite}@keyframes blink-anim{0%,to{opacity:1}50%{opacity:0}}.flash{animation:flash-anim .8s infinite;display:inline-block}@keyframes flash-anim{0%,to{opacity:1}50%{opacity:0}}.manifesto-header{text-align:center;margin-bottom:var(--space-lg)}.lead-text{font-family:var(--font-family-primary);font-size:clamp(1.5rem,4vw,2.5rem);line-height:1.25;letter-spacing:-.02em;font-weight:300}.manifesto-rows{display:flex;flex-direction:column;gap:var(--space-xl)}.manifesto-row{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width: 900px){.manifesto-row{grid-template-columns:1fr 1fr;gap:var(--space-xl)}}.lang-col{display:flex;flex-direction:column}.lang-label{display:none}.manifesto-h3{font-family:var(--font-family-mono);font-size:var(--font-size-base);font-weight:500;letter-spacing:.05em;margin-bottom:var(--space-sm);color:var(--color-text-primary)}.manifesto-list{list-style:none;padding:0;margin:var(--space-md) 0}.manifesto-list li{font-family:var(--font-family-primary);font-size:var(--font-size-lg);margin-bottom:var(--space-sm);padding-left:var(--space-md);position:relative;line-height:1.4;font-weight:300}.manifesto-list li:before{content:"—";position:absolute;left:0;color:var(--color-text-secondary)}.manifesto-list.plain li{font-family:var(--font-family-primary);font-size:var(--font-size-base);margin-bottom:var(--space-sm)}.manifesto-list.plain li:before{content:"•";font-size:.8em;top:0}.sub-label{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-sm) 0}.inline-link{display:inline-block;margin-top:var(--space-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);text-decoration:none;color:var(--color-accent);border-bottom:1px solid currentColor;padding-bottom:2px;transition:opacity var(--transition-base)}.inline-link:hover{opacity:.6}#image-machine-title{touch-action:manipulation}.info-machine-wrapper{background:#000!important;border:1px solid rgba(255,255,255,.1);position:relative;padding:0;display:flex;align-items:center;justify-content:center}.info-terminal{width:100%;height:100%;display:flex;flex-direction:column;color:#fff;font-family:var(--font-family-mono);text-shadow:0 0 5px rgba(255,255,255,.3)}.terminal-header{background:#ffffff0d;padding:10px 15px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.terminal-dots{display:flex;gap:6px;margin-right:15px}.terminal-dots span{width:8px;height:8px;border-radius:50%;background:#fff3}.terminal-title{font-size:10px;letter-spacing:.1em;opacity:.5}.terminal-content{flex:1;display:flex;flex-direction:column;padding:20px;overflow:hidden;gap:20px}.terminal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.grid-item h3{font-size:12px;margin-bottom:15px;color:#fff6;letter-spacing:.1em;font-weight:500}.metric-line{font-size:14px;margin-bottom:8px;display:flex;justify-content:space-between}.metric-value{color:#fff;font-weight:600}.status-evolving{animation:glow-pulse 2s infinite ease-in-out;color:#fff;text-decoration:underline}.arch-list{list-style:none;font-size:13px}.arch-list li{display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.05)}.version{opacity:.5;font-size:11px}.nodes-container{height:100px;border:1px solid rgba(255,255,255,.05);position:relative;background:#ffffff05;border-radius:4px}.system-node{position:absolute;width:6px;height:6px;border:1px solid rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%,-50%);animation:node-flicker 3s infinite alternate;cursor:crosshair;transition:all .3s ease}.terminal-logs{flex:1;display:flex;flex-direction:column;background:#0000004d;border-radius:4px;border:1px solid rgba(255,255,255,.05);overflow:hidden}.logs-header{font-size:10px;padding:8px 12px;background:#ffffff08;color:#ffffff4d}.log-container{padding:10px;font-size:12px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;font-family:Courier New,monospace;scrollbar-width:none}.log-container::-webkit-scrollbar{display:none}.log-time{color:#ffffff4d;margin-right:10px}.log-msg{color:#fffc}@keyframes glow-pulse{0%,to{opacity:.7;text-shadow:0 0 5px #fff}50%{opacity:1;text-shadow:0 0 15px #fff}}@keyframes node-flicker{0%{opacity:.2;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}@media (max-width: 768px){.terminal-grid{grid-template-columns:1fr;gap:15px}.nodes-container{height:60px}.info-machine-wrapper{aspect-ratio:auto;min-height:500px}}body.superhigh-active{animation:superhigh-shake .1s infinite;overflow-x:hidden}body.superhigh-active .site-header{background:#f003;border-bottom:2px solid #ff0000}body.superhigh-active .hero-title,body.superhigh-active .section-title{animation:superhigh-glitch-text .2s infinite;color:red;text-shadow:2px 2px #0000ff,-2px -2px #00ff00}@keyframes superhigh-shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes superhigh-glitch-text{0%{transform:skew(0)}20%{transform:skew(5deg)}40%{transform:skew(-5deg)}60%{transform:skew(2deg)}80%{transform:skew(-2deg)}to{transform:skew(0)}}.gesture-indicator{position:fixed;top:20px;right:20px;z-index:10000;display:flex;align-items:center;gap:10px;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px 15px;border-radius:40px;border:1px solid rgba(0,255,0,.3);font-family:JetBrains Mono,monospace;font-size:10px;color:#0f0;pointer-events:none;transition:opacity .5s ease;opacity:0}.gesture-indicator.active{opacity:1}.gesture-dot{width:6px;height:6px;background:#0f0;border-radius:50%;box-shadow:0 0 10px #0f0;animation:flash 1s infinite alternate}@keyframes flash{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.gesture-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;text-align:center;pointer-events:none;transition:opacity .3s cubic-bezier(.2,0,.2,1);opacity:0}.gesture-overlay.visible{opacity:1;animation:gesture-popup .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes gesture-popup{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.gesture-icon{font-size:120px;margin-bottom:20px;filter:drop-shadow(0 0 30px rgba(0,255,0,.5))}.gesture-label{font-family:Inter,sans-serif;font-weight:500;letter-spacing:5px;color:#fff;background:#000000e6;padding:10px 40px;border-radius:4px;text-transform:uppercase;font-size:24px}.resonance-approve .gesture-icon{filter:drop-shadow(0 0 30px rgba(0,255,0,.8));color:#0f0}.resonance-cancel .gesture-icon{filter:drop-shadow(0 0 30px rgba(255,0,0,.8));color:#f33}.resonance-start .gesture-icon{filter:drop-shadow(0 0 30px rgba(255,255,255,.8));color:#fff}@media (max-width: 768px){.resonance-widget{display:none}}.agent-widget{position:fixed;bottom:30px;right:30px;display:flex;align-items:center;gap:15px;z-index:9999;font-family:var(--font-family-mono);pointer-events:none;transition:opacity .5s ease}.agent-widget.hidden{opacity:0}.agent-heartbeat{position:relative;width:20px;height:20px}.heartbeat-core{width:8px;height:8px;background:#0ff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #0ff;animation:agentPulse var(--heartbeat-rate, 2s) infinite ease-in-out}.heartbeat-ripple{width:20px;height:20px;border:1px solid #00ffff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;animation:agentRipple var(--heartbeat-rate, 2s) infinite ease-out}.agent-log-container{display:flex;flex-direction:column;align-items:flex-end}.agent-status{font-size:10px;font-weight:700;letter-spacing:.1em;color:#555;text-transform:uppercase;margin-bottom:2px}.agent-log{font-size:11px;color:#888;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 5px rgba(0,0,0,.8);background:#0009;padding:2px 4px;border-radius:2px}@keyframes agentPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.5);opacity:1}}@keyframes agentRipple{0%{transform:translate(-50%,-50%) scale(.5);opacity:1;border-width:2px}to{transform:translate(-50%,-50%) scale(2.5);opacity:0;border-width:0px}}#resonance-machine{background:#000;color:#f0f;padding:var(--space-xl) var(--space-md)}#resonance-machine .section-title{color:#f0f;text-shadow:0 0 10px rgba(255,0,255,.5);font-family:var(--font-family-mono)}.resonance-terminal{background:#000000e6;border:1px solid #333;border-radius:4px;padding:30px;font-family:var(--font-family-mono);max-width:900px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 40px #000}.resonance-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #222;padding-bottom:15px;margin-bottom:25px;font-size:11px;letter-spacing:2px}.res-dot{display:inline-block;width:8px;height:8px;background:#f0f;border-radius:50%;margin-right:10px;box-shadow:0 0 8px #f0f;animation:pulse-mythic 2s infinite}@keyframes pulse-mythic{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.9)}}.resonance-list{display:flex;flex-direction:column;gap:12px}.resonance-row{display:grid;grid-template-columns:80px 1fr 120px;font-size:13px;opacity:0;animation:slide-in-mythic .5s ease forwards;padding:5px 0;border-bottom:1px solid rgba(255,0,255,.05)}@keyframes slide-in-mythic{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.res-col-id{color:#666}.res-col-name{color:#f0f;text-transform:uppercase}.res-col-status{text-align:right;font-size:11px;letter-spacing:1px}.res-col-status.ghost{opacity:.6}.glitch-spike{animation:glitch-flash .3s cubic-bezier(.25,.46,.45,.94) both}@keyframes glitch-flash{0%{transform:translate(0);background:#000000e6}20%{transform:translate(-2px,2px);background:#f0f3}40%{transform:translate(-2px,-2px);background:#0ff3}60%{transform:translate(2px,2px);background:#ffffff1a}80%{transform:translate(2px,-2px)}to{transform:translate(0);background:#000000e6}}.obs-archive{text-align:center;margin-top:30px;font-size:11px;color:#444;letter-spacing:8px;text-transform:uppercase}.glitch-spike{animation:glitch-flash .3s ease}@keyframes glitch-flash{0%{filter:brightness(1)}50%{filter:brightness(3);transform:scale(1.005)}to{filter:brightness(1)}}@media (max-width: 768px){.resonance-row{grid-template-columns:60px 1fr 80px;font-size:11px}}#brain-hack{background:#000;color:#fff;overflow:hidden}#brain-hack .section-title{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}#brain-hack .section-description{color:#888}#brain-hack .machine-canvas-wrapper{background:#050505;border-color:#222}#brain-hack-section-canvas{width:100%;height:100%;display:block}#brain-hack .machine-stat-item{font-family:var(--font-family-mono);color:#0fc;text-shadow:0 0 5px rgba(0,255,204,.4)}.gj-mode-active #brain-hack{background:#fff;color:#000}