#section-step{display:none;padding:1.5rem;overflow-y:auto}#section-step.active-section{display:flex;flex-direction:column;flex:1}.step-header{text-align:center;margin-bottom:1rem}.step-header h2{font-size:1.5rem;margin-bottom:.25rem}.step-header p{color:var(--text-secondary);font-size:.875rem}.step-controls{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between}.step-config{display:flex;gap:1.5rem;flex-wrap:wrap}.step-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:1180px)and (min-width:961px){.step-controls{flex-direction:column;align-items:stretch;gap:1rem}.step-config{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr);gap:.85rem 1rem;width:100%;align-items:end}.step-config .control-group{min-width:0}.step-config .control-group input[type=range],.step-config .control-group select{width:100%}.step-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;width:100%}.step-actions .btn{width:100%;min-width:0}}.step-info{background:var(--bg-tertiary);padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.step-counter{font-size:1.25rem;font-weight:600}.step-description{flex:1;text-align:center;color:var(--text-secondary);font-style:italic}.step-stats{display:flex;gap:1.5rem}.step-split-container{display:flex;flex-wrap:nowrap;gap:1.5rem;margin-bottom:1rem;align-items:stretch;flex:1 1 0;min-height:0}#section-step{--step-code-width:clamp(260px,25%,760px)}.step-vis-pane{flex:1 1 0;min-width:0;display:flex;flex-direction:column;min-height:0}.step-code-pane{flex:0 0 var(--step-code-width);width:var(--step-code-width);min-width:260px;max-width:min(60vw,760px);display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;min-height:0}.step-code-resizer{width:12px;cursor:col-resize;border-radius:999px;align-self:stretch;background:var(--border-color);transition:background var(--duration-micro) ease,transform var(--duration-base) var(--easing-spring);flex:0 0 auto;position:relative}.step-code-resizer:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:24px;background:var(--text-muted);border-radius:2px;opacity:.5;transition:opacity var(--duration-base) ease,background var(--duration-micro) ease}.step-code-resizer:hover,.step-code-resizer:focus-visible{background:var(--bar-compare)}.step-code-resizer:hover:after,.step-code-resizer:focus-visible:after{background:var(--bg-primary);opacity:1}.pseudocode-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.pseudocode-title{font-weight:600;font-size:.85rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.pseudocode-complexity{font-family:SF Mono,Consolas,monospace;font-size:.8rem;color:var(--bar-compare);background:#f5c8421a;padding:.25rem .5rem;border-radius:4px}.pseudocode-container{flex:1;padding:1rem 0;overflow-y:auto;font-family:SF Mono,Consolas,Monaco,monospace;font-size:.8rem;line-height:1.8}.pseudocode-line{display:flex;padding:.15rem 1rem;transition:background var(--duration-micro) ease,border-color var(--duration-micro) ease;border-left:3px solid transparent}.pseudocode-line.active{background:#f5c84226;border-left-color:var(--bar-compare)}.pseudocode-line.executed{opacity:.6}.pseudocode-line.active.executed{opacity:1}.line-number{width:28px;color:var(--text-muted);-webkit-user-select:none;user-select:none;text-align:right;margin-right:1rem;flex-shrink:0}.line-content{flex:1;color:var(--text-primary);white-space:pre}.line-content .keyword{color:#c678dd}.line-content .function{color:#61afef}.line-content .variable{color:#e5c07b}.line-content .comment{color:var(--text-muted);font-style:italic}.line-content .operator{color:#56b6c2}.line-content .number{color:#d19a66}.line-content .string{color:#98c379}.line-content .type{color:#e5c07b}.line-content .builtin{color:#e06c75}.line-content .punctuation{color:#abb2bf}[data-theme=light] .line-content .keyword{color:#a626a4}[data-theme=light] .line-content .function{color:#4078f2}[data-theme=light] .line-content .variable{color:#8a5700}[data-theme=light] .line-content .comment{color:#a0a1a7}[data-theme=light] .line-content .operator{color:#0184bc}[data-theme=light] .line-content .number{color:#986801}[data-theme=light] .line-content .string{color:#50a14f}[data-theme=light] .line-content .type{color:#8a5700}[data-theme=light] .line-content .builtin{color:#e45649}.pseudocode-footer{padding:.5rem 1rem;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.code-legend{display:flex;gap:1.5rem;font-size:.7rem;color:var(--text-muted)}.code-legend-item{display:flex;align-items:center;gap:.4rem}.code-dot{width:8px;height:8px;border-radius:2px}.code-dot.active{background:var(--bar-compare)}.code-dot.executed{background:var(--text-muted);opacity:.5}@media(max-width:1100px){.step-split-container{flex-wrap:wrap}.step-code-resizer{display:none}.step-code-pane{flex:1 1 100%;width:auto;min-width:0;max-width:100%;max-height:300px;order:2}.step-vis-pane{flex:1 1 100%;order:1}.step-visualizer{height:300px;min-height:300px}}.step-visualizer{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;flex:1 1 0;min-height:350px;width:100%;display:flex;align-items:flex-end;justify-content:center;padding:1.5rem;gap:4px;margin-bottom:1rem}.step-visualizer .bar{flex:1;min-width:8px;max-width:60px;--step-bar-fill:var(--bar-default);--step-track-glow:color-mix(in srgb,var(--step-bar-fill) 38%,transparent);--step-track-edge:color-mix(in srgb,var(--step-bar-fill) 78%,white 22%);background:transparent!important;border-radius:4px 4px 0 0;transition:transform var(--duration-base) var(--easing-spring),filter var(--duration-base) ease,opacity var(--duration-base) ease;position:relative;overflow:hidden;opacity:1}.step-visualizer .bar.show-value:before{content:none;display:none}.step-visualizer .bar .bar-body{position:absolute;inset:0;background:var(--step-bar-fill);border-radius:inherit;transition:inset var(--duration-base) var(--easing-spring),background var(--duration-base) ease,border-radius var(--duration-base) var(--easing-spring),box-shadow var(--duration-base) var(--easing-spring),filter var(--duration-base) ease;pointer-events:none}.step-visualizer .bar.tracked{--step-track-gap-x:clamp(1px,18%,5px);--step-track-gap-top:clamp(1px,14%,5px);--step-track-gap-bottom:clamp(0px,6%,2px);z-index:1;transform:translateY(-1px);filter:saturate(1.05);animation:step-track-select-pop .24s cubic-bezier(.2,.9,.25,1)}.step-visualizer .bar.tracked .bar-body{inset:var(--step-track-gap-top) var(--step-track-gap-x) var(--step-track-gap-bottom) var(--step-track-gap-x);border-radius:2px 2px 0 0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--step-track-edge) 55%,transparent);animation:step-track-body-breathe 1.8s ease-in-out infinite}.step-visualizer .bar .bar-tracker{position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden;opacity:.96;filter:drop-shadow(0 0 6px var(--step-track-glow));animation:step-track-select-fade .22s ease-out}.step-visualizer .bar.tracked:hover,.step-visualizer .bar.tracked:focus-visible{transform:translateY(-2px);filter:saturate(1.12) brightness(1.04)}.step-visualizer .bar.tracked:hover .bar-body,.step-visualizer .bar.tracked:focus-visible .bar-body{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--step-track-edge) 70%,transparent),0 0 10px color-mix(in srgb,var(--step-track-glow) 80%,transparent)}.step-visualizer .bar.tracked:hover .bar-tracker,.step-visualizer .bar.tracked:focus-visible .bar-tracker{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--step-track-glow) 92%,transparent))}.step-visualizer .bar .bar-track-side{position:absolute;pointer-events:none}.step-visualizer .bar .bar-track-side.top,.step-visualizer .bar .bar-track-side.bottom{left:0;right:0;height:2px;background-image:repeating-linear-gradient(90deg,var(--step-bar-fill) 0 10px,transparent 10px 20px);background-size:20px 2px;background-repeat:repeat-x}.step-visualizer .bar .bar-track-side.top{top:0;animation:step-track-top .95s linear infinite}.step-visualizer .bar .bar-track-side.bottom{bottom:0;animation:step-track-bottom .95s linear infinite}.step-visualizer .bar .bar-track-side.left,.step-visualizer .bar .bar-track-side.right{top:0;bottom:0;width:2px;background-image:repeating-linear-gradient(180deg,var(--step-bar-fill) 0 10px,transparent 10px 20px);background-size:2px 20px;background-repeat:repeat-y}.step-visualizer .bar .bar-track-side.left{left:0;animation:step-track-left .95s linear infinite}.step-visualizer .bar .bar-track-side.right{right:0;animation:step-track-right .95s linear infinite}.step-visualizer .bar.compare{--step-bar-fill:var(--bar-compare);background:transparent!important}.step-visualizer .bar.swap{--step-bar-fill:var(--bar-swap);background:transparent!important}.step-visualizer .bar.sorted{--step-bar-fill:var(--bar-sorted);background:transparent!important}.step-visualizer .bar:after{content:attr(data-value);position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:.75rem;padding:2px 4px;background:var(--bg-tertiary);border-radius:3px;opacity:0;transition:opacity var(--duration-quick) ease,transform var(--duration-quick) var(--easing-spring)}.step-visualizer .bar:hover:after{opacity:1}.step-legend{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.step-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.step-legend .legend-color{width:16px;height:16px;border-radius:3px}.legend-color.comparing{background:var(--bar-compare)}.legend-color.swapping{background:var(--bar-swap)}.legend-color.sorted{background:var(--bar-sorted)}.legend-color.tracking{position:relative;background:transparent;overflow:hidden}.legend-color.tracking:before,.legend-color.tracking:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.legend-color.tracking:before{background:repeating-linear-gradient(90deg,var(--bar-default) 0 8px,transparent 8px 16px) top / 16px 2px repeat-x,repeating-linear-gradient(180deg,var(--bar-default) 0 8px,transparent 8px 16px) right / 2px 16px repeat-y,repeating-linear-gradient(90deg,var(--bar-default) 0 8px,transparent 8px 16px) bottom / 16px 2px repeat-x,repeating-linear-gradient(180deg,var(--bar-default) 0 8px,transparent 8px 16px) left / 2px 16px repeat-y}@keyframes step-track-top{to{background-position:20px 0}}@keyframes step-track-select-pop{0%{transform:translateY(0) scaleX(.96)}60%{transform:translateY(-2px) scaleX(1.02)}to{transform:translateY(-1px) scaleX(1)}}@keyframes step-track-select-fade{0%{opacity:.2}to{opacity:.96}}@keyframes step-track-body-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.05)}}@keyframes step-track-right{to{background-position:0 20px}}@keyframes step-track-bottom{to{background-position:-20px 0}}@keyframes step-track-left{to{background-position:0 -20px}}.step-bookmarks{margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.step-bookmarks h4{margin-bottom:.75rem;font-size:.9rem;color:var(--text-primary)}.bookmark-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;margin-bottom:.6rem;font-weight:700}.bookmark-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-tertiary);border-radius:6px;font-size:.8rem}.bookmark-step{font-weight:600;color:var(--bar-compare);min-width:60px}.bookmark-desc{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-goto,.bookmark-remove{padding:.25rem .5rem;font-size:.7rem}.bookmark-remove{color:var(--text-muted)}.bookmark-remove:hover{color:var(--bar-swap)}@media(max-width:960px)and (min-width:769px){.step-controls{flex-direction:column;align-items:stretch;gap:1rem}.step-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;width:100%}.step-config .control-group{min-width:0}.step-config .control-group:nth-child(1){grid-column:1;grid-row:1}.step-config .control-group:nth-child(4){grid-column:2;grid-row:1}.step-config .control-group:nth-child(2){grid-column:1;grid-row:2}.step-config .control-group:nth-child(3){grid-column:2;grid-row:2}.step-config .control-group:nth-child(2) input[type=range],.step-config .control-group:nth-child(3) input[type=range]{width:100%}.step-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;width:100%}.step-actions .btn{width:100%;min-width:0}}@media(max-width:768px)and (orientation:portrait),(max-width:480px){#section-step{padding:.75rem!important}.step-header h2{font-size:1.1rem}.step-header p{font-size:.75rem}.step-controls{padding:.75rem;gap:.75rem;flex-direction:column}.step-config{flex-direction:column;gap:.5rem;width:100%}.step-config .control-group{width:100%}.step-actions{width:100%;justify-content:stretch}.step-actions .btn{flex:1;min-height:40px}.step-info{flex-direction:column;gap:.5rem;padding:.75rem;margin-bottom:.75rem;text-align:center}.step-counter{font-size:1rem}.step-stats{gap:.75rem;font-size:.8rem}.step-split-container{flex-direction:column!important;flex-wrap:nowrap!important;gap:.75rem}.step-vis-pane{order:1;min-height:200px}.step-visualizer{height:200px!important;min-height:200px!important}.step-code-pane{order:2;flex:none!important;width:100%!important;min-width:0!important;max-width:100%!important;max-height:250px!important}.step-code-resizer{display:none!important}}.visualizer-3d #visualizer-container,.visualizer-3d .step-visualizer,.visualizer-3d .compare-visualizer{perspective:1000px;transform-style:preserve-3d}.visualizer-3d .bar{position:relative;transform-style:preserve-3d;transform:rotateX(-10deg) rotateY(-15deg);background:linear-gradient(180deg,var(--bar-default) 0%,color-mix(in srgb,var(--bar-default) 70%,black) 100%);border-radius:2px 2px 0 0}.visualizer-3d .bar:before{content:"";position:absolute;top:0;left:100%;width:12px;height:100%;background:linear-gradient(90deg,color-mix(in srgb,var(--bar-default) 60%,black),color-mix(in srgb,var(--bar-default) 40%,black));transform:skewY(-45deg);transform-origin:top left}.visualizer-3d .bar:after{content:"";position:absolute;bottom:100%;left:0;width:100%;height:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--bar-default) 90%,white) 0%,var(--bar-default) 100%);transform:skew(-45deg);transform-origin:bottom left}.visualizer-3d .bar.compare{background:linear-gradient(180deg,var(--bar-compare) 0%,color-mix(in srgb,var(--bar-compare) 70%,black) 100%)}.visualizer-3d .bar.compare:before{background:linear-gradient(90deg,color-mix(in srgb,var(--bar-compare) 60%,black),color-mix(in srgb,var(--bar-compare) 40%,black))}.visualizer-3d .bar.compare:after{background:linear-gradient(180deg,color-mix(in srgb,var(--bar-compare) 90%,white) 0%,var(--bar-compare) 100%)}.visualizer-3d .bar.swap{background:linear-gradient(180deg,var(--bar-swap) 0%,color-mix(in srgb,var(--bar-swap) 70%,black) 100%)}.visualizer-3d .bar.swap:before{background:linear-gradient(90deg,color-mix(in srgb,var(--bar-swap) 60%,black),color-mix(in srgb,var(--bar-swap) 40%,black))}.visualizer-3d .bar.swap:after{background:linear-gradient(180deg,color-mix(in srgb,var(--bar-swap) 90%,white) 0%,var(--bar-swap) 100%)}.visualizer-3d .bar.sorted{background:linear-gradient(180deg,var(--bar-sorted) 0%,color-mix(in srgb,var(--bar-sorted) 70%,black) 100%)}.visualizer-3d .bar.sorted:before{background:linear-gradient(90deg,color-mix(in srgb,var(--bar-sorted) 60%,black),color-mix(in srgb,var(--bar-sorted) 40%,black))}.visualizer-3d .bar.sorted:after{background:linear-gradient(180deg,color-mix(in srgb,var(--bar-sorted) 90%,white) 0%,var(--bar-sorted) 100%)}.visualizer-3d #visualizer-container,.visualizer-3d .step-visualizer{padding:20px 30px 10px 10px}.shared-by-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;animation:bannerSlideDown var(--duration-entrance) var(--easing-spring)}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.shared-by-content{display:flex;align-items:center;gap:.75rem}.shared-by-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,92,246,.5)}.shared-by-content span{color:var(--text-primary);font-size:.9rem}.shared-by-content strong{color:var(--text-primary)}.shared-by-close{background:none;border:none;color:var(--text-muted);font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;transition:color var(--duration-micro) ease,transform var(--duration-micro) var(--easing-spring)}.shared-by-close:hover{color:var(--text-primary);transform:scale(1.15)}.connectivity-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 1rem 1rem;padding:.85rem 1rem;border-radius:14px;border:1px solid rgba(173,173,173,.28);background:linear-gradient(135deg,#adadad29,#625f5f2e);box-shadow:0 12px 28px #0000002e;animation:bannerSlideDown var(--duration-entrance) var(--easing-spring)}.high-contrast .connectivity-banner{border-color:#ffffffc7;background:#000000eb}.connectivity-banner[hidden]{display:none}.connectivity-banner__content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.connectivity-banner__title{color:var(--text-primary);font-size:.95rem;font-weight:700}.connectivity-banner__message{color:var(--text-secondary);font-size:.88rem;line-height:1.45}.connectivity-banner__dismiss{border:1px solid rgba(173,173,173,.3);background:#ffffff0a;color:var(--text-primary);border-radius:999px;padding:.45rem .8rem;cursor:pointer;font:inherit;white-space:nowrap;transition:background var(--duration-quick) ease,border-color var(--duration-quick) ease,transform var(--duration-quick) var(--easing-spring)}.connectivity-banner__dismiss:hover,.connectivity-banner__dismiss:focus-visible{background:#ffffff1a;border-color:#adadad7a;transform:translateY(-1px)}.connectivity-banner__dismiss:active{transform:translateY(0) scale(.97);transition-duration:var(--duration-instant)}.high-contrast .connectivity-banner__dismiss{border-color:currentColor;background:#000}.reduce-motion .connectivity-banner{animation:none}@media(max-width:768px){.connectivity-banner{margin-inline:.75rem;align-items:flex-start;flex-direction:column}.connectivity-banner__dismiss{align-self:flex-end}}.auto-update-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:autoUpdateFadeIn var(--duration-entrance) var(--easing-spring)}.auto-update-overlay.auto-update-fade-out{animation:autoUpdateFadeOut var(--duration-base) ease forwards}.auto-update-modal{background:var(--bg-secondary,#141414);border:1px solid var(--border-color,#2a2a2a);border-radius:16px;padding:2rem 2.5rem;min-width:360px;max-width:440px;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff0d inset;animation:autoUpdateSlideIn var(--duration-entrance,.32s) var(--easing-spring,cubic-bezier(.34,1.56,.64,1))}.auto-update-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.auto-update-icon{color:var(--accent,#ffffff);flex-shrink:0}.auto-update-title{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:600;color:var(--text-primary,#ffffff);margin:0}.auto-update-body{min-height:80px;display:flex;align-items:center;justify-content:center}.auto-update-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem}.auto-update-spinner-ring{width:36px;height:36px;border:3px solid var(--border-color,#2a2a2a);border-top-color:var(--accent,#ffffff);border-radius:50%;animation:autoUpdateSpin var(--duration-slow) linear infinite}.auto-update-status{font-size:.85rem;color:var(--text-muted,#666666)}.auto-update-result{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;width:100%}.auto-update-check,.auto-update-error-icon{flex-shrink:0}.auto-update-message{font-size:.9rem;color:var(--text-secondary,#a0a0a0);margin:0;line-height:1.5}.auto-update-version{font-size:.8rem;color:var(--text-muted,#666666);font-family:monospace}.auto-update-version-info{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-family:monospace}.auto-update-version-current{color:var(--text-muted,#666666)}.auto-update-arrow{color:var(--text-muted,#666666);flex-shrink:0}.auto-update-version-latest{color:#2ecc71;font-weight:600}.auto-update-size{font-size:.78rem;color:var(--text-muted,#666666)}.auto-update-detail{font-size:.78rem;color:var(--text-muted,#666666);word-break:break-word}.auto-update-download-container{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:.5rem}.auto-update-progress-info{display:flex;justify-content:space-between;align-items:center}#auto-update-progress-percent{font-size:1.1rem;font-weight:700;color:var(--accent,#ffffff)}#auto-update-progress-speed{font-size:.8rem;color:var(--text-muted,#666666)}.auto-update-progress-track{width:100%;height:8px;background:var(--border-color,#2a2a2a);border-radius:4px;overflow:hidden;position:relative}.auto-update-progress-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#2ecc71,#27ae60);box-shadow:0 0 12px #2ecc7166;transition:width .3s ease}.auto-update-progress-bytes{font-size:.78rem;color:var(--text-muted,#666666);text-align:center}.auto-update-actions{display:flex;gap:.75rem;width:100%;margin-top:1rem}.auto-update-btn-primary,.auto-update-btn-secondary{flex:1;padding:.75rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform var(--duration-quick,.18s) ease,box-shadow var(--duration-quick,.18s) ease,opacity var(--duration-quick,.18s) ease,background var(--duration-quick,.18s) ease;border:none}.auto-update-btn-primary{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#0a0a0a}.auto-update-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #2ecc714d}.auto-update-btn-primary:active{transform:translateY(0) scale(.97);transition-duration:var(--duration-instant,.06s)}.auto-update-btn-secondary{background:var(--bg-primary,#0a0a0a);color:var(--text-secondary,#a0a0a0);border:1px solid var(--border-color,#2a2a2a)}.auto-update-btn-secondary:hover{background:var(--border-color,#2a2a2a);color:var(--text-primary,#ffffff)}.auto-update-btn-secondary:active{transform:translateY(0) scale(.97);transition-duration:var(--duration-instant,.06s)}.auto-update-restart-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;color:#0a0a0a;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:6px;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 8px #2ecc714d;animation:autoUpdatePulse 2s ease-in-out infinite}.auto-update-restart-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #2ecc7166}.auto-update-restart-btn:active{transform:translateY(0) scale(.95);transition-duration:var(--duration-instant,.06s)}.auto-update-restart-btn:disabled{opacity:.6;cursor:not-allowed;animation:none}.auto-update-restart-btn svg{flex-shrink:0}@keyframes autoUpdateFadeIn{0%{opacity:0}to{opacity:1}}@keyframes autoUpdateFadeOut{0%{opacity:1}to{opacity:0}}@keyframes autoUpdateSlideIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes autoUpdateSpin{to{transform:rotate(360deg)}}@keyframes autoUpdatePulse{0%,to{box-shadow:0 2px 8px #2ecc714d}50%{box-shadow:0 2px 16px #2ecc7180}}[data-theme=light] .auto-update-modal{background:var(--bg-secondary,#f5f5f5);box-shadow:0 24px 64px #00000026,0 0 0 1px #0000000f inset}[data-theme=light] .auto-update-overlay{background:#0000004d}[data-theme=light] .auto-update-restart-btn{color:#fff;background:linear-gradient(135deg,#27ae60,#1e8449)}@media(prefers-reduced-motion:reduce){.auto-update-overlay,.auto-update-modal,.auto-update-spinner-ring,.auto-update-restart-btn{animation:none}}