@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Fira+Code:wght@300;400;500;600;700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Space+Mono:wght@400;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap";.btn-small{padding:8px 16px;font-size:14px;min-height:36px}.btn-medium{padding:10px 20px;font-size:16px;min-height:40px}.btn-large{padding:12px 24px;font-size:18px;min-height:44px}.btn-toolbar{padding:10px 18px;font-size:16px;min-height:40px;box-sizing:border-box}.btn-sidebar{padding:12px 18px;font-size:16px;min-height:44px;width:100%;box-sizing:border-box}.btn-compact{padding:6px 12px;font-size:14px;min-height:32px;box-sizing:border-box}.btn-icon{padding:10px;font-size:18px;min-height:40px;min-width:40px;box-sizing:border-box}.btn-modal{padding:12px 24px;font-size:16px;min-height:44px;box-sizing:border-box}.btn-header{padding:10px 20px;font-size:16px;min-height:40px;box-sizing:border-box}@media (max-width: 768px){.btn-toolbar,.btn-sidebar,.btn-modal,.btn-header{padding:8px 16px;font-size:14px;min-height:36px}.btn-sidebar{width:100%}.btn-compact{padding:6px 12px;font-size:12px;min-height:32px}}button.btn-small,button.btn-medium,button.btn-large,button.btn-toolbar,button.btn-sidebar,button.btn-compact,button.btn-icon,button.btn-modal,button.btn-header{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:middle;line-height:1}.sidebar button.btn-sidebar,.sidebar .btn-sidebar{width:100%;display:flex;align-items:center;justify-content:flex-start;text-align:left}[data-theme=glass] .btn-small,[data-theme=glass] .btn-medium,[data-theme=glass] .btn-large,[data-theme=glass] .btn-toolbar,[data-theme=glass] .btn-sidebar,[data-theme=glass] .btn-compact,[data-theme=glass] .btn-icon{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:var(--color-text-primary);box-shadow:0 2px 4px -1px #0000001a;text-transform:none;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .btn-small:hover,[data-theme=glass] .btn-medium:hover,[data-theme=glass] .btn-large:hover,[data-theme=glass] .btn-toolbar:hover,[data-theme=glass] .btn-sidebar:hover,[data-theme=glass] .btn-compact:hover,[data-theme=glass] .btn-icon:hover{background:#fffffff2;border-color:var(--color-accent-blue);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px);color:var(--color-accent-blue)}[data-theme=glass] .btn-small:active,[data-theme=glass] .btn-medium:active,[data-theme=glass] .btn-large:active,[data-theme=glass] .btn-toolbar:active,[data-theme=glass] .btn-sidebar:active,[data-theme=glass] .btn-compact:active,[data-theme=glass] .btn-icon:active{transform:translateY(0);box-shadow:0 2px 4px -1px #0000001a}:root{--color-background: #0D0208;--color-background-secondary: #14081F;--color-background-tertiary: #2A1B3D;--color-text-primary: #00ff40;--color-text-secondary: #A0FFA0;--color-text-dim: #507D50;--color-accent-green: #00FF41;--color-accent-magenta: #FF00FF;--color-accent-blue: #00BFFF;--color-accent-magenta-transparent: rgba(255, 0, 255, .7);--color-accent-green-transparent: rgba(0, 255, 65, .7);--color-background-tertiary-transparent: rgba(42, 27, 61, .85);--color-border: #4A00E0;--color-grid-minor: rgba(0, 255, 65, .1);--color-grid-major: rgba(0, 255, 65, .2);--pin-color-on: #00FF00;--pin-color-off: #FF0000;--input-pin-on-color: var(--color-accent-blue);--input-pin-off-color: #007399;--output-pin-on-color: var(--color-accent-magenta);--output-pin-off-color: #990099;--icon-color: var(--color-accent-green);--icon-hover-color: var(--color-accent-magenta);--font-primary: "IBM Plex Mono", "Source Code Pro", "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-headings: "Audiowide", "Orbitron", "Exo 2", "Rajdhani", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "Source Code Pro", "Roboto Mono", monospace;--font-display: "Audiowide", "Orbitron", "Exo 2", sans-serif;font-family:var(--font-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;color-scheme:dark}body{margin:0;padding:0;background-color:var(--color-background);color:var(--color-text-primary);font-size:20px}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--color-accent-magenta);text-shadow:1px 1px 0px var(--color-background-secondary),2px 2px 0px var(--color-accent-green)}button{font-family:var(--font-headings);border-radius:0;border:2px solid var(--color-accent-green);background-color:var(--color-background-secondary);color:var(--color-accent-green);padding:10px 20px;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;text-transform:uppercase;box-shadow:3px 3px 0 var(--color-accent-green);font-size:16px;min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}button:hover{background-color:var(--color-background-tertiary);color:var(--color-accent-green)!important;box-shadow:0 0 12px var(--color-accent-green),3px 3px 0 var(--color-accent-magenta);transform:translateY(-1px);border-color:var(--color-accent-magenta)}button:active{background-color:var(--color-accent-magenta);color:var(--color-background)!important;border-color:var(--color-accent-magenta);box-shadow:0 0 8px var(--color-accent-magenta),1px 1px 0 var(--color-accent-green);transform:translate(1px,1px)}input,textarea,select{font-family:var(--font-primary);background-color:var(--color-background-tertiary);color:var(--color-text-primary);border:2px solid var(--color-border);padding:8px;border-radius:0}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-accent-magenta);box-shadow:0 0 8px var(--color-accent-magenta)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-background-secondary);border-left:2px solid var(--color-border);border-top:2px solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--color-accent-green);border:2px solid var(--color-background);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-magenta)}::-webkit-scrollbar-corner{background:var(--color-background-secondary)}[data-theme=glass]{color-scheme:light}[data-theme=glass] body{background:linear-gradient(135deg,#f8fafc,#e2e8f0);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}[data-theme=glass] h1,[data-theme=glass] h2,[data-theme=glass] h3,[data-theme=glass] h4,[data-theme=glass] h5,[data-theme=glass] h6{color:var(--color-text-primary);text-shadow:none;font-weight:600;letter-spacing:-.025em}[data-theme=glass] button{border-radius:12px;border:1px solid var(--color-border);background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--color-text-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;text-transform:none;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=glass] button:hover{background:#fffffff2;border-color:var(--color-accent-blue);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px);color:var(--color-accent-blue)}[data-theme=glass] button:active{transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=glass] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=glass] ::-webkit-scrollbar-track{background:#f8fafc99;border-radius:4px}[data-theme=glass] ::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:4px;transition:background .2s ease}[data-theme=glass] ::-webkit-scrollbar-thumb:hover{background:#8b5cf699}[data-theme=glass] ::-webkit-scrollbar-corner{background:#f8fafc99}body,html{margin:0;padding:0;font-family:var(--font-primary);background-color:var(--color-background);color:var(--color-text-primary)}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:var(--color-background-secondary);border-bottom:2px solid var(--color-accent-magenta);box-shadow:0 2px 4px #00000080;z-index:150;height:60px;box-sizing:border-box}.app-title{font-family:var(--font-headings);font-size:1.5rem;color:var(--color-accent-green);margin:0;text-shadow:0 0 5px var(--color-accent-green)}.clickable-title{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.clickable-title:hover{transform:scale(1.05);text-shadow:0 0 10px var(--color-accent-green),0 0 15px var(--color-accent-green);filter:brightness(1.2)}.user-info{display:flex;align-items:center;gap:12px}.header-right{display:flex;align-items:center;gap:16px}.sign-in-redirect-btn{background-color:var(--color-background-tertiary);border:2px solid var(--color-accent-green);border-radius:8px;padding:10px 20px;color:var(--color-accent-green);font-family:var(--font-primary);font-size:16px;cursor:pointer;transition:all .3s ease;min-height:40px;box-sizing:border-box}.sign-in-redirect-btn:hover{background-color:var(--color-accent-green-transparent);color:var(--color-text-primary);box-shadow:0 0 8px var(--color-accent-green)}.header-left{display:flex;align-items:center;gap:1rem}header .cl-userButtonBox{height:auto}header .cl-userButtonTrigger{background-color:var(--color-background-tertiary)!important;border:2px solid var(--color-accent-green)!important;border-radius:50%!important;transition:all .3s ease!important}header .cl-userButtonTrigger:hover{background-color:var(--color-accent-green-transparent)!important;box-shadow:0 0 8px var(--color-accent-green)!important}header .cl-signInModalCloseButton{color:var(--color-text-primary)!important}header button[data-clerk-element=signInButton]{background-color:var(--color-background-tertiary);border:2px solid var(--color-accent-green);border-radius:8px;padding:10px 20px;color:var(--color-accent-green);font-family:var(--font-primary);font-size:16px;cursor:pointer;transition:all .3s ease;min-height:40px;box-sizing:border-box}header button[data-clerk-element=signInButton]:hover{background-color:var(--color-accent-green-transparent);color:var(--color-text-primary);box-shadow:0 0 8px var(--color-accent-green)}.sign-out-btn{background-color:var(--color-background-tertiary);border:2px solid var(--color-accent-magenta);border-radius:0;padding:10px 20px;color:var(--color-accent-magenta);font-family:var(--font-primary);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:2px 2px 0 var(--color-accent-magenta);min-height:40px;box-sizing:border-box}.sign-out-btn:hover{background-color:var(--color-accent-magenta-transparent);color:var(--color-text-primary);box-shadow:0 0 12px var(--color-accent-magenta),2px 2px 0 var(--color-accent-green);transform:translateY(-1px)}.sign-out-btn:active{transform:translate(1px,1px);box-shadow:0 0 8px var(--color-accent-magenta),1px 1px 0 var(--color-accent-green)}.toolbar-container{width:100%;background-color:var(--color-background-secondary);box-shadow:0 2px 4px #00000080;z-index:100;border-bottom:2px solid var(--color-accent-magenta)}.workspace-container{display:flex;flex:1;overflow:hidden;height:calc(100vh - 120px)}.sidebar-container{width:320px;height:100%;background-color:var(--color-background-secondary);border-right:2px solid var(--color-accent-magenta);box-shadow:2px 0 5px #0000004d;z-index:50;overflow-y:hidden;transition:margin-left .3s ease,width .3s ease;position:relative;margin-top:0}.sidebar-container.collapsed{margin-left:-320px;width:0}.canvas-container{display:flex;flex:1;height:100%;position:relative;overflow:auto;background-color:var(--color-background)}@media (max-width: 768px){header{padding:8px 16px;height:50px}.app-title{font-size:1.2rem}.workspace-container{height:calc(100vh - 110px)}header button[data-clerk-element=signInButton],.sign-out-btn{padding:6px 12px;font-size:12px;min-height:32px}}.cl-rootBox{background-color:var(--color-background)!important;font-family:var(--font-primary)!important}.cl-modalBackdrop{background-color:#0d0208f2!important}.cl-modal,.cl-modalContent,.cl-modalCloseButton{background-color:var(--color-background)!important;border:2px solid var(--color-accent-green)!important;box-shadow:0 0 15px var(--color-accent-green)!important}.cl-modalCloseButton{color:var(--color-accent-green)!important}.cl-modalCloseButton:hover{background-color:var(--color-accent-green-transparent)!important}.cl-card,.cl-socialButtonsBlockButton,.cl-socialButtonsBlockButtonArrow{background-color:var(--color-background)!important;border:2px solid var(--color-accent-green)!important;color:var(--color-text-primary)!important;font-family:var(--font-primary)!important}.cl-formFieldInput,.cl-formFieldInputShowPasswordButton,.cl-selectButton,.cl-selectOption{background-color:var(--color-background-secondary)!important;border:2px solid var(--color-accent-green)!important;color:var(--color-text-primary)!important;font-family:var(--font-primary)!important}.cl-formFieldInput:focus{border-color:var(--color-accent-magenta)!important;box-shadow:0 0 5px var(--color-accent-magenta)!important}.cl-formButtonPrimary,.cl-button{background-color:var(--color-background-tertiary)!important;border:2px solid var(--color-accent-green)!important;color:var(--color-accent-green)!important;font-family:var(--font-primary)!important;transition:all .3s ease!important}.cl-formButtonPrimary:hover,.cl-button:hover{background-color:var(--color-accent-green-transparent)!important;color:var(--color-text-primary)!important;box-shadow:0 0 8px var(--color-accent-green)!important}.cl-userButtonBox{background-color:transparent!important}.cl-userButtonTrigger{background-color:var(--color-background-tertiary)!important;border:2px solid var(--color-accent-green)!important;border-radius:8px!important}.cl-userButtonTrigger:hover{background-color:var(--color-accent-green-transparent)!important;box-shadow:0 0 8px var(--color-accent-green)!important}.cl-userButtonPopover,.cl-userButtonPopoverCard{background-color:var(--color-background)!important;border:2px solid var(--color-accent-green)!important;box-shadow:0 0 10px var(--color-accent-green)!important}.cl-userButtonPopoverActionButton,.cl-userButtonPopoverFooter{background-color:transparent!important;color:var(--color-text-primary)!important;border:none!important}.cl-userButtonPopoverActionButton:hover{background-color:var(--color-accent-green-transparent)!important}.cl-userPreview{color:var(--color-text-primary)!important}.cl-userProfile,.cl-profilePage,.cl-profilePage__security,.cl-profilePage__profile,.cl-profilePage__account{background-color:var(--color-background)!important}.cl-profilePage__sidebar,.cl-profilePage__content,.cl-profilePage__main,.cl-profilePage__section,.cl-profilePage__header,.cl-profilePage__body,.cl-profilePage__container,.cl-navbar,.cl-navbarSection,.cl-navbarMobileMenuButton,.cl-navbarMobileMenuRow,.cl-navbarMobileMenuContainer,.cl-pageScrollBox,.cl-page__main,.cl-page__navbar,.cl-scrollBox,.cl-rootBox__main{background-color:var(--color-background)!important;color:var(--color-text-primary)!important}.cl-internal-1w8z3t8,.cl-internal-1h9qewf,.cl-internal-b3fm6y,.cl-internal-*{background-color:var(--color-background)!important;color:var(--color-text-primary)!important}.cl-card>div,.cl-modal>div,.cl-userProfile>div,.cl-profilePage>div,.cl-page>div,.cl-rootBox>div{background-color:var(--color-background)!important;color:var(--color-text-primary)!important}div[class*=cl-] div,div[class*=cl-] div div,div[class*=cl-] div div div,[data-testid*=profile],[data-testid*=sidebar],[data-testid*=navigation],[data-testid*=content]{background-color:var(--color-background)!important;color:var(--color-text-primary)!important}.bg-white,.bg-gray-50,.bg-gray-100,.bg-slate-50,.bg-slate-100,.bg-neutral-50,.bg-neutral-100,.bg-stone-50,.bg-stone-100,.bg-zinc-50,.bg-zinc-100{background-color:var(--color-background)!important}.cl-userButton__content,.cl-userButton__main,.cl-userButton__popover,.cl-organizationSwitcher__content,.cl-organizationSwitcher__main,.cl-organizationSwitcher__popover{background-color:var(--color-background)!important;color:var(--color-text-primary)!important}.cl-headerTitle,.cl-headerSubtitle,.cl-profileSectionTitle,.cl-breadcrumbsItem,.cl-navbarButtonIcon,.cl-menuItemIcon,.cl-userPreviewMainIdentifier{color:var(--color-accent-green)!important;text-shadow:0 0 3px var(--color-accent-green)!important}.cl-formFieldInput,.cl-formFieldInputShowPasswordButton,.cl-formFieldInputShowPasswordIcon,.cl-selectButton,.cl-selectButtonIcon,.cl-selectOption,.cl-selectSearchInput,.cl-otpCodeFieldInput,.cl-phoneInputBox,.cl-fileDropAreaInput,.cl-toggleSwitch,.cl-passwordComplexityIndicatorBar{background-color:var(--color-background-secondary)!important;border:2px solid var(--color-accent-green)!important;color:var(--color-text-primary)!important;font-family:var(--font-primary)!important}div[class*=cl-],span[class*=cl-],p[class*=cl-],button[class*=cl-],input[class*=cl-],select[class*=cl-],textarea[class*=cl-],label[class*=cl-],form[class*=cl-],section[class*=cl-],article[class*=cl-],header[class*=cl-],footer[class*=cl-],nav[class*=cl-],aside[class*=cl-],main[class*=cl-]{background-color:var(--color-background)!important;color:var(--color-text-primary)!important;font-family:var(--font-primary)!important}input[class*=cl-]:not([type=checkbox]):not([type=radio]){background-color:var(--color-background-secondary)!important;border:2px solid var(--color-accent-green)!important;color:var(--color-text-primary)!important}button[class*=cl-socialButtons]{background-color:var(--color-background-tertiary)!important;border:2px solid var(--color-accent-green)!important;color:var(--color-accent-green)!important}button[class*=cl-socialButtons]:hover{background-color:var(--color-accent-green-transparent)!important;color:var(--color-text-primary)!important;box-shadow:0 0 8px var(--color-accent-green)!important}*,.cl-text-sm,.cl-text-xs,.cl-text-base,.cl-text-lg,.cl-text-gray-400,.cl-text-gray-500,.cl-text-gray-600,.cl-text-slate-400,.cl-text-slate-500,.cl-text-slate-600{color:var(--color-text-primary)!important}.cl-bg-white,.cl-bg-gray-50,.cl-bg-gray-100,.cl-bg-slate-50,.cl-bg-slate-100{background-color:var(--color-background)!important}.cl-border,.cl-border-gray-200,.cl-border-gray-300,.cl-border-slate-200,.cl-border-slate-300{border-color:var(--color-accent-green)!important}[data-clerk-modal],[data-clerk-popover],[data-clerk-dropdown]{background-color:var(--color-background)!important;color:var(--color-text-primary)!important;border:2px solid var(--color-accent-green)!important}[data-clerk-modal] *,[data-clerk-popover] *,[data-clerk-dropdown] *{background-color:var(--color-background)!important;color:var(--color-text-primary)!important;font-family:var(--font-primary)!important}.cl-app,.cl-component,.cl-layout,.cl-container,.cl-wrapper,.cl-content,.cl-section,.cl-panel,.cl-sidebar,.cl-navigation,.cl-nav,.cl-menu,.cl-list,.cl-item,.cl-box,.cl-block,.cl-area,.cl-zone,.cl-region,.cl-space,.cl-surface,.cl-backdrop,.cl-overlay,.cl-screen,.cl-view,.cl-frame,.cl-shell,.cl-host{background-color:var(--color-background)!important;background:var(--color-background)!important}[class*=cl-internal-],[class^=cl-internal-],[class$=cl-internal-],div[class*=cl-][class*=internal],span[class*=cl-][class*=internal],[class*=cl-],.cl-rootBox iframe,.cl-rootBox iframe *,.cl-component iframe,.cl-component iframe *{background-color:var(--color-background)!important;background:var(--color-background)!important;color:var(--color-text-primary)!important}html .cl-rootBox,html .cl-rootBox *,html [class*=cl-],html [class*=cl-] *,html [data-clerk-modal],html [data-clerk-modal] *,html [data-clerk-popover],html [data-clerk-popover] *{background-color:var(--color-background)!important;background:var(--color-background)!important;color:var(--color-text-primary)!important;font-family:var(--font-primary)!important}[class*=cl-]{--cl-color-background: var(--color-background) !important;--cl-color-surface: var(--color-background) !important;--cl-color-card: var(--color-background) !important;--cl-color-modal: var(--color-background) !important;--cl-color-sidebar: var(--color-background) !important;--cl-color-navigation: var(--color-background) !important;--cl-color-content: var(--color-background) !important;--cl-color-panel: var(--color-background) !important}@keyframes forceBlackBackground{0%,to{background-color:var(--color-background)!important;background:var(--color-background)!important}}[class*=cl-]{animation:forceBlackBackground .1s infinite!important}[class*=cl-][style*=background],[class*=cl-][style*=Background],.cl-avatarBox,.cl-userPreview,.cl-identityPreview,.cl-formContainer,.cl-cardBox,.cl-pageScrollBox,.cl-scrollBox,.cl-navbar,.cl-navbarSection,.cl-page,.cl-main,.cl-content,.cl-section,.cl-panel,.cl-profilePage__sidebar,.cl-profilePage__content,.cl-profilePage__main,.cl-userProfile,.cl-organizationProfile,.cl-userButton,.cl-organizationSwitcher{background-color:var(--color-background)!important;background:var(--color-background)!important}[class*=cl-]>*,[class*=cl-]>*>*,[class*=cl-]>*>*>*,[class*=cl-]>*>*>*>*{background-color:var(--color-background)!important;background:var(--color-background)!important;color:var(--color-text-primary)!important}[data-theme=classic]{background:var(--color-background)}[data-theme=classic] header{background:linear-gradient(135deg,#1a1a1a,#252525);border-bottom:1px solid rgba(0,255,136,.2);box-shadow:0 2px 20px #000c,inset 0 1px #ffffff14,0 0 40px #00ff880d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=classic] .app-title{background:linear-gradient(135deg,#f0f0f0,#0f8,#4fc3f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,255,136,.3)}[data-theme=classic] .toolbar-container{background:linear-gradient(135deg,#1a1a1a,#252525);border-bottom:1px solid rgba(0,255,136,.15);box-shadow:0 2px 15px #0009,inset 0 1px #ffffff0f,0 0 30px #00ff8808}[data-theme=classic] .sidebar-container{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border-right:1px solid rgba(0,255,136,.15);box-shadow:2px 0 20px #000000b3,inset -1px 0 #ffffff0a,inset 0 0 40px #00ff8805}[data-theme=classic] .canvas-container{background:radial-gradient(circle at center,#1a1a1a,#0f0f0f);position:relative;overflow:hidden}[data-theme=classic] .canvas-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(0,255,136,.03) 0%,transparent 60%),radial-gradient(circle at 80% 70%,rgba(79,195,247,.02) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(255,107,157,.01) 0%,transparent 70%);pointer-events:none;z-index:1}[data-theme=classic] button{background:linear-gradient(135deg,#252525,#303030);border:1px solid rgba(0,255,136,.2);border-radius:6px;color:var(--color-text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0006,inset 0 1px #ffffff14,0 0 #0f80}[data-theme=classic] button:hover{background:linear-gradient(135deg,#303030,#404040);border-color:#0f86;box-shadow:0 4px 16px #0009,inset 0 1px #ffffff1f,0 0 20px #0f83;transform:translateY(-1px)}[data-theme=classic] button:active{transform:translateY(0);box-shadow:0 1px 4px #0006,inset 0 1px #ffffff14,0 0 10px #00ff8826}[data-theme=classic] .sign-out-btn{background:linear-gradient(135deg,#252525,#1a1a1a);border:1px solid rgba(255,107,157,.3);color:var(--color-text-secondary)}[data-theme=classic] .sign-out-btn:hover{background:linear-gradient(135deg,#303030,#252525);color:var(--color-text-primary);border-color:#ff6b9d80;box-shadow:0 4px 16px #0009,0 0 20px #ff6b9d26}[data-theme=glass] header{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(148,163,184,.2);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}[data-theme=glass] .app-title{color:var(--color-text-primary);text-shadow:none;font-weight:700;background:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=glass] .clickable-title:hover{transform:scale(1.02);text-shadow:none;filter:brightness(1.1)}.landing-page{--color-background: #0D0208 !important;--color-background-secondary: #14081F !important;--color-background-tertiary: #2A1B3D !important;--color-text-primary: #00ff40 !important;--color-text-secondary: #A0FFA0 !important;--color-text-dim: #507D50 !important;--color-accent-green: #00FF41 !important;--color-accent-magenta: #FF00FF !important;--color-accent-blue: #00BFFF !important;--color-accent-magenta-transparent: rgba(255, 0, 255, .7) !important;--color-accent-green-transparent: rgba(0, 255, 65, .7) !important;--color-background-tertiary-transparent: rgba(42, 27, 61, .85) !important;--color-border: #4A00E0 !important;--color-grid-minor: rgba(0, 255, 65, .1) !important;--color-grid-major: rgba(0, 255, 65, .2) !important;--pin-color-on: #00FF00 !important;--pin-color-off: #FF0000 !important;--input-pin-on-color: #00BFFF !important;--input-pin-off-color: #007399 !important;--output-pin-on-color: #FF00FF !important;--output-pin-off-color: #990099 !important;--icon-color: #00FF41 !important;--icon-hover-color: #FF00FF !important;--font-primary: "IBM Plex Mono", "Source Code Pro", "JetBrains Mono", "Fira Code", monospace !important;--font-headings: "Audiowide", "Orbitron", "Exo 2", sans-serif !important;--font-mono: "JetBrains Mono", "Source Code Pro", "IBM Plex Mono", "Roboto Mono", monospace !important;--font-display: "Audiowide", "Orbitron", sans-serif !important;min-height:100vh;max-width:100vw;background:#000;background-image:linear-gradient(rgba(0,255,65,.09) 2px,transparent 2px),linear-gradient(90deg,rgba(0,255,65,.09) 2px,transparent 2px),linear-gradient(rgba(0,255,65,.008) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,65,.008) 1px,transparent 1px);background-size:100px 100px,100px 100px,20px 20px,20px 20px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;color:#0f0;font-family:Courier New,Consolas,monospace;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden;box-sizing:border-box;position:relative}.landing-page:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,255,136,.03) 0%,rgba(0,204,255,.015) 25%,transparent 50%,rgba(255,107,157,.02) 75%,rgba(0,255,136,.025) 100%),radial-gradient(ellipse at top left,rgba(0,255,136,.04) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,107,157,.035) 0%,transparent 50%),radial-gradient(ellipse at center,rgba(0,204,255,.015) 0%,transparent 70%);pointer-events:none;z-index:1;animation:gradientFlow 12s ease-in-out infinite alternate}@keyframes gradientFlow{0%{opacity:.6;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.02) rotate(.5deg)}to{opacity:.7;transform:scale(1.01) rotate(-.5deg)}}.landing-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(0,255,65,.01) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,204,255,.008) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,68,68,.005) 0%,transparent 50%);pointer-events:none;z-index:0;animation:gridGlow 8s ease-in-out infinite alternate}@keyframes gridGlow{0%{opacity:.3}to{opacity:.7}}.terminal-wrapper{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;z-index:10}.circuit-decorations{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:5}.terminal-container{background:#1e1e1e!important;border:2px solid #444!important;border-radius:12px;box-shadow:0 4px 20px #00000080;width:900px;height:650px;overflow:hidden;position:relative;z-index:15}.terminal-header{background:#2d2d2d!important;border-bottom:1px solid #444!important;color:#fff!important;padding:.7rem 1rem;font-size:.85rem;display:flex;align-items:center;justify-content:space-between;position:relative}.terminal-buttons{display:flex;gap:.4rem}.terminal-button{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:opacity .2s ease}.terminal-button:hover{opacity:.8}.terminal-button.close{background:#ff5f5a}.terminal-button.minimize{background:#ffbe2e}.terminal-button.maximize{background:#2aca44}.terminal-title{position:absolute;left:50%;transform:translate(-50%);color:#ccc!important;font-weight:500;font-size:.85rem;font-family:Audiowide,Orbitron,sans-serif!important}.terminal-body{height:calc(100% - 60px);background:#0a0a0a!important;padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;border-radius:0 0 10px 10px}.terminal-prompt{color:#00ff40!important;display:flex;align-items:center;gap:.5rem;font-weight:700}.prompt-symbol{color:#00ff41!important;font-weight:700}.prompt-text{color:#00bfff!important}.ascii-art{color:#00ff41!important;font-family:Courier New,monospace;font-size:.75rem;line-height:1.1;text-align:center;font-weight:700}.typing-text{color:#00ff40!important;line-height:1.8;font-size:1.1rem;min-height:120px;background:#0014004d!important;padding:1.5rem;border-left:3px solid #00FF41!important;border-radius:4px}.cursor{animation:blink 1s infinite;color:#00ff41!important;font-weight:700}.terminal-actions{margin-top:auto;padding-top:1rem;border-top:1px solid #333!important;display:flex;flex-direction:column;align-items:center}.terminal-button-action{background:transparent!important;border:2px solid #00FF41!important;color:#00ff41!important;padding:.8rem 2rem;font-family:Courier New,monospace!important;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;border-radius:4px;position:relative;overflow:hidden}.terminal-button-action:hover{background:#00ff41!important;color:#000!important;box-shadow:0 2px 8px #0000004d;transform:translateY(-2px)}.terminal-output{flex:1;display:flex;flex-direction:column;gap:2rem}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}0%,50%{opacity:1}51%,to{opacity:0}}.terminal-actions{margin-top:auto;padding-top:1rem;border-top:1px solid #333;display:flex;flex-direction:column;align-items:center}.action-line{display:flex;align-items:center;justify-content:center;gap:1rem;margin:.5rem 0;width:100%}.terminal-button-action{background:transparent;border:2px solid #00ff41;color:#00ff41;padding:.8rem 2rem;font-family:Courier New,monospace;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;border-radius:4px;position:relative;overflow:hidden}.terminal-button-action:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,65,.2),transparent);transition:left .5s ease}.terminal-button-action:hover:before{left:100%}.terminal-button-action:hover{background:#00ff41;color:#000!important;box-shadow:0 2px 8px #0000004d;transform:translateY(-2px)}@media (max-width: 1000px){.terminal-container{width:95vw;height:80vh;max-width:800px}}@media (max-width: 768px){.landing-page{padding:1rem}.terminal-container{width:95vw;height:85vh}.terminal-body{padding:1.5rem}.ascii-art{font-size:.6rem}.typing-text{font-size:1rem;padding:1rem}.terminal-button-action{width:100%;max-width:300px}}@media (max-width: 480px){.terminal-container{border-radius:8px;height:90vh}.terminal-body{padding:1rem}.ascii-art{font-size:.5rem}.typing-text{font-size:.9rem;min-height:100px}}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:7px 15px;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-accent-magenta);z-index:1}.toolbar-buttons{display:flex;gap:20px}.app-branding{display:flex;align-items:center;margin-left:auto;margin-right:15px}.app-logo-container{display:flex;align-items:center;gap:5px}.app-name{color:var(--color-accent-green);font-family:var(--font-headings);font-weight:700;font-size:20px;letter-spacing:2px;text-shadow:2px 2px 0px var(--color-accent-magenta)}.toolbar button{background-color:var(--color-background-tertiary);color:var(--color-text-primary);border:1px solid var(--color-accent-green);border-radius:0;padding:10px 20px;cursor:pointer;font-family:var(--font-primary);font-size:16px;text-transform:uppercase;transition:all .1s ease-in-out;box-shadow:3px 3px 0 var(--color-accent-green);min-height:40px;white-space:nowrap;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.toolbar-btn{display:flex;align-items:center}.btn-icon{display:none}.btn-text{margin-left:0}.add-icon{display:none}.toolbar button:hover{background-color:var(--color-background-tertiary);color:var(--color-accent-green);border-color:var(--color-accent-magenta);box-shadow:0 0 12px var(--color-accent-green),3px 3px 0 var(--color-accent-magenta);transform:translateY(-1px)}.toolbar button:active{transform:translate(1px,1px);box-shadow:0 0 8px var(--color-accent-magenta),1px 1px 0 var(--color-accent-magenta)}.toolbar button.active-mode{background-color:var(--color-accent-green);color:var(--color-background)!important;border-color:var(--color-accent-magenta);box-shadow:0 0 0 2px var(--color-accent-magenta),3px 3px 0 var(--color-accent-magenta);--button-text-color: var(--color-background)}.toolbar button.active-mode{--button-text-color: var(--color-background);color:var(--button-text-color)!important}[data-theme=classic] .toolbar button.active-mode{--button-text-color: #000000;color:var(--button-text-color)!important}.toolbar button.active-mode:hover,.toolbar button.active-mode.active-mode:hover,.toolbar button.active-mode:active,.toolbar button.active-mode.active-mode:active{color:var(--color-background)!important;background-color:var(--color-accent-green)!important}.toolbar button.active-mode .btn-text,.toolbar button.active-mode:hover .btn-text,.toolbar button.active-mode:active .btn-text{color:var(--color-background)!important}html body .toolbar .toolbar-buttons button.toolbar-btn.active-mode,html body .toolbar .toolbar-buttons button.toolbar-btn.active-mode:hover,html body .toolbar .toolbar-buttons button.toolbar-btn.active-mode:active{color:var(--color-background)!important;background-color:var(--color-accent-green)!important}html body .toolbar .toolbar-buttons button.toolbar-btn.active-mode .btn-text{color:var(--color-background)!important}html[data-theme=classic] body .toolbar .toolbar-buttons button.toolbar-btn.active-mode,html[data-theme=classic] body .toolbar .toolbar-buttons button.toolbar-btn.active-mode:hover,html[data-theme=classic] body .toolbar .toolbar-buttons button.toolbar-btn.active-mode:active,html[data-theme=classic] body .toolbar .toolbar-buttons button.toolbar-btn.active-mode .btn-text{color:#000!important}[data-theme=classic] .toolbar{background:linear-gradient(135deg,#1a1a1a,#252525);border-bottom:1px solid rgba(0,255,136,.15);box-shadow:0 2px 15px #0009,inset 0 1px #ffffff0f,0 0 30px #00ff8808}[data-theme=classic] .toolbar button{background:linear-gradient(135deg,#252525,#303030);border:1px solid rgba(0,255,136,.2);border-radius:6px;color:var(--color-text-primary);box-shadow:0 2px 6px #0006,inset 0 1px #ffffff14,0 0 #0f80;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=classic] .toolbar button:hover{background:linear-gradient(135deg,#303030,#404040);border-color:#0f86;box-shadow:0 4px 12px #0009,inset 0 1px #ffffff1f,0 0 16px #00ff8826;transform:translateY(-1px)}[data-theme=classic] .toolbar button.active{background:linear-gradient(135deg,#404040,#505050);border-color:#0f89;color:#fff;box-shadow:0 2px 8px #000c,inset 0 1px #ffffff26,0 0 20px #0f83}[data-theme=classic] .toolbar button.active-mode{background:linear-gradient(135deg,#00ff41e6,#00ff41);border-color:#f0fc;color:#000!important;box-shadow:0 2px 8px #000c,inset 0 1px #ffffff26,0 0 20px #ff00ff4d}[data-theme=classic] .toolbar button.active-mode:hover,[data-theme=classic] .toolbar button.active-mode.active-mode:hover{background:linear-gradient(135deg,#00ff41f2,#00ff41)!important;color:#000!important}[data-theme=classic] .toolbar button.active-mode:active,[data-theme=classic] .toolbar button.active-mode.active-mode:active{background:linear-gradient(135deg,#00ff41,#00ff41e6)!important;color:#000!important}[data-theme=classic] .toolbar button.active-mode .btn-text,[data-theme=classic] .toolbar button.active-mode:hover .btn-text,[data-theme=classic] .toolbar button.active-mode:active .btn-text{color:#000!important}[data-theme=classic] .app-name{background:linear-gradient(135deg,#f0f0f0,#0f8,#4fc3f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.pin-status{display:flex;gap:15px;margin-right:15px;align-items:center}.pin-instructions{display:flex;flex-direction:column;gap:5px;color:var(--color-text-secondary);font-family:var(--font-primary);font-size:12px;margin-right:15px}.pin-instructions span{background-color:var(--color-background-tertiary);padding:4px 8px;border:1px solid var(--color-accent-green);border-radius:0;color:var(--color-text-primary)}.pin-type{display:flex;align-items:center;gap:8px;color:var(--color-text-primary);font-family:var(--font-primary)}.pin-label{font-family:var(--font-headings);font-size:10px;text-transform:uppercase}.pin-value{font-family:var(--font-primary);font-size:12px;padding:3px 6px;border-radius:0;min-width:30px;text-align:center;border:1px solid var(--color-accent-green)}.zoom-controls{display:flex;align-items:center;gap:0;margin-left:20px}.zoom-btn{padding:10px 16px;font-size:16px;font-weight:700;min-height:40px;box-sizing:border-box}.zoom-level-display{font-size:14px;padding:10px 20px;background-color:var(--color-background-primary);border-left:none;border-right:none}.zoom-level-display:hover{background-color:var(--color-background-tertiary);color:var(--color-accent-blue);box-shadow:0 0 8px var(--color-accent-blue)}.zoom-controls .zoom-btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.zoom-controls .zoom-btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-container{background-color:var(--color-background-secondary);border:2px solid var(--color-accent-green);border-radius:0;box-shadow:5px 5px 0 var(--color-accent-green);min-width:400px;max-width:500px;font-family:var(--font-primary)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--color-accent-magenta);background-color:var(--color-background-tertiary)}.modal-header h3{margin:0;color:var(--color-accent-green);font-family:var(--font-display);font-size:16px;text-transform:uppercase;letter-spacing:1px}.modal-body{padding:20px}.modal-body label{display:block;margin-bottom:8px;color:var(--color-text-primary);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.modal-body input{width:100%;padding:12px 16px;border:2px solid var(--color-accent-green);border-radius:0;background-color:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-primary);font-size:16px;box-sizing:border-box;outline:none;transition:border-color .2s ease}.modal-body input:focus{border-color:var(--color-accent-magenta);box-shadow:2px 2px 0 var(--color-accent-magenta)}.modal-footer{padding:16px 20px;border-top:1px solid var(--color-accent-magenta);display:flex;justify-content:flex-end;gap:12px;background-color:var(--color-background-tertiary)}.modal-btn{padding:10px 20px;border:2px solid;border-radius:0;cursor:pointer;font-family:var(--font-primary);font-size:16px;text-transform:uppercase;letter-spacing:.5px;transition:all .1s ease;min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn-cancel{background-color:var(--color-background-secondary);color:var(--color-text-secondary);border-color:var(--color-text-secondary)}.modal-btn-cancel:hover:not(:disabled){background-color:var(--color-background-tertiary);color:var(--color-text-secondary)}.modal-btn-save{background-color:var(--color-accent-green);color:#000!important;border-color:var(--color-accent-green);box-shadow:2px 2px 0 var(--color-accent-magenta)}.modal-btn-save:hover:not(:disabled){background-color:var(--color-background-tertiary);color:var(--color-accent-magenta);border-color:var(--color-accent-magenta);box-shadow:2px 2px 0 var(--color-accent-green)}.modal-btn-save:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-accent-green);color:#000!important}[data-theme=glass] .toolbar{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(148,163,184,.2)}[data-theme=glass] .app-name{color:var(--color-text-primary);text-shadow:none;background:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;letter-spacing:-.025em}[data-theme=glass] .toolbar button{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:var(--color-text-primary);box-shadow:0 2px 4px -1px #0000001a;text-transform:none;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .toolbar button:hover{background:#fffffff2;border-color:var(--color-accent-blue);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px);color:var(--color-accent-blue)}[data-theme=glass] .toolbar button:active{transform:translateY(0);box-shadow:0 2px 4px -1px #0000001a}.canvas-wrapper{width:100%;height:100%;position:relative;overflow:auto;background-color:var(--color-background);box-shadow:inset 0 0 10px #00000080}.canvas{position:relative;width:10000px;height:10000px;min-height:100%;min-width:100%;background-color:var(--color-background);border:2px solid var(--color-accent-magenta);transform:translateZ(0);box-shadow:0 0 200px 100px #0a0a0acc inset;background-image:linear-gradient(to right,var(--color-grid-minor) 1px,transparent 1px),linear-gradient(to bottom,var(--color-grid-minor) 1px,transparent 1px),linear-gradient(to right,var(--color-grid-major) 1px,transparent 1px),linear-gradient(to bottom,var(--color-grid-major) 1px,transparent 1px);background-size:10px 10px,10px 10px,100px 100px,100px 100px;background-position:0 0;background-attachment:local;background-repeat:repeat}.fixed-ui-layer{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1000}.gate-area-warning{position:absolute;right:20px;top:40px;background-color:var(--color-accent-magenta-transparent);color:var(--color-text-primary);padding:10px 18px;border-radius:0;border:2px solid var(--color-accent-green);font-family:var(--font-primary);font-size:16px;font-weight:700;z-index:1001;pointer-events:none;animation:pulse-retro 2s infinite;box-shadow:3px 3px 0 var(--color-accent-green);max-width:180px;text-align:center}.wire-drawing-mode-indicator{position:absolute;left:10px;bottom:10px;background-color:var(--color-accent-green-transparent);color:var(--color-background-secondary);padding:8px 12px;border-radius:0;border:2px solid var(--color-accent-magenta);font-family:var(--font-headings);font-size:14px;text-transform:uppercase;font-weight:400;z-index:1000;pointer-events:none;box-shadow:2px 2px 0 var(--color-accent-magenta)}.infinite-canvas-message{position:absolute;bottom:60px;left:50%;transform:translate(-50%);background-color:var(--color-background-tertiary-transparent);color:var(--color-text-primary);padding:12px 22px;border-radius:0;border:2px solid var(--color-accent-green);font-family:var(--font-primary);font-size:16px;font-weight:700;z-index:1000;box-shadow:3px 3px 0 var(--color-accent-green);animation:fadeInOutRetro 5s forwards;pointer-events:none}.grid-position-label{position:absolute;background-color:var(--color-background-tertiary-transparent);color:var(--color-text-primary);padding:5px 10px;border-radius:0;border:1px solid var(--color-accent-green);font-family:var(--font-primary);font-size:14px;pointer-events:none;z-index:1000;transform:translateZ(0);white-space:nowrap;box-shadow:2px 2px 0 var(--color-accent-green);-webkit-backdrop-filter:none;backdrop-filter:none;animation:fadeInLabelRetro .15s ease-out;transition:top .05s linear,left .05s linear}@keyframes fadeInLabelRetro{0%{opacity:.5;transform:translate(-2px,-2px)}to{opacity:1;transform:translate(0)}}.pin-value-indicator{position:absolute;background-color:var(--color-background-tertiary-transparent);color:var(--color-text-primary);padding:10px 15px;border-radius:0;border:2px solid var(--color-accent-green);font-family:var(--font-primary);font-size:16px;pointer-events:none;z-index:1000;box-shadow:3px 3px 0 var(--color-accent-green);transform:translateZ(0);animation:fadeInRetro .2s ease-out}.pin-type{display:flex;align-items:center;gap:8px}.pin-label{font-family:var(--font-headings);font-size:14px;text-transform:uppercase}.pin-value{font-family:var(--font-primary);font-size:15px;padding:3px 7px;border-radius:0;min-width:40px;text-align:center;border:1px solid var(--color-accent-green)}.pin-value.on{background-color:var(--color-accent-green);color:var(--color-background-secondary);border-color:var(--color-accent-magenta)}.pin-value.off{background-color:var(--color-background-tertiary);color:var(--color-text-secondary);border-color:var(--color-text-secondary)}.pin-id{font-size:14px;color:var(--color-text-secondary);margin-top:5px;font-family:var(--font-mono)}.pin-position,.pin-parent{font-size:18px;color:var(--color-text);margin-top:3px;font-family:var(--font-mono)}.pin-type.input .pin-label{color:var(--color-accent-blue)}.pin-type.output .pin-label{color:var(--color-accent-magenta)}.pin-type.neutral .pin-label{color:var(--color-accent-green)}@keyframes fadeInRetro{0%{opacity:0;transform:translate(-3px,-3px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-retro{0%{opacity:.7;border-color:var(--color-accent-green);box-shadow:3px 3px 0 var(--color-accent-green)}50%{opacity:1;border-color:var(--color-accent-magenta);box-shadow:3px 3px 0 var(--color-accent-magenta);transform:scale(1.02)}to{opacity:.7;border-color:var(--color-accent-green);box-shadow:3px 3px 0 var(--color-accent-green)}}@keyframes fadeInOutRetro{0%{opacity:0;transform:translate(-50%,10px)}10%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.infinite-canvas-message{pointer-events:none}.canvas-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-dim);font-family:var(--font-headings);font-size:1.5em;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:none;text-shadow:2px 2px 0px var(--color-accent-magenta)}.placement-tooltip{position:fixed;background-color:var(--color-background-tertiary-transparent);color:var(--color-text-primary);padding:5px 10px;border-radius:4px;font-size:.8em;pointer-events:none;z-index:1001;border:1px solid var(--color-accent-green);box-shadow:0 2px 5px #0003}[data-theme=glass] .canvas-wrapper{background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-shadow:inset 0 0 20px #0000000d}[data-theme=glass] .canvas{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid rgba(148,163,184,.2);box-shadow:inset 0 0 100px 50px #f8fafc80;background-image:linear-gradient(to right,var(--color-grid-minor) 1px,transparent 1px),linear-gradient(to bottom,var(--color-grid-minor) 1px,transparent 1px),linear-gradient(to right,var(--color-grid-major) 1px,transparent 1px),linear-gradient(to bottom,var(--color-grid-major) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px}[data-theme=glass] .gate-area-warning{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--color-text-primary);box-shadow:0 4px 6px -1px #0000001a}.pulse-generator{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:200px;padding:12px;border-radius:10px;position:relative;gap:8px}.pulse-generator:before{position:absolute;top:3px;left:50%;transform:translate(-50%);font-size:10px;opacity:.7;pointer-events:none;color:var(--color-accent-green)}.pulse-generator label{font-size:12px;text-align:left;display:flex;align-items:center;width:100%;font-weight:500;color:var(--color-text-primary)}.pulse-generator input,.pulse-generator select{padding:4px 6px;border:1px solid var(--color-accent-green);border-radius:4px;text-align:center;cursor:text;font-size:12px;background-color:var(--color-background-tertiary)!important;color:var(--color-text-primary)!important;transition:all .2s ease}.pulse-generator select{cursor:pointer;text-align:left;background-color:var(--color-background-tertiary)!important;color:var(--color-text-primary)!important}.pulse-generator select option{background-color:var(--color-background-tertiary)!important;color:var(--color-text-primary)!important}.pulse-generator input:focus,.pulse-generator select:focus{outline:none;border-color:var(--color-accent-magenta);box-shadow:0 0 5px var(--color-accent-magenta);background-color:var(--color-background-tertiary)!important;color:var(--color-text-primary)!important}.pulse-generator input::-webkit-input-placeholder{color:var(--color-text-dim)}.pulse-generator input::placeholder{color:var(--color-text-dim)}.pulse-generator input:-webkit-autofill,.pulse-generator input:-webkit-autofill:hover,.pulse-generator input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-background-tertiary) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;border:1px solid var(--color-accent-green)!important}.pulse-generator input[type=text]{font-family:var(--font-mono)}.pulse-generator select{font-family:var(--font-mono);max-width:120px}.pulse-generator button{padding:10px 16px;border:1px solid var(--color-accent-green);border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;flex:1;background-color:var(--color-background-tertiary);color:var(--color-text-primary);min-height:36px;box-sizing:border-box}.pulse-generator button:hover{background-color:var(--color-accent-green);color:var(--color-background);box-shadow:0 0 8px var(--color-accent-green)}.pulse-generator .start-button{background-color:var(--color-accent-green);color:var(--color-background);border-color:var(--color-accent-green);box-shadow:0 0 5px var(--color-accent-green-transparent)}.pulse-generator .start-button:hover{background-color:var(--color-text-primary);box-shadow:0 0 12px var(--color-accent-green)}.pulse-generator .stop-button{background-color:var(--color-accent-magenta);color:var(--color-background);border-color:var(--color-accent-magenta);box-shadow:0 0 5px var(--color-accent-magenta-transparent)}.pulse-generator .stop-button:hover{background-color:#f4f;box-shadow:0 0 12px var(--color-accent-magenta)}option{background-color:#f0f0f0;color:#333;font-weight:500;padding:8px}option:checked{background-color:#007acc;color:#fff}optgroup{font-weight:700;color:#444;background-color:#e5e5e5;padding:5px}@-moz-document url-prefix(){option{padding:4px}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideInFromLeft .4s ease-out forwards;opacity:0}.sidebar.animating .sidebar-title{animation:fadeInUp .5s ease-out forwards}.sidebar.animating .special-section,.sidebar.animating .dropdown-container,.sidebar.animating .sidebar-section,.sidebar.animating .circuit-item,.sidebar.animating .tool-item,.sidebar.animating .empty-circuit-message,.sidebar.animating .auth-required-message{opacity:0;animation:slideInFromLeft .4s ease-out forwards}.sidebar:not(.animating) .sidebar-title,.sidebar:not(.animating) .special-section,.sidebar:not(.animating) .dropdown-container,.sidebar:not(.animating) .sidebar-section,.sidebar:not(.animating) .circuit-item,.sidebar:not(.animating) .tool-item,.sidebar:not(.animating) .empty-circuit-message,.sidebar:not(.animating) .auth-required-message{opacity:1;transform:none}.sidebar-toggle-btn{position:fixed!important;top:120px;left:320px;z-index:200;background-color:var(--color-background-secondary);border:2px solid var(--color-accent-green);border-radius:0 8px 8px 0;border-left:none;padding:12px 8px;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);color:var(--color-accent-green);box-shadow:2px 0 5px #0000004d;width:40px!important;margin:0!important;text-align:center}.sidebar-toggle-btn:hover{background-color:var(--color-background-tertiary);color:var(--color-accent-green);transform:scale(1.05);box-shadow:0 0 12px var(--color-accent-green);border-color:var(--color-accent-magenta)}.sidebar-toggle-btn.collapsed{left:0}.toggle-icon{transition:transform .4s cubic-bezier(.23,1,.32,1)}.toggle-icon.collapsed{transform:rotate(180deg)}.sidebar{padding:16px;height:100%;color:var(--color-text-primary);background-color:var(--color-background-secondary);font-family:var(--font-primary);transition:transform .4s cubic-bezier(.23,1,.32,1);transform:translate(0);overflow:hidden}.sidebar.collapsed{transform:translate(-100%)}.sidebar h2{margin-top:0;font-size:1.5em;font-family:var(--font-headings);color:var(--color-accent-green);border-bottom:2px solid var(--color-accent-magenta);padding-bottom:10px;margin-bottom:16px;text-transform:uppercase}.sidebar p{font-size:1em;color:var(--color-text-secondary);margin-bottom:20px;line-height:1.6}.sidebar button{display:block;width:100%;background-color:transparent;color:var(--color-accent-green);border:2px solid var(--color-accent-green);padding:12px 18px;font-family:var(--font-primary);font-size:16px;text-transform:uppercase;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);margin-bottom:12px;box-shadow:none;transform:translate(0);min-height:44px;box-sizing:border-box;border-radius:0;display:flex;align-items:center;justify-content:flex-start}.sidebar button:hover{background-color:var(--color-background-tertiary);color:var(--color-accent-green);border-color:var(--color-accent-magenta);box-shadow:0 0 12px var(--color-accent-green),2px 2px 0 var(--color-accent-magenta);transform:translateY(-2px)}.sidebar button:active{background-color:var(--color-accent-magenta);color:var(--color-background);border-color:var(--color-accent-magenta);transform:translateY(0);box-shadow:0 0 8px var(--color-accent-magenta),1px 1px 0 var(--color-accent-green)}.sidebar button .button-icon{margin-right:10px}.sidebar-btn-container{position:relative;width:100%;margin-bottom:8px}.sidebar-btn-container .sidebar-btn{position:relative;width:100%;overflow:visible}.delete-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:2px solid var(--color-accent-magenta);border-radius:4px;background-color:var(--color-accent-magenta);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;font-family:var(--font-primary);cursor:pointer;opacity:1;z-index:100;transition:all .3s ease}.sidebar-btn-container:hover .delete-btn{opacity:.9}.delete-btn:hover{background-color:var(--color-accent-magenta);color:var(--color-background);opacity:1;transform:translateY(-50%) scale(1.15);box-shadow:0 0 16px #ff00ffe6,0 0 8px #ff00ffb3,inset 0 1px #ffffff4d;text-shadow:0 0 4px rgba(0,0,0,.9);border-color:var(--color-accent-magenta);z-index:150;animation:retro-pulse .6s ease-in-out}@keyframes retro-pulse{0%{box-shadow:0 0 12px #f0fc}50%{box-shadow:0 0 20px #f0f}to{box-shadow:0 0 12px #f0fc}}.dropdown-container{width:100%}.dropdown-toggle-btn{display:flex;align-items:center;justify-content:flex-start;width:100%;text-align:left;position:relative}.dropdown-toggle-btn .btn-icon{margin-right:10px}.dropdown-content{display:flex;flex-direction:column;align-items:stretch;padding-left:20px;border-left:2px solid var(--color-accent-green-transparent);margin-top:5px;margin-bottom:10px}.dropdown-content .sidebar-btn{margin-bottom:8px;background-color:var(--color-background-tertiary)}.dropdown-content .sidebar-btn:hover{background-color:var(--color-background-secondary);color:var(--color-accent-green);border-color:var(--color-accent-magenta);box-shadow:0 0 8px var(--color-accent-green);transform:translateY(-1px)}.dropdown-content .sidebar-btn .add-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.empty-circuit-message{padding:10px;color:var(--color-text-secondary);font-size:.9em;text-align:center;border:1px dashed var(--color-accent-green-transparent);border-radius:4px;margin:5px 0}.empty-circuit-message p{margin:5px 0;line-height:1.3}.auth-required-message{padding:10px;color:var(--color-text-secondary);font-size:.9em;text-align:center;border:1px dashed var(--color-accent-orange-transparent, #ffa50080);border-radius:4px;margin:5px 0;background-color:var(--color-bg-auth-warning, rgba(255, 165, 0, .05))}.auth-required-message p{margin:5px 0;line-height:1.3}.special-section{position:relative}.special-gate-btn{background-color:var(--color-accent-magenta-transparent)!important;border:2px solid var(--color-accent-magenta)!important;color:var(--color-text-primary)!important;display:flex!important;align-items:center;justify-content:flex-start;padding:10px 20px!important;transition:all .3s ease!important;margin-bottom:8px!important;font-size:16px!important;font-family:var(--font-primary)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;min-height:40px!important;box-sizing:border-box!important}.special-gate-btn:hover{background-color:var(--color-background-tertiary)!important;color:var(--color-accent-magenta)!important;transform:translateY(-2px);box-shadow:0 0 8px var(--color-accent-magenta)!important}.special-gate-btn .btn-icon{margin-right:15px;width:24px;height:24px}.special-gate-btn .btn-text{font-weight:700;font-family:var(--font-primary);font-size:inherit;text-transform:inherit;letter-spacing:inherit}@media (max-width: 768px){.sidebar-toggle-btn{top:110px;width:35px!important;padding:6px 4px;min-height:32px}.sidebar-container{width:280px}.sidebar-toggle-btn{left:280px}.sidebar-container.collapsed{margin-left:-280px}.sidebar button{padding:8px 16px;font-size:14px;min-height:36px}.special-gate-btn{padding:8px 16px!important;font-size:14px!important;min-height:36px!important}}[data-theme=classic] .sidebar{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border-right:1px solid rgba(0,255,136,.15);box-shadow:2px 0 20px #000000b3,inset -1px 0 #ffffff0a,inset 0 0 40px #00ff8805}[data-theme=classic] .sidebar-title{background:linear-gradient(135deg,#f0f0f0,#0f8,#4fc3f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=classic] .sidebar-section h3{background:linear-gradient(135deg,#f0f0f0,#d0d0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=classic] .circuit-item,[data-theme=classic] .tool-item{background:linear-gradient(135deg,#1a1a1a,#252525);border:1px solid rgba(0,255,136,.15);border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0006,inset 0 1px #ffffff0d,0 0 #0f80}[data-theme=classic] .circuit-item:hover,[data-theme=classic] .tool-item:hover{background:linear-gradient(135deg,#252525,#303030);border-color:#00ff884d;box-shadow:0 4px 12px #0009,inset 0 1px #ffffff14,0 0 16px #00ff881a}[data-theme=classic] .special-section button,[data-theme=classic] .sidebar-section button{background:linear-gradient(135deg,#252525,#303030);border:1px solid rgba(0,255,136,.2);border-radius:6px;color:var(--color-text-primary);box-shadow:0 2px 6px #0006,inset 0 1px #ffffff0f,0 0 #0f80;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=classic] .special-section button:hover,[data-theme=classic] .sidebar-section button:hover{background:linear-gradient(135deg,#303030,#404040);border-color:#0f86;box-shadow:0 4px 12px #0009,inset 0 1px #ffffff1a,0 0 16px #00ff8826}[data-theme=classic] .toggle-button{background:linear-gradient(135deg,#252525,#303030);border:1px solid rgba(0,255,136,.25);box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff14,0 0 #0f80}[data-theme=classic] .toggle-button:hover{background:linear-gradient(135deg,#303030,#404040);border-color:#0f86;box-shadow:0 4px 16px #000000b3,inset 0 1px #ffffff1f,0 0 20px #00ff8826}[data-theme=glass] .sidebar{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(148,163,184,.2);box-shadow:2px 0 8px -2px #0000001a}[data-theme=glass] .sidebar-title{color:var(--color-text-primary);text-shadow:none;font-weight:600;border-bottom:1px solid rgba(148,163,184,.2)}[data-theme=glass] .sidebar-section h3{color:var(--color-text-primary);text-shadow:none;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}[data-theme=glass] .tool-item,[data-theme=glass] .circuit-item{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:8px;color:var(--color-text-primary);box-shadow:0 1px 3px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .tool-item:hover,[data-theme=glass] .circuit-item:hover{background:#ffffffe6;border-color:var(--color-accent-blue);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}[data-theme=glass] .tool-item:active,[data-theme=glass] .circuit-item:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:10px}.loading-spinner{position:relative;width:40px;height:40px}.loading-spinner-container.small .loading-spinner{width:24px;height:24px}.loading-spinner-container.large .loading-spinner{width:60px;height:60px}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:spinner-rotate 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){border-top-color:var(--primary-color, #00ff00);animation-delay:-.45s}.spinner-ring:nth-child(2){border-top-color:var(--secondary-color, #ff0080);animation-delay:-.3s}.spinner-ring:nth-child(3){border-top-color:var(--accent-color, #00ffff);animation-delay:-.15s}.spinner-ring:nth-child(4){border-top-color:var(--text-color, #ffffff)}[data-theme=matrix] .spinner-ring:nth-child(1){border-top-color:#0f0}[data-theme=matrix] .spinner-ring:nth-child(2){border-top-color:#0a0}[data-theme=matrix] .spinner-ring:nth-child(3){border-top-color:#0c0}[data-theme=matrix] .spinner-ring:nth-child(4){border-top-color:#0f8}[data-theme=neon] .spinner-ring:nth-child(1){border-top-color:#ff0080}[data-theme=neon] .spinner-ring:nth-child(2){border-top-color:#0ff}[data-theme=neon] .spinner-ring:nth-child(3){border-top-color:#ff8000}[data-theme=neon] .spinner-ring:nth-child(4){border-top-color:#8000ff}[data-theme=cyberpunk] .spinner-ring:nth-child(1){border-top-color:#0ff}[data-theme=cyberpunk] .spinner-ring:nth-child(2){border-top-color:#ff0080}[data-theme=cyberpunk] .spinner-ring:nth-child(3){border-top-color:#ff0}[data-theme=cyberpunk] .spinner-ring:nth-child(4){border-top-color:#8000ff}[data-theme=classic] .spinner-ring:nth-child(1){border-top-color:#007acc}[data-theme=classic] .spinner-ring:nth-child(2){border-top-color:#06a}[data-theme=classic] .spinner-ring:nth-child(3){border-top-color:#004d88}[data-theme=classic] .spinner-ring:nth-child(4){border-top-color:#036}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{margin:0;font-size:14px;color:var(--text-color, #ffffff);text-align:center;opacity:.8}.loading-spinner-container.small .loading-message{font-size:12px}.loading-spinner-container.large .loading-message{font-size:16px}.loading-spinner-container{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-60%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.auth-modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-background-secondary);border:3px solid var(--color-accent-green);border-radius:0;box-shadow:8px 8px 0 var(--color-accent-green);min-width:450px;max-width:500px;font-family:var(--font-primary);animation:slideIn .3s ease-out}.auth-modal-header{padding:20px 24px 16px;border-bottom:2px solid var(--color-accent-green);background-color:var(--color-background-tertiary);display:flex;justify-content:space-between;align-items:center}.auth-modal-header h3{margin:0;color:var(--color-accent-green);font-family:var(--font-headings);font-size:18px;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px var(--color-accent-green)}.auth-modal-close{background:none;border:none;color:var(--color-accent-magenta);font-size:28px;font-weight:700;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:0;transition:all .2s ease}.auth-modal-close:hover{background-color:var(--color-accent-magenta-transparent);color:var(--color-text-primary);transform:scale(1.1)}.auth-modal-body{padding:30px 24px;text-align:center}.auth-modal-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 0 8px var(--color-accent-green));animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px var(--color-accent-green))}50%{transform:scale(1.05);filter:drop-shadow(0 0 12px var(--color-accent-green))}}.auth-modal-message{color:var(--color-text-primary);font-size:18px;font-weight:700;margin:0 0 16px;line-height:1.4;text-transform:uppercase;letter-spacing:.5px}.auth-modal-submessage{color:var(--color-text-secondary);font-size:14px;margin:0;line-height:1.5;opacity:.9}.auth-modal-footer{padding:20px 24px;border-top:2px solid var(--color-accent-green);display:flex;justify-content:flex-end;gap:16px;background-color:var(--color-background-tertiary)}.auth-modal-btn{padding:10px 20px;border:2px solid;border-radius:0;cursor:pointer;font-family:var(--font-primary);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .15s ease;position:relative;min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.auth-modal-btn:disabled{opacity:.5;cursor:not-allowed}.auth-modal-btn-cancel{background-color:var(--color-background-secondary);color:var(--color-text-secondary);border-color:var(--color-text-secondary);box-shadow:3px 3px 0 var(--color-text-secondary)}.auth-modal-btn-cancel:hover:not(:disabled){background-color:var(--color-text-secondary);color:var(--color-background-secondary);transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--color-text-secondary)}.auth-modal-btn-cancel:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-text-secondary)}.auth-modal-btn-signin{background-color:var(--color-accent-green);color:var(--color-background-secondary);border-color:var(--color-accent-green);box-shadow:3px 3px 0 var(--color-accent-magenta);position:relative;overflow:hidden}.auth-modal-btn-signin:hover:not(:disabled){background-color:var(--color-accent-magenta);border-color:var(--color-accent-magenta);box-shadow:4px 4px 0 var(--color-accent-green);transform:translate(-1px,-1px)}.auth-modal-btn-signin:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-accent-green)}[data-theme=glass] .auth-modal-overlay{background-color:#0f172a4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=glass] .auth-modal-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.2);border-radius:16px;box-shadow:0 25px 50px -12px #00000040}[data-theme=glass] .auth-modal h2{color:var(--color-text-primary);text-shadow:none;font-weight:600}[data-theme=glass] .auth-modal .form-group label{color:var(--color-text-secondary);font-weight:500}[data-theme=glass] .auth-modal input{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:var(--color-text-primary);transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .auth-modal input:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (max-width: 500px){.auth-modal-container{min-width:90vw;margin:20px;transform:translate(-50%,-50%) scale(.95)}.auth-modal-footer{flex-direction:column}.auth-modal-btn{width:100%}}@media (prefers-color-scheme: dark){.auth-modal-overlay{background-color:#000000e6}}.theme-dropdown{position:relative;display:inline-block}.theme-dropdown-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--color-accent-green);border-radius:6px;background-color:var(--color-background-tertiary);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;font-family:var(--font-primary);font-size:16px;justify-content:space-between;min-height:40px;box-sizing:border-box}.theme-dropdown-button:hover{background-color:var(--color-background-secondary);border-color:var(--color-accent-magenta);box-shadow:0 0 8px var(--color-accent-green-transparent);transform:none}.theme-dropdown-button:focus{outline:none;border-color:var(--color-accent-magenta);box-shadow:0 0 12px var(--color-accent-magenta-transparent)}[data-theme=classic] .theme-dropdown-button{border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,#2a2a2a,#3a3a3a);box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1a;border-radius:8px}[data-theme=classic] .theme-dropdown-button:hover{background:linear-gradient(135deg,#3a3a3a,#4a4a4a);border-color:#ffffff40;box-shadow:0 4px 16px #0009,inset 0 1px #ffffff26,0 0 20px #ffffff14}.theme-icon{font-size:16px;line-height:1}.theme-label{flex:1;text-align:left;font-weight:500}.theme-arrow{font-size:10px;transition:transform .2s ease;color:var(--color-accent-green)}.theme-arrow.open{transform:rotate(180deg)}.theme-dropdown-menu{position:absolute;top:100%;right:0;width:220px;max-height:300px;overflow-y:auto;background-color:var(--color-background-tertiary);border:2px solid var(--color-accent-green);border-radius:8px;box-shadow:0 8px 24px #00000080,0 0 20px var(--color-accent-green-transparent);z-index:1000;margin-top:4px;animation:dropdownAppear .2s ease-out}@keyframes dropdownAppear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:8px 16px;border:none;background-color:transparent;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;text-align:left;font-family:var(--font-primary);font-size:14px;border-radius:0;box-shadow:none;transform:none;text-transform:none;min-height:36px;box-sizing:border-box}.theme-dropdown-item:hover{background-color:var(--color-background-secondary);color:var(--color-accent-green);box-shadow:none;transform:none;border-color:transparent}.theme-dropdown-item.active,.theme-dropdown-item.active:hover{background-color:var(--color-accent-green);color:#000!important}.theme-dropdown-item.active *,.theme-dropdown-item.active:hover *,.theme-dropdown-item.active .theme-name,.theme-dropdown-item.active:hover .theme-name{color:#000!important}.theme-preview{display:flex;gap:4px;align-items:center}.theme-color-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.theme-name{flex:1;font-weight:500}.theme-checkmark{color:inherit;font-weight:700;font-size:16px}.theme-dropdown-item.active .theme-checkmark{color:#000!important}.theme-dropdown-menu::-webkit-scrollbar{width:6px}.theme-dropdown-menu::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:3px}.theme-dropdown-menu::-webkit-scrollbar-thumb{background:var(--color-accent-green);border-radius:3px}.theme-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--color-accent-magenta)}@media (max-width: 768px){.theme-dropdown-button{padding:8px 16px;font-size:14px;min-height:36px}.theme-dropdown-menu{width:200px}.theme-dropdown-item{padding:8px 12px;font-size:14px;min-height:36px}}[data-theme=classic] .theme-dropdown-button{border:1px solid rgba(0,255,136,.3);background:linear-gradient(135deg,#252525,#303030);box-shadow:0 2px 8px #0006,inset 0 1px #ffffff14,0 0 #0f80;border-radius:6px}[data-theme=classic] .theme-dropdown-button:hover{background:linear-gradient(135deg,#303030,#404040);border-color:#00ff8880;box-shadow:0 4px 16px #0009,inset 0 1px #ffffff1f,0 0 20px #0f83}[data-theme=classic] .theme-dropdown-menu{background:linear-gradient(135deg,#1a1a1a,#252525);border:1px solid rgba(0,255,136,.2);box-shadow:0 8px 32px #000c,inset 0 1px #ffffff14,0 0 40px #00ff881a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px}[data-theme=classic] .theme-dropdown-item{background:transparent;border:none;border-bottom:1px solid rgba(0,255,136,.08)}[data-theme=classic] .theme-dropdown-item:hover{background:linear-gradient(90deg,#00ff8814,#4fc3f70d);box-shadow:inset 0 1px #ffffff14}[data-theme=classic] .theme-dropdown-item.active{background:linear-gradient(90deg,#00ff88e6,#0f8);border-left:2px solid rgba(255,0,255,.8);color:#000!important}[data-theme=classic] .theme-dropdown-item.active:hover{background:linear-gradient(90deg,#00ff88f2,#0f8);color:#000!important}[data-theme=classic] .theme-dropdown-item.active .theme-checkmark,[data-theme=classic] .theme-dropdown-item.active *,[data-theme=classic] .theme-dropdown-item.active:hover *,[data-theme=classic] .theme-dropdown-item.active .theme-name,[data-theme=classic] .theme-dropdown-item.active:hover .theme-name{color:#000!important}[data-theme=classic] .theme-arrow{color:#0f8c}[data-theme=classic] .theme-checkmark{color:var(--color-accent-green);font-weight:700}[data-theme=glass] .theme-dropdown-button{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.3);border-radius:8px;color:var(--color-text-primary);box-shadow:0 2px 4px -1px #0000001a;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .theme-dropdown-button:hover{background:#fffffff2;border-color:var(--color-accent-blue);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}[data-theme=glass] .theme-dropdown-button:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #3b82f61a}[data-theme=glass] .theme-dropdown-menu{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.2);border-radius:12px;box-shadow:0 25px 50px -12px #00000040}[data-theme=glass] .theme-dropdown-item{color:var(--color-text-primary);transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=glass] .theme-dropdown-item:hover{background:#3b82f61a;color:var(--color-accent-blue)}[data-theme=glass] .theme-dropdown-item.active{background:#3b82f61a;color:var(--color-accent-blue);font-weight:500}.tutorial-icon{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background-color:#fff;border:2px solid #000000;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;color:#000;transition:transform .2s ease;font-family:var(--font-primary);font-size:24px;font-weight:700}.tutorial-icon:hover{transform:scale(1.1)}.tutorial-icon svg{width:28px;height:28px;fill:currentColor}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.tutorial-popup{background-color:var(--color-background-secondary);border:2px solid var(--color-accent-green);border-radius:0;box-shadow:5px 5px 0 var(--color-accent-green);min-width:400px;max-width:500px;font-family:var(--font-primary);animation:slideIn .3s ease-out}.tutorial-header{padding:16px 20px;border-bottom:1px solid var(--color-accent-magenta);background-color:var(--color-background-tertiary);display:flex;justify-content:space-between;align-items:center}.tutorial-header h3{margin:0;color:var(--color-accent-green);font-family:var(--font-display);font-size:16px;text-transform:uppercase;letter-spacing:1px}.tutorial-close{background:none;border:none;color:var(--color-text-secondary);font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.tutorial-close:hover{color:var(--color-accent-magenta)}.tutorial-content{padding:20px;color:var(--color-text-primary);line-height:1.6}.tutorial-content p{margin:0 0 12px}.tutorial-content ul{margin:12px 0;padding-left:20px}.tutorial-content li{margin-bottom:8px}.tutorial-highlight{background-color:var(--color-background-tertiary);border:1px solid var(--color-accent-green);padding:12px;margin:12px 0;border-radius:0;text-align:center}.tutorial-highlight strong{color:var(--color-accent-green);font-size:18px}.tutorial-footer{padding:16px 20px;border-top:1px solid var(--color-accent-magenta);background-color:var(--color-background-tertiary);display:flex;justify-content:space-between;align-items:center}.tutorial-progress{display:flex;gap:8px}.progress-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-text-secondary);transition:background-color .2s ease}.progress-dot.active{background-color:var(--color-accent-green)}.tutorial-buttons{display:flex;gap:12px}.tutorial-btn{padding:10px 20px;border:2px solid;border-radius:0;cursor:pointer;font-family:var(--font-primary);font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .1s ease;min-height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.tutorial-btn-skip{background-color:var(--color-background-secondary);color:var(--color-text-secondary);border-color:var(--color-text-secondary)}.tutorial-btn-skip:hover{background-color:var(--color-background-tertiary);color:var(--color-text-secondary)}.tutorial-btn-next{background-color:var(--color-accent-green);color:#000!important;border-color:var(--color-accent-green);box-shadow:2px 2px 0 var(--color-accent-magenta)}.tutorial-btn-next:hover{background-color:var(--color-background-tertiary);color:var(--color-accent-magenta);border-color:var(--color-accent-magenta);box-shadow:2px 2px 0 var(--color-accent-green)}.tutorial-btn-next:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-accent-green);color:#000!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:scale(.8) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width: 768px){.tutorial-popup{min-width:300px;max-width:90vw;margin:20px}.tutorial-header{padding:12px 16px}.tutorial-content{padding:16px}.tutorial-footer{padding:12px 16px}.tutorial-buttons{flex-direction:column;gap:8px;width:100%}.tutorial-btn{width:100%}}