/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.contents{display:contents}.hidden{display:none}.table{display:table}.italic{font-style:italic}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#e9eef8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-background:#080b13;--shell-background:#0b0f18eb;--panel-background:#0c1019;--panel-raised:#101621;--panel-hover:#141c29;--border-subtle:#9fb1cc1c;--border-medium:#9fb1cc29;--text-primary:#e9eef8;--text-secondary:#a7b3c7;--text-muted:#68758c;--accent-green:#70e6b2;--accent-green-soft:#70e6b21f;--accent-mint:var(--accent-green);--accent-blue:#78a9ff;--accent-blue-soft:#78a9ff1f;--accent-purple:#a991ff;--accent-purple-soft:#a991ff1f;--accent-orange:#f3bd7a;--accent-red:#ff7b85;--shadow-shell:0 35px 100px #00000061, 0 0 0 1px #ffffff06;background:#080b13;font-family:Inter,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{min-width:360px;min-height:100%}body{min-width:360px;min-height:100vh;margin:0}button,select,input{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #70e6b2b8}#root{min-height:100vh}.app-shell{--inspector-tab-size:15px;--inspector-body-size:15px;--inspector-meta-size:12px;--inspector-explanation-size:15px;--inspector-line-height:1.58;background:radial-gradient(circle at 16% 12%,#495ba51f,#0000 31%),radial-gradient(circle at 87% 80%,#34917e1a,#0000 31%),#080b13;justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex;position:relative;overflow:hidden}.background-grid{pointer-events:none;opacity:.54;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:38px 38px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 28%,#0000 82%);mask-image:radial-gradient(#000 28%,#0000 82%)}.ambient-glow{pointer-events:none;filter:blur(92px);opacity:.14;border-radius:50%;width:340px;height:340px;animation:13s ease-in-out infinite alternate ambient-drift;position:fixed}.ambient-glow-left{background:#626dd7;top:5%;left:1%}.ambient-glow-right{background:#45c39b;animation-delay:-5s;bottom:4%;right:2%}.workspace-shell{z-index:1;border:1px solid var(--border-medium);background:var(--shell-background);width:min(1560px,100%);box-shadow:var(--shadow-shell);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:22px;animation:.52s both workspace-enter;position:relative;overflow:hidden}.app-header{border-bottom:1px solid var(--border-subtle);background:#0b0f18d9;justify-content:space-between;align-items:center;gap:20px;min-height:84px;padding:0 25px;display:flex}.brand-lockup,.header-actions,.brand-copy,.workspace-indicator,.security-indicator,.primary-action,.panel-heading-copy,.panel-heading-actions,.visualization-card-title,.section-label-row,.timeline-label,.transport-controls,.workspace-context-bar,.context-title,.preview-disclaimer,.workspace-notification{align-items:center;display:flex}.brand-lockup{gap:12px;min-width:0}.brand-mark{width:41px;height:41px;color:var(--accent-green);background:linear-gradient(145deg,#70e6b229,#70e6b20b);border:1px solid #70e6b23b;border-radius:13px;place-items:center;display:grid;position:relative}.brand-mark-pulse{background:var(--accent-green);border:2px solid #10141e;border-radius:50%;width:9px;height:9px;animation:1.8s ease-out infinite live-pulse;position:absolute;bottom:-3px;right:-3px}.brand-copy{flex-direction:column;align-items:flex-start;gap:3px}.brand-name{letter-spacing:-.035em;font-size:16px;font-weight:750}.brand-subtitle{color:var(--text-muted);font-size:11px}.workspace-separator{background:var(--border-medium);width:1px;height:30px;margin:0 5px}.workspace-indicator{color:var(--text-secondary);gap:8px;font-size:12px}.workspace-indicator svg{color:var(--accent-purple)}.header-actions{flex-shrink:0;gap:12px}.security-indicator{color:var(--text-muted);gap:7px;padding:0 5px;font-size:11px}.security-indicator svg{color:var(--accent-green)}.accessible-select{z-index:30;position:relative}.accessible-select-trigger{min-width:100%;min-height:40px;color:var(--text-primary);border:1px solid var(--border-medium);cursor:pointer;background:linear-gradient(#ffffff0b,#ffffff05);border-radius:11px;align-items:center;gap:9px;padding:0 11px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.accessible-select-trigger:hover:not(:disabled),.accessible-select-trigger.is-open{background:#70e6b20e;border-color:#70e6b259;box-shadow:0 0 0 3px #70e6b20e}.accessible-select-trigger:disabled{opacity:.48;cursor:not-allowed}.accessible-select-dot{background:var(--option-color);width:8px;height:8px;box-shadow:0 0 12px var(--option-color);border-radius:50%;flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.accessible-select-dot{box-shadow:0 0 12px color-mix(in srgb, var(--option-color) 65%, transparent)}}.accessible-select-current,.accessible-select-option-copy{text-align:left;gap:2px;min-width:0;display:grid}.accessible-select-current strong,.accessible-select-option-copy strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.accessible-select-current small,.accessible-select-option-copy small{color:var(--text-muted);font-size:10px;line-height:1.35}.accessible-select-current small{display:none}.accessible-select-chevron{color:var(--text-muted);flex-shrink:0;margin-left:auto;transition:transform .16s}.accessible-select-trigger.is-open .accessible-select-chevron{transform:rotate(180deg)}.accessible-select-menu{z-index:100;background:#111824;border:1px solid #97accc33;border-radius:12px;gap:4px;min-width:max(210px,100%);padding:7px;display:grid;position:absolute;box-shadow:0 18px 44px #00000075,0 0 0 1px #ffffff06}.accessible-select-menu.is-placed-bottom{top:calc(100% + 7px)}.accessible-select-menu.is-placed-top{bottom:calc(100% + 7px)}.accessible-select-menu.is-aligned-end{right:0}.accessible-select-menu.is-aligned-start{left:0}.accessible-select-option{min-height:48px;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 9px;display:grid}.accessible-select-option:hover,.accessible-select-option:focus-visible{color:var(--text-primary);background:#78a9ff13;border-color:#78a9ff33;outline:none}.accessible-select-option.is-selected{background:#70e6b213;border-color:#70e6b238}.accessible-select-check{opacity:0;color:var(--accent-green)}.accessible-select-option.is-selected .accessible-select-check{opacity:1}.accessible-select-compact .accessible-select-trigger{border-radius:9px;min-height:34px}.accessible-select-compact .accessible-select-current strong{font-size:12px}.language-selector{min-width:145px}.language-selector .accessible-select-menu{min-width:220px}.language-selector .accessible-select-option-copy small:before{content:"Source file · "}.primary-action{color:#07150f;cursor:pointer;background:linear-gradient(135deg,#83efbf,#5ad6a0);border:0;border-radius:11px;justify-content:center;gap:8px;min-height:40px;padding:0 14px;font-size:12px;font-weight:750;transition:transform .18s,box-shadow .18s,filter .18s}.primary-action:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 8px 24px #70e6b230}.primary-action.is-playing{background:linear-gradient(135deg,#f1c17f,#e8aa63)}.action-sparkle{opacity:.76}.workspace-context-bar{border-bottom:1px solid var(--border-subtle);background:#ffffff03;justify-content:space-between;gap:14px;min-height:43px;padding:0 24px}.context-title{min-width:0;color:var(--text-secondary);gap:9px;font-size:11px}.context-live-dot{background:var(--accent-green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #70e6b299}.context-divider,.context-muted{color:var(--text-muted)}.preview-disclaimer{color:var(--text-muted);gap:7px;font-size:10px}.preview-disclaimer svg{color:var(--accent-orange)}.workspace-notification{color:#f4cf98;background:#f3bd7a14;border-bottom:1px solid #f3bd7a2b;gap:10px;min-height:43px;padding:0 20px;font-size:12px;position:relative}.workspace-notification button{color:#f4cf98;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:27px;height:27px;margin-left:auto;display:grid}.workspace-notification button:hover{background:#f3bd7a1f}.primary-workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:485px;display:grid}.workspace-panel{background:var(--panel-background);min-width:0}.editor-panel{border-right:1px solid var(--border-subtle);flex-direction:column;min-height:485px;display:flex}.visualization-panel{background:radial-gradient(circle at 78% 12%,#70e6b20b,#0000 40%),#0c1019;flex-direction:column;min-height:485px;display:flex}.panel-heading{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:0 19px;display:flex}.panel-heading-copy{gap:11px;min-width:0}.panel-heading-actions{gap:10px}.panel-icon{border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.editor-icon{color:var(--accent-purple);background:var(--accent-purple-soft)}.visualization-icon{color:var(--accent-green);background:var(--accent-green-soft)}.panel-eyebrow,.panel-title{margin:0}.panel-eyebrow{color:var(--text-muted);letter-spacing:.11em;margin-bottom:4px;font-size:9px;font-weight:700}.panel-title{color:var(--text-primary);font-size:13px;font-weight:650}.editor-language-badge,.structure-name{min-height:25px;color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff06;border-radius:7px;align-items:center;padding:0 8px;font-family:Cascadia Code,Consolas,monospace;font-size:10px;display:inline-flex}.restore-button{min-height:30px;color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:10px;display:flex}.restore-button:hover{color:var(--accent-green);border-color:#70e6b233}.editor-filebar{border-bottom:1px solid var(--border-subtle);background:#0e131d;justify-content:space-between;align-items:center;min-height:39px;padding-right:14px;display:flex}.editor-filetab{height:39px;color:var(--text-secondary);border-right:1px solid var(--border-subtle);background:#0c1019;align-items:center;gap:8px;padding:0 14px;font-size:11px;display:flex}.editor-filetab svg{color:var(--accent-blue)}.filebar-note{color:var(--text-muted);font-size:10px}.unsaved-indicator{background:var(--accent-orange);border-radius:50%;width:7px;height:7px}.editor-container{background:#0c1019;flex:1;min-height:322px}.editor-loading{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;gap:11px;font-size:12px;display:flex}.loading-spinner{border:2px solid #70e6b233;border-top-color:var(--accent-green);border-radius:50%;width:17px;height:17px;animation:.76s linear infinite spin}.editor-statusbar{min-height:32px;color:var(--text-muted);border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:17px;padding:0 13px;font-size:10px;display:flex}.program-input-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070dc2;place-items:center;padding:20px;animation:.15s ease-out input-overlay-enter;display:grid;position:fixed;inset:0}.program-input-dialog{background:#101621;border:1px solid #78a9ff47;border-radius:16px;width:min(470px,100%);animation:.18s ease-out input-dialog-enter;overflow:hidden;box-shadow:0 28px 90px #00000094,0 0 0 1px #ffffff06}.program-input-dialog-heading{border-bottom:1px solid var(--border-subtle);background:#78a9ff0b;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 18px;display:grid}.program-input-dialog-icon{width:38px;height:38px;color:var(--accent-blue);background:#78a9ff1f;border-radius:11px;place-items:center;display:grid}.program-input-dialog-heading p,.program-input-dialog-heading h2{margin:0}.program-input-dialog-heading p{color:var(--accent-blue);letter-spacing:.13em;font-size:9px;font-weight:800}.program-input-dialog-heading h2{color:var(--text-primary);margin-top:3px;font-size:15px}.program-input-dialog-heading>button{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.program-input-dialog-heading>button:hover{color:var(--text-primary);background:#ffffff0d}.program-input-dialog-body{gap:9px;padding:20px 20px 17px;display:grid}.program-input-dialog-body>span,.program-input-dialog-body>small{color:var(--text-muted);font-size:10px}.program-input-dialog-body>strong{color:var(--text-primary);margin-bottom:8px;font:600 13px/1.5 Cascadia Code,Consolas,monospace}.program-input-dialog-body label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.program-input-dialog-body input{width:100%;min-height:46px;color:var(--text-primary);background:#0b1019;border:1px solid #78a9ff47;border-radius:10px;outline:none;padding:10px 12px;font:13px/1.4 Cascadia Code,Consolas,monospace}.program-input-dialog-body input:focus{border-color:#70e6b2b8;box-shadow:0 0 0 3px #70e6b217}.program-input-dialog-actions{justify-content:flex-end;gap:9px;padding:13px 20px 18px;display:flex}.program-input-dialog-actions button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.program-input-cancel{color:var(--text-secondary);border:1px solid var(--border-medium);background:0 0}.program-input-confirm{color:#07120e;background:var(--accent-green);border:1px solid #70e6b2bd}@keyframes input-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes input-dialog-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.input-visualization-card,.error-visualization-card{border-radius:12px;margin-top:14px}.input-visualization-card{background:#79b8ff0e;border:1px solid #79b8ff2e;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 13px;display:grid}.input-visualization-icon{width:31px;height:31px;color:var(--accent-blue);background:#79b8ff1a;border-radius:9px;place-items:center;display:grid}.input-visualization-card div:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.input-visualization-card span,.input-visualization-card small{color:var(--text-muted);font-size:9px}.input-visualization-card strong{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.input-visualization-card code{color:var(--accent-green);font-size:11px}.error-visualization-card{color:#ffd6d6;background:#ff5b5b12;border:1px solid #ff6f6f40;gap:10px;padding:14px;display:grid}.error-visualization-heading{align-items:center;gap:10px;display:flex}.error-visualization-heading svg{color:#ff8585}.error-visualization-heading div{flex-direction:column;gap:2px;display:flex}.error-visualization-heading span{color:#ff9c9c;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.error-visualization-heading strong{font-size:12px}.error-visualization-card p{margin:0;font-size:11px;line-height:1.5}.error-visualization-card>code{color:#ffd0a8;background:#0003;border-radius:7px;padding:8px 10px;font-size:10px}.error-hint{color:#f4cf98;align-items:center;gap:7px;font-size:10px;display:flex}.error-frame-list{flex-wrap:wrap;gap:6px;display:flex}.error-frame-list span{color:var(--text-muted);border:1px solid #ffffff12;border-radius:6px;padding:4px 7px;font-size:9px}.error-frame-list code{color:#d7b8ff}.monaco-editor .codeflow-current-line{border-left:2px solid var(--accent-green);background:linear-gradient(90deg,#70e6b225,#70e6b206)}.monaco-editor .codeflow-current-line-glyph{position:relative}.monaco-editor .codeflow-current-line-glyph:after{content:"";background:var(--accent-green);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:8px;box-shadow:0 0 12px #70e6b2a6}.step-counter{color:var(--text-primary);align-items:center;gap:7px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;display:flex}.step-counter span{color:var(--text-muted)}.visualization-content{flex-direction:column;flex:1;gap:19px;padding:19px;display:flex}.event-story{background:linear-gradient(145deg,#70e6b213,#70e6b205);border:1px solid #70e6b21f;border-radius:13px;align-items:flex-start;gap:12px;min-height:80px;padding:13px;animation:.24s event-enter;display:flex}.event-story-icon{width:34px;height:34px;color:var(--accent-green);background:#70e6b21f;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.sql-event-icon{color:var(--accent-blue);background:var(--accent-blue-soft)}.event-label,.event-title,.event-description{margin:0}.event-label{color:var(--accent-green);letter-spacing:.085em;margin-bottom:4px;font-size:9px;font-weight:750}.sql-label{color:var(--accent-blue)}.event-title{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:650}.event-description{color:var(--text-secondary);font-size:11px;line-height:1.55}.variable-section{flex-direction:column;gap:10px;display:flex}.section-label-row{justify-content:space-between}.section-label{color:var(--text-muted);letter-spacing:.105em;font-size:9px;font-weight:750}.iteration-badge{min-height:22px;color:var(--accent-purple);background:var(--accent-purple-soft);border-radius:7px;align-items:center;padding:0 7px;font-size:10px;display:inline-flex}.variable-grid{grid-template-columns:repeat(auto-fit,minmax(102px,1fr));gap:8px;display:grid}.variable-card{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:10px;flex-direction:column;justify-content:center;gap:6px;min-height:58px;padding:9px 10px;animation:.22s event-enter;display:flex;overflow:hidden}.variable-name{color:var(--text-muted);font-size:10px}.variable-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-family:Cascadia Code,Consolas,monospace;font-size:11px;overflow:hidden}.condition-strip{min-height:36px;color:var(--text-secondary);background:#a991ff0f;border:1px solid #a991ff26;border-radius:9px;align-items:center;gap:9px;padding:0 10px;font-size:11px;display:flex}.condition-strip>svg:first-child{color:var(--accent-purple)}.condition-strip code{color:var(--text-primary)}.condition-result{color:var(--accent-green);font-size:10px;font-weight:750}.structures-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:11px;display:grid}.visualization-card{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;overflow:hidden}.visualization-card-heading{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;min-height:43px;padding:0 10px;display:flex}.visualization-card-title{min-width:0;color:var(--text-secondary);gap:7px;font-size:11px}.visualization-card-title svg{color:var(--accent-blue)}.array-stage{justify-content:center;align-items:center;gap:9px;min-height:111px;padding:12px;display:flex}.array-cell{border:1px solid var(--border-medium);background:#111823;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:54px;height:67px;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.array-cell.is-active{background:#70e6b21a;border-color:#70e6b26b;transform:translateY(-3px);box-shadow:0 8px 20px #70e6b214}.array-index{color:var(--text-muted);font-family:Cascadia Code,Consolas,monospace;font-size:9px}.array-value{color:var(--text-primary);font-family:Cascadia Code,Consolas,monospace;font-size:15px;font-weight:650}.array-active-marker{color:var(--accent-green);font-size:8px;position:absolute;bottom:-17px}.stack-stage{flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-height:111px;padding:10px;display:flex}.empty-stack{min-height:54px;color:var(--text-muted);align-items:center;font-size:10px;display:flex}.stack-item{width:74px;min-height:23px;color:var(--text-secondary);border:1px solid var(--border-medium);background:#131a26;border-radius:7px;place-items:center;font-family:Cascadia Code,Consolas,monospace;font-size:11px;animation:.22s both stack-enter;display:grid;position:relative}.stack-item.is-top{color:var(--accent-green);background:#70e6b214;border-color:#70e6b247}.stack-top-label{color:var(--accent-green);font-size:8px;position:absolute;right:calc(100% + 7px)}.stack-base{background:#9fb1cc47;border-radius:999px;width:86px;height:2px}.queue-card{grid-column:1/-1}.queue-stage{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:92px;padding:14px 16px 8px;display:grid}.queue-track{background:linear-gradient(90deg,#70e6b20e,#5ba4ff09,#a991ff0b);border-top:1px solid #9fb1cc33;border-bottom:1px solid #9fb1cc33;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:56px;padding:7px 12px;display:flex;position:relative;overflow:hidden}.queue-track:before,.queue-track:after{content:"";background:#70e6b24d;width:2px;position:absolute;top:0;bottom:0}.queue-track:before{left:0}.queue-track:after{background:#a991ff4d;right:0}.queue-edge-label{letter-spacing:.08em;font-family:Cascadia Code,Consolas,monospace;font-size:8px;font-weight:750}.queue-front-label{color:var(--accent-green)}.queue-back-label{color:var(--accent-purple)}.queue-item{border:1px solid var(--border-medium);background:#131a26;border-radius:8px;justify-content:center;align-items:center;min-width:62px;min-height:39px;display:flex;position:relative;box-shadow:0 7px 18px #0000001f}.queue-item.is-front{background:#70e6b214;border-color:#70e6b257}.queue-item.is-back{background:#a991ff12;border-color:#a991ff52}.queue-index{color:var(--text-muted);font-family:Cascadia Code,Consolas,monospace;font-size:7px;position:absolute;top:3px;left:6px}.queue-value{color:var(--text-primary);font-family:Cascadia Code,Consolas,monospace;font-size:12px;font-weight:680}.empty-queue{color:var(--text-muted);font-size:10px}.queue-flow-line{min-height:27px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;padding:0 12px 8px;font-size:8px;display:flex}.queue-flow-line svg:first-of-type{color:var(--accent-green)}.queue-flow-line svg:last-of-type{color:var(--accent-purple)}.linked-list-card{grid-column:1/-1}.linked-list-stage{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;min-height:105px;padding:15px 15px 8px;display:grid}.linked-list-end-label{letter-spacing:.08em;font-family:Cascadia Code,Consolas,monospace;font-size:8px;font-weight:750}.linked-list-end-label.is-head{color:var(--accent-green)}.linked-list-track{background:linear-gradient(105deg,#70e6b20b,#5ba4ff06,#a991ff0e);border:1px solid #5ba4ff1c;border-radius:9px;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:69px;padding:10px;display:flex;overflow-x:auto}.linked-node-group{flex:none;align-items:center;gap:5px;display:flex}.linked-node{border:1px solid var(--border-medium);background:#131a26;border-radius:8px;grid-template-columns:minmax(34px,1fr) 31px;align-items:center;min-width:80px;min-height:47px;transition:border-color .18s,background-color .18s,box-shadow .18s;display:grid;position:relative}.linked-node.is-head-node{border-color:#70e6b259}.linked-node.is-tail-node{box-shadow:0 0 0 1px #a991ff1a}.linked-node.is-active-node{background:#5ba4ff1b;border-color:#5ba4ffb8;box-shadow:0 0 17px #5ba4ff1c}.linked-node-index{color:var(--text-muted);font-family:Cascadia Code,Consolas,monospace;font-size:7px;position:absolute;top:3px;left:6px}.linked-node-value{color:var(--text-primary);text-align:center;padding-top:6px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;font-weight:680}.linked-node-pointer{color:var(--accent-purple);border-left:1px solid #9fb1cc2e;justify-content:center;align-self:stretch;align-items:center;font-family:Cascadia Code,Consolas,monospace;font-size:8px;display:flex}.linked-reference-arrow{color:var(--accent-green);align-items:center;display:flex}.linked-null-reference{color:var(--accent-purple);flex:none;font-family:Cascadia Code,Consolas,monospace;font-size:8px;font-weight:700}.empty-linked-list{color:var(--text-muted);font-size:10px}.linked-list-flow-line{min-height:27px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;padding:0 12px 8px;font-size:8px;display:flex}.linked-list-flow-line svg:first-of-type{color:var(--accent-green)}.linked-list-flow-line svg:last-of-type{color:var(--accent-purple)}.hashmap-card{grid-column:1/-1}.hashmap-heading-meta{align-items:center;gap:9px;display:flex}.hashmap-entry-count{color:var(--text-muted);font-family:Cascadia Code,Consolas,monospace;font-size:9px}.hashmap-stage{padding:13px 16px 11px}.hashmap-column-labels,.hashmap-entry{grid-template-columns:minmax(85px,1fr) 58px minmax(85px,1fr);align-items:center;gap:8px;display:grid}.hashmap-column-labels{color:var(--text-muted);letter-spacing:.09em;margin-bottom:8px;font-family:Cascadia Code,Consolas,monospace;font-size:8px}.hashmap-column-labels span:nth-child(2){text-align:center}.hashmap-entry-list{gap:7px;min-height:55px;display:grid}.hashmap-entry{background:linear-gradient(100deg,#5ba4ff0b,#a991ff0a);border:1px solid #6a7d9729;border-radius:9px;min-height:43px;padding:5px 8px;transition:border-color .18s,background-color .18s,box-shadow .18s}.hashmap-entry.is-active-entry{background:linear-gradient(100deg,#70e6b217,#5ba4ff0f);border-color:#70e6b26e;box-shadow:0 0 17px #70e6b20e}.hashmap-key-cell,.hashmap-value-cell{text-overflow:ellipsis;white-space:nowrap;font-family:Cascadia Code,Consolas,monospace;font-size:11px;font-weight:650;overflow:hidden}.hashmap-key-cell{color:var(--accent-blue)}.hashmap-value-cell{color:var(--accent-green)}.hashmap-lookup-link{color:var(--accent-purple);align-items:center;display:flex}.hashmap-lookup-link span{background:linear-gradient(90deg,#5ba4ff59,#a991ffbf);flex:1;height:1px}.empty-hashmap{color:var(--text-muted);border:1px dashed #6a7d9738;border-radius:8px;justify-content:center;align-items:center;font-size:10px;display:flex}.hashmap-caption{color:var(--text-muted);text-align:center;margin-top:9px;font-size:9px}.tree-card{grid-column:1/-1}.tree-stage{background:linear-gradient(#5ba4ff06,#a991ff09);justify-content:center;align-items:flex-start;min-height:190px;padding:35px 18px 18px;display:flex;position:relative;overflow-x:auto}.tree-root-label{color:var(--accent-green);letter-spacing:.08em;font-family:Cascadia Code,Consolas,monospace;font-size:8px;font-weight:750;position:absolute;top:15px;left:17px}.tree-branch{flex-direction:column;align-items:center;width:max-content;min-width:64px;display:flex}.tree-node-pill{z-index:2;min-width:58px;min-height:38px;color:var(--text-primary);border:1px solid var(--border-medium);background:#131a26;border-radius:999px;place-items:center;padding:5px 9px;font-family:Cascadia Code,Consolas,monospace;font-size:11px;font-weight:680;transition:border-color .18s,background-color .18s,box-shadow .18s;display:grid;position:relative}.tree-node-pill.is-visited-tree-node{color:var(--accent-blue);background:#5ba4ff16;border-color:#5ba4ff75}.tree-node-pill.is-active-tree-node{color:var(--accent-green);background:#70e6b21f;border-color:#70e6b2b3;box-shadow:0 0 19px #70e6b21f}.tree-children{grid-template-columns:repeat(2,minmax(70px,1fr));gap:12px;padding-top:38px;display:grid;position:relative}.tree-connector-svg{pointer-events:none;width:100%;height:38px;position:absolute;top:0;left:0;overflow:visible}.tree-connector-line{fill:none;stroke:#9fb1cc94;stroke-width:1.6px;stroke-linecap:round;transition:stroke .18s,stroke-width .18s,filter .18s}.tree-connector-line.is-left-tree-edge{stroke:#5ba4ffc2}.tree-connector-line.is-right-tree-edge{stroke:#a991ffc7}.tree-connector-line.is-traversed-tree-edge{stroke:#70e6b2f2;stroke-width:2px;filter:drop-shadow(0 0 4px #70e6b23d)}.tree-child-slot{justify-content:center;min-width:70px;display:flex;position:relative}.tree-empty-slot{width:58px;min-height:1px}.empty-tree{color:var(--text-muted);align-self:center;font-size:10px}.tree-traversal-row{border-top:1px solid var(--border-subtle);align-items:center;gap:11px;min-height:42px;padding:7px 13px;display:flex}.tree-traversal-row>span{color:var(--text-muted);letter-spacing:.08em;font-size:8px;font-weight:750}.tree-traversal-row>div{gap:6px;min-width:0;display:flex;overflow-x:auto}.tree-traversal-row>div span{min-width:30px;color:var(--accent-green);text-align:center;background:#70e6b20e;border:1px solid #70e6b22e;border-radius:7px;padding:5px 7px;font-family:Cascadia Code,Consolas,monospace;font-size:9px}.tree-caption{color:var(--text-muted);text-align:center;padding:0 13px 10px;font-size:9px}.heap-card{grid-column:1/-1}.heap-heading-meta{color:var(--text-muted);align-items:center;gap:9px;font-size:9px;display:flex}.heap-stage{background:radial-gradient(circle at 50% 14%,#70e6b214,#0000 31%),linear-gradient(#5ba4ff06,#a991ff09);min-height:126px;position:relative;overflow-x:auto}.heap-root-label{z-index:3;color:var(--accent-green);letter-spacing:.08em;font-family:Cascadia Code,Consolas,monospace;font-size:8px;font-weight:750;position:absolute;top:13px;left:16px}.heap-connector-svg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.heap-connector-line{fill:none;stroke:#5ba4ff94;stroke-width:1.65px;stroke-linecap:round;transition:stroke .18s,stroke-width .18s,filter .18s}.heap-connector-line:nth-child(2n){stroke:#a991ffa6}.heap-connector-line.is-active-heap-edge{stroke:#70e6b2fa;stroke-width:2.3px;filter:drop-shadow(0 0 5px #70e6b257)}.heap-node{z-index:2;width:62px;min-height:40px;color:var(--text-primary);border:1px solid var(--border-medium);background:#131a26;border-radius:999px;place-items:center;font-family:Cascadia Code,Consolas,monospace;font-size:11px;font-weight:680;display:grid;position:absolute;box-shadow:0 7px 18px #00000024}.heap-node-index{color:var(--text-muted);font-size:7px;font-weight:650;position:absolute;top:-12px}.heap-node.is-heap-root{border-color:#70e6b26b}.heap-node.is-active-heap-node{color:var(--accent-green);background:#70e6b21c;border-color:#70e6b2b8;box-shadow:0 0 21px #70e6b221}.heap-node.is-swapping-heap-node{color:var(--accent-purple);background:#a991ff1f;border-color:#a991ffc7}.empty-heap{height:100%;min-height:126px;color:var(--text-muted);place-items:center;font-size:10px;display:grid}.heap-array-row{border-top:1px solid var(--border-subtle);align-items:center;gap:12px;min-height:50px;padding:8px 13px;display:flex}.heap-array-row>span{color:var(--text-muted);letter-spacing:.08em;flex:none;font-size:8px;font-weight:750}.heap-array-row>div{gap:6px;min-width:0;display:flex;overflow-x:auto}.heap-array-row>div>span{min-width:42px;color:var(--text-primary);border:1px solid var(--border-subtle);text-align:center;background:#ffffff05;border-radius:8px;padding:8px 8px 6px;font-family:Cascadia Code,Consolas,monospace;font-size:9px;position:relative}.heap-array-row small{color:var(--text-muted);font-size:6px;position:absolute;top:1px;left:4px}.heap-array-row .is-active-heap-array-value{color:var(--accent-green);background:#70e6b217;border-color:#70e6b280}.heap-caption{color:var(--text-muted);text-align:center;padding:0 13px 10px;font-size:9px}.graph-card{grid-column:1/-1}.graph-heading-meta{color:var(--text-muted);align-items:center;gap:9px;font-size:9px;display:flex}.graph-stage{background:radial-gradient(circle at 50% 18%,#78a9ff17,#0000 39%),radial-gradient(circle at 75% 76%,#a991ff12,#0000 38%),linear-gradient(#78a9ff07,#70e6b206);min-height:156px;position:relative;overflow:hidden}.graph-kind-label{z-index:3;color:var(--accent-green);letter-spacing:.075em;font-family:Cascadia Code,Consolas,monospace;font-size:8px;font-weight:740;position:absolute;top:13px;left:15px}.graph-connector-svg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.graph-connector-line{fill:none;stroke:#78a9ff8c;stroke-width:1.8px;stroke-linecap:round;transition:stroke .19s,stroke-width .19s,filter .19s}.graph-connector-line:nth-child(2n){stroke:#a991ff94}.graph-connector-line.is-visited-graph-edge{stroke:#70e6b28f}.graph-connector-line.is-active-graph-edge{stroke:#70e6b2fa;stroke-width:2.65px;filter:drop-shadow(0 0 6px #70e6b26b)}.graph-node{z-index:2;min-width:47px;min-height:44px;color:var(--text-primary);background:#111925;border:1px solid #78a9ff61;border-radius:999px;place-items:center;padding:0 12px;font-family:Cascadia Code,Consolas,monospace;font-size:12px;font-weight:720;display:grid;position:absolute;box-shadow:0 7px 19px #0000002e}.graph-node.is-visited-graph-node{color:var(--accent-green);background:#70e6b216;border-color:#70e6b29e}.graph-node.is-active-graph-node{color:#eafff5;background:#70e6b22e;border-color:#70e6b2fa;box-shadow:0 0 24px #70e6b230}.empty-graph{height:100%;min-height:156px;color:var(--text-muted);place-items:center;font-size:10px;display:grid}.graph-traversal-row{border-top:1px solid var(--border-subtle);align-items:center;gap:12px;min-height:48px;padding:8px 13px;display:flex}.graph-traversal-row>span{color:var(--text-muted);letter-spacing:.085em;flex:none;font-family:Cascadia Code,Consolas,monospace;font-size:8px;font-weight:750}.graph-traversal-row>div{gap:6px;min-width:0;display:flex;overflow-x:auto}.graph-traversal-row>div>span{min-width:34px;color:var(--accent-green);text-align:center;background:#70e6b20e;border:1px solid #70e6b247;border-radius:8px;padding:6px 9px;font-family:Cascadia Code,Consolas,monospace;font-size:9px}.graph-caption{color:var(--text-muted);text-align:center;padding:0 12px 10px;font-size:9px}.query-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.query-metric{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;min-height:58px;padding:9px 11px;display:flex}.query-metric span{color:var(--text-muted);font-size:10px}.query-metric strong{color:var(--text-primary);font-size:15px}.query-operation{color:var(--accent-blue);text-overflow:ellipsis;white-space:nowrap;font-family:Cascadia Code,Consolas,monospace;font-size:9px;overflow:hidden}.sql-table-wrapper{overflow-x:auto}.sql-preview-table{border-collapse:collapse;width:100%}.sql-preview-table th,.sql-preview-table td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:8px 11px}.sql-preview-table th{color:var(--text-muted);letter-spacing:.05em;font-size:9px;font-weight:650}.sql-preview-table td{color:var(--text-secondary);font-family:Cascadia Code,Consolas,monospace;font-size:10px}.sql-row{transition:opacity .18s,background .18s}.sql-row.is-rejected{opacity:.33;background:#ff7b8511}.sql-row:last-child td{border-bottom:0}.sql-accuracy-note{color:var(--text-muted);margin:-6px 0 0;font-size:10px;line-height:1.5}.inspector-panel{border-top:1px solid var(--border-subtle);background:#0b1018;min-height:142px}.inspector-tabs{border-bottom:1px solid var(--border-subtle);align-items:center;min-height:39px;padding:0 12px;display:flex;overflow-x:auto}.inspector-tab{min-height:39px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;flex-shrink:0;align-items:center;gap:7px;padding:0 12px;font-size:11px;transition:color .16s,border-color .16s;display:flex}.inspector-tab:hover{color:var(--text-secondary)}.inspector-tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent-green)}.tab-count{min-width:17px;height:17px;color:var(--accent-green);background:#70e6b21f;border-radius:50%;place-items:center;font-size:9px;display:grid}.inspector-content{min-height:102px;padding:10px 18px}.inspector-message{min-height:70px;color:var(--text-muted);align-items:center;font-size:11px;display:flex}.inspector-variable-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:5px 20px;display:grid}.inspector-variable-row{align-items:center;gap:8px;min-height:27px;display:flex;overflow:hidden}.inspector-variable-name{color:var(--accent-blue);font-family:Cascadia Code,Consolas,monospace;font-size:11px}.inspector-variable-type{color:var(--text-muted);font-size:9px}.inspector-variable-value{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:10px;overflow:hidden}.console-output-list,.call-stack-list{flex-direction:column;gap:6px;display:flex}.console-output-row,.call-stack-row{border:1px solid #0000;border-radius:8px;grid-template-columns:auto auto auto auto 1fr;align-items:center;gap:9px;min-height:26px;padding:7px 8px;display:grid}.call-stack-row.is-stack-top{background:#a78bfa0f;border-color:#a78bfa33}.console-prompt{color:var(--accent-green);font-size:16px}.console-output-text{color:var(--text-primary);font-family:Cascadia Code,Consolas,monospace;font-size:11px}.call-stack-index{color:var(--text-muted);font-family:Cascadia Code,Consolas,monospace;font-size:10px}.call-stack-row code{color:var(--accent-purple);font-size:11px}.call-stack-line{color:var(--text-muted);margin-left:auto;font-size:10px}.event-details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;display:grid}.event-detail{flex-direction:column;gap:5px;min-width:0;display:flex}.event-detail span{color:var(--text-muted);font-size:9px}.event-detail code{color:var(--accent-green);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.event-detail-wide{grid-column:1/-1}.event-detail p{color:var(--text-secondary);margin:0;font-size:10px}.event-detail strong{color:var(--text-primary);font-size:11px}.timeline-panel{border-top:1px solid var(--border-subtle);background:#0c111a;flex-direction:column;gap:13px;min-height:132px;padding:14px 21px;display:flex}.timeline-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.timeline-label{color:var(--text-muted);letter-spacing:.08em;gap:7px;font-size:9px;font-weight:750}.timeline-label svg{color:var(--accent-purple)}.timeline-current-event{color:var(--accent-green);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650;overflow:hidden}.timeline-step-count{color:var(--text-secondary);white-space:nowrap;font-size:10px}.timeline-slider-wrap{height:17px;position:relative}.timeline-slider{z-index:2;appearance:none;cursor:pointer;background:0 0;width:100%;height:17px;margin:0;position:absolute;top:0;left:0}.timeline-slider:before{content:"";background:linear-gradient(90deg, var(--accent-green) 0%, var(--accent-green) var(--timeline-progress), #9fb1cc30 var(--timeline-progress), #9fb1cc30 100%);border-radius:999px;width:100%;height:3px;position:absolute;top:7px;left:0}.timeline-slider::-webkit-slider-thumb{z-index:3;appearance:none;background:var(--accent-green);border:3px solid #0c111a;border-radius:50%;width:13px;height:13px;position:relative;box-shadow:0 0 0 1px #70e6b273}.timeline-slider::-moz-range-thumb{background:var(--accent-green);border:2px solid #0c111a;border-radius:50%;width:10px;height:10px}.timeline-markers{pointer-events:none;width:100%;position:absolute;top:8px;left:0}.timeline-marker{background:#344052;border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%,-1px)}.timeline-marker.is-complete{background:var(--accent-green)}.timeline-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.transport-controls{gap:6px}.transport-button{width:32px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;transition:color .16s,border-color .16s,background .16s,transform .16s;display:grid}.transport-button:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-subtle);background:#ffffff0b}.transport-button:disabled{opacity:.35;cursor:not-allowed}.transport-play-button{color:#07150f;background:var(--accent-green);border:0;width:36px;height:34px}.transport-play-button:hover:not(:disabled){color:#07150f;background:#89efc4;border:0;transform:scale(1.045)}.transport-divider{background:var(--border-medium);width:1px;height:20px;margin:0 3px}.speed-selector{color:var(--text-muted);letter-spacing:.07em;align-items:center;gap:8px;font-size:9px;display:flex}.speed-selector small{color:var(--text-secondary);letter-spacing:0;font-size:9px}.speed-selector select{min-height:30px;color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff06;border-radius:8px;padding:0 8px;font-size:11px}.workspace-footer{min-height:35px;color:var(--text-muted);border-top:1px solid var(--border-subtle);letter-spacing:.12em;background:#080b13e6;justify-content:center;align-items:center;gap:14px;font-size:9px;font-weight:650;display:flex}.workspace-footer span:nth-child(2){color:var(--accent-blue)}.workspace-footer span:nth-child(3){color:var(--accent-purple)}.workspace-footer span:nth-child(4){color:var(--accent-green)}@keyframes workspace-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-drift{0%{transform:translate(0)}to{transform:translate(28px,-20px)}}@keyframes live-pulse{0%{box-shadow:0 0 #70e6b275}70%{box-shadow:0 0 0 8px #70e6b200}to{box-shadow:0 0 #70e6b200}}@keyframes stack-enter{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@keyframes event-enter{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.app-shell{padding:20px}.primary-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.security-indicator{display:none}.structures-grid{grid-template-columns:1fr}.visualization-content{gap:14px}.array-stage,.stack-stage,.queue-stage{min-height:88px}}@media (width<=860px){.app-shell{align-items:flex-start;padding:14px}.workspace-shell{border-radius:17px}.app-header{min-height:76px;padding:0 15px}.workspace-separator,.workspace-indicator{display:none}.primary-workspace{grid-template-columns:1fr}.editor-panel{border-right:0;border-bottom:1px solid var(--border-subtle);min-height:405px}.editor-container{min-height:258px}.visualization-panel{min-height:430px}.structures-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.workspace-context-bar{padding:0 15px}.preview-disclaimer{font-size:9px}}@media (width<=560px){.app-shell{padding:8px}.program-input-dialog-actions{flex-direction:column-reverse;align-items:stretch}.program-input-dialog-actions button{width:100%}.input-visualization-card{grid-template-columns:auto minmax(0,1fr) auto}.input-visualization-card small{grid-column:2/-1}.workspace-shell{border-radius:14px}.app-header{gap:8px;min-height:71px;padding:0 10px}.brand-lockup{gap:8px}.brand-mark{width:35px;height:35px}.brand-name{font-size:14px}.brand-subtitle{font-size:9px}.header-actions{gap:6px}.language-selector{height:36px;padding:0 7px}.language-selector select{max-width:92px;padding-left:6px;font-size:10px}.primary-action{min-height:36px;padding:0 10px;font-size:10px}.primary-action .action-sparkle{display:none}.workspace-context-bar{min-height:41px;padding:0 10px}.preview-disclaimer span{display:none}.panel-heading{min-height:67px;padding:0 12px}.restore-button span{display:none}.visualization-content{padding:13px}.variable-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.structures-grid{grid-template-columns:1fr}.queue-stage{grid-template-columns:1fr;gap:6px;padding-inline:10px}.queue-edge-label{display:none}.queue-track{justify-content:flex-start;overflow-x:auto}.queue-flow-line{font-size:7px}.linked-list-stage{grid-template-columns:minmax(0,1fr);padding-inline:10px}.linked-list-end-label{display:none}.linked-list-track{justify-content:flex-start}.linked-list-flow-line{font-size:7px}.hashmap-stage{padding-inline:10px}.hashmap-column-labels,.hashmap-entry{grid-template-columns:minmax(65px,1fr) 36px minmax(65px,1fr);gap:5px}.tree-stage{justify-content:flex-start;padding-inline:12px}.tree-children{gap:6px}.tree-node-pill{min-width:51px;min-height:34px;padding-inline:7px}.timeline-panel{padding:13px 12px}.timeline-controls{flex-wrap:wrap;align-items:flex-start}.timeline-current-event{max-width:110px;font-size:8px}.timeline-label span{display:none}.transport-controls{gap:2px}.transport-button{width:29px}.speed-selector small{display:none}.workspace-footer{gap:7px;font-size:8px}.event-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sql-row.is-active td{color:var(--text-primary)}.sql-row.is-active{box-shadow:inset 3px 0 #ff7b85b8}.sql-row.is-active.is-match{box-shadow:inset 3px 0 #70e6b2c7}.sql-empty-row td{height:76px;color:var(--text-muted);text-align:center;font-family:inherit;font-size:10px}.search-card{grid-column:1/-1;overflow:hidden}.search-heading-meta{align-items:center;gap:9px;display:flex}.search-complexity{color:var(--accent-purple);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.search-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 14px 9px;display:grid}.search-summary-item{border:1px solid var(--border-subtle);background:#101621b3;border-radius:9px;flex-direction:column;gap:6px;min-width:0;padding:9px 10px;display:flex}.search-summary-item span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.search-summary-item strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.search-summary-item strong.search-success-value{color:var(--accent-green)}.search-array-stage{padding:14px 18px 8px;overflow-x:auto}.search-cells{justify-content:center;gap:8px;min-width:max-content;display:flex}.search-cell-column{flex-direction:column;align-items:center;gap:7px;width:64px;display:flex}.search-cell-index{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.search-cell-value{border:1px solid var(--border-medium);width:58px;height:46px;color:var(--text-primary);background:#101621d9;border-radius:10px;place-items:center;font-size:14px;font-weight:650;transition:border-color .18s,color .18s,background .18s,opacity .18s;display:grid}.is-compared-search-cell .search-cell-value{background:#78a9ff1a;border-color:#78a9ff94}.is-eliminated-search-cell .search-cell-value{border-color:var(--border-subtle);color:var(--text-muted);opacity:.45;background:#10162159}.is-active-search-cell .search-cell-value{opacity:1;background:#a991ff2b;border-color:#a991ffd9;box-shadow:0 0 18px #a991ff1f}.is-found-search-cell .search-cell-value{color:var(--accent-green);opacity:1;background:#70e6b226;border-color:#70e6b2db;box-shadow:0 0 19px #70e6b224}.search-pointer-row{justify-content:center;gap:3px;min-height:21px;display:flex}.search-pointer{color:var(--accent-blue);letter-spacing:.25px;background:#78a9ff1c;border-radius:4px;padding:3px 4px;font-size:7px;font-weight:700}.search-pointer-mid,.search-pointer-check{color:var(--accent-purple);background:#a991ff21}.search-pointer-high{color:var(--accent-orange);background:#f3bd7a1f}.search-legend{flex-wrap:wrap;justify-content:center;gap:14px;padding:4px 12px 14px;display:flex}.search-legend span{color:var(--text-muted);align-items:center;gap:5px;font-size:9px;display:inline-flex}.search-legend-dot{background:var(--text-muted);border-radius:50%;width:7px;height:7px}.search-legend-dot.is-active-dot{background:var(--accent-purple)}.search-legend-dot.is-compared-dot{background:var(--accent-blue)}.search-legend-dot.is-eliminated-dot{opacity:.45}.search-legend-dot.is-found-dot{background:var(--accent-green)}@media (width<=600px){.search-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-cells{justify-content:flex-start}}.inspector-toolbar{z-index:20;border-bottom:1px solid var(--border-subtle);align-items:stretch;min-width:0;display:flex;position:relative}.inspector-toolbar .inspector-tabs{border-bottom:0;flex:1;min-width:0}.inspector-tabs,.inspector-tab{min-height:50px}.inspector-tab{font-size:var(--inspector-tab-size);font-weight:560}.tab-count{font-size:var(--inspector-meta-size)}.inspector-display-control{z-index:5;min-height:50px;color:var(--accent-purple);border-left:1px solid var(--border-subtle);background:#0b1018;flex-shrink:0;align-items:center;gap:7px;padding:0 12px;display:flex;position:relative}.display-mode-selector{min-width:126px}.display-mode-selector .accessible-select-menu{min-width:260px}.inspector-message{font-size:var(--inspector-body-size);line-height:var(--inspector-line-height)}.inspector-variable-row{min-height:36px}.inspector-variable-name{font-size:var(--inspector-body-size);font-weight:620}.inspector-variable-type{font-size:var(--inspector-meta-size)}.inspector-variable-value{font-size:var(--inspector-body-size)}.console-output-text{font-size:var(--inspector-body-size);line-height:var(--inspector-line-height)}.call-stack-index,.call-stack-line{font-size:var(--inspector-meta-size)}.call-stack-row code{font-size:var(--inspector-body-size)}.call-stack-top-label,.call-stack-depth,.call-stack-values small{font-size:var(--inspector-meta-size)}.call-stack-values code,.last-function-return{font-size:var(--inspector-body-size)}.event-detail span{font-size:var(--inspector-meta-size)}.event-detail code,.event-detail strong{font-size:var(--inspector-body-size)}.event-detail p,.numbered-trace-row code,.numbered-trace-row small,.line-explanation-copy code,.line-explanation-copy small,.verified-ai-note,.verified-ai-result,.verified-ai-error,.tutor-question input{font-size:var(--inspector-explanation-size);line-height:var(--inspector-line-height)}.explanation-section-heading>span,.line-explanation-number,.verified-ai-result>span{font-size:var(--inspector-meta-size)}.speed-dropdown{min-width:148px}.speed-dropdown .accessible-select-menu{min-width:220px}@media (width<=760px){.inspector-display-control{background:#0b1018;padding-inline:8px}.display-mode-selector{min-width:112px}.language-selector{min-width:116px;height:auto;padding:0}.language-selector .accessible-select-trigger{min-height:36px;padding-inline:8px}.speed-dropdown{min-width:124px}}.app-shell.display-compact{--inspector-tab-size:13px;--inspector-body-size:13px;--inspector-meta-size:11px;--inspector-explanation-size:13px;--inspector-line-height:1.48}.app-shell.display-presentation{--inspector-tab-size:17px;--inspector-body-size:16px;--inspector-meta-size:13px;--inspector-explanation-size:18px;--inspector-line-height:1.68}.primary-action.is-cancelling{color:#fff2f4;background:linear-gradient(135deg,#d95f70,#b94358)}.primary-action.is-cancelling:hover{box-shadow:0 8px 24px #d95f7033}.numbered-trace{gap:5px;max-height:310px;padding-right:4px;display:grid;overflow:auto}.numbered-trace-row{width:100%;min-height:48px;color:var(--text-secondary);cursor:pointer;text-align:left;background:#0d152385;border:1px solid #829ac21f;border-radius:9px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;display:grid}.numbered-trace-row:hover,.numbered-trace-row.is-active{background:#6ce5b712;border-color:#6ce5b752}.numbered-trace-row>strong{width:30px;height:30px;color:var(--accent-mint);background:#6ce5b717;border-radius:8px;place-items:center;font-size:11px;display:grid}.numbered-trace-row>span{gap:3px;min-width:0;display:grid}.numbered-trace-row code{color:var(--text-primary);font-size:10px}.numbered-trace-row small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.numbered-trace-row>svg{color:#ff7b85}.explanation-workspace{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;display:grid}.line-explanations,.verified-ai-panel{background:#0d152373;border:1px solid #829ac221;border-radius:11px;min-width:0;padding:12px}.explanation-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.explanation-section-heading>div{color:var(--text-primary);align-items:center;gap:8px;display:flex}.explanation-section-heading svg{color:var(--accent-mint)}.explanation-section-heading strong{font-size:11px}.explanation-section-heading>span{color:var(--text-muted);font-size:9px}.line-explanation-list{gap:4px;max-height:300px;display:grid;overflow:auto}.line-explanation-row{width:100%;color:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:9px;padding:7px;display:grid}.line-explanation-row.is-executed{cursor:pointer}.line-explanation-row.is-executed:hover{background:#70a1ff0d;border-color:#70a1ff38}.line-explanation-row:disabled{opacity:.72}.line-explanation-number{color:var(--text-muted);text-align:right;font-family:Cascadia Code,Consolas,monospace;font-size:10px}.line-explanation-copy{gap:4px;min-width:0;display:grid}.line-explanation-copy code{color:var(--text-primary);text-overflow:ellipsis;white-space:pre;font-size:10px;overflow:hidden}.line-explanation-copy small{color:var(--text-muted);font-size:9px;line-height:1.45}.line-event-badges{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}.line-event-badges i{min-width:19px;height:19px;color:var(--accent-blue);background:#70a1ff1a;border-radius:6px;place-items:center;font-size:8px;font-style:normal;display:grid}.verified-ai-note{color:var(--text-muted);margin:0 0 12px;font-size:10px;line-height:1.55}.verified-ai-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.verified-ai-actions button,.tutor-question button{min-height:34px;color:var(--text-secondary);cursor:pointer;font:inherit;background:#050a128c;border:1px solid #829ac229;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:9px;display:inline-flex}.verified-ai-actions button:hover:not(:disabled){color:var(--text-primary);border-color:#a991ff59}.verified-ai-actions button:disabled,.tutor-question button:disabled{opacity:.42;cursor:not-allowed}.tutor-question{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;margin-top:8px;display:grid}.tutor-question>svg{color:var(--accent-purple)}.tutor-question input{min-width:0;height:34px;color:var(--text-primary);font:inherit;background:#050a128c;border:1px solid #829ac229;border-radius:8px;outline:none;padding:0 9px;font-size:9px}.tutor-question input:focus{border-color:#a991ff73}.verified-ai-result,.verified-ai-error{border-radius:8px;margin-top:10px;padding:10px;font-size:10px}.verified-ai-result{background:#6ce5b70f;border:1px solid #6ce5b738}.verified-ai-result>span{color:var(--accent-mint);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:5px;font-size:8px;display:flex}.verified-ai-result p{color:var(--text-secondary);margin:7px 0 0;line-height:1.6}.verified-ai-error{color:#ff9ba7;background:#ff5a6e14}.account-action{min-height:42px;color:var(--text-secondary);cursor:pointer;font:inherit;background:#0b121eb8;border:1px solid #8097bc2e;border-radius:12px;align-items:center;gap:8px;padding:0 13px;font-size:12px;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.account-action:hover{color:var(--accent-mint);background:#6ce5b712;border-color:#6ce5b761}.platform-dialog-backdrop{z-index:120;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#02060dd1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.platform-dialog{width:min(1040px,96vw);max-height:min(780px,92vh);color:var(--text-primary);background:radial-gradient(circle at 100% 0,#5fd6ae14,#0000 32%),#0a111d;border:1px solid #829ac23d;border-radius:22px;overflow:hidden;box-shadow:0 32px 100px #0000008c}.platform-dialog-header{border-bottom:1px solid #829ac224;justify-content:space-between;align-items:center;min-height:72px;padding:0 22px;display:flex}.platform-dialog-header>div,.platform-dialog-header>div>div:last-child{align-items:center;gap:12px;display:flex}.platform-dialog-header>div>div:last-child{flex-direction:column;align-items:flex-start;gap:2px}.platform-dialog-header strong{font-size:14px}.platform-dialog-header span{color:var(--text-muted);font-size:11px}.platform-dialog-header>button,.platform-project-actions button{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:#0d1523bf;border:1px solid #829ac22b;border-radius:9px;place-items:center;display:grid}.platform-dialog-mark{width:38px;height:38px;color:var(--accent-mint);background:#6ce5b714;border:1px solid #6ce5b740;border-radius:12px;place-items:center;display:grid}.platform-auth-layout{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);min-height:500px;display:grid}.platform-auth-promise{background:linear-gradient(145deg,#3f76ff14,#a991ff0a);border-right:1px solid #829ac221;flex-direction:column;justify-content:center;padding:54px;display:flex}.platform-eyebrow{color:var(--accent-purple);letter-spacing:.14em;font-size:9px;font-weight:800}.platform-auth-promise h2{letter-spacing:-.04em;max-width:520px;margin:12px 0;font-size:clamp(28px,4vw,46px);line-height:1.05}.platform-auth-promise>p{max-width:510px;color:var(--text-secondary);font-size:14px;line-height:1.7}.platform-feature-list{gap:11px;margin-top:30px;display:grid}.platform-feature-list span{color:var(--text-secondary);align-items:center;gap:10px;font-size:12px;display:flex}.platform-feature-list svg{color:var(--accent-mint)}.platform-auth-form,.platform-profile{flex-direction:column;justify-content:center;gap:15px;padding:44px;display:flex}.platform-auth-switch{background:#050a128c;border:1px solid #829ac224;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px;padding:4px;display:grid}.platform-auth-switch button,.platform-nav button,.platform-section-heading button,.platform-save-card button,.platform-rename-row button{color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:0}.platform-auth-switch button{border-radius:8px;min-height:36px;font-size:11px}.platform-auth-switch button.is-active{color:var(--text-primary);background:#7897cb21}.platform-auth-form label,.platform-profile label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;gap:7px;font-size:10px;font-weight:700;display:grid}.platform-auth-form input,.platform-profile input,.platform-profile textarea,.platform-save-card input,.platform-rename-row input{width:100%;color:var(--text-primary);font:inherit;background:#050a12b8;border:1px solid #829ac233;border-radius:10px;outline:none;font-size:12px}.platform-auth-form input,.platform-profile input{height:43px;padding:0 12px}.platform-profile textarea{resize:vertical;padding:12px}.platform-auth-form input:focus,.platform-profile input:focus,.platform-profile textarea:focus,.platform-save-card input:focus{border-color:#6ce5b78c}.platform-auth-form small{color:var(--text-muted);font-size:10px;line-height:1.5}.platform-auth-flow-heading{gap:7px;margin-bottom:4px;display:grid}.platform-auth-flow-heading h3{color:var(--text-primary);margin:0;font-size:18px}.platform-auth-flow-heading p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.55}.platform-auth-links{color:var(--text-muted);justify-items:center;gap:8px;font-size:10px;display:grid}.platform-auth-links button{color:var(--accent-mint);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:700}.platform-auth-links button:hover{color:var(--text-primary);text-decoration:underline}.platform-submit,.platform-save-card button{color:#07130f;background:var(--accent-mint);cursor:pointer;min-height:42px;font:inherit;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.platform-submit:disabled,.platform-save-card button:disabled{opacity:.48;cursor:not-allowed}.platform-inline-error,.platform-form-message{color:#ff9ba7;background:#ff5a6e14;border:1px solid #ff707e3d;border-radius:9px;padding:10px 12px;font-size:11px}.platform-authenticated-layout{grid-template-columns:190px minmax(0,1fr);height:min(680px,92vh - 72px);display:grid}.platform-nav{background:#04091052;border-right:1px solid #829ac221;flex-direction:column;gap:5px;padding:18px 12px;display:flex}.platform-nav button{text-align:left;border-radius:10px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:11px;display:flex}.platform-nav button.is-active{color:var(--accent-mint);background:#6ce5b714}.platform-nav .platform-signout{color:#ff8c99;margin-top:auto}.platform-content{padding:24px;overflow:auto}.platform-loading{color:var(--text-muted);text-align:center;padding:40px}.platform-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.platform-stats article{background:#0a111d9e;border:1px solid #829ac229;border-radius:15px;grid-template-columns:auto 1fr;align-content:center;gap:8px 10px;min-height:118px;padding:18px;display:grid}.platform-stats svg{color:var(--accent-purple)}.platform-stats span{color:var(--text-muted);font-size:10px}.platform-stats strong{text-transform:capitalize;grid-column:1/-1;font-size:26px}.platform-dashboard-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:14px;display:grid}.platform-dashboard-grid section,.platform-save-card{background:#09101b8c;border:1px solid #829ac226;border-radius:15px;padding:18px}.platform-dashboard-grid h3,.platform-save-card h3,.platform-section-heading h3,.platform-profile h3{margin:4px 0 14px;font-size:14px}.platform-compact-row{border-bottom:1px solid #829ac21a;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 0;font-size:11px;display:grid}.platform-compact-row:last-child{border-bottom:0}.platform-compact-row svg{color:#76a9ff}.platform-compact-row small{color:var(--text-muted);text-transform:capitalize}.platform-empty{color:var(--text-muted);text-align:center;padding:22px 0;font-size:11px}.platform-save-card{grid-template-columns:minmax(180px,.8fr) 1fr 1.3fr auto;align-items:end;gap:10px;margin-bottom:16px;display:grid}.platform-save-card input{height:40px;padding:0 11px}.platform-save-card button{min-width:120px;padding:0 14px}.platform-project-list{gap:9px;display:grid}.platform-project-card{background:#080e188c;border:1px solid #829ac224;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;display:grid}.platform-project-icon{color:#76a9ff;background:#5089ff1a;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.platform-project-copy h3{margin:0 0 4px;font-size:12px}.platform-project-copy p{color:var(--text-secondary);margin:0 0 5px;font-size:10px}.platform-project-copy>span{color:var(--text-muted);text-transform:capitalize;font-size:9px}.platform-project-actions{gap:5px;display:flex}.platform-project-actions button:hover{color:var(--accent-mint);border-color:#6ce5b74d}.platform-project-actions button.is-danger:hover{color:#ff8c99;border-color:#ff6e824d}.platform-rename-row{gap:7px;display:flex}.platform-rename-row input{height:34px;padding:0 9px}.platform-rename-row button{color:var(--accent-mint);background:#6ce5b714;border-radius:7px;padding:0 10px}.platform-section-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.platform-section-heading button{color:#ff8c99;border:1px solid #ff6e822e;border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:10px;display:inline-flex}.platform-history-row{border-bottom:1px solid #829ac21c;grid-template-columns:auto minmax(0,1fr) 70px 150px;align-items:center;gap:12px;padding:13px;display:grid}.platform-history-row strong{text-transform:capitalize;font-size:11px}.platform-history-row p{max-width:430px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:10px;overflow:hidden}.platform-history-row>div:nth-child(3){gap:2px;display:grid}.platform-history-row small,.platform-history-row time{color:var(--text-muted);font-size:9px}.platform-language-dot{background:#76a9ff;border-radius:50%;width:8px;height:8px}.platform-language-dot.language-javascript{background:#f5d04c}.platform-language-dot.language-java{background:#ff8067}.platform-language-dot.language-sql{background:#a991ff}.platform-profile{justify-content:flex-start;max-width:560px;margin:0 auto;padding-top:20px}.platform-profile-avatar{width:64px;height:64px;color:var(--accent-mint);background:#6ce5b714;border:1px solid #6ce5b759;border-radius:20px;place-items:center;font-size:24px;font-weight:800;display:grid}.platform-profile>div:nth-child(2) p{color:var(--text-muted);margin:-8px 0 8px;font-size:11px}.platform-form-message{color:var(--accent-mint);background:#6ce5b712;border-color:#6ce5b738}@media (width<=900px){.security-indicator{display:none}.explanation-workspace{grid-template-columns:1fr}.platform-auth-layout{grid-template-columns:1fr;max-height:calc(92vh - 72px);overflow:auto}.platform-auth-promise{border-bottom:1px solid #829ac221;border-right:0;min-height:280px;padding:34px}.platform-save-card{grid-template-columns:1fr 1fr}.platform-save-card>div{grid-column:1/-1}}@media (width<=650px){.platform-dialog-backdrop{padding:8px}.platform-dialog{border-radius:16px;width:100%;max-height:96vh}.platform-authenticated-layout{grid-template-columns:58px minmax(0,1fr);height:calc(96vh - 72px)}.platform-nav{padding:12px 7px}.platform-nav button{justify-content:center;padding:0}.platform-nav button span{display:none}.platform-content{padding:14px}.platform-stats{grid-template-columns:1fr}.platform-stats article{min-height:88px}.platform-dashboard-grid,.platform-save-card{grid-template-columns:1fr}.platform-save-card>div{grid-column:auto}.platform-project-card{grid-template-columns:auto 1fr}.platform-project-actions{grid-column:1/-1;justify-content:flex-end}.platform-history-row{grid-template-columns:auto 1fr auto}.platform-history-row time{display:none}.platform-auth-form{padding:26px}.account-action span{display:none}.account-action{justify-content:center;width:42px;padding:0}}.sort-card{grid-column:1/-1;overflow:hidden}.sort-heading-meta{align-items:center;gap:9px;display:flex}.sort-complexity{color:var(--accent-purple);font-size:11px}.sort-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:14px 14px 0;display:grid}.sort-summary-item{background:#0a0f1954;border:1px solid #8da3c421;border-radius:9px;gap:5px;min-width:0;padding:10px 11px;display:grid}.sort-summary-item span{color:var(--text-muted);font-size:10px}.sort-summary-item strong{color:var(--text-primary);font-size:14px}.sort-summary-item .sort-complete-value{color:var(--accent-green)}.sort-strategy-strip{background:#a991ff0b;border:1px solid #a991ff2b;border-radius:8px;flex-wrap:wrap;align-items:center;gap:7px;margin:11px 14px 0;padding:8px 10px;display:flex}.sort-strategy-title{color:var(--accent-purple);letter-spacing:.08em;font-size:8px;font-weight:700}.sort-range-badge,.sort-phase-badge{color:var(--text-secondary);background:#78a9ff17;border-radius:5px;padding:3px 6px;font-size:9px}.sort-phase-badge{color:var(--accent-green);background:#67dca213}.sort-stage{padding:12px 18px 4px;overflow-x:auto}.sort-bars{justify-content:center;align-items:flex-end;gap:clamp(8px,2vw,17px);min-width:max-content;min-height:168px;margin:0 auto;display:flex}.sort-column{flex-direction:column;flex:0 0 clamp(41px,7vw,61px);justify-content:flex-end;align-items:center;gap:7px;display:flex}.sort-marker-row{justify-content:center;gap:3px;min-height:14px;display:flex}.sort-marker{border-radius:4px;padding:2px 4px;font-size:7px;font-weight:700}.sort-marker-minimum{color:var(--accent-orange);background:#f3bd7a24}.sort-marker-key{color:var(--accent-purple);background:#a991ff24}.sort-marker-pivot{color:var(--accent-orange);background:#f3bd7a29}.sort-marker-boundary,.sort-marker-left{color:var(--accent-blue);background:#78a9ff24}.sort-marker-right{color:var(--accent-purple);background:#a991ff24}.sort-bar{background:linear-gradient(#78a9ff36,#78a9ff0e);border:1px solid #78a9ff4d;border-radius:9px 9px 5px 5px;justify-content:center;align-items:center;width:100%;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.sort-bar-value{color:var(--text-primary);font-size:13px;font-weight:700}.sort-index{color:var(--text-muted);font-size:9px}.is-sorted-column .sort-bar{background:linear-gradient(#67dca238,#67dca20e);border-color:#67dca287}.is-compared-column .sort-bar{background:linear-gradient(#a991ff4f,#a991ff14);border-color:#a991ffbd;box-shadow:0 0 18px #a991ff1f}.is-swapped-column .sort-bar,.is-key-column .sort-bar{background:linear-gradient(#f3bd7a47,#f3bd7a13);border-color:#f3bd7acc;box-shadow:0 0 18px #f3bd7a1f}.is-outside-range-column{opacity:.38}.is-left-partition-column:not(.is-sorted-column) .sort-bar{border-color:#78a9ff73}.is-right-partition-column:not(.is-sorted-column) .sort-bar{border-color:#a991ff7a}.is-pivot-column .sort-bar{background:linear-gradient(#f3bd7a4d,#f3bd7a14);border-color:#f3bd7ad1;box-shadow:0 0 19px #f3bd7a21}.sort-progress{align-items:center;gap:10px;margin:12px 17px 5px;display:flex}.sort-progress>span,.sort-progress>strong{color:var(--text-muted);font-size:9px}.sort-progress>strong{color:var(--accent-green)}.sort-progress-track{background:#8da3c429;border-radius:999px;flex:1;height:4px;overflow:hidden}.sort-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-blue), var(--accent-green));height:100%}.sort-legend{flex-wrap:wrap;justify-content:center;gap:14px;padding:9px 12px 14px;display:flex}.sort-legend span{color:var(--text-muted);align-items:center;gap:5px;font-size:9px;display:inline-flex}.sort-legend-dot{border-radius:50%;width:7px;height:7px}.is-sort-default-dot{background:var(--accent-blue)}.is-sort-compare-dot{background:var(--accent-purple)}.is-sort-swap-dot{background:var(--accent-orange)}.is-sort-done-dot{background:var(--accent-green)}.recursion-card{background:radial-gradient(circle at 88% 0,#a991ff17,#0000 36%),#ffffff05;border-color:#a991ff3d;grid-column:1/-1;overflow:hidden}.recursion-heading{min-height:58px;padding:9px 14px}.recursion-kicker{color:var(--accent-purple);letter-spacing:.1em;font-size:8px;font-weight:750}.recursion-heading h3{color:var(--text-primary);margin:3px 0 0;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:13px}.recursion-metrics,.recursion-flow-status,.recursion-flow-status>span,.recursion-return-strip{align-items:center;display:flex}.recursion-metrics{gap:7px}.recursion-metrics span{color:var(--text-secondary);background:#78a9ff0e;border:1px solid #78a9ff29;border-radius:6px;padding:4px 7px;font-size:9px}.recursion-flow-status{justify-content:space-between;gap:9px;padding:10px 14px 3px}.recursion-flow-status>span{color:var(--accent-blue);gap:6px;font-size:10px}.recursion-flow-status .is-unwinding{color:var(--accent-orange)}.recursion-flow-status .base-case-badge{color:var(--accent-green);background:#67dca212;border:1px solid #67dca238;border-radius:999px;padding:4px 7px;font-size:9px}.recursion-stack{gap:7px;max-height:305px;padding:10px 14px 13px;display:grid;overflow-y:auto}.recursion-frame{background:#080d167a;border:1px solid #8da3c424;border-radius:9px;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:9px 10px;display:grid}.recursion-frame.is-stack-top{background:linear-gradient(90deg,#a991ff1a,#080d167a);border-color:#a991ff7a;box-shadow:0 0 18px #a991ff12}.recursion-frame-index{width:30px;height:30px;color:var(--accent-purple);background:#a991ff1c;border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid}.recursion-frame-body{gap:7px;min-width:0;display:grid}.recursion-frame-title,.recursion-frame-values{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.recursion-frame-title{justify-content:space-between}.recursion-frame-title code{color:var(--text-primary);font-size:11px}.recursion-frame-title span{color:var(--accent-purple);letter-spacing:.08em;font-size:7px;font-weight:800}.recursion-frame-values>span{background:#78a9ff13;border-radius:5px;align-items:center;gap:5px;padding:3px 6px;display:inline-flex}.recursion-frame-values>span.is-local{background:#67dca211}.recursion-frame-values small,.recursion-frame-values em,.recursion-return-strip small{color:var(--text-muted);font-size:8px;font-style:normal}.recursion-frame-values strong{color:var(--text-secondary);font-size:10px}.recursion-stack-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:10px}.recursion-return-strip{color:var(--accent-orange);background:#f3bd7a0e;border:1px solid #f3bd7a30;border-radius:8px;gap:7px;margin:0 14px 13px;padding:8px 10px;font-size:10px}.recursion-return-strip.is-base-case{color:var(--accent-green);background:#67dca20f;border-color:#67dca23d}.recursion-return-strip code{color:var(--text-primary);font-weight:750}.recursion-return-strip small{margin-left:auto}.dp-card{background:linear-gradient(145deg,#56e0b809,#0f131fc7);border-color:#56e0b82e;grid-column:1/-1}.call-stack-top-label,.call-stack-depth{color:var(--accent-purple);letter-spacing:.08em;font-size:8px}.call-stack-depth{color:var(--accent-orange)}.call-stack-values{flex-wrap:wrap;grid-column:1/-1;gap:6px;padding-left:24px;display:flex}.call-stack-values span{background:#ffffff09;border-radius:5px;gap:5px;padding:3px 6px;display:inline-flex}.call-stack-values small{color:var(--text-muted);font-size:8px}.call-stack-values code{color:var(--accent-blue);font-size:9px}.call-stack-values .is-local code{color:var(--accent-green)}.last-function-return{color:var(--text-muted);margin-top:8px;font-size:10px;display:block}.dp-heading-meta,.dp-summary-grid,.dp-decision-strip,.dp-legend{align-items:center;display:flex}.dp-heading-meta{gap:8px}.dp-dimension{color:var(--accent-green);letter-spacing:.08em;background:#56e0b812;border:1px solid #56e0b833;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:800}.dp-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 14px 4px;display:grid}.dp-summary-grid>div{background:#080d166b;border:1px solid #8da3c41f;border-radius:8px;gap:4px;padding:8px 10px;display:grid}.dp-summary-grid span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.dp-summary-grid strong{color:var(--text-secondary);font-size:12px}.dp-summary-grid .dp-result-value{color:var(--accent-green)}.dp-decision-strip{color:var(--accent-purple);text-transform:capitalize;background:#a991ff0e;border:1px solid #a991ff2e;border-radius:8px;gap:7px;margin:8px 14px 0;padding:8px 10px;font-size:10px}.dp-decision-strip strong{color:var(--text-primary);margin-left:auto}.dp-decision-strip.is-cache-hit{color:var(--accent-green);background:#56e0b80f;border-color:#56e0b838}.dp-decision-strip.is-cache-miss{color:var(--accent-orange);background:#f3bd7a0e;border-color:#f3bd7a38}.dp-table-scroll{padding:12px 14px 8px;overflow-x:auto}.dp-table{gap:5px;min-width:max-content;display:grid}.dp-row-contents{display:contents}.dp-corner-cell,.dp-column-label,.dp-row-label,.dp-cell{border:1px solid #8da3c41f;border-radius:7px;place-items:center;min-height:38px;display:grid}.dp-corner-cell,.dp-column-label,.dp-row-label{color:var(--text-muted);background:#080d168f;padding:5px 7px;font-size:8px;font-weight:750}.dp-row-label{color:var(--text-secondary);justify-items:start}.dp-row-label.is-dp-row-complete{color:var(--accent-green)}.dp-cell{min-width:58px;color:var(--text-secondary);background:#111826ad;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:11px;font-weight:750}.dp-cell.is-dp-row-complete{border-color:#56e0b81f}.dp-cell.is-dp-read{color:var(--accent-blue);background:#78a9ff1c;border-color:#78a9ff94}.dp-cell.is-dp-written,.dp-cell.is-dp-active{color:var(--text-primary);background:#a991ff26;border-color:#a991ffb3;box-shadow:0 0 16px #a991ff1a}.dp-cell.is-dp-result{color:var(--accent-green);background:#56e0b821;border-color:#56e0b8bf}.dp-legend{color:var(--text-muted);flex-wrap:wrap;gap:13px;padding:2px 14px 13px;font-size:8px}.dp-legend span{align-items:center;gap:5px;display:inline-flex}.dp-legend-dot{border-radius:50%;width:6px;height:6px}.dp-legend-dot.is-dp-read-dot{background:var(--accent-blue)}.dp-legend-dot.is-dp-write-dot{background:var(--accent-purple)}.dp-legend-dot.is-dp-result-dot{background:var(--accent-green)}.hanoi-card{background:radial-gradient(circle at 50% 100%,#78a9ff14,#0000 42%),#ffffff05;border-color:#78a9ff38;grid-column:1/-1;overflow:hidden}.hanoi-heading-meta,.hanoi-summary-grid,.hanoi-progress-row,.hanoi-frame-strip{align-items:center;display:flex}.hanoi-heading-meta{gap:8px}.hanoi-depth{color:var(--accent-purple);background:#a991ff12;border:1px solid #a991ff33;border-radius:6px;padding:4px 7px;font-size:9px}.structure-name.is-hanoi-complete{color:var(--accent-green)}.hanoi-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 14px 4px;display:grid}.hanoi-summary-grid>div{background:#080d166b;border:1px solid #8da3c41f;border-radius:8px;gap:4px;padding:8px 10px;display:grid}.hanoi-summary-grid span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.hanoi-summary-grid strong{color:var(--text-secondary);font-size:12px}.hanoi-stage{grid-template-columns:repeat(3,minmax(110px,1fr));gap:13px;padding:18px 14px 10px;display:grid;overflow-x:auto}.hanoi-peg{background:#080d1647;border-radius:10px;grid-template-rows:1fr 8px 24px;justify-items:center;min-width:110px;min-height:195px;display:grid;position:relative}.hanoi-peg.is-hanoi-source{background:#f3bd7a0b}.hanoi-peg.is-hanoi-target{background:#67dca20e}.hanoi-rod{background:linear-gradient(90deg,#78a9ff47,#78a9ffa6);border-radius:6px 6px 0 0;width:6px;height:145px;position:absolute;bottom:31px}.hanoi-disks{z-index:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;width:100%;padding:8px 5px 0;display:flex}.hanoi-disk{min-width:34px;height:17px;color:var(--text-primary);background:linear-gradient(90deg,#78a9ff24,#a991ff47);border:1px solid #78a9ff85;border-radius:999px;place-items:center;font-size:8px;font-weight:800;display:grid;box-shadow:0 2px 8px #00000029}.hanoi-disk.is-moving-disk{background:linear-gradient(90deg,#67dca233,#78a9ff4d);border-color:#67dca2bf;box-shadow:0 0 15px #67dca229}.hanoi-base{z-index:2;background:#78a9ff7a;border-radius:999px;width:90%;height:7px}.hanoi-peg-label{color:var(--text-muted);letter-spacing:.1em;font-size:8px}.hanoi-progress-row{gap:9px;padding:2px 14px 11px}.hanoi-progress-row>span{color:var(--text-muted);letter-spacing:.08em;font-size:8px}.hanoi-progress-row>strong{color:var(--accent-green);font-size:9px}.hanoi-progress-track{background:#8da3c41f;border-radius:999px;flex:1;height:4px;overflow:hidden}.hanoi-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-blue), var(--accent-green));height:100%}.hanoi-frame-strip{flex-wrap:wrap;gap:6px;padding:0 14px 13px}.hanoi-frame-label{color:var(--accent-purple);letter-spacing:.08em;font-size:8px;font-weight:800}.hanoi-frame-strip>span:not(.hanoi-frame-label){color:var(--text-secondary);background:#080d166b;border:1px solid #8da3c424;border-radius:6px;padding:4px 6px;font-size:8px}.hanoi-frame-strip>span.is-hanoi-top-frame{color:var(--accent-purple);border-color:#a991ff80}.hanoi-frame-strip em{color:var(--text-muted);font-size:9px;font-style:normal}@media (width<=600px){.sort-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sort-bars{justify-content:flex-start}.recursion-heading,.recursion-flow-status{flex-direction:column;align-items:flex-start}.recursion-frame{grid-template-columns:28px minmax(0,1fr)}.recursion-frame-index{width:26px;height:26px}.dp-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-heading-meta{flex-direction:column;align-items:flex-end}.hanoi-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hanoi-stage{justify-content:flex-start}.hanoi-heading-meta{flex-direction:column;align-items:flex-end}}.app-shell .call-stack-values small{font-size:var(--inspector-meta-size)}.app-shell .call-stack-values code,.app-shell .last-function-return{font-size:var(--inspector-body-size)}.app-shell .numbered-trace-row code,.app-shell .numbered-trace-row small,.app-shell .line-explanation-copy code,.app-shell .line-explanation-copy small,.app-shell .verified-ai-note,.app-shell .verified-ai-result,.app-shell .verified-ai-error,.app-shell .tutor-question input{font-size:var(--inspector-explanation-size);line-height:var(--inspector-line-height)}.app-shell .explanation-section-heading strong{font-size:var(--inspector-body-size)}.app-shell .explanation-section-heading>span,.app-shell .line-explanation-number,.app-shell .verified-ai-result>span{font-size:var(--inspector-meta-size)}.practice-header-action{min-height:42px;color:var(--text-secondary);font:inherit;cursor:pointer;background:#0c121db8;border:1px solid #8da3c42b;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.practice-header-action:hover{color:var(--text-primary);background:#a991ff14;border-color:#a991ff6b}.practice-overlay{z-index:120;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03070dd6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.practice-dialog{background:#0a111e;border:1px solid #78a9ff38;border-radius:22px;grid-template-rows:auto minmax(0,1fr);width:min(1540px,96vw);height:min(900px,92vh);display:grid;overflow:hidden;box-shadow:0 36px 100px #00000085}.practice-header{background:linear-gradient(90deg,#0c121ffa,#0c1d20d1);border-bottom:1px solid #8da3c424;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;padding:18px 22px;display:grid}.practice-title-lockup{align-items:center;gap:13px;min-width:0;display:flex}.practice-title-lockup h2{color:var(--text-primary);margin:0;font-size:18px}.practice-title-lockup p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.practice-header-icon{width:44px;height:44px;color:var(--accent-green);background:#67dca214;border:1px solid #67dca247;border-radius:13px;flex:none;place-items:center;display:grid}.practice-header-progress{color:var(--text-muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.practice-header-progress svg{color:var(--accent-purple)}.practice-header-progress strong{color:var(--text-primary);font-size:14px}.practice-close{width:42px;height:42px;color:var(--text-muted);cursor:pointer;background:#080d1675;border:1px solid #8da3c429;border-radius:12px;place-items:center;display:grid}.practice-close:hover{color:var(--text-primary);border-color:#8da3c459}.practice-body{grid-template-columns:310px minmax(0,1fr);min-height:0;display:grid}.practice-catalog{background:#070d17b8;border-right:1px solid #8da3c41f;min-height:0;padding:18px 15px;overflow-y:auto}.practice-filter-heading{color:var(--text-secondary);align-items:center;gap:7px;margin:1px 4px 12px;font-size:12px;font-weight:700;display:flex}.practice-filter-heading svg{color:var(--accent-purple)}.practice-filters{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.practice-filters .accessible-select,.practice-filters .accessible-select-trigger{width:100%}.practice-filters .accessible-select-menu{min-width:150px}.practice-problem-list{gap:8px;display:grid}.practice-problem{width:100%;color:inherit;text-align:left;cursor:pointer;background:#0c121d8a;border:1px solid #8da3c41f;border-radius:12px;gap:7px;padding:13px;display:grid}.practice-problem:hover{border-color:#78a9ff4d}.practice-problem.is-selected{box-shadow:inset 3px 0 0 var(--accent-green);background:#67dca212;border-color:#67dca266}.practice-problem>strong{color:var(--text-primary);font-size:13px}.practice-problem>small{color:var(--text-muted);font-size:11px;line-height:1.45}.practice-difficulty{letter-spacing:.09em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:3px 7px;font-size:9px;font-weight:800}.practice-difficulty.is-easy{color:#72e4b7;background:#67dca21a}.practice-difficulty.is-medium{color:#f6c177;background:#f6c1771a}.practice-difficulty.is-hard{color:#f38b98;background:#f38b981a}.practice-topic-row{flex-wrap:wrap;gap:5px;display:flex}.practice-topic-row em{color:var(--text-muted);background:#8da3c414;border-radius:5px;padding:3px 6px;font-size:9px;font-style:normal}.practice-empty{color:var(--text-muted);text-align:center;padding:24px 10px;font-size:12px}.practice-recent{border-top:1px solid #8da3c41f;gap:7px;margin-top:20px;padding-top:16px;display:grid}.practice-recent h3{color:var(--text-secondary);align-items:center;gap:7px;margin:0 0 3px;font-size:11px;display:flex}.practice-recent>div{background:#0c121d8a;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:9px;display:grid}.practice-recent span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.practice-recent strong{font-size:9px}.practice-recent strong.is-accepted{color:var(--accent-green)}.practice-recent strong.is-wrong_answer,.practice-recent strong.is-runtime_error{color:#f38b98}.practice-recent small{color:var(--text-muted);grid-column:1/-1;font-size:8px}.practice-workspace{min-height:0;padding:22px;overflow-y:auto}.practice-loading{min-height:300px;color:var(--text-muted);align-content:center;place-items:center;gap:10px;display:grid}.practice-brief{background:linear-gradient(120deg,#78a9ff0e,#67dca206);border:1px solid #78a9ff26;border-radius:15px;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;padding:18px 20px;display:grid}.practice-brief h3{color:var(--text-primary);margin:8px 0 6px;font-size:19px}.practice-brief p{max-width:820px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.practice-brief-meta{align-items:flex-start;gap:8px;display:flex}.practice-brief-meta span{color:var(--text-muted);white-space:nowrap;background:#080d1675;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;display:inline-flex}.practice-brief-meta span:last-child svg{color:var(--accent-purple)}.practice-brief ul{color:var(--text-muted);border-top:1px solid #8da3c41a;flex-wrap:wrap;grid-column:1/-1;gap:7px 20px;margin:0;padding:12px 0 0 18px;font-size:10px;display:flex}.practice-solution{background:#0b111c;border:1px solid #8da3c424;border-radius:15px;margin-top:14px;overflow:visible}.practice-solution-toolbar{z-index:4;border-bottom:1px solid #8da3c41f;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex;position:relative}.practice-solution-toolbar>div:first-child{gap:3px;display:grid}.practice-solution-toolbar strong{color:var(--text-secondary);font-family:Cascadia Code,Consolas,monospace;font-size:11px}.practice-editor{height:330px;overflow:hidden}.practice-actions{border-top:1px solid #8da3c41f;flex-wrap:wrap;align-items:center;gap:9px;padding:12px 14px;display:flex}.practice-actions button,.practice-visualize{min-height:39px;font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.practice-actions button:disabled{cursor:wait;opacity:.58}.practice-run{color:#a8c9ff;background:#78a9ff14;border:1px solid #78a9ff4d}.practice-submit{color:#06140f;background:var(--accent-green);border:1px solid #67dca273}.practice-signin{color:var(--text-muted);background:0 0;border:0;margin-left:auto}.practice-signin svg{transform:rotate(180deg)}.practice-results{background:#080d168c;border:1px solid #8da3c424;border-radius:15px;margin-top:14px;padding:15px}.practice-result-error{color:#f3a4ae;align-items:center;gap:9px;font-size:12px;display:flex}.practice-verdict{background:#8da3c40f;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.practice-verdict.is-accepted{color:var(--accent-green);background:#67dca212}.practice-verdict.is-wrong_answer,.practice-verdict.is-runtime_error{color:#f38b98;background:#f38b9812}.practice-verdict>div{gap:2px;display:grid}.practice-verdict span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.practice-verdict strong{font-size:15px}.practice-verdict em{color:var(--text-secondary);margin-left:auto;font-size:11px;font-style:normal}.practice-test-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.practice-test-grid article{color:var(--text-muted);border:1px solid #8da3c41a;border-radius:9px;align-items:flex-start;gap:8px;padding:10px;display:flex}.practice-test-grid article.is-passed>svg{color:var(--accent-green)}.practice-test-grid article.is-failed>svg{color:#f38b98}.practice-test-grid article>div{gap:2px;min-width:0;display:grid}.practice-test-grid strong{color:var(--text-secondary);font-size:11px}.practice-test-grid span,.practice-test-grid small{color:var(--text-muted);font-size:9px;line-height:1.45}.practice-visualize{color:#c7b7ff;background:#a991ff14;border:1px solid #a991ff52;margin-top:11px}@media (width<=1050px){.practice-body{grid-template-columns:260px minmax(0,1fr)}.practice-brief{grid-template-columns:1fr}.practice-brief-meta{flex-wrap:wrap}.practice-brief ul{grid-column:1}}@media (width<=760px){.practice-overlay{padding:0}.practice-dialog{border:0;border-radius:0;width:100%;height:100%}.practice-header{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px}.practice-header-progress{display:none}.practice-body{display:block;overflow-y:auto}.practice-catalog{border-bottom:1px solid #8da3c41f;border-right:0;overflow:visible}.practice-problem-list{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-workspace{padding:13px;overflow:visible}.practice-test-grid{grid-template-columns:1fr}.practice-header-action span{display:none}.practice-header-action{width:42px;padding:0}}@media (width<=520px){.practice-problem-list{grid-template-columns:1fr}.practice-title-lockup p{display:none}.practice-editor{height:290px}.practice-signin{justify-content:flex-start;width:100%;margin-left:0}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.visualization-content{will-change:auto}.event-story{animation:none}.variable-card{transition:border-color .22s,background-color .22s,box-shadow .22s;animation:none}.variable-card:hover{background:#70e6b20b;border-color:#70e6b230}.variable-value{min-height:14px;display:inline-block}.array-cell{transition:border-color .24s,background-color .24s,box-shadow .24s}.array-cell.is-active{box-shadow:0 9px 23px #70e6b21c,inset 0 0 19px #70e6b20b}.array-value{display:inline-block}.stack-stage{overflow:visible}.stack-item{transition:border-color .2s,background-color .2s,color .2s;animation:none}.stack-item.is-top{box-shadow:0 6px 17px #70e6b213}.condition-strip{overflow:hidden}.sql-preview-table{position:relative}.sql-row{transform-origin:0;transition:none}.sql-row.is-rejected{opacity:1}.timeline-slider-wrap:before{z-index:1;width:var(--timeline-progress);content:"";pointer-events:none;background:linear-gradient(90deg,#70e6b2cc,#89efc4);border-radius:999px;height:3px;transition:width .43s cubic-bezier(.22,1,.36,1);position:absolute;top:7px;left:0;box-shadow:0 0 12px #70e6b23b}.timeline-slider:before{background:#9fb1cc30}.timeline-markers{z-index:1}.timeline-marker{transition:background-color .22s,transform .22s,box-shadow .22s}.timeline-marker.is-complete{box-shadow:0 0 8px #70e6b238}.timeline-current-event{transition:color .18s}.context-live-dot{transition:transform .18s,box-shadow .18s}.app-shell.is-running .context-live-dot{animation:.9s ease-in-out infinite execution-running-pulse}.app-shell.is-running .brand-mark{box-shadow:0 0 24px #70e6b212}.monaco-editor .codeflow-current-line{transition:background-color .18s,border-color .18s}@keyframes execution-running-pulse{0%,to{transform:scale(1);box-shadow:0 0 10px #70e6b26b}50%{transform:scale(1.26);box-shadow:0 0 17px #70e6b2c7}}@media (prefers-reduced-motion:reduce){.timeline-slider-wrap:before,.timeline-marker,.variable-card,.array-cell,.stack-item,.context-live-dot{transition:none!important}.app-shell.is-running .context-live-dot{animation:none!important}}