:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;color:#fff;min-height:100vh}main{position:relative;z-index:1;width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.text-container{position:relative;width:100%;text-align:center;padding:0 5vw}.text-layer{position:absolute;left:0;right:0}.title{font-family:Lexend Zetta,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;font-style:normal;font-size:clamp(1.2rem,5vw,8rem);letter-spacing:.5em;text-indent:.5em;text-align:center;--title-text-hue: 200;--title-glow-hue: 200;--title-glow-intensity: 1;--title-saturation: 100%;--title-lightness: 70%;color:hsl(var(--title-text-hue) var(--title-saturation) var(--title-lightness));text-shadow:0 0 calc(20px * var(--title-glow-intensity)) hsl(var(--title-glow-hue) var(--title-saturation) var(--title-lightness) / calc(.8 * var(--title-glow-intensity))),0 0 calc(40px * var(--title-glow-intensity)) hsl(var(--title-glow-hue) var(--title-saturation) var(--title-lightness) / calc(.5 * var(--title-glow-intensity))),0 0 calc(60px * var(--title-glow-intensity)) hsl(var(--title-glow-hue) var(--title-saturation) var(--title-lightness) / calc(.3 * var(--title-glow-intensity)))}.subtitle{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:clamp(.9rem,2vw,1.8rem);letter-spacing:.4em;text-indent:.4em;text-align:center;margin-top:1.5rem;--subtitle-text-hue: 200;--subtitle-glow-hue: 200;--subtitle-glow-intensity: 1;--subtitle-saturation: 100%;--subtitle-lightness: 70%;color:hsl(var(--subtitle-text-hue) var(--subtitle-saturation) var(--subtitle-lightness));text-shadow:0 0 calc(15px * var(--subtitle-glow-intensity)) hsl(var(--subtitle-glow-hue) var(--subtitle-saturation) var(--subtitle-lightness) / calc(.6 * var(--subtitle-glow-intensity))),0 0 calc(30px * var(--subtitle-glow-intensity)) hsl(var(--subtitle-glow-hue) var(--subtitle-saturation) var(--subtitle-lightness) / calc(.4 * var(--subtitle-glow-intensity)))}.gear-icon{position:fixed;bottom:16px;left:16px;z-index:100;background:none;border:none;color:#ffffff14;cursor:pointer;padding:6px;line-height:0;transition:color .4s ease}.gear-icon:hover{color:#ffffff59}.control-panel{position:fixed;top:20px;right:20px;background:#000c;border:1px solid rgba(100,180,255,.3);border-radius:8px;padding:20px;color:#64b4ff;font-family:Montserrat,sans-serif;font-size:.85rem;width:280px;max-height:90vh;overflow-y:auto;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px;box-shadow:0 0 30px #64b4ff33}@media(max-width:768px){.control-panel{width:calc(100vw - 40px);max-width:320px;top:10px;right:10px;max-height:85vh;font-size:.8rem;padding:15px}}@media(max-width:480px){.control-panel{width:calc(100vw - 20px);top:5px;right:5px;left:5px;max-height:80vh;font-size:.75rem;padding:10px}}.control-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(100,180,255,.2)}.control-section:last-child{border-bottom:none}.control-section h3{color:#64b4ff;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:700;margin:0 0 12px;text-transform:uppercase;letter-spacing:.1em}.control-section label{display:block;color:#64b4ffe6;font-family:Montserrat,sans-serif;font-size:.75rem;margin-bottom:8px;font-weight:400}.control-section label.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.control-section label.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.control-section input[type=range]{width:100%;margin-top:4px;accent-color:#64b4ff}.control-section input[type=range].hue-slider{background:linear-gradient(to right,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#7f00ff,#f0f,#ff0080,red);height:8px;border-radius:4px;-webkit-appearance:none;appearance:none}.control-section input[type=range].hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #64b4ff;cursor:pointer;box-shadow:0 0 4px #00000080}.control-section input[type=range].hue-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #64b4ff;cursor:pointer;box-shadow:0 0 4px #00000080}.toggle-btn{background:#64b4ff33;border:1px solid rgba(100,180,255,.5);color:#64b4ff;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:15px;width:100%;transition:all .3s ease}.toggle-btn:hover{background:#64b4ff4d;box-shadow:0 0 10px #64b4ff4d}.export-btn{margin-bottom:20px}.show-btn{position:fixed;top:20px;right:20px;z-index:1000;width:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3}.control-panel::-webkit-scrollbar{width:8px}.control-panel::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.control-panel::-webkit-scrollbar-thumb{background:#64b4ff80;border-radius:4px}.control-panel::-webkit-scrollbar-thumb:hover{background:#64b4ffb3}.matrix-rain.svelte-1tnmkyj,.starfield.svelte-g1sx3z{position:fixed;inset:0;width:100vw;height:100vh;z-index:0}.matrix-controls.svelte-12wx76g{position:fixed;top:20px;right:20px;background:#00000059;border:1px solid rgba(0,255,70,.3);border-radius:8px;padding:20px;color:#00ff46;font-family:Montserrat,monospace,sans-serif;font-size:.85rem;width:290px;max-height:90vh;overflow-y:auto;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:280px;box-shadow:0 0 30px #00ff4626}.section-header.svelte-12wx76g{color:#00ff46;font-family:Montserrat,monospace,sans-serif;font-size:.9rem;font-weight:700;margin:0 0 12px;padding:0;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;background:none;border:none;width:100%;text-align:left}.section-header.svelte-12wx76g:hover{color:#6f9}.caret.svelte-12wx76g{display:inline-block;font-size:.7rem;transition:transform .2s ease}.caret.open.svelte-12wx76g{transform:rotate(90deg)}.matrix-controls.svelte-12wx76g .control-section:where(.svelte-12wx76g){margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,255,70,.2)}.matrix-controls.svelte-12wx76g .control-section:where(.svelte-12wx76g):last-child{border-bottom:none}.matrix-controls.svelte-12wx76g label:where(.svelte-12wx76g){display:block;color:#00ff46d9;font-family:Montserrat,monospace,sans-serif;font-size:.75rem;margin-bottom:8px;font-weight:400}.matrix-controls.svelte-12wx76g label.checkbox-label:where(.svelte-12wx76g){display:flex;align-items:center;gap:8px;cursor:pointer}.matrix-controls.svelte-12wx76g label.checkbox-label:where(.svelte-12wx76g) input[type=checkbox]:where(.svelte-12wx76g){width:auto;margin:0;cursor:pointer;accent-color:#00ff46}.matrix-controls.svelte-12wx76g input[type=range]:where(.svelte-12wx76g){width:100%;margin-top:4px;accent-color:#00ff46}.matrix-controls.svelte-12wx76g select:where(.svelte-12wx76g){width:100%;margin-top:4px;background:#0009;color:#00ff46;border:1px solid rgba(0,255,70,.4);border-radius:4px;padding:4px 8px;font-family:Montserrat,monospace,sans-serif;font-size:.75rem}.matrix-controls.svelte-12wx76g select:where(.svelte-12wx76g) option:where(.svelte-12wx76g){background:#111;color:#00ff46}.matrix-controls.svelte-12wx76g .toggle-btn:where(.svelte-12wx76g){background:#00ff4626;border:1px solid rgba(0,255,70,.5);color:#00ff46;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:Montserrat,monospace,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:15px;width:100%;transition:all .3s ease}.matrix-controls.svelte-12wx76g .toggle-btn:where(.svelte-12wx76g):hover{background:#00ff4640;box-shadow:0 0 10px #00ff464d}.preset-row.svelte-12wx76g{display:flex;gap:6px;margin-bottom:8px}.preset-row.svelte-12wx76g:last-of-type{margin-bottom:16px}.preset-name.svelte-12wx76g{flex:1;background:#0009;color:#00ff46;border:1px solid rgba(0,255,70,.4);border-radius:4px;padding:6px 8px;font-family:Montserrat,monospace,sans-serif;font-size:.75rem}.preset-name.svelte-12wx76g::placeholder{color:#00ff4659}.preset-btn.svelte-12wx76g{flex:1;margin-bottom:0!important;padding:6px 8px!important;font-size:.7rem!important}.preset-error.svelte-12wx76g{color:#f44;font-size:.7rem;margin-bottom:12px}.matrix-show-btn.svelte-12wx76g{position:fixed;top:20px;right:20px;z-index:1000;width:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid rgba(0,255,70,.5);color:#00ff46;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:Montserrat,monospace,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.matrix-show-btn.svelte-12wx76g:hover{background:#00ff4626;box-shadow:0 0 10px #00ff464d}.matrix-controls.svelte-12wx76g input[type=range].hue-slider:where(.svelte-12wx76g){background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);height:8px;border-radius:4px;-webkit-appearance:none;appearance:none}.matrix-controls.svelte-12wx76g input[type=range].hue-slider:where(.svelte-12wx76g)::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #00ff46;cursor:pointer;box-shadow:0 0 4px #00000080}.matrix-controls.svelte-12wx76g input[type=range].hue-slider:where(.svelte-12wx76g)::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #00ff46;cursor:pointer;box-shadow:0 0 4px #00000080}.matrix-controls.svelte-12wx76g::-webkit-scrollbar{width:8px}.matrix-controls.svelte-12wx76g::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.matrix-controls.svelte-12wx76g::-webkit-scrollbar-thumb{background:#00ff4680;border-radius:4px}.matrix-controls.svelte-12wx76g::-webkit-scrollbar-thumb:hover{background:#00ff46b3}.subsection-label.svelte-12wx76g{color:#00ff4699;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:12px 0 8px;padding-top:8px;border-top:1px solid rgba(0,255,70,.15)}
