*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable;line-height:1.15;overflow-x:hidden}body{font-family:var(--font-family-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--app-bg);color:var(--app-text);min-height:100vh;margin:0;transition:background-color .4s,color .4s,filter .2s}#root,#portal-root{isolation:isolate;visibility:hidden}.app-ready #root,.app-ready #portal-root{visibility:visible}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:var(--font-family-mono);font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:var(--font-family-mono);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{--app-bg:#1a1a1a;--app-bg-secondary:#2d2d2d;--app-surface:#2d2d2d;--app-surface-elevated:#404040;--app-overlay:#1a1a1ae0;--app-text:#f8f9fa;--app-text-secondary:#adb5bd;--app-text-muted:#6c757d;--app-border:#495057;--app-shadow:#0000004d;--brand-primary:#4caf50;--brand-primary-soft:#81c784;--brand-primary-medium:#66bb6a;--brand-primary-dark:#388e3c;--bg-canvas-fill:#0f0f0f;--bg-canvas-glyph:0, 255, 0;--bg-glow-color:#6c757d1a;--bg-grid-major:#81c78414;--bg-grid-minor:#81c78408;--bg-topology:#81c7841f;--bg-signal:#81c78429;--bg-center-lift:#ffffff08;--bg-vignette:#0000002e;--primary-color:var(--brand-primary);--primary-color-light:var(--brand-primary-soft);--primary-color-medium:var(--brand-primary-medium);--overlay-color-light:#000c;--overlay-color-medium:#000000e6;--primary-color-dark:var(--brand-primary-dark);--accent-color:gold;--background-color:var(--app-bg);--background-color-secondary:var(--app-bg-secondary);--background-color-tertiary:var(--app-surface-elevated);--background-color-transparent:#1a1a1ab3;--background-color-overlay:#1a1a1af2;--card-background:var(--app-surface);--panel-bg-color:var(--app-surface);--text-color:var(--app-text);--text-color-secondary:var(--app-text-secondary);--text-secondary:var(--text-color-secondary);--text-color-muted:var(--app-text-muted);--text-muted-color:var(--app-text-muted);--border-color:var(--app-border);--shadow-color:var(--app-shadow);--font-family-primary:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-family-mono:source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:15px;--transition-fast:.1s ease-in-out;--transition-normal:.3s ease;--transition-slow:.5s ease-out;--interaction-transition:background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;--z-index-background:-1;--z-index-content:1;--z-index-navigation:1001;--z-index-overlay:1000;--header-height:100px;--footer-height:50px;--dock-height:80px;--dock-height-mobile:60px;--dock-icon-size:60px;--dock-spacing:4px;--dock-padding:8px 16px;--dock-border-radius:20px;--page-padding:var(--spacing-lg);--page-margin-top:120px;--page-margin-top-mobile:150px;--header-padding-top:75px;--header-padding-left:100px;--subheader-padding-top:120px;--subheader-padding-left:100px;--mobile-header-padding-top:60px;--mobile-subheader-padding-top:100px;--mobile-padding-left:var(--spacing-lg)}code{font-family:var(--font-family-mono)}a,button,input,textarea,select{transition:var(--interaction-transition)}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.page-content{padding:var(--page-padding);box-sizing:border-box;width:100%}.page-content.simulation-page{margin-top:60px}@media (width<=768px){.page-content{padding:var(--spacing-sm)}}.interactive-card{background:var(--background-color);border:1px solid var(--border-color);will-change:transform, box-shadow;border-radius:12px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden;transform:translateZ(0)}.interactive-card>*{min-width:0}.interactive-card:before{content:"";background:linear-gradient(90deg,#0000,#00ff001a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.interactive-card:hover{border-color:var(--primary-color);background:#00ff000d;transform:translateY(-4px)scale(1.02);box-shadow:0 0 30px #00ff004d,0 10px 40px #0000001a}.interactive-card:hover:before{left:100%}.complexity-badge,.status-badge{box-sizing:border-box;text-transform:uppercase;letter-spacing:.5px;color:#fff;overflow-wrap:normal;white-space:nowrap;word-break:normal;border-radius:20px;flex:none;justify-content:center;align-items:center;width:fit-content;max-width:100%;padding:.25rem .75rem;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.complexity-badge.expert{background:#ff6b6b}.complexity-badge.advanced{background:#4ecdc4}.complexity-badge.intermediate{background:#45b7d1}.complexity-badge.beginner{background:#96ceb4}.status-badge.live{color:#fff;background:#51cf66}.status-badge.development{color:#333;background:#ffd43b}.status-badge.completed{color:#fff;background:#74c0fc}.tech-tag{box-sizing:border-box;background:var(--primary-color-light);border:1px solid var(--primary-color-medium);width:fit-content;max-width:100%;color:var(--primary-color);overflow-wrap:normal;white-space:normal;word-break:normal;border-radius:15px;flex:none;padding:.25rem .75rem;font-size:.8rem;font-weight:500;line-height:1.25;transition:background-color .3s,color .3s,transform .3s;display:inline-flex}@media (width<=480px){.interactive-card{padding:1rem}}.tech-tag:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.interactive-card,.tech-tag{transition:none}.interactive-card:hover,.tech-tag:hover{transform:none}}.page-loader-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);background:0 0;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loader-content{font-family:var(--font-family-mono);flex-direction:column;align-items:center;gap:1.5rem;display:flex}.matrix-spinner{width:60px;height:60px;color:var(--primary-color);justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex;position:relative}.matrix-spinner:before,.matrix-spinner:after{content:"";border:2px solid #0000;border-top-color:var(--primary-color);border-radius:50%;width:100%;height:100%;animation:1.5s linear infinite matrix-spin;position:absolute;top:0;left:0}.matrix-spinner:after{border:2px solid #0000;border-bottom-color:var(--primary-color);animation:2s linear infinite reverse matrix-spin}.matrix-spinner-text{text-shadow:0 0 10px var(--primary-color);animation:2s linear infinite flicker}@keyframes matrix-spin{to{transform:rotate(360deg)}}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff, 0 0 11px var(--primary-color), 0 0 19px var(--primary-color), 0 0 40px var(--primary-color)}20%,24%,55%{text-shadow:none}}.loading-text{color:var(--text-color);letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 5px #ffffff80;font-size:1rem}.error-boundary{background:var(--background-color);min-height:100vh;color:var(--text-color);justify-content:center;align-items:center;padding:2rem;display:flex}.error-content{text-align:center;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;max-width:600px;padding:3rem 2rem;box-shadow:0 4px 20px #0000001a}.error-content h1{color:var(--accent-color);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.error-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.error-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.error-button{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.error-button.primary{background:var(--accent-color);color:#fff}.error-button.primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.error-button.secondary{color:var(--text-color);border:2px solid var(--border-color);background:0 0}.error-button.secondary:hover{background:var(--hover-color);border-color:var(--accent-color);transform:translateY(-2px)}.error-details{text-align:left;background:var(--background-secondary);border-radius:8px;margin-top:2rem;overflow:hidden}.error-details summary{background:var(--card-background);cursor:pointer;border-bottom:1px solid var(--border-color);padding:1rem;font-weight:600}.error-details summary:hover{background:var(--hover-color)}.error-stack{background:var(--background-secondary);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:300px;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.4;overflow-y:hidden}.app-error .error-content{background:linear-gradient(135deg, var(--card-background) 0%, var(--background-secondary) 100%);border:2px solid var(--accent-color)}.app-error .error-content h1{color:#ff6b6b}.error-info h4{color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;margin:1rem 0 .5rem;font-size:.9rem}.error-message{color:#ff6b6b;background:#ff6b6b1a;border-left:3px solid #ff6b6b;margin-bottom:1rem;padding:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}@media (width<=768px){.error-content{padding:2rem 1rem}.error-content h1{font-size:2rem}.error-actions{flex-direction:column;align-items:center}.error-button{width:100%;max-width:200px}}.modal-overlay{background:var(--app-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(135deg, var(--app-surface) 0%, var(--app-bg-secondary) 100%);border:1px solid var(--brand-primary);box-shadow:0 20px 40px #0000002e, 0 0 0 1px color-mix(in srgb, var(--brand-primary) 20%, transparent), inset 0 1px 0 #ffffff1a;border-radius:12px;width:100%;max-width:500px;max-height:90vh;position:relative;overflow:hidden}.modal-content:before{content:"";background:linear-gradient(90deg, transparent, var(--brand-primary), transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.modal-header{border-bottom:1px solid color-mix(in srgb, var(--brand-primary) 20%, transparent);background:color-mix(in srgb, var(--app-surface) 92%, transparent);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{color:var(--brand-primary);text-shadow:0 0 10px color-mix(in srgb, var(--brand-primary) 30%, transparent);margin:0;font-size:1.25rem;font-weight:600}.modal-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;font-size:1.1rem;transition:all .2s;display:flex}.modal-close:hover{color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 10%, transparent)}.modal-body{color:var(--app-text);max-height:60vh;padding:20px 24px;line-height:1.6;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#00ff414d;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#00ff4180}.modal-footer{border-top:1px solid color-mix(in srgb, var(--brand-primary) 20%, transparent);background:color-mix(in srgb, var(--app-bg) 80%, transparent);justify-content:flex-end;gap:12px;padding:16px 24px 20px;display:flex}.modal-button{cursor:pointer;border:none;border-radius:6px;min-width:80px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;position:relative;overflow:hidden}.modal-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.modal-button:hover:before{left:100%}.modal-button-secondary{background:color-mix(in srgb, var(--app-surface) 80%, transparent);color:var(--app-text);border:1px solid var(--app-border)}.modal-button-secondary:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d}.modal-button-info{color:#000;background:linear-gradient(135deg,#00ff41 0%,#0c3 100%);border:1px solid #00ff41}.modal-button-info:hover{background:linear-gradient(135deg,#0f5 0%,#0d4 100%);box-shadow:0 0 15px #00ff4166}.modal-button-warning{color:#000;background:linear-gradient(135deg,#fa0 0%,#f80 100%);border:1px solid #fa0}.modal-button-warning:hover{background:linear-gradient(135deg,#fb0 0%,#f90 100%);box-shadow:0 0 15px #fa06}.modal-button-danger{color:#fff;background:linear-gradient(135deg,#f44 0%,#c33 100%);border:1px solid #f44}.modal-button-danger:hover{background:linear-gradient(135deg,#f55 0%,#d44 100%);box-shadow:0 0 15px #f446}.modal-warning .modal-title{color:#fa0;text-shadow:0 0 10px #ffaa004d}.modal-warning{border-color:#fa0}.modal-warning .modal-header{background:#ffaa0005;border-bottom-color:#fa03}.modal-warning .modal-footer{border-top-color:#fa03}.modal-danger .modal-title{color:#f44;text-shadow:0 0 10px #ff44444d}.modal-danger{border-color:#f44}.modal-danger .modal-header{background:#ff444405;border-bottom-color:#f443}.modal-danger .modal-footer{border-top-color:#f443}@media (width<=768px){.modal-overlay{padding:10px}.modal-content{width:100%;max-width:none}.modal-header{padding:16px 20px 12px}.modal-title{font-size:1.1rem}.modal-body{padding:16px 20px}.modal-footer{flex-direction:column;padding:12px 20px 16px}.modal-button{width:100%;min-width:auto}}.toast{background:linear-gradient(135deg, var(--app-surface) 0%, var(--app-bg-secondary) 100%);border:1px solid var(--brand-primary);box-shadow:0 8px 32px #0000004d, 0 0 0 1px color-mix(in srgb, var(--brand-primary) 20%, transparent), inset 0 1px 0 #ffffff1a;z-index:10001;border-radius:8px;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.toast:before{content:"";background:linear-gradient(90deg, transparent, var(--brand-primary), transparent);opacity:.6;height:1px;position:absolute;top:0;left:0;right:0}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:1.1rem;display:flex}.toast-content{flex:1;min-width:0}.toast-title{color:var(--app-text);margin:0 0 4px;font-size:.95rem;font-weight:600;line-height:1.3}.toast-message{color:var(--app-text-muted);margin:0;font-size:.85rem;line-height:1.4}.toast-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:4px;font-size:.9rem;transition:all .2s;display:flex}.toast-close:hover{color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 10%, transparent)}.toast-progress{transform-origin:0;background:#00ff414d;width:100%;height:2px;position:absolute;bottom:0;left:0}.toast-success{border-color:#00ff41}.toast-success .toast-icon{color:#00ff41}.toast-success .toast-progress{background:#00ff4199}.toast-error{border-color:#f44}.toast-error .toast-icon{color:#f44}.toast-error .toast-progress{background:#f449}.toast-warning{border-color:#fa0}.toast-warning .toast-icon{color:#fa0}.toast-warning .toast-progress{background:#fa09}.toast-info{border-color:#0af}.toast-info .toast-icon{color:#0af}.toast-info .toast-progress{background:#0af9}.toast-container{z-index:10001;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}@media (width<=768px){.toast{min-width:280px;max-width:calc(100vw - 40px);padding:14px 16px}.toast-title{font-size:.9rem}.toast-message{font-size:.8rem}.toast-container{top:10px;left:10px;right:10px}.toast-container .toast{max-width:none}}.toast-container{z-index:10001;pointer-events:none;flex-direction:column;gap:12px;max-width:400px;display:flex;position:fixed;top:20px;right:20px}.toast-container .toast{pointer-events:auto}@media (width<=768px){.toast-container{max-width:none;top:10px;left:10px;right:10px}}.matrix-background{z-index:-1;pointer-events:none;opacity:.8;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.matrix-background.animation-paused{opacity:.3}.matrix-background:after{content:"";background:inherit;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.matrix-background{animation:20s ease-in-out infinite subtle-float}@keyframes subtle-float{0%,to{transform:translateZ(0)scale(1)}50%{transform:translateZ(0)scale(1.001)}}.matrix-background:before{content:"";background:radial-gradient(circle at 20% 80%, var(--bg-glow-color) 0%, transparent 50%), radial-gradient(circle at 80% 20%, var(--bg-glow-color) 0%, transparent 50%);pointer-events:none;z-index:-1;opacity:.1;animation:15s ease-in-out infinite spaceGlow;position:absolute;inset:0}@keyframes spaceGlow{0%,to{opacity:.05;transform:scale(1)}50%{opacity:.15;transform:scale(1.1)}}.matrix-background{image-rendering:pixelated}.matrix-rain-3d-background{z-index:-1;pointer-events:none;opacity:.66;width:100%;height:100%;transition:opacity .3s;position:fixed;inset:0}.matrix-rain-3d-background.animation-paused{opacity:.22}@media (width<=768px){.matrix-rain-3d-background{opacity:.42}}@media (prefers-reduced-motion:reduce){.matrix-rain-3d-background{opacity:.28}}.static-background{--background-motion-speed:1;z-index:-1;pointer-events:none;background:linear-gradient(180deg, var(--app-bg-secondary) 0%, var(--app-bg) 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.static-background:after{content:"";background:radial-gradient(ellipse at center, var(--bg-center-lift) 0%, transparent 42%), radial-gradient(ellipse at center, transparent 46%, var(--bg-vignette) 100%);opacity:.7;position:absolute;inset:0}.static-background>div{position:absolute;inset:0}.static-background__base{background:radial-gradient(circle at 12% 14%, #ffffffad, transparent 28%), radial-gradient(circle at 85% 16%, #fff6, transparent 26%), radial-gradient(circle at 50% 50%, #ffffff14, transparent 30%), linear-gradient(180deg, var(--app-bg-secondary) 0%, var(--app-bg) 100%)}.static-background__grid{opacity:.6;background:linear-gradient(180deg, #ffffff2e, transparent 22%, transparent 78%, #ffffff14), linear-gradient(var(--bg-grid-major) 1px, #ffffff2e 1px, transparent 2px), linear-gradient(90deg, var(--bg-grid-major) 1px, #ffffff2e 1px, transparent 2px), linear-gradient(var(--bg-grid-minor) 1px, #ffffff1f 1px, transparent 2px), linear-gradient(90deg, var(--bg-grid-minor) 1px, #ffffff1f 1px, transparent 2px);background-position:50%,50%,50%,50%,50%;background-size:100% 100%,80px 80px,80px 80px,20px 20px,20px 20px;-webkit-mask-image:radial-gradient(#00000040,#000c);mask-image:radial-gradient(#00000040,#000c)}.static-background__topology{opacity:.22;background:linear-gradient(117deg, transparent 0 22%, color-mix(in srgb, var(--bg-topology) 92%, transparent) 22.2%, transparent 23%, transparent 76%, color-mix(in srgb, var(--bg-topology) 68%, transparent) 76.2%, transparent 77%), linear-gradient(90deg, transparent 14%, color-mix(in srgb, var(--bg-grid-major) 84%, transparent) 14.1%, transparent 14.4%, transparent 84%, color-mix(in srgb, var(--bg-grid-major) 58%, transparent) 84.1%, transparent 84.4%), linear-gradient(0deg, transparent 18%, color-mix(in srgb, var(--bg-topology) 68%, transparent) 18.1%, transparent 18.35%, transparent 82%, color-mix(in srgb, var(--bg-topology) 58%, transparent) 82.1%, transparent 82.35%), radial-gradient(circle at 14% 26%, var(--bg-topology) 0 2px, transparent 3px), radial-gradient(circle at 81% 24%, color-mix(in srgb, var(--bg-topology) 84%, transparent) 0 2px, transparent 3px), radial-gradient(circle at 76% 82%, color-mix(in srgb, var(--bg-topology) 68%, transparent) 0 2px, transparent 3px), radial-gradient(circle at 18% 78%, color-mix(in srgb, var(--bg-topology) 68%, transparent) 0 2px, transparent 3px);filter:blur(.1px);animation:static-background-topology-drift calc(34s / var(--background-motion-speed)) ease-in-out infinite alternate;transform:translate(0,0)}.static-background__signals{opacity:.56;background:radial-gradient(circle at 14% 24%, var(--bg-signal), transparent 10%), radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--bg-signal) 78%, transparent), transparent 12%), radial-gradient(circle at 78% 84%, color-mix(in srgb, var(--bg-signal) 72%, transparent), transparent 11%), radial-gradient(circle at 18% 80%, color-mix(in srgb, var(--bg-signal) 64%, transparent), transparent 12%), radial-gradient(circle at 50% 50%, #ffffff14, transparent 24%);animation:static-background-drift calc(16s / var(--background-motion-speed)) ease-in-out infinite alternate;transform:translate(0,0)}.static-background--motion-disabled .static-background__topology,.static-background--motion-disabled .static-background__signals{animation:none;transform:none}@keyframes static-background-topology-drift{0%{transform:translate(-.4%)scale(1)}to{transform:translate(.6%,.35%)scale(1.006)}}@keyframes static-background-drift{0%{transform:translate(-1.9%,-1.6%)scale(1)}to{transform:translate(2.4%,2%)scale(1.04)}}@media (prefers-reduced-motion:reduce){.static-background__topology,.static-background__signals{animation:none;transform:none}}:root{--dock-icon-size:40px;--dock-primary:var(--brand-primary);--dock-background:var(--app-overlay);--dock-border:var(--brand-primary);--dock-text:var(--app-text);--dock-text-muted:var(--app-text-muted);--dock-shadow:var(--app-shadow)}.dock-container{background:var(--dock-background);-webkit-backdrop-filter:blur(20px);max-width:90vw;box-shadow:0 8px 32px var(--dock-shadow);will-change:transform;z-index:10001;transform-origin:bottom;min-height:calc(var(--dock-icon-size) + 16px);max-height:calc(var(--dock-icon-size) + 16px);border-radius:16px;justify-content:center;align-items:flex-end;gap:12px;padding:8px 12px;font-family:Courier New,Monaco,Menlo,monospace;display:flex;position:fixed;bottom:20px;left:50%;right:auto;overflow:visible;translate:-50%}.dock-tooltip{background:var(--background-color);color:var(--text-color);white-space:nowrap;z-index:10002;pointer-events:none;border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem;font-family:Courier New,Monaco,Menlo,monospace;font-size:.875rem;font-weight:500;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.dock-tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--background-color);position:absolute;top:100%;left:50%;transform:translate(-50%)}.dock-icon-container{height:var(--dock-icon-size);justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.dock-nav-link{color:var(--dock-text);pointer-events:auto;text-decoration:none;transition:color .2s ease-in-out;display:block;overflow:visible}.dock-nav-link.active{color:var(--dock-primary)}.dock-icon{cursor:pointer;will-change:width, height;-webkit-user-select:none;user-select:none;z-index:1;background-color:#0003;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:border-color .2s ease-in-out;display:flex;position:relative}.dock-icon:hover,.dock-icon.hovered{border-color:var(--dock-primary);background-color:#0000004d}.dock-nav-link.active:after{content:"";background-color:var(--dock-primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.dock-settings-button{color:var(--dock-text);cursor:pointer;height:var(--dock-icon-size);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative;overflow:visible}.dock-settings-button .dock-icon{width:var(--dock-icon-size);height:var(--dock-icon-size);font-size:calc(var(--dock-icon-size) * .6);z-index:1;background-color:#0003;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;display:flex;position:relative}.dock-settings-button:hover .dock-icon{border-color:var(--dock-primary);background-color:#0000004d}.dock-settings-button.active .dock-icon{color:var(--dock-primary);border-color:var(--dock-primary)}.dock-active-indicator{background-color:var(--dock-primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}@media (width<=768px){.dock-container{bottom:max(10px, env(safe-area-inset-bottom));min-height:calc(var(--dock-icon-size) + 12px);max-height:calc(var(--dock-icon-size) + 12px);background:var(--dock-background);box-shadow:0 6px 20px var(--dock-shadow);gap:6px;padding:4px 6px}.dock-tooltip{display:none}}.theme-toggle{cursor:pointer;transition:all var(--transition-normal);color:var(--text-color);background:0 0;background-color:var(--background-color-transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;display:flex;position:relative;overflow:hidden}.theme-toggle:hover{background-color:var(--primary-color-light);border-color:var(--primary-color);transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.theme-icon{transition:transform var(--transition-normal);color:var(--text-color);font-size:1.2rem}.theme-toggle:hover .theme-icon{transform:rotate(15deg)}.theme-toggle:before{content:"";background:radial-gradient(circle, var(--accent-color) 0%, transparent 70%);opacity:0;transition:opacity var(--transition-normal);pointer-events:none;position:absolute;inset:0}.theme-toggle:active:before{opacity:.3}@media (width<=768px){.theme-toggle{width:36px;height:36px;padding:6px}.theme-icon{font-size:1rem}}.nav-mode-toggle{border:1px solid color-mix(in srgb, var(--app-border) 82%, transparent);background:color-mix(in srgb, var(--app-bg) 88%, transparent);width:100%;color:var(--app-text);font-family:var(--font-family-mono);border-radius:8px;align-items:center;gap:3px;padding:4px;display:inline-flex}.nav-mode-toggle__button{min-height:2.35rem;color:var(--app-text-muted);cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:6px;flex:1 1 0;padding:.55rem .65rem;font-size:.75rem;font-weight:700;line-height:1}.nav-mode-toggle__button:hover,.nav-mode-toggle__button.active{background:color-mix(in srgb, var(--brand-primary-soft) 18%, transparent);border-color:color-mix(in srgb, var(--brand-primary) 65%, transparent);color:var(--brand-primary)}.settings-sidebar{min-height:0;width:calc(var(--settings-sidebar-width,360px) + (var(--settings-sidebar-gap,1rem) * 2));height:100svh;padding:var(--settings-sidebar-gap,1rem);z-index:10000;pointer-events:none;justify-content:flex-end;display:flex;position:fixed;top:0;bottom:0;right:0}.settings-panel{width:min(100%, var(--settings-sidebar-width,360px));height:calc(100svh - (var(--settings-sidebar-gap,1rem) * 2));max-height:calc(100svh - (var(--settings-sidebar-gap,1rem) * 2));background:var(--app-overlay);-webkit-backdrop-filter:blur(20px);will-change:transform;backface-visibility:hidden;pointer-events:auto;border:1px solid var(--app-border);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.settings-header{border-bottom:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 85%, transparent);-webkit-backdrop-filter:blur(10px);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem;display:flex}.settings-header h3{color:var(--text-color);align-items:center;gap:.5rem;margin:0;font-size:1.2rem;font-weight:600;display:flex}.settings-header h3:before{content:"⚙️";font-size:1.2rem}.settings-close{background:color-mix(in srgb, var(--app-surface) 75%, transparent);border:1px solid var(--app-border);color:var(--text-color,#fff);cursor:pointer;-webkit-backdrop-filter:blur(10px);border:none;border-radius:8px;outline:none;padding:.5rem;font-size:1.1rem;transition:all .3s}.settings-close:hover{background:color-mix(in srgb, var(--app-surface) 92%, transparent);border-color:var(--brand-primary);transform:scale(1.05)}.settings-content{opacity:1;flex:1;min-height:0;padding:1rem;position:relative;overflow-y:auto;transform:translateZ(0)}.settings-section{margin-bottom:1.25rem}.settings-section-title{color:var(--brand-primary);font-family:var(--font-family-mono);letter-spacing:0;text-transform:uppercase;margin:0 0 .6rem;padding-left:.2rem;font-size:.72rem;font-weight:800;line-height:1}.setting-group{background:color-mix(in srgb, var(--app-surface) 75%, transparent);border:1px solid var(--app-border);-webkit-backdrop-filter:blur(10px);border-radius:8px;margin-bottom:1rem;padding:1rem;transition:all .3s;position:relative}.setting-group--compact{padding:.85rem}.setting-group:hover{background:color-mix(in srgb, var(--app-surface) 92%, transparent);border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.setting-label{color:var(--text-color,#fff);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:600;display:flex}.setting-label:before{content:"🎛️";font-size:1rem}.setting-control{background:color-mix(in srgb, var(--app-bg) 85%, transparent);border:1px solid var(--app-border);border-radius:6px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:flex}.settings-row{gap:1rem;margin-bottom:1rem;display:flex}.settings-row .setting-group{flex:1;margin-bottom:0}.dock-size-value,.dock-stiffness-value,.magnification-value{background:var(--background-color-tertiary);color:var(--primary-color);text-align:center;border:1px solid var(--primary-color);border-radius:4px;flex-shrink:0;min-width:50px;padding:.4rem .8rem;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #0003}.dock-size-slider,.dock-stiffness-slider,.magnification-slider{background:color-mix(in srgb, var(--app-surface-elevated) 78%, transparent);appearance:none;border:1px solid color-mix(in srgb, var(--app-border) 82%, transparent);border-radius:4px;outline:none;width:100%;height:8px;transition:all .3s}.dock-size-slider:focus,.dock-stiffness-slider:focus,.magnification-slider:focus{background:color-mix(in srgb, var(--app-surface-elevated) 92%, transparent);border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 18%, transparent)}.dock-size-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);cursor:pointer;border:2px solid #fffffff2;border-radius:50%;width:24px;height:24px;transition:all .3s;box-shadow:0 4px 12px #0000004d,inset 0 0 0 1px #fff3}.dock-stiffness-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);cursor:pointer;border:2px solid #fffffff2;border-radius:50%;width:24px;height:24px;transition:all .3s;box-shadow:0 4px 12px #0000004d,inset 0 0 0 1px #fff3}.magnification-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);cursor:pointer;border:2px solid #fffffff2;border-radius:50%;width:24px;height:24px;transition:all .3s;box-shadow:0 4px 12px #0000004d,inset 0 0 0 1px #fff3}.dock-size-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 20px #0006,inset 0 0 0 1px #ffffff4d}.dock-stiffness-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 20px #0006,inset 0 0 0 1px #ffffff4d}.magnification-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 20px #0006,inset 0 0 0 1px #ffffff4d}.dock-size-slider::-webkit-slider-thumb:active{transform:scale(1.1)}.dock-stiffness-slider::-webkit-slider-thumb:active{transform:scale(1.1)}.magnification-slider::-webkit-slider-thumb:active{transform:scale(1.1)}.dock-size-slider::-moz-range-thumb{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);cursor:pointer;border:2px solid #fffffff2;border-radius:50%;width:24px;height:24px;transition:all .3s;box-shadow:0 4px 12px #0000004d,inset 0 0 0 1px #fff3}.dock-stiffness-slider::-moz-range-thumb{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);cursor:pointer;border:2px solid #fffffff2;border-radius:50%;width:24px;height:24px;transition:all .3s;box-shadow:0 4px 12px #0000004d,inset 0 0 0 1px #fff3}.magnification-slider::-moz-range-thumb{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);cursor:pointer;border:2px solid #fffffff2;border-radius:50%;width:24px;height:24px;transition:all .3s;box-shadow:0 4px 12px #0000004d,inset 0 0 0 1px #fff3}.dock-size-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 6px 20px #0006,inset 0 0 0 1px #ffffff4d}.dock-stiffness-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 6px 20px #0006,inset 0 0 0 1px #ffffff4d}.magnification-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 6px 20px #0006,inset 0 0 0 1px #ffffff4d}.dock-size-slider::-moz-range-thumb:active{transform:scale(1.1)}.dock-stiffness-slider::-moz-range-thumb:active{transform:scale(1.1)}.magnification-slider::-moz-range-thumb:active{transform:scale(1.1)}.dock-size-slider::-moz-range-track{background:color-mix(in srgb, var(--app-surface-elevated) 78%, transparent);border:1px solid color-mix(in srgb, var(--app-border) 82%, transparent);border-radius:4px;height:8px}.dock-stiffness-slider::-moz-range-track{background:color-mix(in srgb, var(--app-surface-elevated) 78%, transparent);border:1px solid color-mix(in srgb, var(--app-border) 82%, transparent);border-radius:4px;height:8px}.magnification-slider::-moz-range-track{background:color-mix(in srgb, var(--app-surface-elevated) 78%, transparent);border:1px solid color-mix(in srgb, var(--app-border) 82%, transparent);border-radius:4px;height:8px}[data-theme=light] .dock-size-slider,[data-theme=light] .dock-stiffness-slider,[data-theme=light] .magnification-slider{background:color-mix(in srgb, var(--app-border) 34%, var(--app-surface) 66%);border-color:color-mix(in srgb, var(--app-border) 82%, transparent)}[data-theme=light] .dock-size-slider:focus,[data-theme=light] .dock-stiffness-slider:focus,[data-theme=light] .magnification-slider:focus{background:color-mix(in srgb, var(--app-border) 42%, var(--app-surface) 58%)}[data-theme=light] .dock-size-slider::-moz-range-track{background:color-mix(in srgb, var(--app-border) 34%, var(--app-surface) 66%);border-color:color-mix(in srgb, var(--app-border) 82%, transparent)}[data-theme=light] .dock-stiffness-slider::-moz-range-track{background:color-mix(in srgb, var(--app-border) 34%, var(--app-surface) 66%);border-color:color-mix(in srgb, var(--app-border) 82%, transparent)}[data-theme=light] .magnification-slider::-moz-range-track{background:color-mix(in srgb, var(--app-border) 34%, var(--app-surface) 66%);border-color:color-mix(in srgb, var(--app-border) 82%, transparent)}[data-theme=light] .dock-size-slider::-webkit-slider-thumb{border-color:#fff;box-shadow:0 4px 12px #00000029,inset 0 0 0 1px #ffffff73}[data-theme=light] .dock-stiffness-slider::-webkit-slider-thumb{border-color:#fff;box-shadow:0 4px 12px #00000029,inset 0 0 0 1px #ffffff73}[data-theme=light] .magnification-slider::-webkit-slider-thumb{border-color:#fff;box-shadow:0 4px 12px #00000029,inset 0 0 0 1px #ffffff73}[data-theme=light] .dock-size-slider::-moz-range-thumb{border-color:#fff;box-shadow:0 4px 12px #00000029,inset 0 0 0 1px #ffffff73}[data-theme=light] .dock-stiffness-slider::-moz-range-thumb{border-color:#fff;box-shadow:0 4px 12px #00000029,inset 0 0 0 1px #ffffff73}[data-theme=light] .magnification-slider::-moz-range-thumb{border-color:#fff;box-shadow:0 4px 12px #00000029,inset 0 0 0 1px #ffffff73}.setting-description{color:var(--text-color-secondary,#adb5bd);background:var(--background-color-secondary);border-left:2px solid var(--primary-color);border-radius:4px;padding:.4rem;font-size:.85rem;line-height:1.4}.setting-description--standalone{margin:0}.animation-toggle{border:2px solid var(--border-color);background:var(--background-color);color:var(--text-color);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:Courier New,Monaco,Menlo,monospace;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.animation-toggle:hover{border-color:var(--primary-color);background:#00ff000d;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.animation-toggle.playing{border-color:var(--primary-color);color:var(--primary-color);background:#00ff001a}.animation-toggle.paused{border-color:var(--text-color-secondary);background:var(--background-color);color:var(--text-color-secondary)}.animation-toggle.playing:hover{background:#00ff0026;box-shadow:0 4px 12px #0f03}.animation-toggle.paused:hover{border-color:var(--primary-color);color:var(--primary-color);background:#00ff000d}.export-button,.import-button{border:2px solid var(--border-color);background:var(--background-color);color:var(--text-color);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:Courier New,Monaco,Menlo,monospace;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.export-button:hover{color:#4ecdc4;background:#4ecdc41a;border-color:#4ecdc4;transform:translateY(-1px);box-shadow:0 4px 12px #4ecdc433}.import-button:hover{color:#45b7d1;background:#45b7d11a;border-color:#45b7d1;transform:translateY(-1px);box-shadow:0 4px 12px #45b7d133}.export-button:active,.import-button:active{transform:translateY(0)}.reset-button{border:2px solid var(--border-color);background:var(--background-color);color:var(--text-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-family:Courier New,Monaco,Menlo,monospace;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.reset-button:hover{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b33}.reset-button:active{transform:translateY(0);box-shadow:0 2px 8px #ff6b6b4d}@media (width<=768px){.settings-sidebar{pointer-events:auto;width:100%;height:100svh;min-height:0;padding:0;position:fixed;top:0;right:0}.settings-panel{border:none;border-radius:0;width:100%;height:100%;max-height:none;position:relative;top:auto}.settings-content{padding:calc(.75rem + env(safe-area-inset-top)) .75rem calc(.75rem + env(safe-area-inset-bottom)) .75rem}.settings-header{padding:.75rem}.setting-group{margin-bottom:.75rem;padding:.75rem}.setting-control{padding:.5rem}.settings-row{flex-direction:column;gap:.75rem}.settings-row .setting-group{flex:none;margin-bottom:.75rem}}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.settings-content::-webkit-scrollbar-thumb{background:#fff3;border:1px solid #ffffff1a;border-radius:4px}.settings-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.site-navigation-shell{display:contents}.site-nav-presentation{pointer-events:auto}.site-nav-presentation--header{z-index:9998;will-change:opacity, transform, filter;place-items:start center;width:100%;min-width:0;display:grid;position:fixed;top:0;left:0}.site-header{z-index:10001;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--app-border) 76%, transparent);background:var(--app-overlay);width:min(1180px,100% - 2rem);min-width:0;max-width:calc(100% - 2rem);min-height:4rem;color:var(--app-text);box-shadow:0 10px 32px var(--app-shadow);-webkit-backdrop-filter:blur(20px);margin:max(.75rem, env(safe-area-inset-top)) 1rem .75rem;border-radius:8px;justify-self:center;align-items:center;gap:1rem;padding:.55rem .7rem;display:flex;position:relative}.site-header__brand{min-width:max-content;color:var(--app-text);flex:none;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.site-header__brand-mark{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--brand-primary) 68%, transparent);width:2.4rem;color:var(--brand-primary);font-family:var(--font-family-mono);background:#0003;border-radius:6px;place-items:center;font-size:.85rem;font-weight:800;display:grid}.site-header__brand-name{white-space:nowrap;font-size:.95rem;font-weight:700}.site-header__nav{scrollbar-width:none;flex:auto;justify-content:center;align-items:center;gap:.15rem;min-width:0;display:flex;overflow-x:auto}.site-header__nav::-webkit-scrollbar{display:none}.site-header__link{color:var(--app-text-secondary);white-space:nowrap;border:1px solid #0000;border-radius:6px;flex:none;align-items:center;gap:.45rem;padding:.65rem .7rem;font-size:.9rem;font-weight:650;line-height:1;text-decoration:none;display:inline-flex}.site-header__link:hover,.site-header__link.active{background:color-mix(in srgb, var(--brand-primary-soft) 14%, transparent);border-color:color-mix(in srgb, var(--brand-primary) 58%, transparent);color:var(--brand-primary)}.site-header__brand:focus-visible,.site-header__link:focus-visible,.site-header__settings-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-primary) 20%, transparent)}.site-header__link-icon{font-size:.9rem}.site-header__actions{flex:none;align-items:center;gap:.5rem;display:inline-flex}.site-header__settings-button{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--app-border) 80%, transparent);width:2.4rem;color:var(--app-text);cursor:pointer;background:#0003;border-radius:6px;place-items:center;display:grid}.site-header__settings-button:hover,.site-header__settings-button.active{border-color:var(--brand-primary);color:var(--brand-primary)}@media (width<=960px){.site-header{flex-wrap:wrap;align-items:stretch}.site-header__nav{flex-basis:100%;order:3;justify-content:flex-start}.site-header__actions{margin-left:auto}}@media (width<=768px){.site-nav-presentation--header{display:contents}.site-header{top:max(.5rem, env(safe-area-inset-top));width:min(100vw - 1rem,1180px);margin:0;position:fixed;left:50%;transform:translate(-50%)}.site-header__nav{gap:.25rem;overflow-x:auto}.site-header__link{flex:1 1 0;justify-content:center;gap:.25rem;min-width:0;min-height:2.4rem;padding:.5rem .25rem}.site-header__link-label{display:none}.site-header__link.active{flex:none;min-width:max-content}.site-header__link.active .site-header__link-label{text-overflow:clip;max-width:4.8rem;font-size:.72rem;line-height:1.1;display:inline;overflow:visible}.site-header__link-icon{font-size:.78rem;display:block}}@media (width<=640px){.site-header{gap:.6rem;padding:.5rem}.site-header__brand-name{display:none}.site-header__link{min-height:2.3rem}.site-header__link.active .site-header__link-label{font-size:.68rem}}@media (width<=375px){.site-header{gap:.45rem;padding:.45rem}.site-header__brand-mark,.site-header__settings-button{width:2.15rem}.site-header__nav{gap:.25rem}.site-header__link{min-height:2.25rem;padding:.45rem .15rem}.site-header__link-icon{font-size:.72rem}.site-header__link.active .site-header__link-label{font-size:.62rem}}.global-section-navigation{top:50%;left:var(--global-section-nav-offset,28px);z-index:10000;pointer-events:auto;position:fixed;transform:translateY(-50%)}.nav-dots{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.nav-dots:before{content:"";background:var(--border-color);opacity:.2;width:1px;position:absolute;top:16px;bottom:16px;left:16px}.nav-dot{cursor:pointer;opacity:.65;z-index:1;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:relative}.nav-dot:before{content:"";border:2px solid var(--border-color);background:#ffffff4d;border-radius:50%;width:12px;height:12px;transition:all .3s;box-shadow:0 0 10px #0000004d}.nav-dot:hover{opacity:1}.nav-dot:hover:before{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 15px #00ff0080}.nav-dot.active{opacity:1}.nav-dot.active:before{background:var(--primary-color);border-color:var(--primary-color);animation:2s infinite pulse;box-shadow:0 0 20px #00ff00b3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.dot-tooltip{background:var(--background-color);color:var(--text-color);white-space:nowrap;opacity:0;visibility:hidden;border:1px solid var(--border-color);pointer-events:none;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;transition:all .3s;position:absolute;left:34px;box-shadow:0 4px 20px #0003}.nav-dot:hover .dot-tooltip{opacity:1;visibility:visible;transform:translate(5px)}@media (width<=1024px){.global-section-navigation{--global-section-nav-offset:1.5rem}}@media (width<=768px){.global-section-navigation{display:none}}.global-scroll-progress-bar{background:linear-gradient(90deg, var(--primary-color), #4caf50);transform-origin:0%;z-index:9999;height:3px;position:fixed;top:0;left:0;right:0;box-shadow:0 0 10px #4caf5080}.layout-foreground{--settings-sidebar-width:360px;--settings-sidebar-gap:clamp(.75rem, 1.4vw, 1.25rem);--app-shell-header-height:5.5rem;z-index:1;background-color:#0000;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:100vh;display:grid;position:relative}.app-content{width:100%;min-width:0;padding-bottom:var(--dock-height);grid-area:1/1/-1;position:relative}.nav-mode-header .app-content{padding-top:var(--site-header-measured-offset,var(--app-shell-header-height));grid-row:1/-1;padding-bottom:0}@media (width<=768px){.layout-foreground{--settings-sidebar-gap:0;flex-direction:column;display:flex}.app-content{padding-bottom:var(--dock-height-mobile);flex-grow:1;grid-area:auto}.nav-mode-header .app-content{padding-top:var(--site-header-measured-offset,var(--app-shell-header-height));padding-bottom:0}}:root{--terminal-text-primary:#4caf50;--terminal-text-muted:#888;--terminal-text-error:#ff6b6b;--terminal-text-success:#50fa7b;--terminal-text-info:#8be9fd;--terminal-window-bg:#1a1a1af2;--terminal-header-bg:#2a2a2a;--terminal-border:#4caf5066;--terminal-selection-bg:var(--terminal-text-primary);--terminal-selection-text:#1a1a1a}[data-theme=light]{--terminal-text-primary:#000;--terminal-text-muted:#5c6773;--terminal-text-error:#d73a49;--terminal-text-success:#22863a;--terminal-text-info:#000;--terminal-window-bg:#fafafaf2;--terminal-header-bg:#e1e4e8;--terminal-border:#1e24334d;--terminal-selection-bg:var(--terminal-text-primary);--terminal-selection-text:#fafafa}.terminal-screen{width:100%;height:100vh;color:var(--terminal-text-primary);background:0 0;justify-content:center;align-items:center;font-family:Courier New,Monaco,Menlo,monospace;display:flex;position:relative;overflow:hidden}.terminal-screen.route-mode{background:0 0;justify-content:center;align-items:center;width:100%;height:100vh;min-height:100vh;display:flex;position:relative;overflow:hidden}.terminal-route-intro{text-align:center;pointer-events:none;width:min(720px,100% - 2rem);position:absolute;top:2rem;left:50%;transform:translate(-50%)}.terminal-route-title{color:var(--terminal-text-primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}.terminal-route-description{color:var(--terminal-text-muted);margin:.75rem 0 0;font-size:1rem;line-height:1.6}.terminal-container{background:var(--terminal-window-bg);border:1px solid var(--terminal-border);will-change:transform, opacity, background, border-color;-webkit-user-select:text;user-select:text;border-radius:8px;width:90%;max-width:800px;height:70vh;max-height:600px;transition:all .4s cubic-bezier(.25,.46,.45,.94),background .3s,border-color .3s;overflow:hidden}.terminal-container.maximized{background:var(--terminal-window-bg);border:none;border-radius:0;width:100%;max-width:100%;height:100vh;max-height:100vh;top:0;left:0}.terminal-screen .terminal-body::-webkit-scrollbar{width:8px}.terminal-screen .terminal-body::-webkit-scrollbar-track{background:var(--terminal-header-bg);border-radius:4px}.terminal-screen .terminal-body::-webkit-scrollbar-thumb{background:var(--terminal-text-primary);border-radius:4px;transition:background .3s}.terminal-screen .terminal-body::-webkit-scrollbar-thumb:hover{background:var(--terminal-text-muted)}.terminal-sidecar{background:var(--terminal-window-bg);border:2px solid var(--terminal-border);cursor:pointer;z-index:999;width:60px;height:60px;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background-color:var(--terminal-window-bg);border:2px solid var(--terminal-border);border-radius:50%;outline:none;justify-content:center;align-items:center;margin:0;padding:0;transition:all .4s cubic-bezier(.25,.46,.45,.94),background .3s,border-color .3s;display:flex;position:absolute;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 4px 20px #0000004d}.terminal-sidecar:hover{transform:translateY(-50%)scale(1.1);box-shadow:0 6px 30px #0006}.sidecar-icon{color:var(--terminal-text-primary);font-size:24px;transition:color .3s;animation:2s infinite pulse}.sidecar-icon:hover{animation:none}@media (width<=768px){.terminal-route-intro{width:min(640px,100% - 1.5rem);top:1.25rem}.terminal-container{width:95%;height:80vh}.terminal-container.maximized{width:100%;height:100vh}.terminal-sidecar{width:50px;height:50px;left:15px}.sidecar-icon{font-size:20px}}.typewriter-text{display:inline-block}.terminal-screen,.terminal-screen *{box-sizing:border-box}.terminal-screen ::selection{background:var(--terminal-selection-bg);color:var(--terminal-selection-text)}.terminal-screen ::selection{background:var(--terminal-selection-bg);color:var(--terminal-selection-text)}.terminal-screen .terminal-header,.terminal-screen .terminal-buttons{-webkit-user-select:none;user-select:none}.terminal-error-boundary{color:#fff;background:#1a1a1a;justify-content:center;align-items:center;min-height:400px;padding:2rem;font-family:Courier New,monospace;display:flex}.error-message{text-align:center;background:#2a2a2a;border:2px solid #f44;border-radius:8px;max-width:500px;padding:2rem}.error-message h3{color:#f44;margin-bottom:1rem;font-size:1.5rem}.error-message p{color:#ccc;margin-bottom:1.5rem;line-height:1.5}.error-reload-button{color:#fff;cursor:pointer;background:#f44;border:none;border-radius:4px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;transition:background-color .2s}.error-reload-button:hover{background:#f66}.error-reload-button:active{background:#c33}.terminal-container{background:var(--terminal-window-bg);border:1px solid var(--terminal-border);-webkit-user-select:none;user-select:none;border-radius:8px;font-family:Courier New,monospace;font-size:14px;line-height:1.4;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000004d}.terminal-container.maximized{border:none;border-radius:0}.terminal-container.dragging{transition:none}.terminal-header{background:var(--terminal-header-bg);border-bottom:1px solid var(--terminal-border);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.terminal-header:active{cursor:grabbing}.terminal-buttons{gap:8px;display:flex}.terminal-button{cursor:pointer;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s}.terminal-button.close{background:#ff5f56}.terminal-button.close:hover{background:#f44}.terminal-button.minimize{background:#ffbd2e}.terminal-button.minimize:hover{background:#fc0}.terminal-button.maximize{background:#27c93f}.terminal-button.maximize:hover{background:#0c0}.terminal-title{color:var(--terminal-text-primary);text-align:center;flex:1;margin-left:40px;font-size:12px;font-weight:500}.typewriter-accessible{display:inline}.typewriter-text{white-space:normal;transition:opacity .3s;display:inline;position:relative}.typewriter-screen-reader-text{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.typewriter-word{white-space:nowrap;display:inline-block}.typewriter-text:after{content:"|";color:var(--primary-color,#007bff);margin-left:2px;font-weight:700;animation:1s infinite blink}.typewriter-text.error{opacity:.8;color:#ff6b6b}.typewriter-text.error:after{display:none}.cursor{color:var(--primary-color);margin-left:2px;font-weight:700;animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.typewriter-text:after,.cursor{opacity:.5;animation:none}.typewriter-text{transition:none}}@media (prefers-contrast:high){.typewriter-text:after,.cursor{color:var(--accent-color);font-weight:900}.typewriter-text.error{color:#f44;font-weight:700}}.terminal-body{background:var(--terminal-window-bg);color:var(--terminal-text-primary);height:calc(100% - 40px);padding:16px;font-family:Courier New,monospace;font-size:14px;line-height:1.4;overflow:hidden auto}.terminal-body::-webkit-scrollbar{width:8px}.terminal-body::-webkit-scrollbar-track{background:var(--terminal-header-bg);border-radius:4px}.terminal-body::-webkit-scrollbar-thumb{background:var(--terminal-text-primary);border-radius:4px;transition:background .3s}.terminal-body::-webkit-scrollbar-thumb:hover{background:var(--terminal-text-muted)}.terminal-message{color:var(--terminal-text-primary);margin-bottom:16px}.command-history{margin-bottom:8px}.history-line{white-space:pre-wrap;word-break:break-word;margin-bottom:4px}.history-line.error{color:var(--terminal-text-error)}.history-line.success{color:var(--terminal-text-success)}.history-line.info{color:var(--terminal-text-info)}.grep-highlight{background-color:var(--terminal-text-error);color:var(--terminal-text-primary);border-radius:2px;padding:1px 2px}.command-prompt{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.prompt-symbol{color:var(--terminal-text-primary);white-space:nowrap}.command-input{color:var(--terminal-text-primary);background:0 0;outline:none;flex:1;min-width:200px;font-family:Courier New,monospace;font-size:14px;border:none!important}.command-input::placeholder{color:var(--terminal-text-muted)}.cursor{color:var(--terminal-text-primary);animation:1s infinite blink}.reverse-search-prompt{flex-wrap:wrap;align-items:center;gap:4px;width:100%;display:flex}.reverse-search-indicator{color:var(--terminal-text-primary);white-space:nowrap}.reverse-search-command{color:var(--terminal-text-primary);background:var(--terminal-selection-bg);white-space:nowrap;border-radius:2px;padding:1px 4px}.reverse-search-input{color:var(--terminal-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:150px;font-family:Courier New,monospace;font-size:14px}.reverse-search-info{color:var(--terminal-text-muted);white-space:nowrap;font-size:12px}.autocomplete-suggestions{border:1px solid var(--terminal-text-muted);background:var(--terminal-window-bg);border-radius:4px;max-width:100%;margin-top:8px}.suggestions-header{background:var(--terminal-header-bg);color:var(--terminal-text-primary);border-bottom:1px solid var(--terminal-text-muted);padding:4px 8px;font-size:12px;font-weight:700}.suggestions-list{max-height:200px;overflow-y:auto}.suggestion-item{color:var(--terminal-text-primary);cursor:pointer;border-bottom:1px solid #ffffff1a;padding:4px 8px;transition:background-color .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--terminal-selection-bg)}.suggestion-item.selected{background:var(--terminal-selection-bg);color:var(--terminal-text-primary);font-weight:700}.man-page-overlay{z-index:10000;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Courier New,Monaco,Menlo,monospace;display:flex;position:fixed;top:0;left:0}.man-page-container{background:var(--terminal-window-bg);border:1px solid var(--terminal-border);border-radius:4px;flex-direction:column;width:90%;max-width:900px;height:90vh;display:flex;overflow:hidden}.man-page-header{background:var(--terminal-header-bg);border-bottom:1px solid var(--terminal-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.man-page-title{color:var(--terminal-text-primary);font-size:16px;font-weight:700}.man-page-controls{color:#888;gap:16px;font-size:12px;display:flex}.man-page-control{white-space:nowrap}.man-page-content{color:#fff;flex:1;padding:20px;line-height:1.6;overflow-y:auto}.man-page-content::-webkit-scrollbar{width:8px}.man-page-content::-webkit-scrollbar-track{background:#2a2a2a}.man-page-content::-webkit-scrollbar-thumb{background:var(--terminal-text-primary);border-radius:4px}.man-section{margin-bottom:24px}.man-section-title{color:var(--terminal-text-primary);text-transform:uppercase;border-bottom:1px solid #333;margin-bottom:8px;padding-bottom:4px;font-size:14px;font-weight:700}.man-section-content{color:#fff;font-size:14px}.man-description-line{text-align:justify;margin-bottom:8px}.man-option{align-items:flex-start;margin-bottom:8px;display:flex}.man-option-flag{color:var(--terminal-text-primary);flex-shrink:0;min-width:120px;margin-right:16px;font-weight:700}.man-option-description{color:#fff;flex:1}.man-example{background:var(--terminal-header-bg);border-left:3px solid var(--terminal-border);border-radius:4px;margin-bottom:16px;padding:12px}.man-example-command{margin-bottom:8px}.man-example-command code{color:var(--terminal-text-primary);background:var(--terminal-window-bg);border-radius:3px;padding:4px 8px;font-family:inherit;font-weight:700}.man-example-description{color:#ccc;font-style:italic}.man-see-also{color:var(--terminal-text-primary);font-weight:700}.man-page-footer{background:var(--terminal-header-bg);border-top:1px solid var(--terminal-border);flex-shrink:0;padding:12px 16px}.man-page-info{text-align:center;color:#888;font-size:12px}.man-page-info kbd{background:var(--terminal-window-bg);color:var(--terminal-text-primary);border:1px solid #555;border-radius:3px;padding:2px 6px;font-size:11px}@media (width<=768px){.man-page-container{width:95%;height:95vh}.man-page-header{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 12px}.man-page-controls{gap:12px;font-size:11px}.man-page-content{padding:16px;font-size:13px}.man-option{flex-direction:column;gap:4px}.man-option-flag{min-width:auto;margin-right:0}}.top-overlay{z-index:10000;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Courier New,Monaco,Menlo,monospace;display:flex;position:fixed;top:0;left:0}.top-container{background:var(--terminal-window-bg);border:1px solid var(--terminal-border);border-radius:4px;flex-direction:column;width:95%;max-width:1200px;height:95vh;display:flex;overflow:hidden}.top-header{background:var(--terminal-header-bg);border-bottom:1px solid var(--terminal-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.top-title{color:var(--terminal-text-primary);font-size:16px;font-weight:700}.top-controls{color:#888;gap:16px;font-size:12px;display:flex}.top-control{white-space:nowrap}.top-system-info{background:var(--terminal-header-bg);color:#ccc;border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;display:flex}.top-uptime,.top-load,.top-time{color:var(--terminal-text-primary)}.top-summary{background:var(--terminal-header-bg);color:#ccc;border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px;font-size:12px;display:flex}.top-cpu-summary,.top-memory-summary{align-items:center;gap:12px;display:flex}.top-label{color:var(--terminal-text-primary);font-weight:700}.top-cpu-user{color:#4ecdc4}.top-cpu-system{color:#ff6b6b}.top-cpu-idle{color:#95e1d3}.top-cpu-iowait{color:#f39c12}.top-memory-total{color:#4ecdc4}.top-memory-used{color:#ff6b6b}.top-memory-free{color:#95e1d3}.top-memory-cached{color:#f39c12}.top-table-header{background:var(--terminal-header-bg);border-bottom:1px solid var(--terminal-border);color:var(--terminal-text-primary);cursor:pointer;flex-shrink:0;grid-template-columns:60px 2fr 80px 80px 100px 100px 60px 100px;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;display:grid}.top-table-header>div:hover{color:#4ecdc4}.top-table-body{background:var(--terminal-window-bg);flex:1;overflow-y:auto}.top-table-body::-webkit-scrollbar{width:8px}.top-table-body::-webkit-scrollbar-track{background:var(--terminal-header-bg)}.top-table-body::-webkit-scrollbar-thumb{background:var(--terminal-text-primary);border-radius:4px}.top-process-row{color:#fff;cursor:pointer;border-bottom:1px solid #333;grid-template-columns:60px 2fr 80px 80px 100px 100px 60px 100px;gap:8px;padding:4px 16px;font-size:12px;transition:background-color .2s;display:grid}.top-process-row:hover{background:var(--terminal-header-bg)}.top-process-row.selected{background:var(--terminal-selection-bg);color:var(--terminal-selection-text)}.top-process-row.selected .top-col-cpu,.top-process-row.selected .top-col-memory{color:#1a1a1a}.top-col-pid{color:#888;text-align:right}.top-col-name{color:var(--terminal-text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.top-col-cpu{color:#ff6b6b;text-align:right;font-weight:700}.top-col-memory{color:#4ecdc4;text-align:right;font-weight:700}.top-col-vsz,.top-col-rss{color:#888;text-align:right}.top-col-state{color:#f39c12;text-align:center;font-weight:700}.top-col-time{color:#888;text-align:center}.top-footer{background:var(--terminal-header-bg);border-top:1px solid var(--terminal-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.top-info{text-align:center;color:#888;font-size:12px}.top-info kbd{background:var(--terminal-window-bg);color:var(--terminal-text-primary);border:1px solid #555;border-radius:3px;padding:2px 6px;font-size:11px}.top-refresh{color:var(--terminal-text-primary);font-size:12px;font-weight:700}@media (width<=768px){.top-container{width:98%;height:98vh}.top-header{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 12px}.top-controls{gap:12px;font-size:11px}.top-system-info{flex-direction:column;align-items:flex-start;gap:4px;padding:6px 12px}.top-summary{flex-direction:column;align-items:flex-start;gap:8px;padding:6px 12px}.top-cpu-summary,.top-memory-summary{flex-wrap:wrap;gap:8px}.top-table-header{grid-template-columns:50px 1fr 60px 60px 80px 80px 50px 80px;gap:4px;padding:6px 12px;font-size:11px}.top-process-row{grid-template-columns:50px 1fr 60px 60px 80px 80px 50px 80px;gap:4px;padding:3px 12px;font-size:11px}.top-footer{flex-direction:column;gap:8px;padding:8px 12px}}@keyframes processUpdate{0%{background:#00ff001a}to{background:0 0}}.top-process-row.updating{animation:.5s ease-out processUpdate}.top-container:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 80%,#00ff000d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#00ff0008 0%,#0000 50%);animation:10s ease-in-out infinite matrixGlow;position:absolute;inset:0}@keyframes matrixGlow{0%,to{opacity:.3}50%{opacity:.6}}code[class*=language-],pre[class*=language-]{color:#ccc;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5}pre[class*=language-]{margin:.5em 0;padding:1em;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{white-space:normal;border-radius:.3em;padding:.1em}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.vim-overlay{z-index:10000;background-color:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vim-container{background-color:#1e1e1e;border:1px solid #333;border-radius:4px;flex-direction:column;width:90vw;height:90vh;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.4;display:flex;overflow:hidden}.vim-header{color:#fff;background-color:#2d2d2d;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.vim-title{color:#e6e6e6;font-weight:500}.vim-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;display:flex}.vim-close-btn:hover{background-color:#404040}.vim-editor{color:#e6e6e6;background-color:#1e1e1e;flex:1;position:relative;overflow:hidden}.vim-content{height:100%;padding:16px;position:relative;overflow-y:auto}.vim-line{align-items:center;height:20px;transition:background-color .1s;display:flex;position:relative}.vim-current-line{background-color:#2d2d2d}.vim-line-number{color:#666;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;width:40px;padding-right:16px;font-size:12px}.vim-line-content{flex:1;position:relative}.vim-line-input{color:#e6e6e6;font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;width:100%;margin:0;padding:0}.vim-line-input:focus{background-color:#0000}.vim-cursor{pointer-events:none;z-index:10;background-color:#fff;width:2px;height:18px;animation:1s infinite blink;position:absolute}.vim-command-line{color:#fff;background-color:#2d2d2d;border-top:1px solid #333;align-items:center;padding:8px 16px;display:flex}.vim-command-prompt{color:#4caf50;margin-right:8px;font-weight:700}.vim-command-input{color:#fff;font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;flex:1}.vim-status-bar{color:#999;background-color:#2d2d2d;border-top:1px solid #333;justify-content:space-between;align-items:center;padding:4px 16px;font-size:12px;display:flex}.vim-status-text{color:#999}.vim-editor .token{font-family:inherit;font-size:inherit}.vim-editor .token.keyword{color:#569cd6}.vim-editor .token.string{color:#ce9178}.vim-editor .token.comment{color:#6a9955;font-style:italic}.vim-editor .token.function{color:#dcdcaa}.vim-editor .token.number{color:#b5cea8}.vim-editor .token.operator,.vim-editor .token.punctuation{color:#d4d4d4}.vim-editor .token.class-name{color:#4ec9b0}.vim-editor .token.variable,.vim-editor .token.property{color:#9cdcfe}.vim-content::-webkit-scrollbar{width:8px}.vim-content::-webkit-scrollbar-track{background:#1e1e1e}.vim-content::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.vim-content::-webkit-scrollbar-thumb:hover{background:#555}@media (width<=768px){.vim-container{width:95vw;height:95vh}.vim-content{padding:8px}.vim-line-number{width:30px;padding-right:8px;font-size:11px}}