.sidebar-panel{height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--dark-color-1);box-shadow:var(--subtle-shadow);transform:translateZ(0);will-change:transform;contain:content}:root{--primary-color: #ff5a1f;--secondary-color: #ff8f29;--dark-blue: #0F172A;--blue-grey: #1E293B;--accent-primary: var(--primary-color);--accent-secondary: var(--secondary-color);--dark-color-1: #1e2235;--dark-color-2: #1a2440;--dark-color-3: var(--blue-grey);--dark-color-4: var(--dark-blue);--light-color: #f5f0e6;--accent-dark: #e04d1c;--accent-light: #ff7a4d;--primary-color-rgb: 255, 90, 31;--secondary-color-rgb: 255, 143, 41;--dark-color-1-rgb: 30, 34, 53;--dark-color-2-rgb: 26, 36, 64;--dark-color-3-rgb: 30, 41, 59;--dark-color-4-rgb: 15, 23, 42;--error-color: #d4351c;--error-color-rgb: 212, 53, 28;--success-color: #4bb543;--success-color-rgb: 75, 181, 67;--node-color: #1b3158;--edge-color: var(--primary-color);--highlight-color: var(--secondary-color);--visited-color: #1b3158;--text-primary: #F8FAFC;--text-secondary: #B9C5D8;--text-color: var(--text-primary);--spacing-0: 0;--spacing-1: 5px;--spacing-2: 10px;--spacing-3: 15px;--spacing-4: 20px;--spacing-5: 25px;--spacing-6: 30px;--spacing-7: 40px;--spacing-8: 50px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 3px 0 var(--accent-dark);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .2), 0 4px 6px rgba(0, 0, 0, .1);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .1);--shadow-none: none;--input-height: 48px;--button-height: 52px;--control-height: 52px;--border-radius: 0px;--border-radius-circle: 50%;--border-radius-medium: 4px;--sidebar-width: 380px;--sidebar-collapsed-width: 60px;--focus-outline-color: #ffdd00;--focus-outline-width: 3px;--transition-fast: .1s ease-in-out;--transition-normal: 0s ease-in-out;--transition-slow: .3s ease-in-out;--transition-bounce: .2s cubic-bezier(.175, .885, .32, 1.275);--transition-gentle: .2s ease;--sidebar-transition: width .2s ease, opacity .2s ease;--triangle-size: 10px;--border-primary: var(--primary-color);--border-secondary: var(--secondary-color);--border-accent: var(--accent-dark);--border-neutral: var(--dark-color-4);--section-border-width: 3px;--section-border-color: var(--border-primary);--subtle-shadow: 0 1px 3px rgba(0, 0, 0, .1);--element-opacity: .95;--z-base: 1;--z-content: 10;--z-ui: 50;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-popover: 500;--z-notification: 600;--z-overlay: 900;--z-max: 1000;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);line-height:1.5;color:var(--text-primary);background:radial-gradient(circle at center,rgba(255,90,31,.14),transparent 34%),linear-gradient(180deg,#121212,#0a0a0a);margin:0;overflow-x:hidden}:root{--base-font-size-min: 14;--base-font-size-max: 16;--viewport-min: 320;--viewport-max: 1440;--fluid-typography-scale: calc((100vw - var(--viewport-min) * 1px) / (var(--viewport-max) - var(--viewport-min)));--fluid-base-size: calc(var(--base-font-size-min) * 1px + (var(--base-font-size-max) - var(--base-font-size-min)) * var(--fluid-typography-scale));--font-size-xs: calc(.75 * var(--fluid-base-size));--font-size-sm: calc(.875 * var(--fluid-base-size));--font-size-base: var(--fluid-base-size);--font-size-md: calc(1.125 * var(--fluid-base-size));--font-size-lg: calc(1.25 * var(--fluid-base-size));--font-size-xl: calc(1.5 * var(--fluid-base-size));--font-size-2xl: calc(2 * var(--fluid-base-size));--font-size-3xl: calc(3 * var(--fluid-base-size));--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em}h1,h2,h3,h4,h5,h6{margin-bottom:0;font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:none;line-height:var(--line-height-tight)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-wide)}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}h3{font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-wide)}h4{font-size:var(--font-size-base);margin-bottom:0;font-weight:var(--font-weight-semibold)}h5{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}h6{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider)}p{margin-bottom:0;font-size:var(--font-size-base);line-height:var(--line-height-normal)}a{color:var(--accent-light);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline}.ui-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:none;letter-spacing:var(--letter-spacing-wider)}.ui-text{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.ui-text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-snug)}.data-text{font-family:var(--font-family-mono);font-size:var(--font-size-md);color:var(--text-primary);line-height:var(--line-height-snug);letter-spacing:-.01em}@media screen and (max-width:320px){:root{--fluid-base-size: calc(var(--base-font-size-min) * 1px)}}@media screen and (min-width:1440px){:root{--fluid-base-size: calc(var(--base-font-size-max) * 1px)}}.graph-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:radial-gradient(circle at center,rgba(255,90,31,.14) 0%,rgba(255,90,31,.04) 22%,transparent 55%),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at center,#171717,#0a0a0a);background-size:100% 100%,28px 28px,28px 28px,cover;background-position:center}.triangle-right{width:0;height:0;border-top:var(--triangle-size) solid transparent;border-bottom:var(--triangle-size) solid transparent;border-left:calc(var(--triangle-size) * 1.5) solid var(--accent-primary)}.mobile-graph-controls,.mobile-simple-controls,.mobile-header-tabs{display:none}body{margin:0;padding:0;height:100dvh;width:100%;overflow:hidden}@media(min-width:769px){.graph-mode-header,.graph-controls,.graph-view-tab{display:none!important}.euler-toggles-container{display:flex}.mobile-simple-controls{display:none!important}.main-container{display:flex;height:100dvh;width:100%}.content-layer{position:relative!important;width:35%;height:100dvh;z-index:100;background:var(--dark-color-1);transform:none!important;overflow-y:auto;overflow-x:hidden;border-right:3px solid var(--primary-color);order:1;transition:width .3s cubic-bezier(.4,0,.2,1)}.graph-layer{position:relative!important;width:65%;height:100dvh;z-index:1;background:var(--dark-color-1);order:2}.content-section{min-height:auto;width:100%;position:relative}.section-header{position:sticky;top:0;z-index:200;background:var(--dark-color-2);border-bottom:2px solid var(--primary-color);padding:var(--spacing-4) var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;box-shadow:0 2px 10px #0003}.section-header:hover{background:var(--dark-color-3);color:var(--dark-color-1)}.section-content{padding:0;max-width:none;margin:0}#cy{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.graph-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:radial-gradient(circle at center,rgba(255,90,31,.14) 0%,rgba(255,90,31,.04) 22%,transparent 55%),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),radial-gradient(circle at center,#171717,#0a0a0a);background-size:100% 100%,28px 28px,28px 28px,cover;background-position:center}.graph-container:has(.orbital-welcome.graph-loaded){opacity:0;animation:fadeOpacity 2s ease forwards}@keyframes fadeOpacity{0%{opacity:1}70%{opacity:1}to{opacity:0}}.desktop-control-btn{width:40px;height:40px;background:var(--dark-color-3);border:1px solid var(--primary-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .1s ease,color .1s ease,transform .1s ease}.desktop-control-btn:hover{background:var(--primary-color);color:var(--dark-color-1);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.desktop-control-btn:active{transform:translateY(0)}.desktop-resize-handle{position:absolute;top:0;left:35%;width:4px;height:100dvh;background:var(--secondary-color);cursor:ew-resize;z-index:1000;opacity:0;transition:opacity .1s ease;transform:translate(-2px)}.desktop-resize-handle:hover{opacity:1;background:var(--secondary-color);box-shadow:0 0 10px #ff980080}.desktop-resize-handle.resizing{opacity:1;transition:none}.content-layer.collapsed{width:60px!important;transition:width .3s cubic-bezier(.4,0,.2,1)}.content-layer.collapsed #eulerTextContainer,.content-layer.collapsed .desktop-notification{display:none}.content-layer.collapsed .section-content,.content-layer.collapsed .section-title,.content-layer.collapsed .section-actions,.content-layer.collapsed .euler-toggles-container{opacity:0;pointer-events:none;transition:opacity .2s ease}.content-layer.collapsed .section-header{justify-content:center;padding:var(--spacing-3)}.content-layer.collapsed .section-icon{margin:0}}.graph-view-tab{position:sticky!important;bottom:0!important;left:0;right:0;z-index:2500;background:#ff9800;border-top:2px solid #FFB74D;color:#000;padding:16px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 -4px 20px #ff980099;touch-action:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;pointer-events:auto!important;padding-bottom:env(safe-area-inset-bottom);opacity:1!important;-webkit-backdrop-filter:none;backdrop-filter:none;height:80px;box-sizing:border-box;margin:0;border-bottom:none;border-radius:0;width:100%;margin-bottom:0!important;transition:top .3s cubic-bezier(.4,0,.2,1),bottom .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}@supports (padding: max(0px)){.graph-view-tab{background:#ff9800!important}}@media(max-width:768px){html{height:100%;overflow-x:hidden}body{height:100%;min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden}}@media(max-width:768px){.graph-view-tab:hover{background:#ff9800!important;color:#000!important;box-shadow:0 -4px 20px #ff980099!important;transform:none!important}.graph-view-tab:active{background:#f57c00!important;color:#000!important;transform:none!important}}@media(min-width:769px){.graph-view-tab:hover{background:var(--secondary-color);color:var(--dark-color-1);box-shadow:0 -6px 25px #0006}.graph-view-tab:active{background:var(--primary-color);color:var(--dark-color-1);transform:translateY(2px);box-shadow:0 -4px 15px #0009;transition:all .1s ease}}.graph-view-tab:focus,.graph-view-tab:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.graph-view-tab.gesture-active{background:#ffa726!important;transform:scale(.98);box-shadow:0 4px 12px #ffa726cc!important;border-top-color:#ffb74d!important;color:#000!important;opacity:1!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@media(max-width:768px){.graph-view-tab.gesture-active{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@supports (-webkit-touch-callout: none){.graph-view-tab.gesture-active{background:#ffa726!important;opacity:1!important}}}@media(max-width:768px){.euler-toggles-container{display:none!important}.mobile-simple-controls{display:block!important;padding:var(--spacing-3);background:var(--dark-color-2);border-left:3px solid var(--primary-color);margin-top:var(--spacing-2)}.mobile-checkbox-group{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) 0;border-bottom:1px solid var(--dark-color-3)}.mobile-checkbox-group:last-child{border-bottom:none}.mobile-checkbox-group label{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.mobile-checkbox-group input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-color);cursor:pointer}.graph-view-tab{display:flex!important}.graph-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:var(--dark-color-1)}.graph-layer .sigma-reset-btn{display:none!important}.orbital-layout{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;transition:opacity .3s ease}body.mobile-split-view .orbital-layout{opacity:.3}body.mobile-retracted .orbital-layout{opacity:.1}body.mobile-split-view .orbit-euler-background,body.mobile-retracted .orbit-euler-background{display:none}.desktop-graph-controls{display:none!important}#cy{width:100%;height:calc(100dvh - 80px);position:absolute;top:0;left:0;z-index:100}.content-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:var(--dark-color-1);transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:0;margin:0;-webkit-overflow-scrolling:touch;touch-action:auto;overscroll-behavior-y:contain;overscroll-behavior-x:none}.content-layer.retracted{transform:translateY(-91%);background:rgba(var(--dark-color-1-rgb),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:150}.content-layer.split-view{transform:translateY(-50%);background:rgba(var(--dark-color-1-rgb),.98)}.content-section{width:100%;position:relative}.section-header{position:sticky;top:0;z-index:200;background:var(--dark-color-2);border-bottom:2px solid var(--primary-color);padding:var(--spacing-2) var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-3);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease;box-shadow:0 2px 10px #0003}.section-header:hover{background:var(--dark-color-3);color:var(--dark-color-1)}.section-title{font-size:var(--font-size-lg)}@supports (padding: max(0px)){body{background:var(--dark-color-1)}}.desktop-resize-handle{display:none!important}}.section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-color);color:var(--dark-color-1);border-radius:var(--border-radius);font-size:var(--font-size-md)}.section-title{flex:1;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0}.section-actions{display:flex;gap:var(--spacing-2)}.section-content{background:var(--dark-color-1)}.content-section{scroll-margin-top:0}.content-layer{scroll-behavior:smooth}@media(pointer:coarse)and (max-width:768px){.content-layer{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}}@media(max-width:768px){.content-layer.dragging{-webkit-user-select:none;user-select:none;pointer-events:none}.content-layer.dragging *{pointer-events:none}.graph-view-tab.dragging{background:var(--secondary-color);color:var(--primary-color);transition:none!important}.content-layer.dragging{-webkit-user-select:none;user-select:none;pointer-events:none;transition:none!important}}.section-header:focus,.section-header:focus-visible,.graph-view-tab:focus,.graph-view-tab:focus-visible,.graph-mode-tab:focus,.graph-mode-tab:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(prefers-contrast:high){.section-header,.graph-view-tab{border-width:3px}}@media(prefers-reduced-motion:reduce){.content-layer,.graph-view-tab,.graph-control-btn{transition:none}.content-layer{scroll-behavior:auto}}.sigma-reset-btn,.graph-info-strip,.graph-info-strip.active,.graph-info-content,.graph-stats,.graph-math-notation,.math-set{display:none!important}@media(min-width:769px){.graph-info-strip{display:none!important}}@media(max-width:768px){.graph-info-strip{display:none!important}}.euler-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 2s ease-in-out;background-color:#00000073;z-index:2}.euler-background img{width:100%;height:100%;object-fit:cover;mix-blend-mode:overlay;filter:grayscale(80%);opacity:.6}.graph-loaded-state .euler-background{opacity:1}.graph-loaded-state .euler-background img{opacity:.1;transition:opacity 5s ease-in-out}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-around{display:flex;justify-content:space-around}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.w-100{width:100%}.h-100{height:100%}.position-relative{position:relative}.position-absolute{position:absolute}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.gap-sm{gap:var(--spacing-2)}.gap-md{gap:var(--spacing-3)}.gap-lg{gap:var(--spacing-4)}.text-uppercase{text-transform:uppercase}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.font-mono{font-family:var(--font-family-mono)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-normal{font-weight:var(--font-weight-normal)}.letter-spacing-wide{letter-spacing:var(--letter-spacing-wide)}.letter-spacing-wider{letter-spacing:var(--letter-spacing-wider)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-primary)}.text-error{color:var(--error-color)}.text-success{color:var(--success-color)}.bg-dark-1{background-color:var(--dark-color-1)}.bg-dark-2{background-color:var(--dark-color-2)}.bg-dark-3{background-color:var(--dark-color-3)}.bg-dark-4{background-color:var(--dark-color-4)}.bg-primary-light{background-color:rgba(var(--primary-color-rgb),.08)}.bg-primary-medium{background-color:rgba(var(--primary-color-rgb),.12)}.bg-error-light{background-color:rgba(var(--error-color-rgb),.08)}.bg-success-light{background-color:rgba(var(--success-color-rgb),.08)}.border-left-primary{border-left:var(--section-border-width) solid var(--border-primary)}.border-left-secondary{border-left:var(--section-border-width) solid var(--border-secondary)}.border-left-focus{border-left:calc(var(--section-border-width) + 3px) solid var(--focus-outline-color)}.border-left-error{border-left:calc(var(--section-border-width) + 3px) solid var(--error-color)}.border-left-success{border-left:calc(var(--section-border-width) + 3px) solid var(--success-color)}.border-bottom-thin{border-bottom:1px solid var(--dark-color-1)}.border-width-normal{border-width:var(--section-border-width)}.border-width-focus{border-width:calc(var(--section-border-width) * 2)}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-left-interactive{border-left:var(--section-border-width) solid var(--border-secondary);transition:border-left var(--transition-fast)}.border-left-interactive:hover{border-left-width:calc(var(--section-border-width) * 2)}.border-left-active{border-left:calc(var(--section-border-width) * 2) solid var(--focus-outline-color);transition:none}.hidden{display:none}.visible{display:block}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.transition-none{transition:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.z-base{z-index:var(--z-base)}.z-content{z-index:var(--z-content)}.z-ui{z-index:var(--z-ui)}.z-dropdown{z-index:var(--z-dropdown)}.z-modal{z-index:var(--z-modal)}@media(max-width:992px){.tablet-only{display:block}.desktop-only{display:none}.tablet-w-100{width:100%}.tablet-flex-col{flex-direction:column}}@media(max-width:576px){.mobile-only{display:block}.mobile-hide{display:none}.mobile-w-100{width:100%}.mobile-flex-col{flex-direction:column}.mobile-text-center{text-align:center}}.interactive{cursor:pointer;transition:background-color var(--transition-fast)}.interactive:hover{background-color:rgba(var(--primary-color-rgb),.08)}.interactive:active{transform:translateY(2px);transition:transform var(--transition-normal)}.interactive-focus{position:relative}.interactive-focus:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-outline-color)}.triangle-right{position:relative}.triangle-right:after{content:"";position:absolute;width:0;height:0;border-top:var(--triangle-size) solid transparent;border-bottom:var(--triangle-size) solid transparent;border-left:calc(var(--triangle-size) * 1.5) solid currentColor}.triangle-down{position:relative}.triangle-down:after{content:"";position:absolute;width:0;height:0;border-left:var(--triangle-size) solid transparent;border-right:var(--triangle-size) solid transparent;border-top:calc(var(--triangle-size) * 1.5) solid currentColor}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-outline{outline:2px solid var(--focus-outline-color);outline-offset:2px}.focus-within-visible:focus-within{outline:2px solid var(--focus-outline-color);outline-offset:2px}.hardware-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.transform-optimized{will-change:transform}.opacity-optimized{will-change:opacity}.complex-optimized{will-change:transform,opacity}.btn:hover,.btn:active{transform:translateZ(0) translateY(2px)}.sidebar{transform:translateZ(0);will-change:width}.title-area{transform:translateZ(0);will-change:transform,opacity}.dropdown-content,.tooltip-content{transform:translateZ(0);will-change:opacity,transform}.hint-box:not(.hidden){transform:translateZ(0) translateY(0);will-change:opacity,transform}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulseHighlight{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}.notification-banner.active{transform:translateY(0)}.input-container,.button-container,.form-group{box-sizing:border-box}.sidebar-panel,.result-panel,.graph-container{contain:content}@media(max-width:576px){.complex-animation{animation:none}.desktop-only-effect{transform:none;will-change:auto}}.btn{transition:background-color var(--transition-fast),transform var(--transition-fast)}.form-input:focus{transition:background-color var(--transition-fast),border-left-width var(--transition-normal)}.hint-box{padding:var(--spacing-2) var(--spacing-3);margin-top:0;margin-bottom:0;background-color:var(--dark-color-4);border-left:var(--section-border-width) solid var(--border-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-2);opacity:1;transition:opacity var(--transition-slow),transform var(--transition-slow),height var(--transition-slow);width:100%;transform:translateZ(0)}.hint-box i{margin-right:var(--spacing-1);color:var(--accent-secondary);font-size:var(--font-size-md)}.hint-box span{display:inline-block;flex:1}.hint-box.hidden{display:none;height:0;padding:0;margin:0;opacity:0}#weighted-hint.hint-box{border-left:var(--section-border-width) solid var(--primary-color);line-height:1.5}.hint-flag{font-size:1.2em;margin-left:4px;vertical-align:middle}#saved-tab #save-hint.hint-box{border-left:var(--section-border-width) solid var(--primary-color);background-color:var(--dark-color-3)}#saved-tab #save-hint.hint-box i{color:var(--primary-color)}.empty-saved-state{padding:20px;text-align:center;background-color:var(--dark-color-3);margin-top:0;color:var(--text-secondary);border-left:var(--section-border-width) solid var(--accent-primary)}.saved-graphs-list{margin-top:0}.saved-graph-desc{flex:1;display:flex;flex-direction:column;gap:4px;overflow:hidden;font-family:var(--font-family-mono);font-size:1.1em}.saved-graph-actions{display:flex;justify-content:space-between;gap:10px}@media(max-width:992px){.option-list{flex-direction:column}.btn,.btn-sm{min-height:48px}.option-item label{padding-left:35px;padding-right:35px}}.btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);line-height:var(--line-height-tight);box-sizing:border-box;display:inline-block;position:relative;width:100%;margin-top:0;margin-bottom:0;padding:8px 10px 7px;border:none;color:var(--text-primary);background-color:var(--primary-color);box-shadow:var(--shadow-md);text-align:center;text-decoration:none;vertical-align:top;cursor:pointer;-webkit-appearance:none;text-transform:none;border-left:var(--section-border-width) solid var(--border-secondary);transition:all .2s ease}.btn i{margin-right:var(--spacing-2);font-size:inherit;vertical-align:middle;line-height:1;position:relative;top:-1px}@media(min-width:40.0625em){.btn{font-size:var(--font-size-md);line-height:var(--line-height-tight);width:100%;margin-bottom:0;padding:7px 11px 6px;min-height:var(--button-height)}}.btn:hover{background-color:var(--secondary-color);position:relative;border-left-width:var(--section-border-width);transform:translateY(-1px);transition:all .2s ease}.btn:focus{border-color:var(--focus-outline-color);outline:3px solid transparent;box-shadow:inset 0 0 0 1px var(--focus-outline-color);border-left-width:calc(var(--section-border-width) * 2);border-left-color:var(--focus-outline-color);background-image:linear-gradient(to right,rgba(255,255,255,.05),transparent)}.btn:active{top:1px;box-shadow:var(--shadow-none);transform:translateY(1px);background-color:var(--accent-dark);border-left-width:calc(var(--section-border-width) * 2);border-left-color:var(--focus-outline-color)}.btn-primary{background-color:var(--primary-color);box-shadow:var(--shadow-md);color:var(--light-color);border-left:var(--section-border-width) solid var(--border-primary)}.btn-secondary{background-color:var(--dark-color-2);box-shadow:var(--shadow-sm);color:var(--text-color);border-left:var(--section-border-width) solid var(--primary-color);opacity:.85}.btn-secondary:hover{background-color:var(--dark-color-3);color:var(--text-color);opacity:1}.btn-sm{min-height:calc(var(--button-height) * .7);font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2);margin-bottom:0}.btn-warning{background-color:#d4351ce6;box-shadow:0 2px #55150b}.btn-warning:hover{background-color:#aa2a16e6}.btn-start{width:100%;height:calc(var(--button-height) * 1.2);font-weight:var(--font-weight-bold);font-size:calc(var(--font-size-md) * 1.1);line-height:var(--line-height-tight);text-transform:none;display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--primary-color);border:none;color:var(--text-primary);position:relative;cursor:pointer;box-shadow:var(--shadow-lg);border-left:var(--section-border-width) solid var(--border-secondary);margin:0;padding:0 34px 0 14px;letter-spacing:.04em}.btn-start:hover{background-color:var(--accent-secondary)}.btn-start:active{top:1px;box-shadow:var(--shadow-none);transform:translateY(1px);background-color:var(--accent-dark);border-left-width:calc(var(--section-border-width) * 2);border-left-color:var(--focus-outline-color)}.btn-start:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:16px solid var(--light-color);opacity:.9;transition:opacity var(--transition-fast)}.btn-start:disabled{opacity:.7;cursor:not-allowed}.btn-start.keyboard-active{top:2px;box-shadow:var(--shadow-none);transform:translateY(2px);background-color:var(--accent-dark);transition:none}.control-btn{width:50px;height:50px;border-radius:var(--border-radius-circle);padding:0;margin:0;display:flex;align-items:center;justify-content:center;position:relative}.control-btn i{font-size:20px;margin-right:0}.no-gap{margin:0!important;padding:0!important;display:block}#input-tab .action-buttons{margin-top:0;line-height:0}.action-buttons,.button-group{display:flex;gap:0;margin:0;padding:0;width:100%;overflow:hidden}@media(max-width:576px){.action-buttons,.button-group{flex-direction:column;width:100%}.action-buttons .btn,.button-group .btn{width:100%;margin-bottom:0;border-bottom:0}}.btn:focus-visible,.btn-start:focus-visible,.control-btn:focus-visible{outline:2px solid var(--focus-outline-color);outline-offset:3px;background-color:rgba(var(--primary-color-rgb),.05);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.1);position:relative;z-index:5}.btn-edge-action{background-color:var(--accent-secondary);height:40px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 25px 0 15px;border:none;color:var(--light-color);cursor:pointer;font-weight:600;text-transform:none;transition:all .2s ease;position:relative}.btn-edge-action:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--light-color);opacity:0;transition:opacity var(--transition-gentle),right var(--transition-gentle)}.btn-edge-action:hover{background-color:var(--accent-primary)}.btn-edge-action:hover:after{opacity:1;right:12px}.btn-saved-action{height:calc(var(--button-height) * .8);font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2);text-transform:none;letter-spacing:.03em;font-weight:var(--font-weight-bold)}.form-group{margin-bottom:0;width:100%}.form-label{font-weight:var(--font-weight-bold);margin-bottom:0;padding:var(--spacing-3) var(--spacing-3);display:block;text-transform:none;letter-spacing:var(--letter-spacing-wider);font-size:var(--font-size-sm);color:var(--light-color);background-color:var(--dark-color-3);border-left:var(--section-border-width) solid var(--border-primary);border-top:1px solid var(--dark-color-1);position:relative}.input-container{position:relative;border-left:none;width:100%;overflow:hidden}.form-input{width:100%;height:var(--input-height);padding:15px;border:none;background-color:var(--dark-color-4);color:var(--text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color var(--transition-slow),border-left-width var(--transition-normal);position:relative;overflow:hidden}.form-input.edge-input{min-height:120px;height:auto;resize:vertical;overflow-y:auto;font-size:var(--font-size-md);font-family:var(--font-family-mono);display:block;margin-bottom:0;border-left:var(--section-border-width) solid var(--border-secondary);transition:border-left-width .1s ease}.form-input:focus{outline:none;background-color:#151c3d;box-shadow:inset 0 0 0 1px var(--focus-outline-color);border-left-width:calc(var(--section-border-width) + 3px);border-left-color:var(--focus-outline-color);z-index:var(--z-ui)}.form-input.input-error{background-color:rgba(var(--error-color-rgb),.08);border-left:calc(var(--section-border-width) + 3px) solid var(--error-color);z-index:var(--z-ui)}.form-input.input-error:focus{background-color:rgba(var(--error-color-rgb),.08);border-left:calc(var(--section-border-width) + 3px) solid var(--error-color);box-shadow:inset 0 0 0 1px var(--focus-outline-color);z-index:var(--z-ui)}.input-error-message{color:var(--error-color);font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);background-color:rgba(var(--error-color-rgb),.08);border-left:var(--section-border-width) solid var(--error-color);display:flex;align-items:center;margin-top:0}.input-error-message i{margin-right:var(--spacing-2)}.custom-select{position:relative;width:100%}.custom-select select{appearance:none;width:100%;height:var(--input-height);padding:0 var(--spacing-3);border:none;background-color:var(--dark-color-4);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;border-left:var(--section-border-width) solid var(--accent-primary);padding-right:35px}.custom-select:after{content:"";position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--border-primary);pointer-events:none}.custom-select select:focus{outline:none;background-color:var(--dark-color-3);border-color:var(--focus-outline-color);box-shadow:inset 0 0 0 1px var(--focus-outline-color)}.form-input:disabled,textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--dark-color-4);color:var(--text-secondary);border-left-color:var(--border-neutral)}.toggle-container{width:100%;border-left:var(--section-border-width) solid var(--border-secondary);background-color:var(--dark-color-4)}.toggle-row{display:flex;width:100%}.toggle-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 0 15px;cursor:pointer;transition:background-color .2s ease;border-right:1px solid var(--dark-color-1);position:relative}.toggle-item:last-child{border-right:none}.toggle-item:hover{background-color:rgba(var(--primary-color-rgb),.05)}.toggle-item.active{background-color:rgba(var(--primary-color-rgb),.12)}.toggle-label{font-size:14px;font-weight:600;text-transform:none;letter-spacing:.05em;margin-bottom:10px}.toggle-switch{position:relative;display:inline-block;width:80px;height:28px}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--dark-color-3);transition:.2s}.toggle-slider:before{position:absolute;content:"";height:20px;width:32px;left:4px;bottom:4px;background-color:var(--dark-color-1);transition:.2s}input:checked+.toggle-slider:before{transform:translate(40px);background-color:var(--secondary-color)}.toggle-item.active .toggle-slider{background-color:rgba(var(--primary-color-rgb),.3)}.form-group .toggle-container{margin-bottom:0}textarea.form-input:focus{height:auto;min-height:120px;transition:border-left-width var(--transition-normal),background-color var(--transition-fast)}.form-input:disabled,.form-input[readonly],.form-input:disabled:hover,.form-input:disabled:focus{background-color:var(--dark-color-3);cursor:not-allowed;opacity:.7}@keyframes focus-pulse{0%{box-shadow:inset 0 0 0 1px var(--focus-outline-color),0 0 0 1px var(--focus-outline-color)}50%{box-shadow:inset 0 0 0 1px var(--focus-outline-color),0 0 0 2px var(--focus-outline-color)}to{box-shadow:inset 0 0 0 1px var(--focus-outline-color),0 0 0 1px var(--focus-outline-color)}}.form-input:focus,.custom-select select:focus,.edge-vertex:focus{animation:focus-pulse 2s infinite ease-in-out}.form-input.input-error{border-left:calc(var(--section-border-width) + 3px) solid var(--error-color);background-color:rgba(var(--error-color-rgb),.08);border-top:1px solid rgba(var(--error-color-rgb),.2);border-bottom:1px solid rgba(var(--error-color-rgb),.2)}@media(max-width:992px){.form-input{min-height:48px}}@media(max-width:576px){.form-label{padding:10px;font-size:13px}.form-input,select{font-size:15px}}#euler-logo{gap:0;padding:0;width:100%}.euler-portrait{flex:0 0 auto}#eulerTextContainer{flex:1;min-width:0;height:80px;display:block;width:100%;overflow:hidden;padding-right:10px}#eulerText{color:#fff;font-weight:700;text-transform:uppercase;font-family:Anybody,sans-serif;font-size:72px;line-height:1;font-variation-settings:"wdth" 130,"wght" 780;width:100%;height:100%;display:block}#eulerText .cool-text-fit-wrapper{color:#fff}.title-area{display:flex;align-items:center;white-space:nowrap;flex:0 0 auto;height:80px;position:relative;padding:0;background-color:#c9644340;z-index:2;cursor:pointer;--bg-transition-duration: .8s;transition:background-color var(--bg-transition-duration) ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible;width:100%;will-change:background-color}.title-notification-container{position:relative;width:auto;will-change:background-color}.title-area:hover{background-color:#c9644380}.title-area:active{background-color:var(--primary-color);transition:none}.title-area.notification-active{--bg-transition-duration: .1s;background-color:var(--primary-color)}.title-area.notification-active:hover{background-color:var(--primary-color)}.title-area:before{content:"";position:absolute;left:0;top:0;width:0;height:0;background:none;border-top:40px solid rgba(255,255,255,.6);border-right:40px solid transparent;z-index:0;opacity:0;transition:opacity var(--transition-gentle);pointer-events:none}.title-area:after{content:"";position:absolute;left:0;bottom:0;width:0;height:0;border-bottom:20px solid white;border-right:20px solid transparent;z-index:1;opacity:0;transition:opacity var(--transition-gentle),transform var(--transition-slow);transform-origin:bottom left;transform:scale(0)}.title-area:hover:before{opacity:.9}.title-area:hover:after{opacity:.9;transform:scale(1)}.title-area:active:before{opacity:1;border-top-color:var(--focus-outline-color);transition:none}.title-area:active:after{opacity:1;transform:scale(1.5);border-bottom-color:var(--focus-outline-color);transition:none}.euler-portrait{width:auto;height:100%;margin-left:0;margin-right:0;transition:transform .2s ease;position:relative;z-index:1;will-change:transform}.content-layer.collapsed .euler-portrait{width:60px;height:80px;object-fit:cover;border-radius:0;margin:0}.content-layer.collapsed #euler-logo{justify-content:flex-start;padding:0}.content-layer.collapsed:hover .title-area{background-color:#c9644380}.sidebar-euler-label{display:none}@media(min-width:769px){.sidebar-euler-label{display:block;position:fixed;top:80px;left:0;width:60px;height:calc(100dvh - 80px);overflow:hidden;opacity:0;pointer-events:none;z-index:260;box-sizing:border-box;transition:opacity .16s ease;contain:paint}.content-layer.collapsed .sidebar-euler-label{background:var(--dark-color-1)}.content-layer.collapsed.collapsed-label-ready .sidebar-euler-label{opacity:1;pointer-events:auto;transition-delay:.05s}.sidebar-euler-label-rotated{width:calc(100dvh - 80px);height:60px;transform:rotate(90deg) translateY(-60px);transform-origin:0 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.sidebar-euler-measure{position:fixed;top:-9999px;left:0;width:calc(100dvh - 80px);height:60px;visibility:hidden;pointer-events:none;overflow:hidden}.sidebar-euler-measure-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}#eulerCollapsedTextDisplay,#eulerCollapsedTextMeasure{display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-family:Anybody,sans-serif;font-weight:700;font-variation-settings:"wdth" 130,"wght" 780;font-size:52px;line-height:1;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;width:100%;height:100%}#eulerCollapsedTextDisplay .cool-text-fit-wrapper,#eulerCollapsedTextMeasure .cool-text-fit-wrapper{color:#fff}}@media(max-width:768px){.title-notification-container{display:flex;width:100%;height:64px;z-index:220}#euler-logo,#eulerTextContainer,.euler-portrait{height:64px}#eulerText{font-size:48px;font-variation-settings:"wdth" 140,"wght" 760;transform:none!important}.title-area{height:64px}.title-area:before{border-top-width:32px;border-right-width:32px}.title-area:after{border-bottom-width:16px;border-right-width:16px}}.radial-controls{position:absolute;right:-70px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;gap:20px;z-index:10}.radial-control{width:50px;height:50px;border-radius:var(--border-radius-circle);background:#30302e80;border:1px solid rgba(201,100,67,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.radial-control:hover{background:#c964434d}.radial-control:active{top:2px}.radial-icon{font-size:20px;color:var(--text-color)}.path-control-buttons{display:flex;flex-direction:column;gap:10px}.circular-graph-container:before{content:"";position:absolute;width:100%;height:100%;border-radius:var(--border-radius-circle);border:1px dashed rgba(201,100,67,.2);pointer-events:none}.graph-controls{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:20}.graph-controls button{width:44px;height:44px;border-radius:var(--border-radius-circle);background:#30302e80;border:1px solid rgba(201,100,67,.5);color:var(--text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;padding:0;position:relative}.graph-controls button:hover{background:#c964434d}.graph-controls button:active{top:2px}#animation-counter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--dark-color-4);padding:12px 15px;border-radius:var(--border-radius);font-size:16px;font-weight:500;z-index:100;display:flex;align-items:center;justify-content:center;height:var(--button-height);min-width:150px}#animation-counter:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:8px;color:#c96443cc}.radial-control:after{content:attr(title);position:absolute;left:110%;top:50%;transform:translateY(-50%);background-color:var(--dark-color-3);color:var(--text-color);padding:5px 10px;border-radius:var(--border-radius);font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .1s ease,visibility .1s ease;pointer-events:none;z-index:100;border:1px solid var(--dark-color-4)}.radial-control:hover:after{opacity:1;visibility:visible;transition-delay:0s}@media(max-width:992px){.radial-controls{position:absolute;inset:auto auto -70px 0;transform:none;width:100%;flex-direction:row;justify-content:center}.radial-control{width:40px;height:40px}.graph-controls{right:10px;top:10px;transform:none;flex-direction:row}.graph-controls button{width:40px;height:40px}#animation-counter{height:40px;padding:8px 12px;font-size:14px}}@media(max-width:768px){.sigma-reset-btn{display:none!important}.graph-controls{position:fixed!important;inset:auto 0 0!important;transform:none!important;z-index:1000!important;background:rgba(var(--dark-color-2-rgb),.95)!important;border-top:1px solid var(--primary-color);padding:12px;display:flex;flex-direction:row!important;justify-content:center;align-items:center;gap:8px;height:80px!important;width:100%;box-shadow:0 -4px 20px #00000080}.graph-controls button{width:60px!important;height:50px!important;border-radius:4px!important;background:var(--dark-color-3)!important;border:1px solid var(--primary-color)!important;color:var(--text-primary)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:12px!important;padding:4px!important;position:relative!important}}.desktop-graph-controls{position:absolute;bottom:0;right:0;z-index:10;padding:var(--spacing-2);background-color:#1e2235e6;border-top:solid var(--dark-color-3) 2px;border-left:solid var(--dark-color-3) 2px;gap:0;overflow:hidden;box-shadow:0 4px 20px #0000004d;display:flex;flex-direction:column}.desktop-control-btn{flex:1;border-radius:0;border-bottom:solid var(--dark-color-3) 1px}.desktop-control-btn i{margin-left:5px!important;margin-right:5px!important}@media(max-width:768px){.desktop-graph-controls{display:none!important}}:root{--notification-success-bg: #006637;--notification-success-border: #00ca6d;--notification-success-icon: #00ca6d;--notification-error-bg: #661700;--notification-error-border: #ff3e00;--notification-error-icon: #ff3e00;--notification-info-bg: #003366;--notification-info-border: #0066cc;--notification-info-icon: #0066cc;--notification-warning-bg: #664300;--notification-warning-border: #ffaa00;--notification-warning-icon: #ffaa00}@media(max-width:768px){.mobile-notification{position:sticky;top:0;z-index:250;width:100%;padding:12px 16px;background:var(--dark-color-1);border-bottom:2px solid var(--notification-info-border);color:var(--text-primary);font-size:14px;font-weight:500;text-align:center;transform:translateY(-100%);transition:transform .3s ease;opacity:0}.mobile-notification.show{transform:translateY(0);opacity:1}.mobile-notification.success{background:var(--notification-success-bg);border-bottom-color:var(--notification-success-border)}.mobile-notification.error{background:var(--notification-error-bg);border-bottom-color:var(--notification-error-border)}.mobile-notification.warning{background:var(--notification-warning-bg);border-bottom-color:var(--notification-warning-border)}.mobile-notification.info{background:var(--notification-info-bg);border-bottom-color:var(--notification-info-border)}.desktop-notification{display:none!important}}@media(min-width:769px){.mobile-notification{display:none!important}.title-notification-container{position:relative;display:flex;align-items:center;overflow:visible;width:auto;height:80px;transform:translateZ(0);z-index:var(--z-ui)}.desktop-notification{position:absolute;top:0;left:100%;height:100%;min-width:300px;max-width:400px;background-color:var(--dark-color-3);color:var(--text-primary);border-left:5px solid var(--notification-info-border);z-index:2;display:flex;align-items:center;padding:0 20px;transform:translate(0) translateZ(0);transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform;backface-visibility:hidden}.desktop-notification.active{transform:translate(-100%) translateZ(0)}.notification-content{display:flex;align-items:center;gap:12px}.notification-icon{font-size:18px;flex-shrink:0}.notification-text{flex:1;font-weight:var(--font-weight-medium)}.desktop-notification.success{border-left-color:var(--notification-success-border)}.desktop-notification.success .notification-icon{color:var(--notification-success-icon)}.desktop-notification.error{border-left-color:var(--notification-error-border)}.desktop-notification.error .notification-icon{color:var(--notification-error-icon)}.desktop-notification.info{border-left-color:var(--notification-info-border)}.desktop-notification.info .notification-icon{color:var(--notification-info-icon)}.desktop-notification.warning{border-left-color:var(--notification-warning-border)}.desktop-notification.warning .notification-icon{color:var(--notification-warning-icon)}}.saved-graphs-container{background-color:var(--dark-color-1);width:100%;margin-top:0;transform:translateZ(0);contain:content}.saved-graphs-header{padding:var(--spacing-2) var(--spacing-3);display:flex;align-items:center;background-color:var(--dark-color-2);border-bottom:1px solid var(--dark-color-1);border-left:var(--section-border-width) solid var(--border-secondary)}.saved-graphs-title{margin:0;display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-bold);text-transform:none;letter-spacing:var(--letter-spacing-wider);font-size:var(--font-size-base);color:var(--text-primary)}.saved-graphs-title i{color:var(--primary-color)}.saved-graphs-list{max-height:500px;overflow-y:auto;-webkit-overflow-scrolling:touch;contain:content}.saved-graph-item{position:relative;padding:var(--spacing-3);padding-right:2.5rem;background-color:var(--blue-grey);border-bottom:1px solid var(--dark-color-1);cursor:pointer;will-change:transform,border-left-width;transition:border-left-width var(--transition-slow),transform var(--transition-fast),background-color var(--transition-fast);border-left:var(--section-border-width) solid var(--secondary-color);width:100%;transform:translateZ(0);backface-visibility:hidden;contain:content}.saved-graph-item:active{transition:transformY 0s,border-left-width var(--transition-slow),background-color var(--transition-fast);transform:translateY(2px);background-color:var(--dark-blue);border-left-color:var(--focus-outline-color)}.saved-graph-item:hover{border-left:var(--focus-outline-width) solid var(--secondary-color);background-color:#283246e6;transform:translate(1px);transition:background-color 0s}.saved-graph-item.active{padding-right:var(--spacing-3);border-left:6px solid var(--focus-outline-color);background-color:var(--dark-blue)}.saved-graph-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);width:100%;display:block;margin-bottom:var(--spacing-1);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-wide);text-transform:none;padding:4px 0;border-bottom:1px solid transparent;transition:border-bottom-color var(--transition-fast)}.saved-graph-item:not(.example-item).active .saved-graph-name:hover{border-bottom:1px solid var(--focus-outline-color);cursor:text}.saved-graph-input{width:100%;font-weight:var(--font-weight-semibold);color:var(--text-primary);background-color:transparent;border:none;font-size:var(--font-size-md);padding:4px 0;margin-bottom:var(--spacing-1);display:none;letter-spacing:var(--letter-spacing-wide);text-transform:none;border-bottom:1px solid var(--focus-outline-color)}.saved-graph-input:focus{outline:none;background-color:#ffdd000d}.saved-graph-item.active .saved-graph-name{display:block}.saved-graph-item.active .saved-graph-input{display:none}.saved-graph-details{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-secondary);letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.graph-metadata{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-1);color:var(--text-secondary);font-size:var(--font-size-xs)}.graph-property{display:flex;align-items:center;gap:4px}.graph-property i{color:var(--primary-color);font-size:var(--font-size-sm)}.saved-graph-item:not(.active) .property-text{display:none}.saved-graph-item.active .property-text{display:inline}.saved-graph-item:after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:var(--triangle-size) solid transparent;border-bottom:var(--triangle-size) solid transparent;border-left:calc(var(--triangle-size) * 1.2) solid var(--dark-blue);transition:border-left-color var(--transition-fast),transform var(--transition-fast)}.saved-graph-item:hover:after{border-left-color:var(--primary-color);transform:translateY(-50%) translate(3px)}.saved-graph-item.active:after{display:none}.saved-graph-actions{display:none;margin-top:var(--spacing-2);border-top:1px solid var(--dark-color-2);padding-top:var(--spacing-2)}.saved-graph-item.active .saved-graph-actions{display:block}.confirmation-message{color:var(--error-color);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);text-align:center}.saved-section{margin:0}.saved-section h4{padding:var(--spacing-2) var(--spacing-3);margin:0;background-color:var(--dark-color-2);color:var(--text-primary);font-weight:var(--font-weight-bold);border-left:var(--section-border-width) solid var(--secondary-color);display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;position:relative;text-transform:none;letter-spacing:var(--letter-spacing-wider);font-size:var(--font-size-base);border-top:1px solid var(rbga(var(--dark-color-4), .8))}.saved-section h4:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;right:15px;transition:transform var(--transition-fast)}.saved-section.collapsed h4:after{transform:rotate(-90deg)}.saved-section.collapsed .saved-graphs-items,.saved-section.collapsed .no-items-message{display:none}.saved-section h4 i{color:var(--secondary-color)}.no-items-message{padding:var(--spacing-3);background-color:var(--dark-color-2);color:var(--text-secondary);font-style:italic;margin:0;border-bottom:1px solid var(--dark-color-1);border-left:var(--section-border-width) solid var(--border-neutral)}.save-form{padding:var(--spacing-3);background-color:var(--dark-color-2);border-left:var(--section-border-width) solid var(--primary-color);margin-bottom:0}.save-form h3{margin-top:0;margin-bottom:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-bold);text-transform:none;letter-spacing:var(--letter-spacing-wider);font-size:var(--font-size-lg);color:var(--text-primary)}.save-form h3 i{color:var(--primary-color);font-size:var(--font-size-lg)}.current-graph-message{color:var(--text-secondary);font-style:italic;margin-bottom:var(--spacing-3)}.current-graph-info{margin-bottom:var(--spacing-3);padding:0;background-color:transparent;border-left:none}.current-graph-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-2);text-transform:none;letter-spacing:var(--letter-spacing-wide)}.current-graph-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-3);color:var(--text-secondary);font-size:var(--font-size-sm)}.graph-stat{display:flex;align-items:center;gap:6px}.graph-stat i{color:var(--primary-color);font-size:var(--font-size-base)}.current-graph-actions{display:flex;gap:var(--spacing-2)}.btn-small{font-size:var(--font-size-sm);height:36px;padding:0 var(--spacing-2)}#save{text-transform:none;letter-spacing:var(--letter-spacing-wide);font-weight:var(--font-weight-bold)}#save i{margin-right:var(--spacing-1)}.action-buttons{display:flex;margin-top:var(--spacing-2);justify-content:center}@media(max-width:992px){.saved-graph-item{padding:var(--spacing-2);min-height:48px}}@media(max-width:576px){.saved-graph-name{font-size:var(--font-size-base)}.saved-graph-details{font-size:var(--font-size-xs)}.action-buttons{flex-direction:column;gap:var(--spacing-1)}}.saved-graph-item.example-item{position:relative;border-left-color:var(--secondary-color)}.saved-graph-item.example-item:before{content:"Example";position:absolute;top:var(--spacing-2);right:var(--spacing-3);font-size:var(--font-size-xs);color:var(--secondary-color);opacity:.6;letter-spacing:var(--letter-spacing-wide)}.random-generator .saved-graph-details{padding:12px}.random-generator .saved-graph-details p{margin:0 0 10px;font-size:.9em;color:var(--text-secondary)}.random-params{display:flex;gap:12px}.random-params label{display:flex;align-items:center;gap:8px}.random-params input{width:60px;padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:var(--text-primary);font-size:14px}.random-params input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.euler-info{margin-top:8px;padding-top:8px;border-top:1px dotted var(--border-color)}.euler-info small{color:var(--text-secondary);font-style:italic;font-size:.8em;opacity:.8}:root{--loader-anim-speed-slow: 14s;--loader-anim-speed-medium: 4s;--loader-anim-speed-fast: 3s;--loader-anim-speed-pulse: 2s;--loader-border-thin: 2px;--loader-border-medium: 3px;--loader-border-thick: 4px;--loader-transition-speed: .5s;--loader-z-index: 1000}.icon-euler{display:inline-flex;align-items:center;justify-content:center;width:1.4em;height:1.4em;position:relative;font-size:inherit;vertical-align:middle}.icon-euler:before{content:"●─●─●\a│ ╲ │\a●─●─●";white-space:pre;line-height:.9;font-size:.55em;font-family:monospace;display:block;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.global-loader-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:var(--loader-z-index);background-color:#0f172acc;opacity:0;pointer-events:none;transition:opacity .7s ease;will-change:opacity}.global-loader-container.show{opacity:1;pointer-events:auto}.loader-progress{font-family:Inter,sans-serif;color:#f5f0e6;margin-top:30px;font-weight:700;font-size:16px;letter-spacing:1px;text-transform:uppercase;text-align:center}.orbit-sigma,.orbit-paths{transition:opacity .8s ease-in-out;will-change:opacity}path{transition:opacity .8s ease-in-out,stroke-width .3s ease-in-out}.orbit-graph-circle.loading{box-shadow:0 0 20px rgba(var(--primary-color-rgb),.01),0 0 40px rgba(var(--primary-color-rgb),.01);transition:box-shadow .4s ease-in-out;will-change:box-shadow}@keyframes spin-euler{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-euler-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes pulse-spinner{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.2);opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}[class*=euler-]{position:relative}[class*=-loader] .euler-circle{position:absolute;border-radius:var(--border-radius-circle);overflow:hidden;border:var(--loader-border-medium) solid var(--primary-color);z-index:1}[class*=-loader] .euler-circle img{width:100%;height:100%;animation:spin-euler-reverse var(--loader-anim-speed-slow) linear infinite}[class*=-loader] .euler-spinner{position:absolute;border-radius:var(--border-radius-circle);border:var(--loader-border-medium) dashed var(--secondary-color);animation:spin-euler var(--loader-anim-speed-fast) linear infinite;opacity:.7;left:0;top:0}[class*=-loader] .euler-pulse{position:absolute;border-radius:var(--border-radius-circle);border:var(--loader-border-thin) solid var(--primary-color);animation:pulse-spinner var(--loader-anim-speed-pulse) ease-out infinite;opacity:0;left:0;top:0}.euler-circle-loader{width:100px;height:100px}.euler-circle-loader .euler-circle{width:80px;height:80px;left:10px;top:10px}.euler-circle-loader .euler-spinner,.euler-circle-loader .euler-pulse{width:100px;height:100px}.euler-mini-loader{width:60px;height:60px}.euler-mini-loader .euler-circle{width:48px;height:48px;left:6px;top:6px;border-width:var(--loader-border-thin)}.euler-mini-loader .euler-spinner,.euler-mini-loader .euler-pulse{width:60px;height:60px;border-width:var(--loader-border-thin)}.euler-large-loader{width:160px;height:160px}.euler-large-loader .euler-circle{width:130px;height:130px;left:15px;top:15px;border-width:var(--loader-border-thick)}.euler-large-loader .euler-spinner,.euler-large-loader .euler-pulse{width:160px;height:160px;border-width:var(--loader-border-thick)}.euler-multi-loader{width:130px;height:130px}.euler-multi-loader .euler-circle{width:90px;height:90px;left:20px;top:20px}.euler-multi-loader .euler-spinner,.euler-multi-loader .euler-pulse{width:130px;height:130px}.euler-multi-loader .euler-spinner-2{position:absolute;width:110px;height:110px;border:var(--loader-border-thin) solid var(--primary-color);border-radius:var(--border-radius-circle);animation:spin-euler-reverse 5s linear infinite;opacity:.7;left:10px;top:10px}.euler-multi-loader .euler-spinner-3{position:absolute;width:70px;height:70px;border:var(--loader-border-thin) dotted var(--secondary-color);border-radius:var(--border-radius-circle);animation:spin-euler 7s linear infinite;opacity:.5;left:30px;top:30px}.euler-multi-loader .euler-pulse-2{position:absolute;width:110px;height:110px;border-radius:var(--border-radius-circle);border:var(--loader-border-thin) solid var(--secondary-color);animation:pulse-spinner 3s ease-out infinite 1s;opacity:0;left:10px;top:10px}.euler-portrait-loader{width:120px;height:120px}.euler-portrait-loader .euler-circle{width:90px;height:90px;left:15px;top:15px;z-index:2}.euler-portrait-loader .euler-spinner{animation:spin-euler-reverse var(--loader-anim-speed-medium) linear infinite}.euler-portrait-loader .euler-spinner,.euler-portrait-loader .euler-pulse{width:120px;height:120px}.euler-portrait-loader .euler-spinner-alt{position:absolute;width:105px;height:105px;border:var(--loader-border-thin) dotted var(--primary-color);border-radius:var(--border-radius-circle);animation:spin-euler-reverse 6s linear infinite;opacity:.6;left:7.5px;top:7.5px}.euler-toggles-container{width:100%;display:flex;justify-content:space-between;margin:0 auto;font-size:0;overflow:hidden}.euler-custom-toggle{position:relative;width:190px;height:80px;background-color:var(--dark-color-2);transition:background-color .2s ease;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;flex:1;margin:0;padding:0;font-size:14px;display:inline-block;vertical-align:top;transition:background-color .2s ease,border-left-width .5s ease}.euler-custom-toggle:nth-child(1){border-left:3px solid var(--secondary-color)}.euler-custom-toggle:nth-child(2){border-left-color:var(--dark-color-4);border-left-width:3px;border-left-style:solid}.euler-custom-toggle.active{color:var(--text-primary)}.euler-custom-toggle.inactive{opacity:.3}.euler-custom-toggle.inactive:hover{opacity:.5!important}.euler-custom-toggle:active{border:1px solid var(--focus-outline-color);border-left:6px solid var(--focus-outline-color);transition:border-left-width .1s ease}.euler-custom-toggle input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.toggle-slider-container{position:absolute;bottom:0;left:0;right:0;width:100%;height:45px}.toggle-slider{position:absolute;inset:0;background-color:var(--dark-blue);display:flex;justify-content:space-between;align-items:center;padding:0 35px;border-radius:0;width:100%;height:100%}#weighted-toggle:not(.active):hover{position:relative;overflow:hidden}#weighted-toggle:not(.active):hover:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='flag-icons-cn' viewBox='0 0 640 480'%3E%3Cdefs%3E%3Cpath id='cn-a' fill='%23ff0' d='M-.6.8 0-1 .6.8-1-.3h2z'/%3E%3C/defs%3E%3Cpath fill='%23ee1c25' d='M0 0h640v480H0z'/%3E%3Cuse xlink:href='%23cn-a' width='30' height='20' transform='matrix(71.9991 0 0 72 120 120)'/%3E%3Cuse xlink:href='%23cn-a' width='30' height='20' transform='matrix(-12.33562 -20.5871 20.58684 -12.33577 240.3 48)'/%3E%3Cuse xlink:href='%23cn-a' width='30' height='20' transform='matrix(-3.38573 -23.75998 23.75968 -3.38578 288 95.8)'/%3E%3Cuse xlink:href='%23cn-a' width='30' height='20' transform='matrix(6.5991 -23.0749 23.0746 6.59919 288 168)'/%3E%3Cuse xlink:href='%23cn-a' width='30' height='20' transform='matrix(14.9991 -18.73557 18.73533 14.99929 240 216)'/%3E%3C/svg%3E");background-size:cover;background-position:center;opacity:.7;z-index:0;transition:opacity 0s ease}#weighted-toggle:not(.active):hover .status-display{position:relative;z-index:4;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.9);font-weight:800}#weighted-toggle:not(.active):hover .toggle-slider{background-color:#0003;border-top:1px solid rgba(255,255,255,.2);transition:background-color 0s ease}#weighted-toggle:not(.active):hover .toggle-slider:before{background-color:#ffde0033;transition:background-color 0s ease}.toggle-slider:before{position:absolute;content:"";height:30px;width:44%;left:7px;bottom:7px;background-color:#151c3d;transition:all .2s ease;border-radius:1px}.euler-custom-toggle.active .toggle-slider:before{transform:translate(110%);background-color:var(--primary-color)}.toggle-icon{font-size:18px;z-index:2;color:#f8fafc66;transition:color .2s ease;pointer-events:none}.left-icon{margin-right:auto;padding-left:5px}.right-icon{margin-left:auto;padding-right:5px}.euler-custom-toggle.active .right-icon{color:#f8fafcd9}.euler-custom-toggle:not(.active) .left-icon{color:#f8fafcd9}.status-display{position:absolute;top:8px;left:0;right:0;text-align:center;font-size:14px;font-weight:700;text-transform:none;letter-spacing:1px;color:var(--text-secondary);transition:opacity .02s ease;z-index:3;pointer-events:none}.euler-custom-toggle.active .status-display{color:var(--text-primary)}.status-left{opacity:1}.status-right,.euler-custom-toggle.active .status-left{opacity:0}.euler-custom-toggle.active .status-right{opacity:1}.euler-flag{position:absolute;font-size:16px;transition:opacity .3s ease;opacity:0;z-index:1000}.euler-flag.visible{opacity:1}@media(max-width:768px){.euler-toggles-container{display:none!important}.euler-custom-toggle{width:100%;margin-bottom:0}}.visual-editor-container{margin-bottom:0;width:100%}.edge-list-tools{display:flex;justify-content:flex-end;margin-bottom:0;padding:10px;background-color:var(--dark-color-3);border-left:3px solid var(--secondary-color)}#add-edge{width:100%}.edge-list{background-color:var(--dark-color-4)}.edge-item{display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid var(--dark-color-1);flex-wrap:wrap;position:relative;transition:background-color var(--transition-gentle)}.edge-item:hover{background-color:rgba(var(--primary-color-rgb),.05)}.edge-item:focus-within{background-color:rgba(var(--primary-color-rgb),.08);border-left:6px solid var(--focus-outline-color);padding-left:15px}.edge-item.valid{background-color:rgba(var(--success-color-rgb),.08);padding-left:12px}.edge-item.error{background-color:rgba(var(--error-color-rgb),.08);border-left:6px solid var(--error-color);padding-left:12px}.edge-item:last-child{border-bottom:none}.source-label,.target-label,.weight-label{font-size:14px;font-weight:600;margin-right:10px;color:var(--text-secondary);flex:0 0 50px}.bracket{font-size:16px;font-weight:700;margin:0 5px;color:var(--accent-primary)}.edge-vertex{background:none;border:none;width:40px;color:var(--text-primary);font-size:16px;font-family:var(--font-family-mono);padding:3px;text-align:center;outline:none;border-bottom:2px solid var(--accent-primary)}.edge-vertex:focus{outline:none;background-color:var(--dark-color-2)}.remove-edge{width:30px;height:30px;border-radius:var(--border-radius-circle);background-color:var(--dark-color-3);border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:auto;transition:all var(--transition-slow);position:relative}.remove-edge:hover{background-color:rgba(var(--error-color-rgb),.8);color:var(--light-color)}.action-buttons{margin-top:0}@media(max-width:992px){.edge-vertex{min-height:48px;min-width:48px}}@media(max-width:576px){.action-buttons,.button-group{flex-direction:column;width:100%}.action-buttons .btn,.button-group .btn{width:100%;margin-bottom:0;border-bottom:0;min-height:48px}.edge-item{padding:12px 10px;flex-wrap:wrap;justify-content:space-between;gap:5px}.edge-vertex{width:48px;height:48px}}#result{padding:var(--spacing-4);border-left:var(--section-border-width) solid var(--primary-color);background-color:var(--dark-color-3);margin-bottom:0;width:100%}#result.error{border-left-color:var(--error-color);background-color:rgba(var(--error-color-rgb),.08)}#result-title{margin-bottom:var(--spacing-2);color:var(--text-color)}#result-summary{margin-bottom:var(--spacing-2);white-space:normal;overflow:visible}#result-path{font-family:var(--font-family-mono);font-size:var(--font-size-base);margin-bottom:var(--spacing-3);border-radius:var(--border-radius-sm);white-space:normal;overflow-wrap:break-word;word-break:break-all;letter-spacing:-.15em;position:relative;cursor:help;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.path-title{font-family:var(--font-family-base);font-weight:semibold;letter-spacing:0}#explanation{margin-top:0;padding:var(--spacing-4);background-color:var(--dark-color-4);border-left:var(--section-border-width) solid var(--primary-color);max-height:none;overflow:visible;width:100%}#explanation h3{margin-bottom:15px;color:var(--text-color);font-size:18px}#explanation p{margin-bottom:12px;line-height:1.5}#explanation ul{margin:0 0 15px 20px}#explanation li{margin-bottom:8px}#controls{width:100%;margin-top:0}#animation-counter{position:absolute;left:50%;transform:translate(-50%);bottom:20px;background-color:var(--accent-primary);color:var(--text-primary);padding:8px 20px;border-radius:0;font-family:var(--font-family-mono);font-size:1.1em;opacity:0;transition:opacity .3s ease;z-index:5;text-align:center;box-shadow:0 4px 8px #0003}#animation-counter:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;margin-right:8px;color:var(--accent-primary)}#no-results-hint{display:block}#result:not(.hidden)~#no-results-hint{display:none}@media(max-width:992px){#animation-counter{font-size:14px}}@media(max-width:576px){h1{font-size:calc(var(--font-size-2xl))}h2{font-size:calc(var(--font-size-lg))}h3{font-size:calc(var(--font-size-base))}p{line-height:1.6}}.sidebar-panel{height:100%;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at center,rgba(255,90,31,.14),transparent 34%),linear-gradient(180deg,#121212,#0a0a0a);box-shadow:var(--subtle-shadow);transform:translateZ(0);will-change:transform;contain:content}.sidebar-tabs{display:flex;background-color:var(--dark-color-4);border-bottom:1px solid var(--accent-primary);width:100%;transform:translateZ(0)}.sidebar-tab{flex:1;height:60px;padding:0 10px;background:none;border:none;color:#646e8c;cursor:pointer;font-weight:var(--font-weight-semibold);border-bottom:3px solid transparent;border-left:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:none;letter-spacing:var(--letter-spacing-wider);transition:all .2s ease}.sidebar-tab.active{color:#fff;border-bottom-color:var(--accent-primary);border-left:2px solid var(--secondary-color);background-color:#252a3e}.sidebar-tab:hover:not(.active){background-color:#1e2338;color:#a0aac2;border-left-color:var(--border-secondary)}.sidebar-tab:active{background-color:#2a3046;opacity:.95;border-left-color:var(--focus-outline-color)!important}.tab-pane{display:none;height:100%;overflow-y:auto;padding:0;width:100%;border-top:1px solid var(--dark-color-4);-webkit-overflow-scrolling:touch;contain:content}.tab-pane.active{display:block}.editor-mode-switch{display:flex;background-color:var(--dark-color-4);margin-bottom:0;overflow:hidden;height:var(--button-height);position:relative;width:100%;transform:translateZ(0)}.mode-btn{flex:1;height:var(--button-height);background:none;border:none;color:var(--text-secondary);padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;z-index:2;position:relative;transition:all .2s ease}.mode-btn.active{color:var(--text-color)}.mode-btn:hover:not(.active){background-color:rgba(var(--primary-color-rgb),.08)}.mode-btn:first-child{border-left:2px solid var(--border-secondary)}.mode-btn:active{background-color:rgba(var(--primary-color-rgb),.18);opacity:.98;border-left-color:var(--focus-outline-color)!important}.editor-mode-switch:after{content:"";position:absolute;left:0;top:0;width:50%;height:100%;background-color:var(--accent-primary);opacity:var(--element-opacity);z-index:1;transition:transform .15s ease;border-left:2px solid var(--secondary-color);transform:translateZ(0);will-change:transform}.editor-mode-switch.visual-active:after{transform:translate(100%) translateZ(0)}.mode-icon{font-size:var(--font-size-md)}.mode-text{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-transform:none;letter-spacing:var(--letter-spacing-wide)}.editor-mode{display:none;opacity:0;transition:opacity .15s ease;width:100%;transform:translateZ(0);will-change:opacity}.editor-mode.active{display:block;opacity:1}@media(max-width:992px){.sidebar-tab{min-height:48px}.editor-mode-switch,.mode-btn{height:48px}}@media(max-width:576px){.sidebar-tab,.mode-btn{font-size:15px}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dark-color-1);z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}.page-loader.fade-out{opacity:0;visibility:hidden}.simple-spinner{width:60px;height:60px;border:3px solid rgba(255,255,255,.08);border-top:3px solid var(--primary-color);border-radius:50%;animation:simple-spin 1s linear infinite;margin-bottom:20px;position:relative;box-shadow:0 0 #ff5a1f59}.loading-text{color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:.18em;color:var(--primary-color);text-shadow:0 0 18px rgba(255,90,31,.35)}.simple-spinner:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,90,31,.28);animation:loader-pulse 1.8s ease-out infinite}@keyframes simple-spin{to{transform:rotate(360deg)}}@keyframes loader-pulse{0%{transform:scale(.92);opacity:.7}70%{transform:scale(1.08);opacity:0}to{transform:scale(1.08);opacity:0}}:root{--primary-color: #ff5a1f;--primary-color-rgb: 255, 90, 31;--secondary-color: #ff8f29}.orbital-welcome{position:absolute;top:50%;left:50%;width:85%;height:85%;max-width:85vh;max-height:85vh;aspect-ratio:1;transform:translate(-50%,-50%);z-index:50;pointer-events:none;transform-origin:center;animation:orbital-entrance 6s cubic-bezier(.4,0,.2,1) forwards;will-change:transform,opacity;opacity:0}.orbital-welcome.show{opacity:1}.orbital-welcome.graph-loaded{animation:euler-morph-to-oval .8s ease-out forwards,euler-scale-to-fill 1.2s ease-in-out .6s forwards,euler-border-morph-dynamic 2s ease-out forwards,euler-fade-out .8s ease-out 2.5s forwards}.orbital-welcome.hidden{display:none}.orbital-euler-center{position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;border:3px solid var(--primary-color);overflow:hidden;z-index:10;animation:orbital-pulse 4s infinite ease-in-out,fade-center 8s cubic-bezier(.4,0,.2,1) forwards;transform-origin:center;will-change:transform,box-shadow,border-radius,width,height}.orbital-welcome.graph-loaded .orbital-euler-center{animation:orbital-pulse 4s infinite ease-in-out,euler-morph-to-oval .4s ease-out forwards,euler-scale-to-fill .6s ease-in-out .3s forwards,euler-border-morph-dynamic 1s ease-out forwards,euler-fade-out .4s ease-out 1.2s forwards}.orbital-euler-center img{width:120%;height:120%;left:-10%;top:-10%;position:absolute;object-fit:cover;opacity:.8;filter:grayscale(50%);transform-origin:center;will-change:transform;animation:fade-euler-image 8s cubic-bezier(.4,0,.2,1) forwards}.orbital-welcome.graph-loaded .orbital-euler-center img{animation:euler-image-fade 1.5s cubic-bezier(.4,0,.2,1) forwards}.orbital-ring{position:absolute;top:50%;left:50%;border:2px dashed var(--primary-color);border-radius:50%;transform-origin:center;will-change:transform,opacity}.orbital-ring:nth-child(1){width:400px;height:400px;transform:translate(-50%,-50%);animation:orbital-spin 45s linear infinite;border-style:solid;opacity:.5;border-width:1px}.orbital-ring:nth-child(2){width:500px;height:500px;transform:translate(-50%,-50%);animation:orbital-spin 60s linear infinite reverse;opacity:.4;border-color:var(--secondary-color);border-width:1px}.orbital-ring:nth-child(3){width:600px;height:600px;transform:translate(-50%,-50%);animation:orbital-spin 90s linear infinite;border-color:var(--secondary-color);opacity:.3;border-style:dotted}.orbital-ring:nth-child(4){width:700px;height:700px;transform:translate(-50%,-50%);animation:orbital-spin 120s linear infinite reverse;border-style:dotted;opacity:.2}.orbital-welcome.graph-loaded .orbital-ring:nth-child(1){animation:ring-scale-and-fade .3s ease-in-out .15s forwards}.orbital-welcome.graph-loaded .orbital-ring:nth-child(2){animation:ring-scale-and-fade .3s ease-in-out .2s forwards}.orbital-welcome.graph-loaded .orbital-ring:nth-child(3){animation:ring-scale-and-fade .3s ease-in-out .25s forwards}.orbital-welcome.graph-loaded .orbital-ring:nth-child(4){animation:ring-scale-and-fade .3s ease-in-out .3s forwards}@keyframes orbital-entrance{0%{transform:translate(-50%,-50%) scale(.1);opacity:0}30%{transform:translate(-50%,-50%) scale(1);opacity:1}70%{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes fade-center{0%{opacity:.8}70%{opacity:.8}to{opacity:.35}}@keyframes fade-euler-image{0%{opacity:.8}70%{opacity:1;filter:grayscale(20%)}to{opacity:.3;filter:grayscale(70%)}}@keyframes euler-morph-to-oval{0%{width:300px;height:300px}to{width:calc(300px * var(--target-aspect-ratio));height:300px}}@keyframes euler-scale-to-fill{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(var(--final-scale))}}@keyframes ring-scale-and-fade{0%{opacity:inherit;transform:translate(-50%,-50%) scale(1)}50%{opacity:.2;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}@keyframes euler-border-morph-dynamic{0%{border-width:3px;border-color:var(--primary-color);border-radius:50%}50%{border-width:4px;border-color:var(--primary-color);border-radius:20%}to{border-width:0px;border-color:transparent;border-radius:0}}@keyframes euler-fade-out{0%{opacity:1}to{opacity:0}}@keyframes euler-image-fade{0%{opacity:.3}60%{opacity:.2}to{opacity:.1}}@keyframes orbital-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes orbital-pulse{0%,to{box-shadow:0 0 10px rgba(var(--primary-color-rgb),.2)}50%{box-shadow:0 0 15px rgba(var(--primary-color-rgb),.3),0 0 35px rgba(var(--primary-color-rgb),.15)}}@media(max-width:768px){.orbital-welcome{width:min(90vh,90vw);height:min(90vh,90vw)}.orbital-euler-center{width:250px;height:250px}.orbital-ring:nth-child(4){display:none}}@media(prefers-reduced-motion:reduce){.orbital-welcome *,.orbital-welcome{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}