@font-face{font-family:Fixedsys Excelsior;src:url(https://cdn.jsdelivr.net/gh/kika/fixedsys@master/web/fixedsys-excelsior-3.01.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/kika/fixedsys@master/web/fixedsys-excelsior-3.01.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Perfect DOS VGA 437";src:url(https://cdn.jsdelivr.net/gh/rbanffy/perfect-dos-vga-437@master/fonts/Perfect_DOS_VGA_437.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/rbanffy/perfect-dos-vga-437@master/fonts/Perfect_DOS_VGA_437.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--grid-size: 40px;--grid-color: rgba(0, 255, 255, .15);--grid-glitch-color: rgba(0, 255, 255, .3);--grid-enabled: 1;--grid-glitch-enabled: 0}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;opacity:var(--grid-enabled);background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:calc(var(--grid-size) / -2) calc(var(--grid-size) / -2);pointer-events:none;z-index:1;transition:opacity .3s ease}.grid-enabled{--grid-enabled: 1}.grid-disabled{--grid-enabled: 0}.grid-glitch-enabled{--grid-glitch-enabled: 1}.grid-glitch-disabled{--grid-glitch-enabled: 0}.grid-small{--grid-size: 20px}.grid-medium{--grid-size: 40px}.grid-large{--grid-size: 60px}.grid-high-contrast{--grid-color: rgba(0, 255, 255, .15);--grid-glitch-color: rgba(0, 255, 255, .5)}@media (max-width: 768px),(hover: none) and (pointer: coarse){:root{--grid-size: 30px}body:before{opacity:var(--grid-enabled);background-attachment:fixed}}@media (max-width: 480px){:root{--grid-size: 25px}}@media (prefers-reduced-motion: reduce){.grid-glitch-enabled{--grid-glitch-enabled: 0}}:root{--terminal-cyan: #00ffff;--terminal-cyan-dim: #00dddd;--terminal-cyan-bright: #66ffff;--terminal-cyan-dark: #004444;--circuit-color: var(--terminal-cyan);--circuit-color-dim: var(--terminal-cyan-dim);--circuit-color-bright: var(--terminal-cyan-bright);--circuit-color-dark: var(--terminal-cyan-dark);--terminal-bg: #000000;--terminal-dark: #0a0a0a;--terminal-font: "Fixedsys", "Courier New", monospace;--terminal-error: #ff4444;--terminal-error-bg: #1a0606;--terminal-error-border: #cc3333;--glow-error: 0 0 10px #ff4444}body{background-color:var(--terminal-bg);color:var(--terminal-cyan);font-family:var(--terminal-font);font-size:14px;margin:0;height:100vh;overflow:hidden}.beta-warning{font-family:var(--terminal-font);font-size:var(--terminal-font-size);color:#000;background:gold;border:2px solid #FFA500;border-radius:4px;box-shadow:0 4px 12px #ffd7004d}.beta-warning--box{margin:1em 0;padding:1.5em;max-width:600px}.beta-warning--banner{position:fixed;top:0;left:0;right:0;z-index:9999;padding:.75em 1em;margin:0;border-radius:0;border-left:none;border-right:none;border-top:none;box-shadow:0 2px 8px #ffd70066}.beta-warning__content{display:flex;align-items:center;gap:.75em}.beta-warning__icon{font-size:1.5em;flex-shrink:0}.beta-warning__text{flex:1;min-width:0}.beta-warning__title{font-weight:700;font-size:1.1em;margin-bottom:.25em;color:#b8860b}.beta-warning__message{font-size:.9em;color:#8b6914;line-height:1.4}.beta-warning__dismiss{background:none;border:2px solid #B8860B;color:#b8860b;font-size:1.2em;font-weight:700;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.beta-warning__dismiss:hover{background:#b8860b;color:gold;transform:scale(1.1)}.beta-warning__dismiss:active{transform:scale(.95)}.theme-czxx-terminal .beta-warning{text-transform:lowercase}.theme-czxx-terminal .beta-warning__title{text-transform:uppercase}@media (max-width: 768px){.beta-warning--banner{padding:.5em}.beta-warning__content{gap:.5em}.beta-warning__icon{font-size:1.2em}.beta-warning__title{font-size:1em}.beta-warning__message{font-size:.8em}.beta-warning__dismiss{width:28px;height:28px;font-size:1em}}.beta-warning--banner+.page-content,.beta-warning--banner~.page-content{margin-top:60px}@media (max-width: 768px){.beta-warning--banner+.page-content,.beta-warning--banner~.page-content{margin-top:50px}}:root{--crt-enabled: 0;--crt-intensity: .8;--crt-flicker-enabled: 1;--crt-scanline-size: 2px;--crt-scanline-opacity: .15}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:var(--crt-enabled);transition:opacity .3s ease}.crt-enabled~*{filter:blur(.3px) contrast(1.1) saturate(1.05) drop-shadow(.5px 0 0 rgba(255,0,0,.1)) drop-shadow(-.5px 0 0 rgba(0,255,255,.1)) drop-shadow(0 .5px 0 rgba(0,255,0,.05))}.crt-overlay.crt-heavy-pixelation~*{filter:blur(.5px) contrast(1.15) saturate(1.1) drop-shadow(1px 0 0 rgba(255,0,0,.15)) drop-shadow(-1px 0 0 rgba(0,255,255,.15)) drop-shadow(0 1px 0 rgba(0,255,0,.08));image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.crt-overlay:before{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#14141400 50%,rgba(180,180,180,var(--crt-scanline-opacity)) 50%),linear-gradient(90deg,#a0a0a008,#aaaaaa05,#96969608);background-size:100% var(--crt-scanline-size),3px 100%;z-index:2;pointer-events:none;opacity:calc(var(--crt-intensity) * .6)}.crt-overlay:after{content:" ";display:block;position:absolute;inset:0;background:#1210101a;opacity:0;z-index:3;pointer-events:none;animation:crt-flicker .15s infinite;animation-play-state:var(--crt-flicker-enabled, 1) == 1 ? running : paused}.crt-scanline{width:100%;height:100px;background:linear-gradient(0deg,#0000,#bebebe26 10%,#78787814);opacity:calc(var(--crt-intensity) * .08);position:absolute;bottom:100%;animation:crt-scanline-move 10s linear infinite;z-index:1;pointer-events:none}.crt-text{animation:crt-text-shadow 1.6s infinite}@keyframes crt-flicker{0%{opacity:calc(var(--crt-intensity) * .27)}50%{opacity:calc(var(--crt-intensity) * .96)}to{opacity:calc(var(--crt-intensity) * .24)}}@keyframes crt-scanline-move{0%{bottom:100%}to{bottom:-100px}}@keyframes crt-text-shadow{0%{text-shadow:.4389924193300864px 0 1px rgba(0,30,255,.5),-.4389924193300864px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}5%{text-shadow:2.231056963361899px 0 1px rgba(0,30,255,.5),-2.231056963361899px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}10%{text-shadow:.02956275843481219px 0 1px rgba(0,30,255,.5),-.02956275843481219px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}15%{text-shadow:.40218538552878136px 0 1px rgba(0,30,255,.5),-.40218538552878136px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}20%{text-shadow:3.4794037899852017px 0 1px rgba(0,30,255,.5),-3.4794037899852017px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}25%{text-shadow:1.6125630401149584px 0 1px rgba(0,30,255,.5),-1.6125630401149584px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}30%{text-shadow:.7015590085143956px 0 1px rgba(0,30,255,.5),-.7015590085143956px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}35%{text-shadow:3.896914047650351px 0 1px rgba(0,30,255,.5),-3.896914047650351px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}40%{text-shadow:3.870905614848819px 0 1px rgba(0,30,255,.5),-3.870905614848819px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}45%{text-shadow:2.231056963361899px 0 1px rgba(0,30,255,.5),-2.231056963361899px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}50%{text-shadow:.08084290417898504px 0 1px rgba(0,30,255,.5),-.08084290417898504px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}55%{text-shadow:2.3758461067427543px 0 1px rgba(0,30,255,.5),-2.3758461067427543px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}60%{text-shadow:2.202193051050636px 0 1px rgba(0,30,255,.5),-2.202193051050636px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}65%{text-shadow:2.8638780614874975px 0 1px rgba(0,30,255,.5),-2.8638780614874975px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}70%{text-shadow:.48874025155497314px 0 1px rgba(0,30,255,.5),-.48874025155497314px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}75%{text-shadow:1.8948491305757957px 0 1px rgba(0,30,255,.5),-1.8948491305757957px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}80%{text-shadow:.0833037308038857px 0 1px rgba(0,30,255,.5),-.0833037308038857px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}85%{text-shadow:.09769827255241735px 0 1px rgba(0,30,255,.5),-.09769827255241735px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}90%{text-shadow:3.443339761481782px 0 1px rgba(0,30,255,.5),-3.443339761481782px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}95%{text-shadow:2.1841838852799786px 0 1px rgba(0,30,255,.5),-2.1841838852799786px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}to{text-shadow:2.6208764473832513px 0 1px rgba(0,30,255,.5),-2.6208764473832513px 0 1px rgba(255,0,80,.3),0 0 3px rgba(0,255,255,.2)}}.crt-enabled{--crt-enabled: 1}.crt-disabled{--crt-enabled: 0}.crt-flicker-enabled{--crt-flicker-enabled: 1}.crt-flicker-disabled{--crt-flicker-enabled: 0}.crt-intensity-low{--crt-intensity: .2}.crt-intensity-medium{--crt-intensity: .4}.crt-intensity-high{--crt-intensity: .7}.crt-scanlines-fine{--crt-scanline-size: 1px}.crt-scanlines-normal{--crt-scanline-size: 2px}.crt-scanlines-thick{--crt-scanline-size: 4px}@media (prefers-reduced-motion: reduce){.crt-overlay:after,.crt-scanline,.crt-text{animation:none}.crt-flicker-disabled{--crt-flicker-enabled: 0}}.crt-overlay,.crt-overlay:before,.crt-overlay:after,.crt-scanline{will-change:opacity,transform;transform:translateZ(0);backface-visibility:hidden}@font-face{font-family:Fixedsys Excelsior;src:url(https://cdn.jsdelivr.net/gh/kika/fixedsys@master/web/fixedsys-excelsior-3.01.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/kika/fixedsys@master/web/fixedsys-excelsior-3.01.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Perfect DOS VGA 437";src:url(https://cdn.jsdelivr.net/gh/rbanffy/perfect-dos-vga-437@master/fonts/Perfect_DOS_VGA_437.woff2) format("woff2"),url(https://cdn.jsdelivr.net/gh/rbanffy/perfect-dos-vga-437@master/fonts/Perfect_DOS_VGA_437.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--terminal-cyan: #00ffff;--terminal-cyan-bright: #66ffff;--terminal-cyan-dim: #0099cc;--terminal-cyan-dark: #003366;--terminal-bg: #000000;--terminal-dark: #0a0a0a;--terminal-medium: #1a1a1a;--terminal-border: #003366;--text-white: #ffffff;--text-dim: #cccccc;--text-cyan: var(--terminal-cyan);--glow-cyan: 0 0 1px var(--terminal-cyan);--glow-cyan-bright: 0 0 2px var(--terminal-cyan-bright);--terminal-font: "Fixedsys", "OCR A Std", "Courier New", monospace;--terminal-font-size: 14px;--terminal-font-size-small: calc(var(--terminal-font-size) * .75);--terminal-font-size-xsmall: calc(var(--terminal-font-size) * .66);--terminal-font-size-large: calc(var(--terminal-font-size) * 1.14);--terminal-font-size-xl: calc(var(--terminal-font-size) * 1.43);--terminal-font-size-xxl: calc(var(--terminal-font-size) * 1.71)}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{font-family:var(--terminal-font);color:var(--text-cyan);font-size:var(--terminal-font-size);line-height:1.3;text-transform:lowercase;letter-spacing:1px;overflow-x:hidden}.app{display:flex;height:100vh;color:var(--terminal-cyan);overflow:hidden}.main-content{flex:1;margin-left:250px;padding:40px;overflow-y:auto;transition:margin-left .3s ease;height:100vh;display:flex;justify-content:center;align-items:flex-start;background-color:var(--terminal-bg)}@media screen and (max-width: 1200px){.main-content{margin-left:220px}}@media screen and (max-width: 992px){.main-content{margin-left:200px}}@media screen and (max-width: 768px){.main-content{margin-left:180px;padding:30px}}@media screen and (max-width: 576px){.main-content{margin-left:160px;padding:20px}}button,.login-btn,.logout-btn,.toggle-btn,.refresh-btn,.bordered-button{all:unset}.wireframe-button:disabled{opacity:.5;cursor:not-allowed;border-color:var(--terminal-cyan-dim)}.wireframe-button:disabled:hover{background-color:var(--terminal-bg);color:var(--terminal-cyan);border-color:var(--terminal-cyan-dim);border-left-color:var(--terminal-cyan-dim);box-shadow:inset 0 0 10px #00ffff0d;transform:none}.error-banner{background:#f003;border:1px solid #ff4444;color:#f44;padding:15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:fixed;top:0;left:250px;right:0;z-index:1000;text-transform:lowercase}.error-banner button{background:none;border:none;color:#f44;font-size:18px;cursor:pointer;padding:0;width:30px;height:30px}code{text-transform:none!important}.crt-enabled{position:relative}.crt-enabled:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(180,180,180,var(--crt-scanline-opacity, .1)) 2px,rgba(180,180,180,var(--crt-scanline-opacity, .1)) 4px);pointer-events:none;z-index:10;animation:scanlines .1s linear infinite}.crt-enabled:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(ellipse at center,#0000 0% 70%,#0000004d);pointer-events:none;z-index:9;border-radius:var(--crt-curvature, .02) * 100vh}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.crt-enabled *{text-shadow:0 0 calc(var(--crt-glow-intensity, .8) * 2px) currentColor,0 0 calc(var(--crt-glow-intensity, .8) * 4px) currentColor,0 0 calc(var(--crt-glow-intensity, .8) * 8px) currentColor}.crt-enabled .bright-element{text-shadow:0 0 calc(var(--crt-glow-intensity, .8) * 3px) currentColor,0 0 calc(var(--crt-glow-intensity, .8) * 6px) currentColor,0 0 calc(var(--crt-glow-intensity, .8) * 12px) currentColor}.crt-enabled .dim-element{text-shadow:0 0 calc(var(--crt-glow-intensity, .8) * 1px) currentColor}.crt-enabled.crt-flicker{animation:crtFlicker .15s infinite linear alternate}@keyframes crtFlicker{0%{opacity:1}98%{opacity:1}99%{opacity:.98}to{opacity:.99}}.animation-none .crt-enabled:before,.animation-none .crt-enabled:after{display:none}.animation-simple .crt-enabled:before{animation:none}.wireframe-box{border:1px solid var(--terminal-cyan);background-color:var(--terminal-bg);color:var(--terminal-cyan);position:relative;z-index:10;transition:all .2s ease;box-sizing:border-box}.wireframe-box:hover{border-color:var(--terminal-cyan-bright);box-shadow:0 0 15px var(--terminal-cyan-dark),inset 0 0 20px #00ffff1a}.wireframe-default{border:1px solid var(--terminal-cyan);transition:all .2s ease}.wireframe-double{border:2px solid var(--terminal-cyan);box-shadow:0 0 10px var(--terminal-cyan-dark);transition:all .2s ease}.wireframe-double:hover{border-color:var(--terminal-cyan-bright);box-shadow:0 0 15px var(--terminal-cyan-dark),inset 0 0 20px #00ffff1a}.wireframe-panel{border:1px solid var(--terminal-cyan);background-color:var(--terminal-bg);position:relative;z-index:10;transition:all .2s ease;box-shadow:inset 0 0 10px #00ffff0d;box-sizing:border-box}.wireframe-panel:hover{border-color:var(--terminal-cyan-bright);box-shadow:0 0 15px var(--terminal-cyan-dark),inset 0 0 20px #00ffff1a}.wireframe-header{border:2px solid var(--terminal-cyan);border-bottom:1px solid var(--terminal-cyan);background-color:var(--terminal-dark);position:relative;z-index:10;transition:all .2s ease;box-shadow:inset 0 0 10px #00ffff1a}.wireframe-error-panel{border:1px solid var(--terminal-error-border);background-color:var(--terminal-error-bg)}.wireframe-panel-header-title{color:var(--terminal-cyan-bright);margin:0;font-size:var(--terminal-font-size-large);font-weight:700;text-shadow:var(--glow-cyan);text-transform:lowercase;letter-spacing:2px}.wireframe-panel-content{color:var(--text-cyan)}.wireframe-panel-content p{text-transform:lowercase}.wireframe-panel-content ul{list-style:none;padding-left:0}.wireframe-panel-content li{background:var(--terminal-medium);border:1px solid var(--terminal-cyan-dim);padding:10px;margin-bottom:5px;transition:all .3s ease;cursor:pointer;color:var(--text-cyan);border-left:3px solid var(--terminal-cyan);text-transform:lowercase;position:relative}.wireframe-panel-content li:after{content:"📋";position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:0;transition:opacity .3s ease;font-size:.8em}.wireframe-panel-content li:hover{background:var(--terminal-medium);border-color:var(--terminal-cyan-bright);transform:translate(5px)}.wireframe-panel-content li:hover:after{opacity:.6}.wireframe-error-panel .wireframe-error-panel-title{color:var(--terminal-error);margin-bottom:15px;font-size:var(--terminal-font-size-large);font-weight:700;text-shadow:var(--glow-error);text-transform:lowercase;letter-spacing:2px;border-bottom:1px solid var(--terminal-error-border);padding-bottom:8px}.wireframe-error-panel .wireframe-error-panel-content{color:var(--terminal-error)}.wireframe-error-panel .wireframe-error-panel-content p{text-transform:lowercase;margin-bottom:10px}.wireframe-button{background-color:var(--terminal-medium);border:1px solid var(--terminal-cyan);color:var(--terminal-cyan);padding:12px 24px;cursor:pointer;font-family:var(--terminal-font);font-size:var(--terminal-font-size);letter-spacing:1px;text-transform:lowercase;transition:all .3s ease;text-shadow:var(--glow-cyan);box-shadow:inset 0 0 10px #00ffff1a;border-left:3px solid var(--terminal-cyan);position:relative}.wireframe-button:before{content:">";margin-right:8px;opacity:.7;transition:all .3s ease}.wireframe-button:hover{background-color:#00ffff1a;color:var(--terminal-cyan-bright);border-color:var(--terminal-cyan-bright);box-shadow:0 0 15px var(--terminal-cyan-dark)}.wireframe-button:disabled:hover{background-color:var(--terminal-medium);color:var(--terminal-cyan);border-color:var(--terminal-cyan);box-shadow:inset 0 0 10px #00ffff1a}.wireframe-panel-button{background-color:var(--terminal-gray-dim);border:1px solid var(--terminal-cyan-dim);padding:10px 20px}.wireframe-dropdown-button{text-align:left;padding-right:40px}.wireframe-button-full-width{width:100%}.wireframe-button-arrow{font-weight:700;font-family:monospace;transition:all .3s ease}.wireframe-button-arrow-left{margin-right:8px}.wireframe-button-arrow-right{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.wireframe-input{background:var(--terminal-medium);border:1px solid var(--terminal-cyan);color:var(--text-cyan);padding:10px;font-family:var(--terminal-font);font-size:var(--terminal-font-size);letter-spacing:1px;text-transform:lowercase;box-shadow:inset 0 0 10px #0ff3;transition:border-color .3s ease,box-shadow .3s ease}.wireframe-input:focus{outline:none;border-color:var(--terminal-cyan-bright);box-shadow:0 0 15px var(--terminal-cyan-bright)}.wireframe-input:disabled{opacity:.5;cursor:not-allowed}.wireframe-panel-input{background:var(--terminal-bg);border:1px solid var(--terminal-cyan-dim)}.wireframe-search-input{border-radius:0;border-left:3px solid var(--terminal-cyan)}.wireframe-input-light{background:var(--terminal-medium)}.wireframe-input-dark{background:var(--terminal-bg)}.wireframe-input-full-width{width:100%}.wireframe-input-label{color:var(--terminal-cyan);font-size:var(--terminal-font-size-small);text-transform:lowercase;letter-spacing:1px;margin-bottom:5px;display:block}.wireframe-input-inline{display:inline-flex;align-items:center;gap:10px}.wireframe-input-inline .wireframe-input-label{margin-bottom:0}.wireframe-input-block{display:block}.wireframe-dropdown-container{position:relative;width:100%}.wireframe-dropdown-content{position:absolute;top:100%;left:0;right:0;background:var(--terminal-gray-dim);border:1px solid var(--terminal-cyan);border-top:none;overflow:hidden;max-height:0;transition:all .35s ease;z-index:1000}.wireframe-dropdown-open{max-height:200px;border-top:1px solid var(--terminal-cyan-dim)}.wireframe-dropdown-closing{max-height:0}.wireframe-dropdown-panel .wireframe-dropdown-content{background:var(--terminal-bg);border-color:var(--terminal-cyan-dim)}.wireframe-dropdown-compact .wireframe-dropdown-content{padding:5px}.wireframe-info-panel{cursor:pointer;transition:all .3s ease;position:relative}.wireframe-info-panel:hover{background-color:#00ffff0d;border-color:var(--terminal-cyan-bright)}.wireframe-info-header{color:var(--terminal-cyan-bright);font-size:var(--terminal-font-size-small);text-transform:lowercase;margin-bottom:8px;letter-spacing:1px}.wireframe-info-content{color:var(--terminal-cyan);font-family:var(--terminal-font);word-break:break-all;cursor:pointer;transition:all .2s ease}.wireframe-info-flash{background-color:#00ffff4d;animation:flash .15s ease-out}.wireframe-info-copied{position:absolute;bottom:-25px;right:0;background:var(--terminal-cyan);color:var(--terminal-bg);padding:2px 8px;font-size:var(--terminal-font-size-small);text-transform:lowercase;animation:fade-in-out 2s ease-out}.wireframe-info-panel-compact{padding:5px 10px}.wireframe-info-panel-highlighted{border-color:var(--terminal-cyan-bright);box-shadow:var(--glow-cyan-bright)}.wireframe-input-submit-container{width:100%}.wireframe-input-submit-label{color:var(--terminal-cyan);font-size:var(--terminal-font-size-small);text-transform:lowercase;letter-spacing:1px;margin-bottom:5px;display:block}.wireframe-input-submit-form{display:flex;gap:0;align-items:stretch}.wireframe-input-submit-input{border-right:none;border-radius:0;margin:0}.wireframe-input-submit-button{border-left:none;border-radius:0;margin:0}.wireframe-input-submit-panel .wireframe-input-submit-input{background:var(--terminal-bg);border-color:var(--terminal-cyan-dim)}.wireframe-input-submit-panel .wireframe-input-submit-button{background:var(--terminal-gray-dim);border-color:var(--terminal-cyan-dim)}.wireframe-input-submit-compact{font-size:var(--terminal-font-size-small)}.wireframe-input-submit-compact .wireframe-input-submit-input,.wireframe-input-submit-compact .wireframe-input-submit-button{padding:6px 12px}@keyframes flash{0%{background-color:#00ffff4d}to{background-color:transparent}}@keyframes fade-in-out{0%{opacity:0;transform:translateY(10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.wireframe-padding-small{padding:10px}.wireframe-padding-medium{padding:20px}.wireframe-padding-large{padding:30px}.wireframe-layout{display:flex}.wireframe-column{flex-direction:column}.wireframe-row{flex-direction:row}.wireframe-gap-small{gap:10px}.wireframe-gap-medium{gap:20px}.wireframe-gap-large{gap:30px}@media (max-width: 768px){.wireframe-padding-large{padding:15px}.wireframe-padding-medium{padding:12px}}.wf-dropdown-content{max-height:0;opacity:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s;will-change:max-height,opacity;background:var(--terminal-dark);border:1px solid var(--terminal-cyan-dim);border-top:none;padding:0 1em;box-sizing:border-box}.wf-dropdown-content.open{max-height:200px;opacity:1;padding-top:.75em;padding-bottom:.75em}.wf-spawn-child-content{overflow:hidden;transition:max-height var(--animation-duration, .35s) cubic-bezier(.4,0,.2,1),opacity calc(var(--animation-duration, .35s) * .8) ease;max-height:0;opacity:0;margin-top:0;width:100%;background:var(--terminal-dark);border:1px solid var(--terminal-cyan-dim);border-top:none}.wf-spawn-child-content--open{max-height:var(--spawn-max-height, 200px);opacity:1;margin-top:1px}.wf-spawn-child-content--closing{max-height:0;opacity:0;margin-top:0}@keyframes segmentAppear{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes dotPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes checkboxFillAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.wireframe-hover-transition{transition:all .3s ease}.wireframe-hover-glow:hover{box-shadow:0 0 15px var(--terminal-cyan-dark)}@media (prefers-reduced-motion: reduce){.wf-dropdown-content,.wf-spawn-child-content,.wireframe-hover-transition{transition:none}}.wireframe-select-container{position:relative;display:inline-block;font-family:var(--terminal-font)}.wireframe-select-container-small{font-size:calc(var(--terminal-font-size) * .8)}.wireframe-select-container-medium{font-size:var(--terminal-font-size)}.wireframe-select-container-large{font-size:calc(var(--terminal-font-size) * 1.2)}.wireframe-select-label{display:block;color:var(--terminal-cyan);font-family:var(--terminal-font);font-size:.9em;margin-bottom:.5em;text-transform:lowercase;letter-spacing:.5px;cursor:pointer}.wireframe-select{position:relative;display:inline-block;min-width:120px;outline:none}.wireframe-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--terminal-bg);border:1px solid var(--terminal-cyan);color:var(--terminal-cyan);cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;text-transform:lowercase}.wireframe-select-dropdown{background:var(--terminal-bg);border:1px solid var(--terminal-cyan);box-shadow:0 4px 12px #0ff3;max-height:200px;overflow-y:auto;border-radius:0}.wireframe-select-option{padding:8px 12px;color:var(--terminal-cyan);background:var(--terminal-bg);cursor:pointer;transition:background-color .2s ease;text-transform:lowercase}.wireframe-select-option:hover{background:var(--terminal-cyan-dim);color:var(--terminal-bg)}.wireframe-select-option.selected{background:var(--terminal-cyan);color:var(--terminal-bg)}.wireframe-checkbox-container{display:flex;align-items:center;justify-content:flex-start;gap:.5em;cursor:pointer;color:var(--terminal-cyan);font-family:var(--terminal-font);user-select:none;-webkit-user-select:none;-ms-user-select:none}.wireframe-checkbox-container-compact{gap:.25em}.wireframe-checkbox-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;width:16px;height:16px}.wireframe-checkbox{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.wireframe-checkbox-svg{display:block;color:var(--terminal-cyan);transition:all .3s ease;pointer-events:none}.wireframe-checkbox-container-small .wireframe-checkbox-wrapper,.wireframe-checkbox-container-small .wireframe-checkbox-svg{width:14px;height:14px}.wireframe-checkbox-container-medium .wireframe-checkbox-wrapper,.wireframe-checkbox-container-medium .wireframe-checkbox-svg{width:16px;height:16px}.wireframe-checkbox-container-large .wireframe-checkbox-wrapper,.wireframe-checkbox-container-large .wireframe-checkbox-svg{width:18px;height:18px}.wireframe-toggle-container{display:flex;flex-direction:column;gap:8px;font-family:var(--terminal-font)}.wireframe-toggle-container.small{font-size:calc(var(--terminal-font-size) * .8)}.wireframe-toggle-container.medium{font-size:var(--terminal-font-size)}.wireframe-toggle-container.large{font-size:calc(var(--terminal-font-size) * 1.2)}.wireframe-toggle-label{color:var(--terminal-cyan);font-size:inherit;text-transform:lowercase;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none}.wireframe-toggle-wrapper{position:relative;display:inline-block}.wireframe-toggle-input{opacity:0;position:absolute;width:0;height:0}.wireframe-toggle-track{position:relative;display:flex;align-items:center;width:80px;height:32px;background:var(--terminal-dark);border:2px solid var(--terminal-cyan);cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;overflow:hidden}.wireframe-toggle-track:hover{border-color:var(--terminal-cyan-bright);box-shadow:0 0 10px var(--terminal-cyan-dark)}.wireframe-toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;background:var(--terminal-cyan);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--terminal-cyan-bright);z-index:2}.wireframe-toggle-on,.wireframe-toggle-off{position:absolute;font-size:10px;font-weight:700;text-transform:lowercase;letter-spacing:.5px;pointer-events:none;transition:all .3s ease;z-index:1}.wireframe-toggle-on{left:6px;color:var(--terminal-cyan);opacity:0}.wireframe-toggle-off{right:6px;color:var(--terminal-cyan);opacity:1}.wireframe-toggle-input:checked+.wireframe-toggle-track{background:var(--terminal-medium);border-color:var(--terminal-cyan-bright)}.wireframe-toggle-input:checked+.wireframe-toggle-track .wireframe-toggle-thumb{left:52px;background:var(--terminal-cyan-bright);box-shadow:-2px 0 4px #00ffff4d}.wireframe-toggle-input:checked+.wireframe-toggle-track .wireframe-toggle-on{opacity:1;color:var(--terminal-cyan-bright)}.wireframe-toggle-input:checked+.wireframe-toggle-track .wireframe-toggle-off{opacity:0}.wireframe-toggle-input:focus+.wireframe-toggle-track{outline:2px solid var(--terminal-cyan-bright);outline-offset:2px}.wireframe-toggle-input:disabled+.wireframe-toggle-track{opacity:.5;cursor:not-allowed;border-color:var(--terminal-cyan-dim)}.wireframe-toggle-input:disabled+.wireframe-toggle-track:hover{border-color:var(--terminal-cyan-dim);box-shadow:none}.wireframe-toggle-input:disabled+.wireframe-toggle-track .wireframe-toggle-thumb{background:var(--terminal-cyan-dim)}.wireframe-toggle-container.small .wireframe-toggle-track{width:60px;height:24px}.wireframe-toggle-container.small .wireframe-toggle-thumb{width:18px;height:18px}.wireframe-toggle-container.small .wireframe-toggle-input:checked+.wireframe-toggle-track .wireframe-toggle-thumb{left:38px}.wireframe-toggle-container.small .wireframe-toggle-on,.wireframe-toggle-container.small .wireframe-toggle-off{font-size:8px}.wireframe-toggle-container.large .wireframe-toggle-track{width:100px;height:40px}.wireframe-toggle-container.large .wireframe-toggle-thumb{width:32px;height:32px;top:2px}.wireframe-toggle-container.large .wireframe-toggle-input:checked+.wireframe-toggle-track .wireframe-toggle-thumb{left:64px}.wireframe-toggle-container.large .wireframe-toggle-on,.wireframe-toggle-container.large .wireframe-toggle-off{font-size:12px}.wireframe-toggle-container.large .wireframe-toggle-on{left:8px}.wireframe-toggle-container.large .wireframe-toggle-off{right:8px}.terminal-loader{font-family:var(--terminal-font);color:var(--terminal-cyan);background:var(--terminal-bg);padding:1em;border:1px solid var(--terminal-cyan-dim);margin:.5em 0;text-transform:lowercase;letter-spacing:.5px}.terminal-loader-small{padding:.5em;font-size:calc(var(--terminal-font-size) * .8)}.terminal-loader-medium{padding:1em;font-size:var(--terminal-font-size)}.terminal-loader-large{padding:1.5em;font-size:calc(var(--terminal-font-size) * 1.2)}.terminal-loader-bar{display:flex;flex-direction:column;gap:.5em}.terminal-loader-bar-container{position:relative;width:100%;height:10px;background:var(--terminal-dark);border:1px solid var(--terminal-cyan-dim);overflow:hidden}.terminal-loader-bar-svg{display:block;width:100%;height:100%}.terminal-loader-segment{opacity:0;animation:segmentAppear .3s ease-out forwards}.terminal-loader-cursor{animation:cursorBlink .6s infinite}.terminal-loader-dots{display:flex;flex-direction:column;gap:.5em}.terminal-loader-dots-container{display:flex;gap:.2em;flex-wrap:wrap}.terminal-loader-dot{color:var(--terminal-cyan-dim);font-size:1.2em;opacity:.3;transition:all .3s ease}.terminal-loader-dot.active{color:var(--terminal-cyan);opacity:1;animation:dotPulse .5s ease-out;text-shadow:0 0 3px var(--terminal-cyan)}.terminal-loader-blocks{display:flex;flex-direction:column;gap:.5em}.terminal-loader-blocks-container{display:flex;gap:.1em;flex-wrap:wrap;align-items:flex-end}.terminal-loader-block{color:var(--terminal-cyan-dim);font-size:1em;opacity:.3;transition:all .3s ease;font-family:monospace;line-height:1}.terminal-loader-block.active{color:var(--terminal-cyan);opacity:1;animation:blockGrow .4s ease-out;text-shadow:0 0 2px var(--terminal-cyan)}.terminal-loader-info{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-top:.5em}.terminal-loader-message{color:var(--terminal-cyan);font-size:.9em;flex:1}.terminal-loader-percentage{color:var(--terminal-cyan-bright);font-size:.8em;font-weight:700;text-shadow:0 0 1px var(--terminal-cyan);min-width:3em;text-align:right}@keyframes segmentAppear{0%{opacity:0;transform:scaleY(.5)}50%{opacity:1;transform:scaleY(1.2)}to{opacity:1;transform:scaleY(1)}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes dotPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes blockGrow{0%{transform:scaleY(.5);opacity:.3}50%{transform:scaleY(1.2);opacity:1}to{transform:scaleY(1);opacity:1}}@media (max-width: 768px){.terminal-loader{padding:.5em}.terminal-loader-info{flex-direction:column;align-items:flex-start;gap:.5em}.terminal-loader-percentage{text-align:left}}@media (prefers-reduced-motion: reduce){.terminal-loader-segment,.terminal-loader-cursor,.terminal-loader-dot.active,.terminal-loader-block.active{animation:none}.terminal-loader-dot,.terminal-loader-block{transition:none}}:root{--terminal-cyan: #00ffff;--terminal-cyan-bright: #66ffff;--terminal-cyan-dim: #009999;--terminal-cyan-dark: #006666;--text-cyan: var(--terminal-cyan);--terminal-bg: #000000;--terminal-dark: #0a0a0a;--terminal-medium: #1a1a1a;--terminal-gray-dim: #333333;--terminal-error: #ff4444;--terminal-error-border: #ff6666;--terminal-error-bg: #220000;--terminal-orange: #ff8800;--terminal-green: #00ff00;--terminal-red: #ff0000;--terminal-red-bright: #ff6666;--terminal-red-dim: #cc0000;--glow-cyan: 0 0 10px rgba(0, 255, 255, .5);--glow-cyan-bright: 0 0 15px rgba(0, 255, 255, .8);--glow-error: 0 0 10px rgba(255, 68, 68, .5);--terminal-font: "Courier New", monospace;--terminal-font-size: 14px;--terminal-font-size-small: 12px;--terminal-font-size-large: 16px;--wireframe-border: 1px solid var(--terminal-cyan);--wireframe-border-bright: 1px solid var(--terminal-cyan-bright);--wireframe-transition: all .2s ease;--wireframe-box-shadow: inset 0 0 10px rgba(0, 255, 255, .05);--wireframe-box-shadow-hover: 0 0 15px var(--terminal-cyan-dark), inset 0 0 20px rgba(0, 255, 255, .1)}.wireframe-base{border:var(--wireframe-border);background-color:var(--terminal-bg);color:var(--text-cyan);font-family:var(--terminal-font);transition:var(--wireframe-transition);box-shadow:var(--wireframe-box-shadow)}.wireframe-base:hover{border:var(--wireframe-border-bright);box-shadow:var(--wireframe-box-shadow-hover)}.wireframe-panel{padding:20px;margin-bottom:20px;position:relative}.wireframe-panel-title{color:var(--terminal-cyan-bright);margin-bottom:15px;font-size:var(--terminal-font-size-large);font-weight:700;text-shadow:var(--glow-cyan);text-transform:lowercase;letter-spacing:2px}.wireframe-button{padding:12px 24px;cursor:pointer;font-size:var(--terminal-font-size);letter-spacing:1px;text-transform:lowercase;text-shadow:var(--glow-cyan);border-left:3px solid var(--terminal-cyan);position:relative;display:inline-flex;align-items:center;justify-content:center}.wireframe-button:before{content:">";margin-right:8px;opacity:.7;transition:all .2s ease}.wireframe-button:hover{background-color:#00ffff1a;color:var(--terminal-cyan-bright);border-left-color:var(--terminal-cyan-bright);box-shadow:0 0 15px var(--terminal-cyan-dark),inset 0 0 20px #0ff3;text-shadow:var(--glow-cyan-bright)}.wireframe-button:hover:before{opacity:1;margin-right:12px}.wireframe-button:active{background-color:var(--terminal-dark);border-left-width:4px;transform:translate(2px)}.wireframe-button:disabled{opacity:.5;cursor:not-allowed}.wireframe-input{padding:10px;font-size:var(--terminal-font-size);letter-spacing:1px;text-transform:lowercase;border-left:3px solid var(--terminal-cyan)}.wireframe-input:focus{outline:none;border-left-color:var(--terminal-cyan-bright)}.wireframe-input:hover{background-color:#00ffff05}.wireframe-error-panel{border:1px solid var(--terminal-error-border);background-color:var(--terminal-error-bg);color:var(--terminal-error)}.wireframe-error-panel .wireframe-panel-title{color:var(--terminal-error);text-shadow:var(--glow-error)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--terminal-cyan-dim);border-radius:50%;border-top-color:var(--terminal-cyan);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.wireframe-table{width:100%;border-collapse:collapse;color:var(--text-cyan);font-family:var(--terminal-font)}.wireframe-table th,.wireframe-table td{border:1px solid var(--terminal-cyan-dim);padding:10px;text-align:left}.wireframe-table th{background-color:var(--terminal-medium);color:var(--terminal-cyan-bright);font-weight:700;text-transform:lowercase}.wireframe-table tr:hover{background-color:#00ffff1a}.wireframe-modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.wireframe-modal{background-color:var(--terminal-bg);border:2px solid var(--terminal-cyan);padding:30px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 0 15px var(--terminal-cyan-dark),inset 0 0 20px #00ffff1a;transition:all .2s ease}.wireframe-modal:hover{border-color:var(--terminal-cyan-bright);box-shadow:0 0 20px var(--terminal-cyan-dark),inset 0 0 25px #00ffff26}.wireframe-modal-title{color:var(--terminal-cyan-bright);margin-bottom:20px;font-size:var(--terminal-font-size-large);font-weight:700;text-transform:lowercase;letter-spacing:2px;text-shadow:var(--glow-cyan)}.wireframe-modal-buttons{display:flex;gap:15px;margin-top:20px;justify-content:flex-end}.wireframe-container{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;padding:1.5em}.dashboard-container{padding:1.5em;max-width:100%;margin:0 auto;width:100%;box-sizing:border-box}.wireframe-container{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em;padding-bottom:0;border-bottom:1px solid var(--terminal-cyan-dim);flex-wrap:wrap;gap:1em}.dashboard-user-info{flex:1;min-width:200px}.dashboard-user-name{margin:0 0 .3em;color:var(--terminal-cyan-bright);font-size:1.1em}.dashboard-user-details{margin:0;opacity:.7;font-size:.75em}.dashboard-intro{margin-bottom:1.5em;opacity:.8;line-height:1.4}.dashboard-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));gap:1.25em;margin-bottom:2em;max-width:100%}.dashboard-header .wireframe-button{max-width:10em;box-sizing:border-box}.dashboard-user-info-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:1em;max-width:50em;margin:0 auto}.dashboard-stat-item{text-align:center;padding:.5em}.dashboard-stat-value{font-size:1.5em;color:var(--terminal-cyan-bright);font-weight:700;text-shadow:var(--glow-cyan);margin-bottom:.25em}.dashboard-stat-label{font-size:.75em;opacity:.7;text-transform:lowercase}.dashboard-recent-activity{text-align:center}.dashboard-activity-text{opacity:.7;margin-bottom:1em;font-style:italic}@media (max-width: 768px){.dashboard-container{padding:1em}.dashboard-header{flex-direction:column;align-items:stretch;text-align:center}.dashboard-nav-grid{grid-template-columns:1fr;gap:1em}.dashboard-user-info-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);max-width:25em}.dashboard-stat-value{font-size:1.25em}}@media (max-width: 480px){.dashboard-container{padding:.75em}.dashboard-nav-grid{gap:.75em}.dashboard-user-info-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);gap:.75em;max-width:20em}}@media (prefers-contrast: high){.dashboard-stat-value,.dashboard-nav-card h3{text-shadow:none}}@media (prefers-reduced-motion: reduce){.dashboard-nav-card{transition:none}.dashboard-nav-card:hover{transform:none}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:2em;max-width:80em;margin:0 auto;padding:1.5em;width:100%;box-sizing:border-box}.login-panel{width:100%;max-width:60em}.login-content{text-align:center}.login-description{margin-bottom:1.5em;line-height:1.5;opacity:.9;font-size:1em}.login-security-note{margin-top:1em;font-size:.75em;opacity:.7;font-style:italic}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));gap:1.25em;width:100%}.feature-box h4{color:var(--terminal-cyan-bright);margin:0 0 .6em;font-size:1em;text-shadow:var(--glow-cyan)}.feature-list{list-style:none;padding:0;margin:0;font-size:.8em;line-height:1.4}.feature-list li{margin-bottom:.3em;color:var(--terminal-text)}.login-footer{width:100%;max-width:60em}.footer-content{text-align:center;opacity:.7}.footer-tagline{margin:0 0 .6em;font-size:.75em}.footer-privacy{margin:0;font-size:.7em;opacity:.5}.wireframe-container:has(.login-container){width:100%;max-width:none;padding:1em}.login-container>.wireframe-panel,.login-container>.wireframe-box{width:100%;max-width:60em}.feature-box{min-height:8em}.login-content .wireframe-button{max-width:100%;box-sizing:border-box}@media (max-width: 768px){.login-container{gap:1.5em;padding:1em;min-height:70vh}.features-grid{grid-template-columns:1fr;gap:1em}.login-description{font-size:.9em}.feature-box h4{font-size:.95em}.feature-list{font-size:.75em}}@media (max-width: 480px){.login-container{padding:.75em;gap:1.25em}.login-description{font-size:.85em;margin-bottom:1.25em}.feature-box h4{font-size:.9em}.feature-list,.footer-tagline{font-size:.7em}.footer-privacy{font-size:.65em}}@media (prefers-contrast: high){.feature-box h4{text-shadow:none}}@media (prefers-reduced-motion: reduce){.login-container{transition:none}}.hover-display-trigger{display:inline-block;position:relative}.hover-display-box{background-color:var(--terminal-bg);border:2px solid var(--terminal-cyan);color:var(--terminal-cyan);font-family:Courier New,monospace;font-size:.85em;line-height:1.4;box-shadow:0 4px 12px #0000004d;opacity:0;animation:hoverDisplayFadeIn .2s ease-out forwards;pointer-events:none;word-wrap:break-word;word-break:break-word}.hover-display-content{padding:.75em}@keyframes hoverDisplayFadeIn{0%{opacity:0;transform:scale(.95) var(--transform-translate, translate(0, 0))}to{opacity:1;transform:scale(1) var(--transform-translate, translate(0, 0))}}@media (max-width: 768px){.hover-display-box{font-size:.8em;max-width:250px!important}.hover-display-content{padding:.5em}}@media (max-width: 480px){.hover-display-box{font-size:.75em;max-width:200px!important}.hover-display-content{padding:.4em}}.wireframe-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;outline:none;border:none;background:none;padding:0;margin:0;font-family:var(--terminal-font, Fixedsys, Courier New, monospace);font-size:inherit;color:var(--terminal-cyan);text-shadow:var(--glow-cyan);letter-spacing:1px;text-transform:lowercase;transition:all .3s ease;-webkit-user-select:none;user-select:none}.wireframe-tooltip-icon:focus{box-shadow:0 0 0 2px var(--terminal-cyan)}.wireframe-tooltip-icon.inverted{color:var(--terminal-bg)}.tooltip-icon-svg{display:block}.wireframe-tooltip-icon:hover .tooltip-icon-svg rect{stroke:var(--terminal-cyan-bright);filter:drop-shadow(var(--glow-cyan-bright))}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:100px}.loading-spinner--overlay{position:fixed;inset:0;background-color:#000c;z-index:9999;min-height:100vh}.loading-spinner__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner__dots{display:flex;gap:.5rem;align-items:center}.loading-spinner__dot{width:8px;height:8px;background-color:var(--terminal-cyan);border-radius:50%;animation:loading-pulse 1.4s ease-in-out infinite both}.loading-spinner__dot:nth-child(1){animation-delay:-.32s}.loading-spinner__dot:nth-child(2){animation-delay:-.16s}.loading-spinner__dot:nth-child(3){animation-delay:0s}.loading-spinner--small .loading-spinner__dot{width:6px;height:6px}.loading-spinner--medium .loading-spinner__dot{width:8px;height:8px}.loading-spinner--large .loading-spinner__dot{width:12px;height:12px}.loading-spinner__message{color:var(--terminal-cyan);font-family:Fixedsys,monospace;font-size:.9rem;margin:0;text-align:center;animation:loading-text-pulse 2s ease-in-out infinite}.loading-spinner--small .loading-spinner__message{font-size:.8rem}.loading-spinner--large .loading-spinner__message{font-size:1.1rem}@keyframes loading-pulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes loading-text-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width: 480px){.loading-spinner__message{font-size:.8rem}.loading-spinner--large .loading-spinner__message{font-size:.9rem}}.album-preview{font-family:var(--terminal-font);font-size:var(--terminal-font-size)}.album-preview__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75em;padding-bottom:.5em;border-bottom:1px solid var(--circuit-color-dim)}.album-preview__title{color:var(--circuit-color-bright);font-size:.9em;font-weight:700}.album-preview__list{display:flex;flex-direction:column;gap:.5em}.album-preview__item{display:flex;align-items:center;gap:.75em;padding:.4em;border:1px solid transparent;border-radius:2px;transition:all .2s ease;background:#00ffff05}.album-preview__item:hover{border-color:var(--circuit-color-dim);background:#00ffff14;transform:translate(2px)}.album-preview__thumbnail{width:40px;height:40px;flex-shrink:0;border:1px solid var(--circuit-color-dim);border-radius:2px;overflow:hidden;background:var(--terminal-dark);display:flex;align-items:center;justify-content:center}.album-preview__image{width:100%;height:100%;object-fit:cover;display:block}.album-preview__no-image{color:var(--circuit-color-dim);font-size:1.2em;opacity:.6}.album-preview__details{flex:1;min-width:0}.album-preview__name{color:var(--circuit-color);font-size:.9em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2em}.album-preview__meta{display:flex;align-items:center;gap:.4em;font-size:.8em;color:var(--circuit-color-dim);white-space:nowrap;overflow:hidden}.album-preview__artist{font-weight:500}.album-preview__separator{opacity:.6}.album-preview__year,.album-preview__type,.album-preview__tracks{opacity:.8}.album-preview__type{text-transform:capitalize}@media (max-width: 768px){.album-preview__item{gap:.5em;padding:.3em}.album-preview__thumbnail{width:32px;height:32px}.album-preview__name{font-size:.85em}.album-preview__meta{font-size:.75em;flex-wrap:wrap}}.theme-czxx-terminal .album-preview__item:hover{box-shadow:0 0 8px #00ffff4d}.theme-spotify .album-preview__item:hover{box-shadow:0 2px 8px #1db95433}.theme-discord .album-preview__item:hover{box-shadow:0 2px 8px #7289da33}.toggle-container{display:flex;border:2px solid var(--terminal-cyan);border-radius:0;overflow:hidden;font-family:var(--terminal-font);width:100%;position:relative}.toggle-button{flex:1 1 0%;min-width:0;padding:.75em 1em;border:none;background:transparent;color:var(--terminal-cyan);font-family:var(--terminal-font);font-size:calc(var(--terminal-font-size) * .95);text-transform:lowercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1),font-size .2s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--terminal-cyan);outline:none;white-space:nowrap;z-index:1;display:flex;align-items:center;justify-content:center}.toggle-button:last-child{border-right:none}.toggle-button.selected{flex:1.2 1 0%;background:var(--terminal-cyan);color:var(--terminal-bg);z-index:2;font-size:var(--terminal-font-size);transition:all .3s cubic-bezier(.4,0,.2,1),font-size .2s cubic-bezier(.4,0,.2,1)}.toggle-button.equal,.toggle-button.selected.equal{flex:1 1 0%!important;transition:all .3s cubic-bezier(.4,0,.2,1),font-size .2s cubic-bezier(.4,0,.2,1)}.toggle-container.hovering .toggle-button{flex:1 1 0%!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-button:hover{background:var(--terminal-medium);box-shadow:var(--glow-cyan);z-index:3}.toggle-button.selected:hover,.toggle-button.selected:focus{background:var(--terminal-cyan-bright);box-shadow:var(--glow-cyan)}.toggle-button:focus{background:var(--terminal-medium);box-shadow:var(--glow-cyan)}.toggle-button .toggle-label{display:inline-block;width:100%;text-align:center;transition:transform .2s cubic-bezier(.4,0,.2,1),font-size .2s cubic-bezier(.4,0,.2,1);transform-origin:center center;font-size:inherit}.toggle-button.right .toggle-label{transform-origin:center center}.toggle-button.selected .toggle-label{font-size:var(--terminal-font-size);transform:scaleX(1.12)}.toggle-button:not(.selected) .toggle-label{font-size:calc(var(--terminal-font-size) * .95);transform:scaleX(.95)}.toggle-button.equal .toggle-label,.toggle-button.selected.equal .toggle-label{font-size:var(--terminal-font-size);transform:scaleX(1)}@keyframes buttonGlitch{0%{transform:translate(0);filter:hue-rotate(0deg) saturate(1);text-shadow:none}5%{transform:translate(-1px) skew(0);filter:hue-rotate(0deg) saturate(1);text-shadow:none}15%{transform:translate(-3px,2px) skew(2deg) scale(1.01);filter:hue-rotate(90deg) saturate(1.5);text-shadow:2px 0 #ff0080,-2px 0 #00ffff}25%{transform:translate(3px,-1px) skew(-1deg) scale(.99);filter:hue-rotate(180deg) saturate(1.3);text-shadow:-1px 0 #ff0080,1px 0 #00ffff}35%{transform:translate(-2px,3px) skew(1deg);filter:hue-rotate(270deg) saturate(1.2);text-shadow:3px 0 #ff0080,-3px 0 #00ffff}45%{transform:translate(2px,-2px) skew(-2deg) scale(1.02);filter:hue-rotate(45deg) saturate(1.4);text-shadow:-2px 0 #ff0080,2px 0 #00ffff}55%{transform:translate(-4px,1px) skew(1.5deg) scale(.98);filter:hue-rotate(135deg) saturate(1.6);text-shadow:4px 0 #ff0080,-4px 0 #00ffff}65%{transform:translate(1px,-3px) skew(-.5deg);filter:hue-rotate(225deg) saturate(1.1);text-shadow:1px 0 #ff0080,-1px 0 #00ffff}75%{transform:translate(-1px,2px) skew(.5deg) scale(1.01);filter:hue-rotate(315deg) saturate(1.3);text-shadow:2px 0 #ff0080,-2px 0 #00ffff}85%{transform:translate(2px,-1px) skew(-1deg);filter:hue-rotate(60deg) saturate(1.2);text-shadow:1px 0 #ff0080,-1px 0 #00ffff}95%{transform:translate(-1px) skew(0);filter:hue-rotate(0deg) saturate(1);text-shadow:none}to{transform:translate(0);filter:hue-rotate(0deg) saturate(1);text-shadow:none}}@keyframes buttonPulse{0%{transform:scale(1);box-shadow:0 0 #0ff0}50%{transform:scale(1.05);box-shadow:0 0 20px #0ffc}to{transform:scale(1);box-shadow:0 0 #0ff0}}@keyframes buttonShake{0%,to{transform:translate(0)}10%{transform:translate(-1px)}20%{transform:translate(1px)}30%{transform:translateY(-1px)}40%{transform:translateY(1px)}50%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}70%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}90%{transform:translate(0)}}.button-glitch-active{animation:buttonGlitch .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.button-click-glitch{animation:buttonGlitch .6s ease-in-out}.button-click-pulse{animation:buttonPulse .4s ease-in-out}.button-click-shake{animation:buttonShake .3s ease-in-out}:root{--playlist-grid: 40px 50px 2fr 1.2fr .8fr;--album-grid: 40px 50px 2fr 1.2fr .8fr}.album-playlist-select{width:100%;max-width:100%;margin-top:0;border:1px solid var(--terminal-cyan);border-radius:0;background-color:var(--terminal-bg);display:flex;flex-direction:column;min-height:18.75em;height:100%;max-height:none;position:relative;contain:layout;overflow:visible;transition:all .2s ease;box-shadow:inset 0 0 10px #00ffff0d;box-sizing:border-box}.album-playlist-select:hover{border-color:var(--terminal-cyan-bright);box-shadow:0 0 15px var(--terminal-cyan-dark),inset 0 0 20px #00ffff1a}.select-summary{display:flex;justify-content:space-between;align-items:center;padding:1em;background-color:#00ffff0d;border-bottom:1px solid var(--terminal-cyan);flex-wrap:wrap;gap:.5em;transition:all .2s ease}.select-summary:hover{background-color:#00ffff1a;border-bottom-color:var(--terminal-cyan-bright)}.selection-info{display:flex;align-items:center;gap:1em;flex-wrap:wrap}.selection-count{color:var(--terminal-cyan);font-weight:700;font-family:Courier New,monospace}.deselect-all-btn{background-color:transparent;border:1px solid var(--terminal-orange, #ff8800);color:var(--terminal-orange, #ff8800);padding:.25em .5em;cursor:pointer;font-family:Courier New,monospace;font-size:.8em;font-weight:700;transition:all .2s ease;white-space:nowrap}.deselect-all-btn:hover{border-color:var(--terminal-orange-bright, #ffaa44);color:var(--terminal-orange-bright, #ffaa44);box-shadow:0 0 15px #f806,inset 0 0 20px #ff88001a;text-shadow:0 0 5px rgba(255,136,0,.8)}.action-buttons{display:flex;gap:.5em;flex-wrap:wrap}.create-shuffle-btn,.force-refresh-btn{background-color:transparent;border:2px solid var(--terminal-cyan);color:var(--terminal-cyan);padding:.5em 1em;cursor:pointer;font-family:Courier New,monospace;font-size:.9em;font-weight:700;transition:all .2s ease;white-space:nowrap}.create-shuffle-btn:hover:not(:disabled){background-color:var(--terminal-cyan);color:var(--terminal-bg);box-shadow:0 2px 4px #00ffff4d}.force-refresh-btn{border-color:var(--terminal-orange, #ff8800);color:var(--terminal-orange, #ff8800)}.force-refresh-btn:hover:not(:disabled){border-color:var(--terminal-orange-bright, #ffaa44);color:var(--terminal-orange-bright, #ffaa44);box-shadow:0 0 15px #f806,inset 0 0 20px #ff88001a;text-shadow:0 0 5px rgba(255,136,0,.8)}.create-shuffle-btn:disabled,.force-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.sort-controls{display:flex;justify-content:space-between;align-items:center;padding:.75em 1em;background-color:#00ffff0d;border-bottom:1px solid var(--terminal-cyan);font-family:Courier New,monospace;color:var(--terminal-cyan);flex-wrap:wrap;gap:1em;transition:all .2s ease}.sort-controls:hover{background-color:#00ffff1a;border-bottom-color:var(--terminal-cyan-bright)}.sort-section{display:flex;gap:.5em;align-items:center;flex-wrap:wrap}.items-per-page-section{display:flex;gap:.5em;align-items:center;white-space:nowrap}.items-per-page-select{background-color:var(--terminal-bg);border:1px solid var(--terminal-cyan);color:var(--terminal-cyan);padding:.25em .5em;font-family:Courier New,monospace;font-size:.8em;cursor:pointer;transition:all .2s ease}.items-per-page-select:hover{background-color:#00ffff1a}.sort-btn{background-color:transparent;border:1px solid var(--terminal-cyan-dim, rgba(0, 255, 255, .5));color:var(--terminal-cyan);padding:.25em .5em;cursor:pointer;font-family:Courier New,monospace;font-size:.8em;transition:all .2s ease}.sort-btn:hover{background-color:#00ffff1a}.sort-btn.active{background-color:var(--terminal-cyan);color:var(--terminal-bg)}.items-table{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.table-header{display:grid;grid-template-columns:40px 50px 1fr 150px 80px 150px;gap:.5em;padding:.75em;background-color:var(--terminal-medium);color:var(--terminal-cyan);font-weight:700;font-family:var(--terminal-font, "Fixedsys", "Courier New", monospace);font-size:var(--terminal-font-size-large);border-bottom:2px solid var(--terminal-cyan);flex-shrink:0;text-transform:lowercase;letter-spacing:1px;text-shadow:var(--glow-cyan);align-items:center}.table-header-cell{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:flex-start}.table-header-cell:first-child{justify-content:center}.table-header.playlist-layout,.table-row.playlist-layout{display:grid;grid-template-columns:var(--playlist-grid)}.table-header.album-layout,.table-row.album-layout{display:grid;grid-template-columns:var(--album-grid)}.table-body{flex:1;overflow-y:auto;overflow-x:hidden;max-height:none;min-height:7.5em;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--terminal-cyan) transparent;height:auto;margin-bottom:0;position:relative;box-sizing:border-box}.table-body::-webkit-scrollbar{width:8px}.table-body::-webkit-scrollbar-track{background:transparent}.table-body::-webkit-scrollbar-thumb{background-color:var(--terminal-cyan);border-radius:4px;opacity:.6}.table-body::-webkit-scrollbar-thumb:hover{opacity:1}.table-row{display:grid;grid-template-columns:40px 50px 1fr 150px 80px 150px;gap:.5em;padding:.75em;border-bottom:1px solid var(--terminal-cyan);cursor:pointer;transition:all .2s ease;border-left:1px solid transparent;background-color:var(--terminal-bg);width:100%;max-width:100%;box-sizing:border-box}.table-row.playlist-layout{grid-template-columns:var(--playlist-grid)}.table-row.album-layout{grid-template-columns:var(--album-grid)}.table-row:hover{background-color:#00ffff1a;border-bottom-color:var(--terminal-cyan-bright);border-left-color:var(--terminal-cyan-bright);box-shadow:inset 0 0 20px #00ffff1a;transform:translate(3px)}.table-row.selected{background-color:#00ffff26;border-left:3px solid var(--terminal-cyan-bright);border-bottom-color:var(--terminal-cyan-bright);box-shadow:inset 0 0 20px #0ff3}.table-row.selected:hover{background-color:#00ffff40;border-left-width:4px;transform:translate(5px)}.row-checkbox,.row-thumbnail,.row-name,.row-metadata,.row-tracks,.row-extra{display:flex;align-items:center;color:var(--terminal-cyan);font-family:Courier New,monospace;font-size:.85em}.row-checkbox,.header-checkbox{display:flex;align-items:center;justify-content:center;padding:0;height:100%;min-height:2.5em}.row-checkbox .wireframe-checkbox-wrapper,.header-checkbox .wireframe-checkbox-wrapper{display:flex;align-items:center;justify-content:center}.row-thumbnail img{width:40px;height:40px;object-fit:cover;border:1px solid var(--terminal-cyan-dim, rgba(0, 255, 255, .3));border-radius:2px}.item-name{font-weight:700;color:var(--terminal-cyan);word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;width:100%;display:block}.row-name{overflow:hidden;min-width:0}.row-metadata,.row-extra{color:var(--terminal-text-dim, #888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-tracks{text-align:center;color:var(--terminal-text-dim, #888);font-variant-numeric:tabular-nums}.pagination{display:flex;justify-content:space-between;align-items:center;padding:.75em 1em;border-top:2px solid var(--terminal-cyan-dim, rgba(0, 255, 255, .3));background-color:var(--terminal-bg);font-family:Courier New,monospace;flex-shrink:0;margin-top:auto;position:sticky;bottom:0;z-index:1000;min-height:3.5em;box-shadow:0 -2px 4px #0000001a;transform:translateZ(0);opacity:1;will-change:transform;border-top:3px solid var(--terminal-cyan)}.page-btn{background-color:transparent;border:1px solid var(--terminal-cyan);color:var(--terminal-cyan);padding:.5em 1em;cursor:pointer;font-family:Courier New,monospace;font-size:.9em;transition:all .2s ease}.page-btn:hover:not(:disabled){background-color:var(--terminal-cyan);color:var(--terminal-bg)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{color:var(--terminal-cyan);font-weight:700}.col-checkbox{min-width:36px;width:40px;max-width:48px;display:flex;align-items:center;justify-content:center}.col-thumbnail{min-width:44px;width:50px;max-width:56px;display:flex;align-items:center;justify-content:center}.col-name{min-width:120px;width:100%;flex:1 1 0;display:flex;align-items:center;overflow:hidden}.col-metadata{min-width:80px;width:120px;max-width:180px;display:flex;align-items:center;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-tracks{min-width:60px;width:80px;max-width:100px;display:flex;align-items:center;justify-content:center;text-align:center;font-variant-numeric:tabular-nums}.col-extra{min-width:100px;width:150px;max-width:200px;display:flex;align-items:center;justify-content:flex-end}@media (max-width: 768px){.col-checkbox{min-width:24px;width:30px}.col-thumbnail{min-width:28px;width:35px}.col-name{min-width:80px}.col-metadata{min-width:50px;width:80px}.col-tracks{min-width:40px;width:60px}.col-extra{min-width:60px;width:100px}}@media (max-width: 480px){.col-checkbox{min-width:18px;width:24px}.col-thumbnail{min-width:20px;width:30px}.col-name{min-width:50px}.col-metadata{min-width:30px;width:50px}.col-tracks{min-width:24px;width:40px}.col-extra{min-width:40px;width:60px}}@media (max-width: 768px){:root{padding:.5em;position:sticky;bottom:0;z-index:100;background-color:var(--terminal-bg);border-top:2px solid var(--terminal-cyan);min-height:50px;box-shadow:0 -2px 8px #0003}}@media (max-width: 480px){.album-playlist-select{min-height:200px;max-height:calc(100vh - 60px)}.sort-section{flex-wrap:wrap;gap:.25em}.sort-btn,.items-per-page-select{font-size:.7em;padding:.2em .4em}.table-header,.table-row{grid-template-columns:30px 35px 1fr 80px;font-size:.75em}.table-header.playlist-layout,.table-row.playlist-layout,.table-header.album-layout,.table-row.album-layout{grid-template-columns:30px 35px 1fr 80px}.header-metadata,.row-metadata{display:none}.row-thumbnail img{width:30px;height:30px}.table-body{max-height:calc(100vh - 200px);min-height:80px}.pagination{padding:.4em;flex-direction:column;gap:.4em;bottom:0;z-index:100;background-color:var(--terminal-bg);border-top:2px solid var(--terminal-cyan);min-height:2.8em;box-shadow:0 -3px 12px #0000004d;position:-webkit-sticky;position:sticky}.page-btn{font-size:.8em;padding:.4em .8em}.deselect-all-btn{font-size:.7em;padding:.2em .4em}}@media (max-height: 800px){.album-playlist-select{height:100%;min-height:12.5em}.table-body{min-height:5em}.pagination{padding:.5em;min-height:3.125em;position:sticky;bottom:0;z-index:1000;background-color:var(--terminal-bg);box-shadow:0 -2px 6px #00000026;border-top:3px solid var(--terminal-cyan);transform:translateZ(0);opacity:1;will-change:transform}}@media (max-height: 600px){.album-playlist-select{height:100%;min-height:9.375em}.table-body{min-height:3.75em}.pagination{padding:.4em;min-height:2.5em;font-size:.85em;position:sticky;bottom:0;z-index:1000;background-color:var(--terminal-bg);border-top:3px solid var(--terminal-cyan);box-shadow:0 -3px 8px #0003;transform:translateZ(0);opacity:1;will-change:transform}.page-btn{padding:.3em .6em;font-size:.8em}}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1em}.modal-container{max-width:60em;max-height:80vh;width:100%;overflow:hidden;display:flex;flex-direction:column}.modal-content-panel{height:100%;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1em;border-bottom:1px solid var(--primary-color, #00ffff);flex-shrink:0}.modal-title{margin:0;color:var(--primary-color, #00ffff);font-size:1.25em;font-weight:600}.close-button{font-size:1.5em;line-height:1;padding:.25em .5em;min-width:auto}.color-variables-modal{padding:1.5em;overflow-y:auto;flex:1}.modal-description{margin-bottom:1.5em;color:var(--text-color, #ffffff);font-size:.9em;opacity:.8}.color-category{margin-bottom:2em}.category-title{color:var(--primary-color, #00ffff);font-size:1.1em;font-weight:600;margin:0 0 1em;text-transform:uppercase;letter-spacing:.05em}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20em,1fr));gap:1em}.color-variable-item{display:flex;align-items:center;gap:1em;padding:.75em;border:1px solid var(--border-color, #333333);border-radius:.25em;background-color:var(--background-secondary, #001122)}.color-input-group{flex:1;display:flex;flex-direction:column;gap:.5em}.color-label{color:var(--text-color, #ffffff);font-size:.85em;font-weight:500}.color-input-wrapper{display:flex;gap:.5em;align-items:center}.color-picker{width:3em;height:2.5em;border:1px solid var(--border-color, #333333);border-radius:.25em;background:transparent;cursor:pointer}.color-text-input{flex:1;padding:.5em;background-color:var(--input-background, #000811);color:var(--text-color, #ffffff);border:1px solid var(--border-color, #333333);border-radius:.25em;font-family:Courier New,monospace;font-size:.85em}.color-text-input:focus{outline:none;border-color:var(--primary-color, #00ffff);box-shadow:0 0 0 2px #0ff3}.color-preview{width:3em;height:3em;border:1px solid var(--border-color, #333333);border-radius:.25em;flex-shrink:0}.modal-actions{display:flex;gap:1em;justify-content:flex-end;padding-top:1.5em;border-top:1px solid var(--border-color, #333333);margin-top:1.5em}@media (max-width: 768px){.modal-overlay{padding:.5em}.modal-container{max-height:90vh}.color-grid{grid-template-columns:1fr}.color-variable-item{flex-direction:column;align-items:stretch;text-align:center}.color-input-wrapper{justify-content:center}.modal-actions{flex-direction:column}}@media (prefers-reduced-motion: reduce){.modal-overlay{animation:none}}.modal-overlay:focus-within .close-button:focus{outline:2px solid var(--primary-color, #00ffff);outline-offset:2px}.navbar{width:250px;display:flex;flex-direction:column;position:fixed;height:100vh;padding:20px 0;background:transparent!important;z-index:100;justify-content:center;transition:width .3s ease}.nav-items{display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex-grow:1;gap:0;padding:0}.navbar-controls{display:flex;flex-direction:column;gap:1em;margin-top:auto;padding:0}.navbar-now-playing{width:100%}.font-controls{text-align:center}.font-controls button{background:transparent;border:none;color:var(--terminal-cyan);cursor:pointer;margin:0 5px;font-family:var(--terminal-font);font-size:var(--terminal-font-size-small);text-transform:lowercase;transition:color .3s ease}.font-controls button:hover{color:var(--terminal-cyan-bright)}.font-size-display{margin:0;font-size:var(--terminal-font-size-small);color:var(--text-dim);text-transform:lowercase}@media screen and (max-width: 1200px){.navbar{width:220px}}@media screen and (max-width: 992px){.navbar{width:200px}}@media screen and (max-width: 768px){.navbar{width:180px}}.mobile-menu-button{position:fixed;top:20px;left:20px;z-index:1000;background:var(--terminal-bg);border:1px solid var(--circuit-color);color:var(--circuit-color);padding:8px 12px;font-family:var(--terminal-font);font-size:var(--terminal-font-size);cursor:pointer;border-radius:4px;transition:all .3s ease}.mobile-menu-button:hover{background:var(--circuit-color);color:var(--terminal-bg);box-shadow:0 0 10px var(--circuit-color)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000811f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.mobile-menu{background:var(--terminal-bg);border:2px solid var(--circuit-color);border-radius:8px;width:90vw;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 0 20px var(--circuit-color)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--circuit-color-dim)}.mobile-menu-header h2{margin:0;color:var(--terminal-cyan);font-family:var(--terminal-font);font-size:1.2em;text-transform:lowercase}.mobile-menu-close{background:transparent;border:1px solid var(--circuit-color);color:var(--circuit-color);padding:8px 12px;font-family:var(--terminal-font);font-size:1.2em;cursor:pointer;border-radius:4px;transition:all .3s ease}.mobile-menu-close:hover{background:var(--terminal-red);border-color:var(--terminal-red);color:var(--terminal-bg)}.mobile-nav-items{padding:20px}.mobile-nav-item{padding:15px 20px;margin:5px 0;border:1px solid var(--circuit-color-dim);background:transparent;color:var(--circuit-color);font-family:var(--terminal-font);font-size:var(--terminal-font-size);text-transform:lowercase;cursor:pointer;transition:all .3s ease;border-radius:4px;text-align:center}.mobile-nav-item:hover{background:var(--circuit-color);color:var(--terminal-bg);box-shadow:0 0 10px var(--circuit-color)}.mobile-nav-item.active{background:var(--terminal-cyan);border-color:var(--terminal-cyan);color:var(--terminal-bg);box-shadow:0 0 15px var(--terminal-cyan)}.mobile-navbar-controls{padding:20px;border-top:1px solid var(--circuit-color-dim)}.mobile-font-controls{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--circuit-color);font-family:var(--terminal-font);font-size:var(--terminal-font-size)}.mobile-font-controls .font-btn{background:transparent;border:1px solid var(--circuit-color);color:var(--circuit-color);padding:5px 10px;font-family:var(--terminal-font);font-size:var(--terminal-font-size-small);cursor:pointer;border-radius:4px;transition:all .3s ease}.mobile-font-controls .font-btn:hover{background:var(--circuit-color);color:var(--terminal-bg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 768px){.navbar{display:none}}@media (hover: none) and (pointer: coarse){.navbar{display:none}}@media screen and (max-width: 576px){.navbar{width:160px}}:root{--nav-item-padding: 15px 10px 15px 10px;--nav-item-width: 97%;--nav-item-hover-padding: 15px 10px 15px 20px;--nav-item-hover-width: 99%;--nav-item-active-padding: 15px 10px 15px 30px;--nav-item-active-width: 100%}.nav-item{border-top:1px solid var(--terminal-cyan);border-bottom:1px solid var(--terminal-cyan);border-right:1px solid var(--terminal-cyan);padding:var(--nav-item-padding);cursor:pointer;width:var(--nav-item-width);text-align:left;background-color:var(--terminal-bg);transition:all .2s ease;font-size:var(--terminal-font-size);letter-spacing:1px;text-shadow:var(--glow-cyan);text-transform:lowercase;position:relative;user-select:none;-webkit-user-select:none;-ms-user-select:none}.nav-item:hover{transition:all .2s ease;padding:var(--nav-item-hover-padding);background-color:var(--terminal-dark);background-color:#00ffff1a;color:var(--terminal-cyan-bright);border-color:var(--terminal-cyan-bright);text-shadow:var(--glow-cyan-bright);box-shadow:0 0 15px var(--terminal-cyan-dark),inset 0 0 20px #0ff3;width:var(--nav-item-hover-width)}.nav-item.active{border-top:2px solid var(--terminal-cyan);border-bottom:2px solid var(--terminal-cyan);border-right:4px solid var(--terminal-cyan);font-weight:700;padding:var(--nav-item-active-padding);background-color:var(--terminal-medium);color:var(--terminal-cyan-bright);text-shadow:var(--glow-cyan-bright);border-color:var(--terminal-cyan-bright);box-shadow:0 0 15px var(--terminal-cyan-dark),inset 0 0 20px #0ff3;width:var(--nav-item-active-width)}.nav-item:focus{outline:none}.nav-item::selection{background:transparent}.nav-item:before{content:">";margin-right:10px;transition:margin-right .2s ease}.nav-item:hover:before{margin-right:17px}.nav-item.active:before{margin-right:24px;transition:margin-right .2s ease}.page-container{display:flex;flex-direction:row;width:100%;height:100%}.navbar-sidebar{flex-shrink:0;width:250px;min-width:180px;max-width:320px;height:100vh;position:relative;z-index:2;background:transparent!important}.page-main-content{flex:1;display:flex;flex-direction:column;gap:15px;min-width:0;margin:20px}.page-main-content.two-column{display:grid;grid-template-columns:1fr 2fr;gap:1.5em;align-items:flex-start;min-height:0}.page-col-left{grid-column:1;align-self:start}.page-col-right{grid-column:2;align-self:start}@media screen and (max-width: 1200px){.navbar-sidebar{width:220px}.page-main-content.two-column{grid-template-columns:1fr 1.5fr;gap:1.5em}}@media screen and (max-width: 992px){.navbar-sidebar{width:200px}.page-main-content.two-column{grid-template-columns:1fr 1fr;gap:1em}}@media screen and (max-width: 768px),(hover: none) and (pointer: coarse){.navbar-sidebar{display:none}.page-container{flex-direction:column}.page-main-content{margin:60px 15px 15px;width:calc(100% - 30px)}.page-main-content.two-column{grid-template-columns:1fr;gap:1em}.page-col-left,.page-col-right{grid-column:1;width:100%!important;max-width:100%!important;min-width:0!important}}@media screen and (max-width: 576px){.navbar-sidebar{width:160px}.page-main-content{margin-top:10px;margin-right:10px;margin-left:10px}}@media (max-width: 468px){.page-main-content.two-column{display:flex;flex-direction:column;gap:.5em}.page-col-left,.page-col-right{width:100%!important;max-width:100%!important;min-width:0!important}}.compact-header{padding:.75em 1.5em!important;min-height:auto!important}.compact-header h1{margin:.5em 0!important;font-size:1.8em!important}