/*! tailwindcss v4.2.1 | 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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, 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;--spacing:.25rem;--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,ui-sans-serif, system-ui, 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{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{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--bg:#070b17;--bg-deep:#030813;--panel:#0d1424;--panel-raised:#111d32;--panel-soft:#0a1220;--border:#243653;--border-soft:#192a42;--text:#eaf2ff;--text-soft:#b6c7dc;--muted:#7f96b4;--cyan:#24d8ff;--cyan-soft:#86eaff;--teal:#22e6c3;--amber:#ffb84d;--red:#ff6b7a;--shadow:#00000057}*{box-sizing:border-box}html,body{background:var(--bg-deep);min-height:100%;margin:0}body{color:var(--text);font-size:16px;font-family:var(--font-geist-sans), Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.38}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.codeflow-app{--topbar-h:72px;--transport-h:134px;background-color:var(--bg);height:100dvh;min-height:100dvh;color:var(--text);grid-template-rows:var(--topbar-h) minmax(520px, 1fr) var(--transport-h);background-image:url(/assets/circuit-texture.png);background-position:top;background-size:cover;gap:12px;padding:0 12px 12px;display:grid;overflow:hidden}.codeflow-app.is-light{--bg:#eef5fb;--bg-deep:#e4eef7;--panel:#f9fcff;--panel-raised:#fff;--panel-soft:#edf5fb;--border:#b8ccdf;--border-soft:#d2e0ec;--text:#122943;--text-soft:#3e5772;--muted:#688099;--cyan:#007fa5;--cyan-soft:#0a9cc5;--teal:#008f79;--amber:#b56b00;--red:#c13c4e;--shadow:#274c6f29;background-image:none}.topbar{min-height:var(--topbar-h);border-bottom:1px solid #2436539e;grid-row:1;grid-template-columns:minmax(220px,.8fr) auto minmax(205px,.7fr) auto;align-items:center;gap:18px;display:grid}.brand{width:fit-content;color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;display:inline-flex}.brand-mark{object-fit:contain;filter:drop-shadow(0 0 12px #24d8ff2e);width:46px;height:46px}.brand-copy{white-space:nowrap;align-items:baseline;gap:5px;display:flex}.brand-copy strong{letter-spacing:-.045em;font-size:22px;font-weight:820}.brand-copy small{color:var(--cyan);letter-spacing:-.02em;font-size:14px;font-weight:650}.main-actions{border:1px solid var(--border-soft);background:#09111fc7;border-radius:12px;display:flex;overflow:hidden}.is-light .main-actions{background:#ffffffd1}.main-actions button{border:0;border-right:1px solid var(--border-soft);min-height:42px;color:var(--text-soft);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 15px;transition:background .16s,color .16s;display:inline-flex}.main-actions button:last-child{border-right:0}.main-actions button:hover{color:var(--text);background:var(--panel-raised)}.main-actions .animation-action{color:var(--cyan)}.animated-lesson-badge{color:var(--cyan);letter-spacing:.06em;text-transform:uppercase;background:#24d8ff17;border:1px solid #24d8ff61;border-radius:999px;margin-left:7px;padding:2px 6px;font-size:9px;font-weight:850}.language-select{border:1px solid var(--border);min-width:190px;height:46px;color:var(--cyan);background:#0c1728e6;border-radius:11px;justify-self:center;align-items:center;gap:9px;padding:0 12px;display:flex}.is-light .language-select{background:#fff}.language-select select{color:var(--text);appearance:none;cursor:pointer;background:0 0;border:0;outline:none;flex:1;font-weight:650}.language-select option{color:#0d1a2b;background:#fff}.utility-actions{justify-self:end;gap:10px;display:flex}.public-access-badge{color:#06271f;background:linear-gradient(135deg,#37e4bf,#15b892);border:1px solid #15977b;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:5px 13px;display:inline-flex;box-shadow:0 8px 22px #15b89233}.public-access-badge>span{line-height:1.05;display:grid}.public-access-badge strong{font-size:12px}.public-access-badge small{margin-top:3px;font-size:10px;font-weight:750}.pro-purchase-button{color:#241400;cursor:pointer;background:linear-gradient(135deg,#ffcf6a,#e69a1f);border:1px solid #d18a13;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:5px 13px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 22px #da911838}.pro-purchase-button:hover{transform:translateY(-1px);box-shadow:0 10px 28px #da911852}.pro-purchase-button>span{line-height:1.05;display:grid}.pro-purchase-button strong{font-size:12px}.pro-purchase-button small{margin-top:3px;font-size:10px;font-weight:750}.pro-purchase-button.is-active{background:linear-gradient(135deg,#37e4bf,#15b892);border-color:#15977b}.account-button{border:1px solid var(--border);min-height:42px;color:var(--text-soft);cursor:pointer;background:#0c1728d6;border-radius:10px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:750;display:inline-flex}.is-light .account-button{background:#fff}.account-button:hover{border-color:var(--cyan);color:var(--cyan)}.account-button.is-signed-in{color:var(--teal);border-color:#22e6c380}.theme-toggle{border:1px solid var(--border);min-width:92px;height:42px;color:var(--amber);cursor:pointer;background:#0c1728d6;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-size:13px;font-weight:750;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.is-light .theme-toggle{color:#a45e00;background:#fff}.theme-toggle:hover{border-color:var(--amber);background:var(--panel-raised);transform:translateY(-1px)}.icon-button{border:1px solid var(--border);width:42px;height:42px;color:var(--text-soft);cursor:pointer;background:#0c1728d6;border-radius:10px;place-items:center;transition:transform .15s,border-color .15s,color .15s,background .15s;display:inline-grid}.is-light .icon-button{background:#fff}.icon-button:hover{border-color:var(--cyan);color:var(--cyan);background:var(--panel-raised);transform:translateY(-1px)}.mobile-panel-tabs{display:none}.pro-library-banner{background:linear-gradient(120deg,#ffb84d24,#24d8ff12);border:1px solid #e69a1f85;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-bottom:16px;padding:14px 16px;display:grid}.pro-library-icon{width:43px;height:43px;color:var(--amber);background:#ffb84d21;border-radius:12px;place-items:center;display:grid}.pro-library-banner>div:nth-child(2){gap:3px;display:grid}.pro-library-banner span{color:var(--amber);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.pro-library-banner strong{font-size:14px}.pro-library-banner small{color:var(--muted);font-size:12px}.pro-library-banner>button,.library-pro-active{background:var(--amber);color:#271500;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:6px;min-height:39px;padding:0 14px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.library-pro-active{color:var(--teal);cursor:default;background:#22e6c324}.track-grid button.locked,.curriculum-grid button.locked{background:linear-gradient(135deg, var(--panel-soft), #ffb84d0f);border-color:#b56b0042}.track-grid button.locked{color:var(--muted)}.track-grid button.locked small{color:var(--amber);align-items:center;gap:4px;display:inline-flex}.curriculum-grid button.locked>svg{color:var(--amber)}.upgrade-view{gap:18px;display:grid}.upgrade-hero{background:linear-gradient(125deg,#ffb84d26,#24d8ff12);border:1px solid #ffb84d70;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:20px;display:flex}.upgrade-hero>div{gap:7px;display:grid}.upgrade-hero span{color:var(--amber);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.upgrade-hero h3{margin:0;font-size:22px;line-height:1.2}.upgrade-hero p{color:var(--text-soft);margin:0;font-size:13px}.upgrade-hero>strong{color:var(--amber);white-space:nowrap;font-size:35px}.upgrade-hero>strong small{color:var(--muted);font-size:12px}.plan-comparison{grid-template-columns:1fr 1fr;gap:12px;display:grid}.plan-comparison article{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:13px;padding:17px}.plan-comparison article.pro-plan{box-shadow:inset 0 3px 0 var(--amber);border-color:#ffb84d75}.plan-comparison article>span{color:var(--cyan);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.plan-comparison article.pro-plan>span{color:var(--amber)}.plan-comparison h3{margin:7px 0 12px;font-size:16px}.plan-comparison ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.plan-comparison li{color:var(--text-soft);align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;display:flex}.plan-comparison li svg{color:var(--teal);flex:none;margin-top:1px}.upgrade-actions{gap:10px;display:flex}.upgrade-primary,.upgrade-secondary{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 16px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.upgrade-primary{background:var(--amber);color:#271500}.upgrade-secondary{border:1px solid var(--border);background:var(--panel-soft);color:var(--text);cursor:pointer}.activation-note{color:var(--muted);align-items:flex-start;gap:7px;margin:0;font-size:12px;line-height:1.45;display:flex}.coupon-card{background:#24d8ff0d;border:1px dashed #24d8ff7a;border-radius:12px;grid-template-columns:1fr minmax(280px,.8fr);align-items:center;gap:14px;padding:15px;display:grid}.coupon-card>div{gap:4px;display:grid}.coupon-card>div>span{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.coupon-card h3{margin:0;font-size:14px}.coupon-card>div>p{color:var(--muted);margin:0;font-size:11px}.coupon-card form{grid-template-columns:1fr auto;gap:7px;display:grid}.coupon-card input{border:1px solid var(--border);background:var(--panel-soft);min-width:0;height:41px;color:var(--text);text-transform:uppercase;border-radius:9px;padding:0 11px}.coupon-card button{background:var(--cyan);color:#03131d;cursor:pointer;border:0;border-radius:9px;min-height:41px;padding:0 13px;font-size:11px;font-weight:850}.coupon-error{color:var(--red);grid-column:1/-1;align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.pro-active-card{color:var(--teal);background:#22e6c314;border:1px solid #22e6c366;border-radius:14px;gap:16px;padding:22px;display:flex}.pro-active-card div{color:var(--text)}.pro-active-card span{color:var(--teal);text-transform:uppercase;font-size:11px;font-weight:800}.pro-active-card h3{margin:5px 0 7px;font-size:20px}.pro-active-card p{color:var(--text-soft);margin:0;font-size:13px}.account-view{gap:16px;width:min(620px,100%);margin:0 auto;display:grid}.account-summary{border:1px solid var(--border);background:var(--panel-soft);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px;display:grid}.account-avatar,.auth-icon{width:48px;height:48px;color:var(--cyan);background:#24d8ff14;border:1px solid #24d8ff61;border-radius:13px;place-items:center;display:grid}.account-summary>div{min-width:0}.account-summary>div>span,.auth-hero>div>span{color:var(--cyan);letter-spacing:.11em;text-transform:uppercase;font-size:10px;font-weight:850}.account-summary h3{overflow-wrap:anywhere;margin:5px 0 6px;font-size:17px}.account-summary p{color:var(--text-soft);margin:0;font-size:12px;line-height:1.45}.account-summary>strong{border:1px solid var(--border);color:var(--muted);border-radius:7px;padding:6px 8px;font-size:10px}.account-summary>strong.is-pro{color:var(--teal);background:#22e6c314;border-color:#22e6c380}.account-actions{gap:10px;display:flex}.auth-hero{background:linear-gradient(125deg,#24d8ff1a,#22e6c30d);border:1px solid #24d8ff52;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex}.auth-hero h3{margin:5px 0;font-size:20px}.auth-hero p{color:var(--text-soft);margin:0;font-size:12px;line-height:1.45}.auth-mode-switch{border:1px solid var(--border);background:var(--panel-soft);border-radius:11px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.auth-mode-switch button{min-height:39px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:12px;font-weight:800}.auth-mode-switch button.active{background:var(--panel-raised);color:var(--cyan);box-shadow:0 4px 14px var(--shadow)}.auth-form{gap:13px;display:grid}.auth-form label{color:var(--text-soft);gap:6px;font-size:11px;font-weight:800;display:grid}.auth-form label>div{border:1px solid var(--border);background:var(--panel-soft);min-height:46px;color:var(--muted);border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.auth-form label>div:focus-within{border-color:var(--cyan);box-shadow:0 0 0 2px #24d8ff1a}.auth-form input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.auth-form input::placeholder{color:var(--muted)}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10a9d2,#087fb7);border:0;border-radius:10px;min-height:46px;font-size:13px;font-weight:850;box-shadow:0 9px 22px #087fb73d}.auth-feedback{border:1px solid;border-radius:9px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.auth-feedback.error{color:var(--red);background:#ff6b7a14;border-color:#ff6b7a6b}.auth-feedback.success{color:var(--teal);background:#22e6c314;border-color:#22e6c36b}.auth-links{justify-content:center;display:flex}.auth-links button{color:var(--cyan);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:750}.auth-security{color:var(--muted);text-align:center;justify-content:center;align-items:flex-start;gap:7px;margin:0;padding-top:2px;font-size:11px;line-height:1.45;display:flex}.admin-shell{color:#122943;min-height:100vh;font-family:var(--font-geist-sans), Inter, sans-serif;background:#edf4fa;grid-template-columns:252px minmax(0,1fr);display:grid}.admin-sidebar{color:#e9f8ff;background:#0a2032;border-right:1px solid #c8d9e7;flex-direction:column;gap:26px;min-height:100vh;padding:24px 16px;display:flex}.admin-brand{color:inherit;grid-template-columns:32px 1fr;align-items:center;column-gap:8px;font-size:12px;font-weight:750;text-decoration:none;display:grid}.admin-brand img{object-fit:contain;grid-row:1/span 2;width:32px;height:32px}.admin-brand span{color:#46d8f4;letter-spacing:-.04em;font-size:23px;font-weight:900}.admin-sidebar nav{gap:6px;display:grid}.admin-sidebar nav button{color:#afc5d5;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;min-height:43px;padding:0 12px;font-size:13px;font-weight:750;display:flex}.admin-sidebar nav button:hover{color:#fff;background:#46d8f414}.admin-sidebar nav button.active{color:#fff;background:#46d8f421;border-color:#46d8f440}.admin-sidebar nav button.active svg{color:#46d8f4}.admin-sidebar-footer{background:#ffffff09;border:1px solid #ffffff1a;border-radius:10px;gap:5px;margin-top:auto;padding:14px;display:grid}.admin-sidebar-footer span{color:#7fa0b5;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.admin-sidebar-footer strong{text-overflow:ellipsis;font-size:12px;overflow:hidden}.admin-sidebar-footer button{color:#9cb7c8;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:8px;padding:0;font-size:12px;display:flex}.admin-content{width:100%;max-width:1320px;margin:0 auto;padding:30px 34px 60px}.admin-content-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.admin-content-header h1{letter-spacing:-.025em;margin:5px 0 0;font-size:29px;line-height:1.1}.admin-content-header>a{color:#183d59;background:#fff;border:1px solid #b7cbdc;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:800;text-decoration:none}.admin-eyebrow{color:#007d9e;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:10px;font-weight:850}.admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.admin-stat-grid article{background:#fff;border:1px solid #c7d8e6;border-radius:13px;gap:5px;padding:18px;display:grid;box-shadow:0 8px 24px #1a435e0f}.admin-stat-grid article>span{color:#607990;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:750}.admin-stat-grid article>strong{color:#0b7795;letter-spacing:-.03em;font-size:27px}.admin-stat-grid article>small{color:#73899d;font-size:11px}.admin-panel{background:#fff;border:1px solid #c7d8e6;border-radius:14px;margin-bottom:16px;padding:21px;box-shadow:0 8px 24px #1a435e0d}.admin-panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px;display:flex}.admin-panel-heading h2{margin:5px 0 0;font-size:19px}.admin-panel-heading>span{color:#007d9e;background:#eaf8fb;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.admin-panel-intro{color:#61798d;max-width:920px;margin:-5px 0 16px;font-size:12px;line-height:1.65}.admin-quick-guide>div{align-items:center;gap:10px;display:flex}.admin-quick-guide>div svg{color:#0089aa}.admin-quick-guide h2{margin:0;font-size:18px}.admin-quick-guide>p{color:#5e758a;max-width:880px;margin:13px 0 0;font-size:13px;line-height:1.6}.admin-quick-guide blockquote{color:#31546c;background:#effbfe;border-left:3px solid #07a6c5;margin:16px 0 0;padding:13px 15px}.admin-form{gap:14px;display:grid}.admin-form-row{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end}.admin-form label{color:#516b80;gap:6px;font-size:11px;font-weight:800;display:grid}.admin-form input,.admin-form select,.admin-form textarea,.admin-login-card input{color:#132f45;width:100%;font:inherit;background:#fff;border:1px solid #b9cddd;border-radius:8px;outline:none}.admin-form input,.admin-form select,.admin-login-card input{height:42px;padding:0 11px}.admin-form textarea{resize:vertical;padding:10px 11px;line-height:1.5}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.admin-login-card input:focus{border-color:#0ea3c3;box-shadow:0 0 0 3px #0ea3c31f}.admin-form button,.admin-primary,.admin-login-card form button{color:#fff;cursor:pointer;background:#0787a6;border:0;border-radius:8px;min-height:42px;padding:0 16px;font-size:12px;font-weight:850}.admin-form button:disabled,.admin-primary:disabled{opacity:.55;cursor:wait}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.admin-settings-form{max-width:880px}.admin-note{color:#765821;background:#fffaf0;border:1px solid #ead19d;border-radius:9px;align-items:flex-start;gap:8px;margin:0;padding:11px 13px;font-size:11px;line-height:1.5;display:flex}.admin-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.admin-code-grid textarea{color:#d7eff9;tab-size:4;background:#0a1e2e;min-height:230px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.admin-form-section{background:#f8fbfd;border:1px solid #cfdee9;border-radius:12px;gap:14px;padding:17px;display:grid}.admin-form-section-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.admin-form-section-heading>div{gap:4px;display:grid}.admin-form-section-heading strong{color:#173d57;font-size:14px}.admin-form-section-heading span{color:#6d8395;font-size:11px;line-height:1.45}.admin-form-section-heading>b{color:#08735f;letter-spacing:.05em;text-transform:uppercase;background:#e8f8f3;border-radius:999px;flex:none;padding:5px 8px;font-size:9px}.admin-override-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.admin-override-grid>article{background:#fff;border:1px solid #c8dbe8;border-radius:11px;gap:12px;min-width:0;padding:15px;display:grid}.admin-override-grid>article.has-custom{border-color:#65c8b1;box-shadow:inset 0 0 0 1px #0991741a}.admin-override-grid>article>div:first-child{gap:4px;display:grid}.admin-override-grid>article>div:first-child>span{color:#687f91;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:850}.admin-override-grid>article>div:first-child>strong{color:#0d6680;font-size:13px}.admin-override-grid>article>div:first-child>small{color:#74899a;font-size:10px;line-height:1.5}.admin-override-grid .admin-file-input{grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:94px;padding:12px;display:grid!important}.admin-override-grid .admin-file-input>span{color:#205c77;font-size:11px}.admin-override-grid .admin-file-input input{grid-column:1/-1}.admin-override-actions{flex-wrap:wrap;gap:7px;display:flex}.admin-override-actions button{color:#31576e;background:#fff;border:1px solid #b9cddd;min-height:35px;padding:0 11px}.admin-form-actions{gap:9px;display:flex}.admin-form-actions button:not(.admin-primary){color:#34566d;background:#fff;border:1px solid #b9cddd}.admin-bulk-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;display:grid}.admin-bulk-toolbar>div{grid-template-columns:1fr;gap:8px;display:grid}.admin-bulk-toolbar button,.admin-bulk-import>.admin-form-actions button{color:#31576e;cursor:pointer;background:#fff;border:1px solid #b9cddd;border-radius:8px;min-height:40px;padding:0 13px;font-size:11px;font-weight:800}.admin-bulk-import>.admin-form-actions button.admin-primary{color:#fff;background:#0787a6;border-color:#0787a6}.admin-bulk-import>.admin-form-actions button:disabled{opacity:.5;cursor:not-allowed}.admin-bulk-summary{background:#f7fbfd;border:1px solid #c7dce7;border-radius:10px;align-items:center;gap:12px;margin-top:15px;padding:11px 13px;display:flex}.admin-bulk-summary strong{color:#173d57;margin-right:auto;font-size:12px}.admin-bulk-summary span{color:#08735f;background:#e8f8f3;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.admin-bulk-summary span.rejected{color:#9b3546;background:#fff0f2}.admin-validation-list{gap:7px;max-height:330px;margin:11px 0;display:grid;overflow:auto}.admin-validation-list article{color:#08735f;background:#f3fbf8;border:1px solid #c7dfd7;border-radius:9px;align-items:flex-start;gap:9px;padding:10px 12px;display:flex}.admin-validation-list article.invalid{color:#9b3546;background:#fff7f8;border-color:#e5bdc3}.admin-validation-list article>div{gap:3px;display:grid}.admin-validation-list strong{color:#173d57;font-size:11px}.admin-validation-list small{color:inherit;font-size:10px;line-height:1.45}.admin-single-validation{color:#08735f;background:#eefbf7;border:1px solid #8fd1c1;border-radius:10px;align-items:flex-start;gap:9px;padding:12px 14px;display:flex}.admin-single-validation>div{gap:4px;display:grid}.admin-single-validation strong{color:#125341;font-size:12px}.admin-single-validation span{font-size:10px;line-height:1.55}.admin-system-design-form{background:linear-gradient(145deg,#f5fbff,#fbf8ff);border-color:#b9d6e8}.admin-data-list{gap:8px;display:grid}.admin-data-list article{border:1px solid #d3e0ea;border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:12px 13px;display:grid}.admin-data-list article>div{gap:3px;min-width:0;display:grid}.admin-data-list article strong{overflow-wrap:anywhere;font-size:13px}.admin-data-list article span,.admin-data-list article small{color:#6c8396;font-size:11px}.admin-data-list article b{color:#b44c5e;text-transform:capitalize;font-size:11px}.admin-data-list article b.active{color:#008a72}.admin-data-list article button{color:#31576e;cursor:pointer;background:#fff;border:1px solid #b9cddd;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:33px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.admin-data-list article button.danger{color:#a33446;background:#fff7f8;border-color:#e4b8bf}.admin-inline-actions{grid-auto-flow:column;gap:6px!important;display:flex!important}.admin-empty{color:#73899d;text-align:center;margin:0;padding:22px;font-size:12px}.admin-feedback{border:1px solid;border-radius:9px;align-items:flex-start;gap:8px;margin:0 0 15px;padding:11px 13px;font-size:12px;line-height:1.45;display:flex}.admin-feedback.error{color:#a33244;background:#fff6f7;border-color:#e2b1b9}.admin-feedback.success{color:#08735f;background:#f1fcf8;border-color:#9ed9cb}.admin-file-input{cursor:pointer;background:#f1fbfe;border:1px dashed #8dbbd0;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;min-height:78px;padding:16px;color:#315f77!important;display:flex!important}.admin-file-input input{background:#fff;grid-column:1/-1;height:auto;padding:8px}.admin-center{text-align:center;grid-template-columns:1fr;align-content:center;place-items:center;gap:12px}.admin-center h1{font-size:18px}.admin-loader{border:3px solid #c7dce8;border-top-color:#008dab;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.admin-login{background:radial-gradient(circle at 50% 10%,#d7f4fa,#edf4fa 45%);grid-template-columns:1fr;place-items:center;padding:32px}.admin-login>section{gap:18px;width:min(100%,460px);display:grid}.admin-login .admin-brand{color:#12324a;text-align:left;width:fit-content;margin:0 auto}.admin-login-card{text-align:center;background:#fff;border:1px solid #bed3e1;border-radius:18px;padding:28px;box-shadow:0 24px 70px #13405b21}.admin-login-icon{color:#037f9f;background:#e8f9fc;border-radius:15px;place-items:center;width:54px;height:54px;margin:0 auto 15px;display:grid}.admin-login-card h1{margin:6px 0 8px;font-size:27px}.admin-login-card>p:not(.admin-eyebrow){color:#60798d;margin:0 0 20px;font-size:13px;line-height:1.55}.admin-login-card form{text-align:left;gap:13px;display:grid}.admin-login-card label{color:#526c80;gap:6px;font-size:11px;font-weight:800;display:grid}.admin-login-card .admin-feedback{margin:0}.admin-login-card>a{color:#087f9d;margin-top:16px;font-size:12px;display:inline-block}.workspace-grid{grid-row:2;grid-template-columns:minmax(330px,32fr) minmax(430px,40fr) minmax(300px,28fr);gap:12px;min-height:0;display:grid}.panel{border:1px solid var(--border);min-width:0;min-height:0;box-shadow:0 16px 40px var(--shadow);background:#091220f0;border-radius:12px;overflow:hidden}.is-light .panel{background:#f9fcfff5}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;height:64px;padding:0 18px;display:flex}.panel-header h1,.panel-header h2,.inspector-heading h2{letter-spacing:-.02em;margin:1px 0 0;font-size:20px;line-height:1.2}.panel-kicker,.eyebrow{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:750}.panel-tools{align-items:center;gap:8px;display:flex}.panel-tools>button:not(.icon-button),.upload-button{border:1px solid var(--border-soft);background:var(--panel-soft);min-height:32px;color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.panel-tools>button:hover,.panel-tools>button.active,.upload-button:hover{color:var(--cyan);border-color:var(--cyan)}.upload-button input{display:none}.editor-panel{grid-template-rows:64px minmax(0,1fr) auto 46px;display:grid}.practice-banner{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#24d8ff17,#22e6c309);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:10px 14px;display:grid}.practice-banner>div{gap:3px;min-width:0;display:grid}.practice-banner>div span{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:750}.practice-banner>div strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.practice-banner button{background:var(--panel-raised);min-width:126px;min-height:44px;color:var(--text);text-align:left;cursor:pointer;border:1px solid #24d8ff59;border-radius:9px;gap:1px;padding:6px 10px;display:grid}.practice-banner button span{color:var(--cyan);font:750 12px JetBrains Mono,Consolas,monospace}.practice-banner button small{color:var(--muted);font-size:9px}.editor-wrap{background:#07111f;min-height:0}.is-light .editor-wrap{background:#fff}.editor-wrap .monaco-editor,.editor-wrap .monaco-editor .margin,.editor-wrap .monaco-editor-background{background-color:#0000!important}.executing-line{border-top:1px solid #24d8ff29;border-bottom:1px solid #24d8ff29;background:#24d8ff1b!important}.execution-glyph{background-color:var(--cyan);clip-path:polygon(12% 0,100% 50%,12% 100%);margin-top:5px;margin-left:8px;width:9px!important;height:14px!important}.breakpoint-glyph{background:var(--red);border-radius:50%;margin:6px 0 0 8px;box-shadow:0 0 0 3px #ff6b7a29;width:10px!important;height:10px!important}.input-drawer{border-top:1px solid var(--border);background:var(--panel-soft);gap:8px;padding:12px 14px;animation:.18s both drawer-in;display:grid}.input-drawer label{color:var(--text-soft);font-size:12px;font-weight:700}.input-drawer textarea{resize:vertical;width:100%;min-height:58px;max-height:120px;color:var(--text);background:var(--bg-deep);border:1px solid var(--border);border-radius:8px;padding:9px;font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.input-preview{color:var(--muted);gap:8px;font-size:11px;display:flex}.input-preview span{color:var(--teal);text-transform:uppercase;font-weight:750}.input-preview code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel-statusbar{border-top:1px solid var(--border);min-height:46px;color:var(--text-soft);align-items:center;gap:26px;padding:0 16px;font-size:12px;display:flex}.panel-statusbar>span{align-items:center;gap:7px;display:inline-flex}.panel-statusbar>span:first-child svg{color:var(--cyan)}.ready-status i{background:var(--teal);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #22e6c399}.editor-hint{color:var(--muted);margin-left:auto}.flow-panel{grid-template-rows:64px minmax(0,1fr) auto;display:grid}.trace-state{color:var(--teal);background:#22e6c312;border:1px solid #22e6c34d;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.trace-state.false{color:var(--amber);background:#ffb84d14;border-color:#ffb84d66}.flow-panel .panel-tools .icon-button{width:34px;height:34px}.flow-canvas{background-color:#040c1794;min-height:0;position:relative}.is-light .flow-canvas{background:#eff7fca6}.react-flow__pane{cursor:grab}.react-flow__node{font-family:inherit}.react-flow__controls{overflow:hidden;border:1px solid var(--border)!important;box-shadow:none!important;border-radius:8px!important}.react-flow__controls-button{background:var(--panel-raised)!important;border-color:var(--border)!important;fill:var(--text-soft)!important}.react-flow__minimap{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel-soft)!important;width:108px!important;height:74px!important;inset:12px auto auto 12px!important}.flow-node{color:#c6d5e7;background:#101d31;border:1px solid #35506f;border-radius:10px;width:220px;min-height:48px;padding:8px 12px 6px;transition:border-color .18s,box-shadow .18s,color .18s,transform .18s;box-shadow:0 8px 20px #0000003d}.is-light .flow-node{color:#1b3550;background:#fff}.flow-node--start,.flow-node--end{border-radius:999px}.flow-node--input,.flow-node--output{transform:skew(-9deg)}.flow-node--input .flow-node__inner,.flow-node--input .node-meta,.flow-node--output .flow-node__inner,.flow-node--output .node-meta{transform:skew(9deg)}.flow-node--condition{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:0;align-items:center;min-height:82px;padding:16px 33px 12px;display:grid}.flow-node--function{border-left:4px double #526e91;border-right:4px double #526e91}.flow-node.is-complete{border-color:var(--teal);color:var(--text)}.flow-node.is-active{border-color:var(--cyan);color:#fff;transform:scale(1.035);box-shadow:0 0 0 2px #24d8ff2e,0 0 24px #24d8ff94}.flow-node--input.is-active,.flow-node--output.is-active{transform:skew(-9deg)scale(1.035)}.flow-node.is-selected{outline:1px solid var(--amber);outline-offset:3px}.flow-node__inner{text-align:center;justify-content:center;align-items:center;gap:8px;min-height:23px;font-family:JetBrains Mono,Consolas,monospace;font-size:14px;display:flex}.node-check{background:var(--teal);color:#06221d;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:12px;right:-23px}.node-pulse{border:3px solid var(--amber);border-radius:50%;width:24px;height:24px;animation:.95s ease-in-out infinite runtime-pulse;position:absolute;top:10px;right:-27px;box-shadow:0 0 0 5px #ffb84d1f,0 0 18px #ffb84dbf}.node-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-top:3px;font-size:8px;display:flex}.flow-handle{background:0 0!important;border:0!important;width:6px!important;height:6px!important}.flow-handle--loop{left:-5px!important}.iteration-badge{z-index:5;color:var(--amber);background:#0c131eeb;border:1px solid #ffb84d85;border-radius:8px;padding:7px 10px 7px 30px;font:700 11px JetBrains Mono,Consolas,monospace;position:absolute;top:18px;right:18px;box-shadow:0 8px 24px #0000003d}.iteration-orbit{background:var(--amber);width:9px;height:9px;box-shadow:0 0 10px var(--amber);border-radius:50%;position:absolute;top:10px;left:10px}.learning-strip{border-top:1px solid var(--border);background:var(--panel-soft);grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:78px;padding:11px 14px;display:grid}.learning-strip>svg{color:var(--amber)}.learning-strip p{gap:2px;min-width:0;margin:0;display:grid}.learning-strip strong{color:var(--amber);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.learning-strip span{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.learning-strip button{border:1px solid var(--border);color:var(--cyan);background:var(--panel-raised);cursor:pointer;border-radius:7px;padding:7px 9px;font-size:10px}.inspector-panel{grid-template-rows:52px minmax(0,1fr);display:grid}.inspector-tabs{border-bottom:1px solid var(--border);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.inspector-tabs.has-practice-tab{grid-template-columns:repeat(8,minmax(0,1fr))}.inspector-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;gap:1px;padding:5px 2px;font-size:9px;display:grid;position:relative}.inspector-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:16%;right:16%}.inspector-tabs button.active{color:var(--text)}.inspector-tabs button.active:after{background:var(--cyan);box-shadow:0 0 10px #24d8ff80}.inspector-body{scrollbar-color:var(--border) transparent;min-height:0;overflow:auto}.practice-view{min-height:100%;padding:0 14px 18px}.practice-heading{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:10px;min-height:74px;display:flex}.practice-heading>div{min-width:0}.practice-heading h2{white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:17px;overflow:hidden}.practice-heading>span{border:1px solid var(--border);color:var(--teal);background:var(--panel-soft);text-transform:uppercase;border-radius:999px;flex:none;padding:5px 8px;font-size:10px;font-weight:750}.problem-brief,.attempt-gate,.practice-checks,.first-wrong-card,.guidance-card{border:1px solid var(--border);background:var(--panel-soft);border-radius:11px;margin-top:12px;padding:13px}.problem-brief{background:linear-gradient(145deg, #24d8ff0e, var(--panel-soft) 52%);border-color:#24d8ff57}.problem-brief h3,.practice-section-heading h3{color:var(--text);margin:0;font-size:13px}.problem-brief>h3{margin-top:7px;font-size:15px;line-height:1.55}.problem-story-explanation{color:var(--text-soft);background:#f4a62314;border-radius:8px;margin:10px 0 0;padding:9px 10px;font-size:11px;line-height:1.55}.problem-story-explanation strong{color:var(--amber)}.problem-label{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.problem-requirements{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 8px;display:grid}.problem-requirements>div{border:1px solid var(--border-soft);background:var(--panel-raised);border-radius:8px;padding:9px}.problem-requirements span,.problem-constraints>strong{color:var(--amber);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}.problem-requirements p{color:var(--text-soft);margin:5px 0 0;font-size:11px;line-height:1.5}.problem-constraints{border-left:3px solid var(--teal);background:#22e6c30b;border-radius:7px;margin-bottom:10px;padding:9px 10px}.problem-constraints ol{color:var(--text-soft);margin:7px 0 0;padding-left:18px;font-size:10px;line-height:1.55}.problem-check-note{color:var(--text-soft);margin:10px 0 0;font-size:11px;line-height:1.55}.sample-cases{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sample-cases>div{border:1px solid var(--border-soft);background:var(--panel-raised);border-radius:8px;gap:5px;min-width:0;padding:9px;display:grid}.sample-cases span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:750}.sample-cases code{color:var(--cyan);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.problem-test-cases{gap:7px;margin-top:10px;display:grid}.problem-test-cases>strong{color:var(--teal);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}.problem-test-cases>div{border:1px solid var(--border-soft);background:var(--panel-raised);border-radius:8px;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:start;gap:8px;padding:8px 9px;display:grid}.problem-test-cases span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:750}.problem-test-cases code{color:var(--cyan);white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.45}.system-design-brief{background:linear-gradient(145deg,#24d8ff0f,#7e70db14);border:1px solid #7e70db59;border-radius:10px;gap:12px;margin-top:12px;padding:12px;display:grid}.system-design-brief>header{gap:7px;display:grid}.system-design-brief>header>div{gap:3px;display:grid}.system-design-brief>header span,.system-design-requirements>strong,.system-design-tradeoffs>strong{color:var(--violet);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:850}.system-design-brief>header strong{color:var(--text);font-size:13px}.system-design-brief>header b{border:1px solid var(--border-soft);color:var(--text-soft);background:var(--panel-raised);border-radius:8px;padding:8px 9px;font-size:10px;line-height:1.5}.system-design-requirements ul{color:var(--text-soft);gap:5px;margin:7px 0 0;padding-left:17px;font-size:10px;line-height:1.5;display:grid}.system-component-path{align-items:stretch;gap:6px;padding-bottom:3px;display:flex;overflow-x:auto}.system-component-path>div{flex:none;align-items:center;gap:5px;display:flex}.system-component-path>div>svg{color:var(--cyan)}.system-component-path article{border:1px solid var(--border-soft);background:var(--panel-raised);border-radius:9px;align-items:flex-start;gap:8px;width:154px;min-height:74px;padding:9px;display:flex}.system-component-path article>span{color:#fff;background:linear-gradient(145deg, var(--cyan), var(--violet));border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:9px;font-weight:900;display:grid}.system-component-path p{gap:4px;margin:0;display:grid}.system-component-path p strong{color:var(--text);font-size:10px}.system-component-path p small{color:var(--muted);font-size:9px;line-height:1.45}.system-design-tradeoffs{flex-wrap:wrap;gap:6px;display:flex}.system-design-tradeoffs>strong{width:100%}.system-design-tradeoffs>span{color:var(--amber);background:#dd9a2b14;border:1px solid #dd9a2b59;border-radius:999px;padding:6px 8px;font-size:9px;line-height:1.4}.system-design-guidance{border-left:3px solid var(--teal);color:var(--text-soft);background:#13b79e12;margin:0;padding:9px 10px;font-size:10px;line-height:1.55}.attempt-gate{background:#24d8ff0b;border-color:#24d8ff4d}.attempt-gate header,.practice-section-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.attempt-gate header>div{align-items:center;gap:7px;display:flex}.attempt-gate header strong{font-size:12px}.attempt-gate header>span,.practice-section-heading>span{color:var(--cyan);font:700 10px JetBrains Mono,Consolas,monospace}.attempt-dots{grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0 9px;display:grid}.attempt-dots i{background:var(--border);border-radius:999px;height:8px}.attempt-dots i.complete{background:linear-gradient(90deg, var(--cyan), var(--teal));box-shadow:0 0 8px #24d8ff40}.attempt-gate>p,.guidance-intro{color:var(--text-soft);margin:0;font-size:11px;line-height:1.5}.practice-checks{gap:8px;display:grid}.practice-checks>div:not(.practice-section-heading){background:#ff6b7a09;border:1px solid #ff6b7a3d;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:9px;min-height:48px;padding:7px 8px;display:grid}.practice-checks>div.passed{background:#22e6c30a;border-color:#22e6c347}.practice-checks>div>span{width:25px;height:25px;color:var(--red);background:#ff6b7a1a;border-radius:50%;place-items:center;display:grid}.practice-checks>div.passed>span,.practice-empty-feedback>svg{color:var(--teal);background:#22e6c31a}.practice-checks p{gap:2px;margin:0;display:grid}.practice-checks p strong{font-size:11px}.practice-checks p small{color:var(--muted);font-size:10px;line-height:1.4}.practice-checks>.practice-empty-feedback{border-color:var(--border-soft);background:var(--panel-raised)}.practice-empty-feedback>svg{border-radius:50%;width:28px;height:28px;padding:5px}.first-wrong-card{background:linear-gradient(145deg, #ff6b7a0e, var(--panel-soft) 48%);border-color:#ff6b7a57;gap:10px;display:grid;overflow:hidden}.first-wrong-card.found .practice-section-heading>span{color:var(--red)}.first-wrong-card.resolved{background:linear-gradient(145deg, #22e6c30f, var(--panel-soft) 48%);border-color:#22e6c357}.first-wrong-card.resolved .practice-section-heading>span{color:var(--teal)}.first-wrong-purpose{border:1px solid var(--border-soft);background:var(--panel-raised);border-radius:9px;padding:10px}.first-wrong-purpose>strong,.first-wrong-action>strong{color:var(--text);font-size:12px}.first-wrong-purpose>p,.first-wrong-action>p{color:var(--text-soft);margin:5px 0 0;font-size:10px;line-height:1.55}.first-wrong-purpose>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px;display:grid}.first-wrong-purpose>div span{background:var(--panel-soft);color:var(--muted);border-radius:6px;align-items:center;gap:5px;padding:6px;font-size:9px;display:flex}.first-wrong-purpose b{width:17px;height:17px;color:var(--cyan);background:#24d8ff1f;border-radius:50%;place-items:center;font-size:8px;display:grid}.first-wrong-loading,.first-wrong-error,.first-wrong-success,.first-wrong-empty{border:1px solid var(--border-soft);background:var(--panel-raised);border-radius:9px;align-items:center;gap:11px;min-height:72px;padding:10px;display:flex}.first-wrong-loading p,.first-wrong-error p,.first-wrong-success p,.first-wrong-empty p{gap:4px;margin:0;display:grid}.first-wrong-loading strong,.first-wrong-error strong,.first-wrong-success strong,.first-wrong-empty strong{color:var(--text);font-size:12px}.first-wrong-loading small,.first-wrong-error small,.first-wrong-success small,.first-wrong-empty small{color:var(--muted);font-size:10px;line-height:1.45}.first-wrong-error>svg{color:var(--red);flex:none}.first-wrong-success>svg{color:var(--teal);flex:none}.first-wrong-empty>svg{color:var(--cyan);flex:none}.first-wrong-spinner{border:2px solid var(--border);border-top-color:var(--cyan);border-radius:50%;flex:none;width:23px;height:23px;animation:.85s linear infinite first-wrong-spin}.first-wrong-summary{border-left:3px solid var(--red);background:#ff6b7a11;border-radius:8px;gap:6px;padding:11px;display:grid}.first-wrong-summary>span{color:var(--red);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:9px;font-weight:850;display:flex}.first-wrong-summary>strong{color:var(--text);font-size:13px;line-height:1.35}.first-wrong-summary>p{color:var(--text-soft);margin:0;font-size:11px;line-height:1.55}.failing-case{background:#ffb84d0a;border:1px solid #ffb84d47;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.failing-case>div{gap:4px;min-width:0;display:grid}.failing-case span{color:var(--amber);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}.failing-case code{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.failing-case>small{color:var(--muted);flex:none;font-size:9px}.wrong-step-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.wrong-step-snapshot{background:var(--panel-raised);border:1px solid #ff6b7a47;border-radius:9px;flex-direction:column;gap:7px;min-width:0;padding:10px;display:flex}.wrong-step-snapshot.expected{border-color:#22e6c34d}.wrong-step-snapshot>header{border-bottom:1px solid var(--border-soft);gap:3px;padding-bottom:7px;display:grid}.wrong-step-snapshot>header span{color:var(--red);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:850}.wrong-step-snapshot.expected>header span{color:var(--teal)}.wrong-step-snapshot>header b{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:650;overflow:hidden}.wrong-step-snapshot>small{color:var(--muted);font-size:9px}.wrong-step-snapshot>strong{color:var(--text);font-size:11px;line-height:1.4}.wrong-step-values{gap:4px;display:grid}.wrong-step-values>div{background:var(--panel-soft);border-radius:6px;justify-content:space-between;gap:7px;min-width:0;padding:5px 6px;font-size:9px;display:flex}.wrong-step-values span{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.wrong-step-values code{color:var(--cyan);text-overflow:ellipsis;overflow:hidden}.wrong-step-snapshot.expected .wrong-step-values code{color:var(--teal)}.wrong-step-condition{color:var(--muted);margin:0;font-size:9px}.wrong-step-condition b{color:var(--amber)}.wrong-step-no-stage{color:var(--muted);margin:0;font-size:10px;line-height:1.4}.wrong-step-output{border-top:1px solid var(--border-soft);gap:3px;margin-top:auto;padding-top:7px;display:grid}.wrong-step-output span{color:var(--muted);text-transform:uppercase;font-size:8px;font-weight:750}.wrong-step-output code{color:var(--red);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.wrong-step-snapshot.expected .wrong-step-output code{color:var(--teal)}.first-wrong-action{border-left:3px solid var(--amber);background:#ffb84d0e;border-radius:8px;padding:10px}.review-wrong-step{border:1px solid var(--cyan);min-height:42px;color:var(--cyan);cursor:pointer;background:#24d8ff14;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:780;display:flex}.guidance-card.locked{border-style:dashed}.guidance-card.unlocked{background:#ffb84d0b;border-color:#ffb84d73}.guidance-card.unlocked .practice-section-heading>span{color:var(--amber)}.guidance-lock{min-height:76px;color:var(--muted);align-items:center;gap:11px;margin-top:10px;display:flex}.guidance-lock>svg{color:var(--muted);flex:none}.guidance-lock p{gap:4px;margin:0;display:grid}.guidance-lock strong{color:var(--text-soft);font-size:12px}.guidance-lock span{font-size:11px;line-height:1.45}.guidance-intro{margin-top:9px}.revealed-hint{border-left:3px solid var(--amber);background:var(--panel-raised);border-radius:7px;margin-top:9px;padding:10px}.revealed-hint span{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.revealed-hint p{color:var(--text-soft);margin:5px 0 0;font-size:11px;line-height:1.52}.guidance-button{border:1px solid var(--amber);width:100%;min-height:42px;color:var(--amber);cursor:pointer;background:#ffb84d1a;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin-top:10px;font-weight:750;display:flex}.reference-code-reveal{border:1px solid var(--border-soft);background:var(--panel-raised);border-radius:9px;gap:9px;margin-top:10px;padding:10px;display:grid}.reference-code-reveal>div{align-items:center;gap:9px;display:flex}.reference-code-reveal svg{color:var(--cyan);flex:none}.reference-code-reveal p{gap:3px;margin:0;display:grid}.reference-code-reveal strong{font-size:11px}.reference-code-reveal span{color:var(--muted);font-size:9px;line-height:1.4}.reference-code-reveal>button{border:1px solid var(--cyan);min-height:36px;color:var(--cyan);cursor:pointer;background:#24d8ff14;border-radius:7px;font-size:10px;font-weight:800}.reference-code-reveal pre{color:#c9f6ff;white-space:pre-wrap;background:#050a13;border-radius:7px;max-height:260px;margin:0;padding:11px;font:10px/1.6 JetBrains Mono,Consolas,monospace;overflow:auto}.reference-code-reveal.waiting{opacity:.72}.practice-safety-note{color:var(--muted);align-items:flex-start;gap:7px;margin:12px 2px 0;font-size:10px;line-height:1.45;display:flex}.practice-safety-note svg{color:var(--teal);flex:none}.complexity-view{min-height:100%;padding-bottom:18px}.complexity-cards{grid-template-columns:1fr 1fr;gap:9px;padding:0 14px;display:grid}.complexity-card{background:#24d8ff0e;border:1px solid #24d8ff59;border-radius:11px;gap:3px;padding:12px;display:grid}.complexity-card.space{background:#ffb84d0e;border-color:#ffb84d66}.complexity-card span,.complexity-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.complexity-card strong{color:var(--cyan);font:800 25px JetBrains Mono,Consolas,monospace}.complexity-card.space strong{color:var(--amber)}.case-grid{border:1px solid var(--border);border-radius:9px;grid-template-columns:repeat(3,1fr);margin:10px 14px;display:grid;overflow:hidden}.case-grid div{border-right:1px solid var(--border);background:var(--panel-soft);place-items:center;gap:3px;padding:9px 5px;display:grid}.case-grid div:last-child{border-right:0}.case-grid span{color:var(--muted);font-size:9px}.case-grid strong{color:var(--text);font:700 13px JetBrains Mono,Consolas,monospace}.operation-meter,.growth-visual,.complexity-explanation{border:1px solid var(--border);background:var(--panel-soft);border-radius:10px;margin:10px 14px;padding:12px}.operation-meter header{color:var(--text-soft);justify-content:space-between;font-size:10px;display:flex}.operation-meter header div{align-items:center;gap:6px;display:flex}.live-dot{background:var(--teal);width:7px;height:7px;box-shadow:0 0 8px var(--teal);border-radius:50%}.operation-meter>div{background:var(--border);border-radius:99px;height:7px;margin:10px 0 7px;overflow:hidden}.operation-meter i{background:linear-gradient(90deg, var(--cyan), var(--teal));height:100%;transition:width .26s;display:block}.operation-meter p{color:var(--muted);margin:0;font-size:9px}.growth-visual h3,.complexity-explanation h3{color:var(--text-soft);margin:0 0 10px;font-size:11px}.growth-bars{border-bottom:1px solid var(--border);justify-content:space-around;align-items:end;gap:8px;height:130px;display:flex}.growth-bars>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:3px;height:120px;display:flex}.growth-bars span{background:linear-gradient(180deg, var(--cyan), #1686b7);border-radius:4px 4px 0 0;width:min(28px,70%);min-height:8px;box-shadow:0 0 12px #24d8ff2e}.growth-bars strong{color:var(--cyan);font:700 9px JetBrains Mono,Consolas,monospace}.growth-bars small{color:var(--muted);font-size:8px}.complexity-explanation{border-left:3px solid var(--cyan)}.complexity-explanation.memory{border-left-color:var(--amber)}.complexity-explanation p{color:var(--text-soft);margin:0;font-size:11px;line-height:1.6}.explanation-view{min-height:100%;padding-bottom:16px}.explanation-progress{z-index:8;border-bottom:1px solid var(--border-soft);background:var(--panel);min-height:47px;padding:10px 14px;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.explanation-progress{background:color-mix(in srgb, var(--panel) 94%, transparent)}}.explanation-progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:10px;display:flex}.explanation-progress>span{align-items:center;gap:7px;display:inline-flex}.follow-dot{background:var(--muted);width:7px;height:7px;box-shadow:0 0 0 3px var(--muted);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.follow-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--muted) 12%, transparent)}}.follow-dot.running{background:var(--teal);animation:.9s ease-in-out infinite follow-pulse;box-shadow:0 0 0 3px #22e6c321,0 0 9px #22e6c3b3}.explanation-progress strong{color:var(--cyan);font:700 10px JetBrains Mono,Consolas,monospace}.program-primer{background:#ffb84d0b;border:1px solid #ffb84d6b;border-radius:12px;margin:14px;overflow:hidden}.lesson-output-review{background:#e65c5c0e;border:1px solid #e65c5c61;border-radius:11px;gap:10px;margin-top:14px;padding:13px;display:grid}.lesson-output-review.correct{background:#1bb58b0f;border-color:#1bb58b61}.lesson-output-review-heading{justify-content:space-between;align-items:start;gap:10px;display:flex}.lesson-output-review-heading div{gap:3px;display:grid}.lesson-output-review-heading span{color:#b74e4e;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.lesson-output-review.correct .lesson-output-review-heading span{color:var(--teal)}.lesson-output-review-heading strong{color:var(--text);font-size:14px}.lesson-output-review-heading small{color:var(--muted);white-space:nowrap;font-size:11px}.lesson-output-review>p{color:var(--text-soft);margin:0;font-size:12px;line-height:1.6}.lesson-output-comparison{grid-template-columns:1fr 1fr;gap:9px;display:grid}.lesson-output-comparison>div{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:8px;gap:5px;padding:9px;display:grid}.lesson-output-comparison span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.lesson-output-comparison code{color:var(--text);white-space:pre-wrap;word-break:break-word;font-size:12px}.lesson-output-review button{border:1px solid var(--border);background:var(--panel);color:var(--cyan);font:inherit;cursor:pointer;border-radius:8px;justify-self:start;align-items:center;gap:7px;padding:8px 10px;font-size:12px;font-weight:700;display:inline-flex}@media (width<=640px){.lesson-output-comparison{grid-template-columns:1fr}}.library-quality-note{color:var(--teal);background:#1bb58b0f;border:1px solid #1bb58b57;border-radius:11px;align-items:flex-start;gap:10px;margin:12px 0;padding:12px 14px;display:flex}.library-quality-note>div{gap:3px;display:grid}.library-quality-note strong{color:var(--text);font-size:13px}.library-quality-note span{color:var(--text-soft);font-size:12px;line-height:1.5}.program-primer-toggle{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.program-primer-toggle>div{gap:4px;min-width:0;display:grid}.program-primer-toggle span{color:var(--amber);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.program-primer-toggle strong{font-size:16px;line-height:1.3}.program-primer-toggle small{color:var(--text-soft);font-size:12px;line-height:1.5}.program-primer-toggle svg{color:var(--amber);flex:none;transition:transform .18s}.program-primer.open .program-primer-toggle svg{transform:rotate(180deg)}.program-primer-body{border-top:1px solid var(--border-soft);padding:0 13px 14px}.primer-purpose,.primer-result{border-left:3px solid var(--amber);background:#ffb84d13;border-radius:8px;margin-top:13px;padding:12px}.primer-purpose span,.primer-result span{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.primer-purpose p,.primer-result p{color:var(--text);margin:5px 0 0;font-size:14px;line-height:1.65}.primer-result{border-left-color:var(--teal);background:#22e6c30f}.primer-result span{color:var(--teal)}.primer-section{margin-top:16px}.primer-section>h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:11px;font-weight:800}.primer-intro{color:var(--text-soft);margin:0 0 9px;font-size:12px;line-height:1.55}.primer-intro code{color:var(--cyan)}.primer-card-list,.name-dictionary,.primer-lines,.primer-questions{gap:8px;display:grid}.primer-card,.name-dictionary article,.primer-lines article{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:9px;padding:11px}.primer-card>strong{color:var(--cyan);font-size:14px}.primer-card p,.name-dictionary p,.primer-lines p{color:var(--text-soft);margin:5px 0 0;font-size:12px;line-height:1.62}.primer-card small,.name-dictionary small{color:var(--amber);letter-spacing:.07em;text-transform:uppercase;margin-top:9px;font-size:9px;font-weight:800;display:block}.name-dictionary article{border-left:3px solid var(--cyan)}.name-dictionary header{align-items:center;gap:8px;display:flex}.name-dictionary code{color:var(--cyan);font-size:15px;font-weight:800}.name-dictionary header span{color:var(--muted);font-size:10px}.primer-symbols{gap:6px;display:grid}.primer-symbols>div{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:8px;grid-template-columns:minmax(66px,auto) 1fr;align-items:start;gap:9px;padding:9px;display:grid}.primer-symbols code{color:var(--amber);font-size:12px;font-weight:800}.primer-symbols p{gap:3px;margin:0;display:grid}.primer-symbols strong{color:var(--text);font-size:11px}.primer-symbols span{color:var(--text-soft);font-size:11px;line-height:1.5}.primer-lines article{gap:6px;display:grid}.primer-lines article>span{color:var(--amber);text-transform:uppercase;font-size:9px;font-weight:800}.primer-lines article>code{background:var(--bg-deep);color:var(--cyan-soft);white-space:pre-wrap;border-radius:6px;padding:8px;font-size:12px}.primer-lines article>strong{color:var(--text);font-size:12px}.primer-table-wrap{border:1px solid var(--border);border-radius:9px;overflow-x:auto}.primer-table-wrap table{border-collapse:collapse;background:var(--panel-soft);width:100%;min-width:560px;font-size:11px}.primer-table-wrap th,.primer-table-wrap td{border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);text-align:left;white-space:nowrap;padding:8px}.primer-table-wrap th{color:var(--muted);background:var(--panel-raised);text-transform:uppercase;font-size:9px}.primer-table-wrap td{color:var(--text-soft);font-family:JetBrains Mono,Consolas,monospace}.primer-table-wrap td:last-child{color:var(--teal);font-weight:800}.primer-questions details{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:8px;overflow:hidden}.primer-questions summary{color:var(--text);cursor:pointer;padding:10px;font-size:12px;font-weight:700}.primer-questions p{color:var(--text-soft);margin:0;padding:0 10px 11px;font-size:12px;line-height:1.6}.stage-explanation{background:#24d8ff0b;border:1px solid #24d8ff59;border-radius:11px;margin:14px;animation:.22s both explanation-in;overflow:hidden}.stage-explanation>header{border-bottom:1px solid var(--border-soft);align-items:center;gap:11px;min-height:68px;padding:12px 13px;display:flex}.stage-number{border:1px solid var(--cyan);width:36px;height:36px;color:var(--bg-deep);background:var(--cyan);border-radius:50%;flex:none;place-items:center;font:800 13px JetBrains Mono,Consolas,monospace;display:grid;box-shadow:0 0 16px #24d8ff59}.stage-explanation header div{min-width:0}.stage-explanation header small{color:var(--amber);text-transform:uppercase;font:700 9px JetBrains Mono,Consolas,monospace}.stage-explanation h2{white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font:650 14px JetBrains Mono,Consolas,monospace;overflow:hidden}.stage-explanation>p{color:var(--text-soft);margin:0;padding:13px;font-size:12px;line-height:1.62}.beginner-concept-card{background:#ffb84d11;border:1px solid #ffb84d61;border-radius:9px;margin:13px;padding:13px}.beginner-concept-card>span,.current-run-callout>span{color:var(--amber);letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:800}.beginner-concept-card h3{color:var(--text);margin:5px 0 6px;font-size:16px}.beginner-concept-card p,.beginner-section>p,.current-run-callout p,.beginner-two-column p{color:var(--text-soft);margin:0;font-size:13px;line-height:1.65}.beginner-section{border-top:1px solid var(--border-soft);margin:0 13px 13px;padding-top:12px}.beginner-section>h3,.beginner-two-column h3{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:800}.code-reading>code{border:1px solid var(--border);background:var(--bg-deep);color:var(--cyan-soft);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:7px;margin-bottom:10px;padding:10px;font-size:12px;line-height:1.5;display:block;overflow-x:auto}.syntax-breakdown{gap:6px;margin-top:11px;display:grid}.syntax-breakdown>div{border:1px solid var(--border-soft);background:var(--panel-raised);border-radius:7px;grid-template-columns:minmax(54px,auto) 1fr;align-items:center;gap:9px;min-height:42px;padding:7px 8px;display:grid}.syntax-breakdown code{max-width:110px;color:var(--amber);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.syntax-breakdown span{color:var(--text-soft);font-size:11px;line-height:1.45}.computer-actions ol{counter-reset:computer-step;gap:7px;margin:0;padding:0;list-style:none;display:grid}.computer-actions li{counter-increment:computer-step;min-height:36px;color:var(--text-soft);grid-template-columns:26px 1fr;align-items:center;gap:8px;font-size:12px;line-height:1.5;display:grid}.computer-actions li:before{content:counter(computer-step);width:24px;height:24px;color:var(--cyan);background:#24d8ff12;border:1px solid #24d8ff66;border-radius:50%;place-items:center;font:750 10px JetBrains Mono,Consolas,monospace;display:grid}.current-run-callout{border-left:3px solid var(--teal);background:#22e6c30e;border-radius:7px;margin:0 13px 13px;padding:11px}.current-run-callout>span{color:var(--teal)}.current-run-callout p{margin-top:5px}.beginner-two-column{gap:8px;margin:0 13px 13px;display:grid}.beginner-two-column>section{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:8px;padding:11px}.beginner-two-column>section:first-child{border-left:3px solid var(--cyan)}.beginner-two-column>section:last-child{border-left:3px solid var(--red)}.branch-explanation{background:#22e6c30f;border:1px solid #22e6c359;border-radius:8px;gap:3px;margin:0 13px 13px;padding:10px 11px;display:grid}.branch-explanation.false{background:#ffb84d0f;border-color:#ffb84d66}.branch-explanation strong{color:var(--teal);font-size:10px}.branch-explanation.false strong{color:var(--amber)}.branch-explanation span{color:var(--text-soft);font-size:10px}.change-summary,.why-next{border-top:1px solid var(--border-soft);margin:0 13px 13px;padding-top:11px}.change-summary h3,.why-next h3,.history-heading h3{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:9px}.change-summary>div{grid-template-columns:minmax(45px,1fr) auto auto auto;align-items:center;gap:6px;min-height:30px;display:grid}.change-summary code{color:var(--cyan-soft);font-size:10px}.change-summary span{color:var(--muted);font:10px JetBrains Mono,Consolas,monospace;text-decoration:line-through}.change-summary strong{color:var(--amber);font:700 11px JetBrains Mono,Consolas,monospace}.why-next p{color:var(--text-soft);margin:0;font-size:10px;line-height:1.5}.explanation-history{padding:2px 14px 0}.history-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.history-heading span{color:var(--muted);font-size:8px}.history-list{gap:5px;display:grid}.history-list button{border:1px solid var(--border-soft);background:var(--panel-soft);width:100%;min-height:50px;color:var(--text-soft);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:27px minmax(0,1fr);align-items:center;gap:8px;padding:7px 8px;display:grid}.history-list button>span{border:1px solid var(--border);width:25px;height:25px;color:var(--muted);border-radius:50%;place-items:center;font:9px JetBrains Mono,Consolas,monospace;display:grid}.history-list button div{gap:2px;min-width:0;display:grid}.history-list button strong{white-space:nowrap;text-overflow:ellipsis;font:600 10px JetBrains Mono,Consolas,monospace;overflow:hidden}.history-list button small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.35;display:-webkit-box;overflow:hidden}.history-list button.complete{border-color:#22e6c338}.history-list button.active{border-color:var(--cyan);background:#24d8ff14;box-shadow:0 0 14px #24d8ff1f}.history-list button.active>span{color:var(--bg-deep);background:var(--cyan);border-color:var(--cyan)}.history-list button.upcoming{opacity:.55}@keyframes follow-pulse{50%{opacity:.45;transform:scale(.82)}}.inspector-heading{justify-content:space-between;align-items:end;gap:10px;padding:16px 16px 12px;display:flex}.inspector-heading>span{color:var(--muted);font-size:10px}.variable-list{border:1px solid var(--border-soft);border-radius:10px;margin:0 14px;overflow:hidden}.variable-row{border-bottom:1px solid var(--border-soft);background:#0d182a8f;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:3px 10px;min-height:66px;padding:10px 12px;display:grid;position:relative}.is-light .variable-row{background:#ffffffb3}.variable-row:last-child{border-bottom:0}.variable-row.changed{background:#ffb84d12}.variable-row.changed:before{content:"";background:var(--amber);width:2px;box-shadow:0 0 9px var(--amber);animation:.7s both variable-flash;position:absolute;top:8px;bottom:8px;left:0}.variable-row>div{align-items:center;gap:8px;display:flex}.variable-row strong{font:650 14px JetBrains Mono,Consolas,monospace}.variable-row code{color:var(--amber);white-space:nowrap;text-overflow:ellipsis;align-self:center;max-width:145px;font:700 14px JetBrains Mono,Consolas,monospace;overflow:hidden}.variable-row small{color:var(--muted);grid-column:1/-1;font-size:9px}.type-chip{border:1px solid var(--border);color:var(--muted);background:var(--panel-raised);border-radius:5px;padding:2px 5px;font:9px JetBrains Mono,Consolas,monospace}.stack-card{margin:16px 14px}.stack-card header{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.stack-card header>div{align-items:center;gap:7px;display:flex}.stack-card h3{margin:0;font-size:14px}.stack-card header span{color:var(--muted);font-size:9px}.stack-frame{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;justify-content:space-between;align-items:center;height:52px;padding:0 12px;display:flex}.stack-frame span{font:600 12px JetBrains Mono,Consolas,monospace}.stack-frame code{color:var(--muted);font-size:10px}.memory-view,.timeline-view,.output-view{min-height:100%}.execution-summary{background:#ff6b7a0f;border:1px solid #ff6b7a57;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;margin:4px 14px 10px;padding:9px 10px;display:grid}.execution-summary.success{background:#22e6c30f;border-color:#22e6c357}.execution-summary strong{min-width:0;color:var(--red);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.execution-summary.success strong{color:var(--teal)}.execution-summary span{color:var(--muted);white-space:nowrap;font:9px JetBrains Mono,Consolas,monospace}.memory-rail{gap:9px;padding:2px 14px 14px;display:grid}.memory-object{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;grid-template-columns:1fr auto;gap:4px 10px;padding:11px;display:grid}.memory-object .address{color:var(--cyan);grid-column:1/-1;font:9px JetBrains Mono,Consolas,monospace}.memory-object code{color:var(--amber);white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.inspector-note{color:var(--muted);gap:8px;margin:0 14px 18px;font-size:10px;line-height:1.5;display:flex}.inspector-note svg{color:var(--amber);flex:none}.timeline-list{gap:4px;padding:0 10px 14px;display:grid}.timeline-list button{width:100%;color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:28px 1fr;gap:8px;padding:8px;display:grid}.timeline-list button>span{border:1px solid var(--border);width:25px;height:25px;color:var(--muted);border-radius:50%;place-items:center;font-size:9px;display:grid}.timeline-list button div{gap:2px;min-width:0;display:grid}.timeline-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.timeline-list small{color:var(--muted);font-size:9px}.timeline-list button:hover,.timeline-list button.active{border-color:var(--cyan);background:#24d8ff12}.timeline-list button.active>span{background:var(--cyan);color:#031018;border-color:var(--cyan)}.terminal-output{border:1px solid var(--border);background:#030812;border-radius:9px;min-height:210px;margin:4px 14px 12px;padding:14px;font:12px JetBrains Mono,Consolas,monospace}.terminal-output>span{color:var(--teal)}.terminal-output pre{color:#eaf2ff;white-space:pre-wrap;font-size:18px}.terminal-output pre.has-error{color:#ffadb6}.output-actions{gap:8px;padding:0 14px;display:flex}.output-actions button{border:1px solid var(--border);background:var(--panel-raised);color:var(--text-soft);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;display:inline-flex}.transport{border:1px solid var(--border);background:#081221f2;border-radius:12px;grid-row:3;grid-template-columns:auto auto minmax(230px,1fr) auto auto;align-items:center;gap:18px;min-width:0;padding:14px 18px;display:grid;box-shadow:0 -10px 34px #00000038}.is-light .transport{background:#f9fcfff5}.transport-buttons{gap:10px;display:flex}.transport-buttons>button{border:1px solid var(--border);background:var(--panel-raised);min-width:78px;height:82px;color:var(--text-soft);cursor:pointer;border-radius:10px;align-content:center;place-items:center;gap:7px;transition:border-color .15s,color .15s,transform .15s;display:grid}.transport-buttons>button:hover:not(:disabled){border-color:var(--cyan);color:var(--text);transform:translateY(-1px)}.transport-buttons>button span{font-size:13px}.transport-buttons .primary-transport{color:#fff;border-color:var(--cyan);background:#087fb7;min-width:104px;box-shadow:0 0 0 2px #24d8ff24,0 0 22px #24d8ff47}.step-actions{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.step-actions button{border:1px solid var(--border-soft);background:var(--panel-soft);height:33px;color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 8px;font-size:9px;display:flex}.step-actions button:hover{color:var(--cyan);border-color:var(--cyan)}.breakpoint-dot{background:var(--red);border-radius:50%;width:7px;height:7px}.transport-progress{gap:14px;min-width:0;padding:0 12px;display:grid}.step-label{grid-template-columns:auto 1fr;align-items:baseline;gap:10px;display:grid}.step-label strong{font-size:15px}.step-label span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font:10px JetBrains Mono,Consolas,monospace;overflow:hidden}.progress-track input{--progress:0%;appearance:none;background:var(--border);cursor:pointer;border-radius:999px;width:100%;height:5px;margin:0}.progress-track input::-webkit-slider-runnable-track{background-color:var(--border);border-radius:999px;height:5px}.progress-track input::-webkit-slider-thumb{appearance:none;border:3px solid var(--cyan);background:var(--cyan-soft);border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 0 13px #24d8ff94}.progress-track{position:relative}.progress-track:before{content:"";width:var(--progress);background:var(--cyan);pointer-events:none;border-radius:999px;height:5px;position:absolute;top:7px;left:0}.speed-control{color:var(--muted);gap:7px;font-size:10px;display:grid}.speed-control select{border:1px solid var(--border);background:var(--panel-raised);width:86px;height:38px;color:var(--text);border-radius:8px;padding:0 10px}.shortcut-hint{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}kbd{border:1px solid var(--border);background:var(--panel-raised);color:var(--text-soft);border-bottom-width:2px;border-radius:6px;padding:5px 7px;font-family:inherit}.toast{z-index:70;color:var(--teal);background:#081622;border:1px solid #22e6c380;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;animation:.18s both toast-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000059}.modal-backdrop{z-index:100;background:#01050cc7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border);background:var(--panel);border-radius:14px;grid-template-rows:auto minmax(0,1fr);width:min(1080px,100%);max-height:min(820px,100dvh - 48px);animation:.18s both modal-in;display:grid;overflow:hidden;box-shadow:0 28px 80px #0000008f}.modal-card>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:72px;padding:14px 18px;display:flex}.modal-card h2{letter-spacing:-.025em;margin:3px 0 0;font-size:22px}.modal-body{min-height:0;padding:18px;overflow:auto}.modal-intro{color:var(--text-soft);margin:0 0 16px;font-size:13px}.builder-dialog{width:min(1540px,100vw - 28px);height:min(920px,100dvh - 28px);max-height:none}.builder-dialog .modal-body{padding:0;overflow:hidden}.flow-builder{background:var(--panel);grid-template-columns:270px minmax(480px,1fr) minmax(360px,430px);height:100%;min-height:0;display:grid}.builder-palette,.builder-code-pane,.builder-canvas-pane{grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.builder-palette{border-right:1px solid var(--border)}.builder-code-pane{border-left:1px solid var(--border);grid-template-rows:auto auto auto minmax(0,1fr) auto}.builder-canvas-pane{background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.builder-canvas-pane{background:color-mix(in srgb, var(--panel) 90%, var(--cyan) 10%)}}.builder-pane-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:13px 15px;display:flex}.builder-pane-heading>div{gap:4px;min-width:0;display:grid}.builder-pane-heading span{color:var(--cyan);letter-spacing:.12em;font-size:9px;font-weight:850}.builder-pane-heading h3{letter-spacing:-.02em;margin:0;font-size:16px}.builder-pane-heading>strong{border:1px solid var(--border);min-width:34px;height:28px;color:var(--teal);background:var(--panel-raised);border-radius:999px;place-items:center;padding:0 7px;font-size:11px;display:grid}.builder-pane-heading>button{border:1px solid var(--border);background:var(--panel-raised);color:var(--text-soft);cursor:pointer;border-radius:8px;padding:7px 10px;font-size:10px}.builder-category-tabs{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:5px;padding:10px;display:grid}.builder-category-tabs button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:5px 7px;font-size:9px;font-weight:750}.builder-category-tabs button.active{color:var(--cyan);background:#24d8ff14;border-color:#24d8ff57}.builder-block-list{align-content:start;gap:7px;min-height:0;padding:10px;display:grid;overflow-y:auto}.palette-block{border:1px solid var(--border);background:var(--panel-soft);min-height:60px;color:var(--text);text-align:left;cursor:grab;border-radius:9px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:8px 9px;display:grid}.palette-block:hover{border-color:var(--cyan);transform:translateY(-1px)}.palette-block>span:nth-child(2){gap:3px;min-width:0;display:grid}.palette-block strong{font-size:11px}.palette-block small{color:var(--muted);font-size:9px;line-height:1.35}.palette-block>svg{color:var(--muted)}.builder-palette-help{border-top:1px solid var(--border);color:var(--muted);margin:0;padding:10px 12px;font-size:9px;line-height:1.5}.builder-symbol{width:26px;height:19px;color:var(--cyan);background:#24d8ff14;border:2px solid;flex:none;display:inline-block}.builder-symbol.shape-terminator{border-radius:999px}.builder-symbol.shape-process{border-radius:3px}.builder-symbol.shape-input-output{clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}.builder-symbol.shape-decision,.builder-symbol.shape-loop{border-radius:2px;width:21px;height:21px;transform:rotate(45deg)}.builder-symbol.shape-subroutine{border-left-width:5px;border-right-width:5px;border-radius:2px}.builder-symbol.shape-data{border-radius:50%/22%}.tone-cyan .builder-symbol{color:var(--cyan)}.tone-teal .builder-symbol{color:var(--teal)}.tone-amber .builder-symbol{color:var(--amber)}.tone-violet .builder-symbol{color:#7769dc}.builder-rule-strip{border-bottom:1px solid var(--border);align-items:center;gap:14px;min-height:46px;padding:6px 13px;display:flex;overflow-x:auto}.builder-rule-strip>span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex:none;align-items:center;gap:6px;font-size:8px;display:flex}.builder-rule-strip .builder-symbol{border-width:1px;width:17px;height:13px}.builder-rule-strip .shape-decision,.builder-rule-strip .shape-loop{width:13px;height:13px}.builder-canvas{background-image:radial-gradient(circle, var(--muted) 1px, transparent 1px);min-height:0;padding:18px max(18px,8%);overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.builder-canvas{background-image:radial-gradient(circle, color-mix(in srgb, var(--muted) 24%, transparent) 1px, transparent 1px)}}.builder-canvas{background-size:18px 18px}.builder-canvas.is-dragging{background-color:#24d8ff09}.builder-flow-step{justify-items:center;display:grid;position:relative}.builder-flow-block{border:1px solid var(--border);background:var(--panel);width:min(560px,100%);box-shadow:0 9px 25px var(--shadow);border-radius:11px;position:relative;overflow:visible}.builder-flow-block.tone-cyan{border-color:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.builder-flow-block.tone-cyan{border-color:color-mix(in srgb, var(--cyan) 42%, var(--border))}}.builder-flow-block.tone-teal{border-color:var(--teal)}@supports (color:color-mix(in lab, red, red)){.builder-flow-block.tone-teal{border-color:color-mix(in srgb, var(--teal) 42%, var(--border))}}.builder-flow-block.tone-amber{border-color:var(--amber)}@supports (color:color-mix(in lab, red, red)){.builder-flow-block.tone-amber{border-color:color-mix(in srgb, var(--amber) 45%, var(--border))}}.builder-flow-block.tone-violet{border-color:#7769dc}@supports (color:color-mix(in lab, red, red)){.builder-flow-block.tone-violet{border-color:color-mix(in srgb, #7769dc 45%, var(--border))}}.builder-flow-header{grid-template-columns:auto 30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:56px;padding:9px 10px;display:grid}.builder-drag-handle{color:var(--muted);cursor:grab}.builder-flow-header>div:nth-child(3){gap:3px;min-width:0;display:grid}.builder-flow-header>div:nth-child(3)>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:850}.builder-flow-header>div:nth-child(3)>strong{white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-mono,monospace);font-size:11px;font-weight:650;overflow:hidden}.builder-order-actions{gap:3px;display:flex}.builder-order-actions button{border:1px solid var(--border);background:var(--panel-raised);width:25px;height:25px;color:var(--muted);cursor:pointer;border-radius:6px;place-items:center;display:grid}.builder-order-actions button:hover:not(:disabled){color:var(--cyan);border-color:var(--cyan)}.builder-order-actions button:last-child:hover{color:var(--red);border-color:var(--red)}.builder-order-actions button:disabled{opacity:.3;cursor:not-allowed}.builder-fields{border-top:1px solid var(--border);background:var(--panel-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:grid}@supports (color:color-mix(in lab, red, red)){.builder-fields{background:color-mix(in srgb, var(--panel-soft) 82%, transparent)}}.builder-fields label{min-width:0;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;gap:4px;font-size:8px;font-weight:800;display:grid}.builder-fields label:has(textarea){grid-column:1/-1}.builder-fields input,.builder-fields textarea{border:1px solid var(--border);background:var(--panel-raised);width:100%;min-width:0;color:var(--text);font:10px/1.4 var(--font-mono,monospace);text-transform:none;letter-spacing:0;border-radius:7px;outline:none;padding:7px 8px}.builder-fields textarea{resize:vertical;min-height:54px}.builder-fields input:focus,.builder-fields textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #24d8ff14}.builder-connector{background:var(--cyan);width:2px;height:25px;position:relative}.builder-connector:after{content:"";border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);width:7px;height:7px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)rotate(45deg)}.builder-drop-zone{color:#0000;border:1px dashed #0000;border-radius:6px;place-items:center;width:min(560px,100%);height:14px;font-size:8px;display:grid}.builder-canvas.is-dragging .builder-drop-zone{height:30px;color:var(--cyan);background:#24d8ff0a;border-color:#24d8ff66}.builder-branch-labels{pointer-events:none;color:var(--amber);justify-content:space-between;font-size:7px;font-weight:900;display:flex;position:absolute;inset:50% -30px auto}.builder-loopback{pointer-events:none;border-bottom:2px solid #7769dc;border-left:2px solid #7769dc;border-radius:0 0 0 9px;width:17px;position:absolute;top:20%;bottom:-35px;left:-25px}.builder-loopback:after{content:"";border-top:2px solid #7769dc;border-left:2px solid #7769dc;width:7px;height:7px;position:absolute;top:-1px;left:-4px;transform:rotate(45deg)}.builder-loopback span{color:#7769dc;font-size:7px;position:absolute;bottom:5px;left:-17px;transform:rotate(-90deg)}.builder-empty{min-height:320px;color:var(--muted);align-content:center;place-items:center;gap:8px;display:grid}.builder-empty strong{color:var(--text)}.builder-language{border-bottom:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.07em;gap:6px;padding:12px 14px;font-size:9px;font-weight:800;display:grid}.builder-language select{border:1px solid var(--border);background:var(--panel-raised);width:100%;height:38px;color:var(--text);border-radius:8px;padding:0 9px;font-size:12px}.builder-validation{border-bottom:1px solid var(--border);gap:4px;padding:8px 14px;display:grid}.builder-validation p{color:var(--amber);margin:0;font-size:9px;line-height:1.4}.builder-validation p.valid{color:var(--teal);align-items:center;gap:5px;display:flex}.builder-code-output{color:#d8ecf7;min-height:0;font:11px/1.62 var(--font-mono,monospace);tab-size:4;white-space:pre;background:#050b14;margin:0;padding:14px;overflow:auto}.is-light .builder-code-output{color:#e0f4ff;background:#07111e}.builder-code-actions{border-top:1px solid var(--border);grid-template-columns:auto auto 1fr;gap:6px;padding:11px;display:grid}.builder-code-actions button{border:1px solid var(--border);background:var(--panel-raised);min-height:38px;color:var(--text-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:10px;font-weight:750;display:inline-flex}.builder-code-actions button.primary{border-color:var(--cyan);background:var(--cyan);color:#fff}.example-grid,.saved-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.example-grid>button,.saved-list>button{border:1px solid var(--border);background:var(--panel-soft);min-height:82px;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.example-grid>button:hover,.saved-list>button:hover{border-color:var(--cyan);background:var(--panel-raised)}.example-icon{width:38px;height:38px;color:var(--cyan);background:#24d8ff0f;border:1px solid #24d8ff52;border-radius:9px;place-items:center;display:grid}.example-grid button div,.saved-list button div{gap:3px;min-width:0;display:grid}.example-grid strong,.saved-list strong{font-size:13px}.example-grid span:not(.example-icon),.saved-list span:not(.example-icon){color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.example-grid small{width:fit-content;color:var(--teal);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.curriculum-library{gap:14px;display:grid}.library-announcement{background:#24d8ff12;border:1px solid #24d8ff57;border-radius:10px;gap:3px;padding:11px 13px;display:grid}.library-announcement strong{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.library-announcement span{color:var(--text-soft);font-size:12px;line-height:1.45}.learning-resources{gap:10px;padding-top:5px;display:grid}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.resource-grid>button{border:1px solid var(--border);min-height:78px;color:var(--text);background:var(--panel-soft);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.resource-grid>button:hover{border-color:var(--cyan);background:var(--panel-raised)}.resource-grid>button.locked{opacity:.72}.resource-icon{width:36px;height:36px;color:var(--cyan);background:#24d8ff17;border-radius:9px;place-items:center;display:grid}.resource-grid>button>div{gap:3px;min-width:0;display:grid}.resource-grid strong{font-size:12px}.resource-grid span:not(.resource-icon),.resource-grid small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.curriculum-summary{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.curriculum-summary>div{border:1px solid var(--border);background:var(--panel-soft);border-radius:10px;align-content:center;gap:2px;min-height:70px;padding:10px 12px;display:grid}.curriculum-summary strong{color:var(--cyan);font:800 22px JetBrains Mono,Consolas,monospace}.curriculum-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.curriculum-progress{gap:7px;display:grid}.curriculum-progress>div{color:var(--text-soft);justify-content:space-between;font-size:11px;display:flex}.curriculum-progress i{background:var(--border);border-radius:99px;height:7px;overflow:hidden}.curriculum-progress b{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--teal));height:100%;display:block}.library-mode-switch{grid-template-columns:1fr 1fr;gap:9px;display:grid}.library-mode-switch button{border:1px solid var(--border);background:var(--panel-soft);min-height:66px;color:var(--muted);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.library-mode-switch button:hover,.library-mode-switch button.active{border-color:var(--cyan);color:var(--cyan);background:#24d8ff12}.library-mode-switch button>span{gap:3px;min-width:0;display:grid}.library-mode-switch strong{color:var(--text);font-size:13px}.library-mode-switch small{color:var(--muted);font-size:10px;line-height:1.35}.track-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.track-grid button{border:1px solid var(--border);background:var(--panel-soft);min-height:82px;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;align-content:center;gap:3px;padding:10px;display:grid}.track-grid button:hover{border-color:var(--cyan)}.track-grid button.active{border-color:var(--cyan);background:#24d8ff14;box-shadow:inset 0 0 0 1px #24d8ff1f}.track-grid span{color:var(--cyan);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.track-grid strong{font-size:12px}.track-grid small{color:var(--muted);font-size:9px}.curriculum-tools{grid-template-columns:1fr 170px;gap:9px;display:grid}.curriculum-tools input,.curriculum-tools select{border:1px solid var(--border);background:var(--panel-soft);width:100%;height:42px;color:var(--text);border-radius:9px;padding:0 12px}.concept-chips{scrollbar-color:var(--border) transparent;gap:7px;padding-bottom:4px;display:flex;overflow-x:auto}.concept-chips button{border:1px solid var(--border);background:var(--panel-soft);height:34px;color:var(--muted);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 10px;font-size:10px;display:flex}.concept-chips button small{background:var(--panel-raised);color:var(--text-soft);border-radius:99px;padding:2px 5px;font-size:8px}.concept-chips button.active{border-color:var(--cyan);color:var(--text);background:#24d8ff14}.curriculum-results>div{color:var(--muted);justify-content:space-between;gap:10px;font-size:10px;display:flex}.curriculum-results strong{color:var(--text-soft)}.curriculum-grid{grid-template-columns:repeat(3,1fr)}.curriculum-grid>button{min-height:86px}.curriculum-grid>button.completed{border-color:#22e6c361}.curriculum-grid>button.completed>svg{color:var(--teal)}.example-index{background:#24d8ff0f;border:1px solid #24d8ff4d;border-radius:9px;place-items:center;width:38px;height:38px;font:700 10px JetBrains Mono,Consolas,monospace;display:grid;color:var(--cyan)!important}@media (width<=760px){.execution-summary{grid-template-columns:1fr 1fr}.execution-summary strong{grid-column:1/-1}.curriculum-summary{grid-template-columns:repeat(2,1fr)}.library-mode-switch{grid-template-columns:1fr}.track-grid{grid-template-columns:repeat(2,1fr)}.curriculum-tools,.curriculum-grid,.sample-cases,.problem-test-cases>div{grid-template-columns:1fr}}.help-layout{gap:16px;display:grid}.help-callout{background:#ffb84d0f;border:1px solid #ffb84d59;border-radius:10px;gap:11px;padding:14px;display:flex}.help-callout>svg{color:var(--amber);flex:none}.help-callout strong{color:var(--amber)}.help-callout p{color:var(--text-soft);margin:5px 0 0;font-size:13px;line-height:1.55}.help-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.help-grid article{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;padding:13px}.help-grid h3{margin:0 0 6px;font-size:13px}.help-grid p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.security-note{color:var(--muted);gap:8px;font-size:11px;line-height:1.5;display:flex}.security-note svg{color:var(--teal);flex:none}.settings-list{gap:10px;display:grid}.settings-list>label{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:12px 14px;display:flex}.settings-list label>div{gap:4px;display:grid}.settings-list strong{font-size:13px}.settings-list span{color:var(--muted);font-size:11px}.settings-list input[type=checkbox]{width:42px;height:23px;accent-color:var(--cyan)}.settings-list .font-setting{grid-template-columns:auto 1fr;display:grid}.font-setting input{width:100%;accent-color:var(--cyan)}.empty-state{text-align:center;min-height:260px;color:var(--muted);align-content:center;place-items:center;gap:8px;display:grid}.empty-state svg{color:var(--cyan)}.empty-state strong{color:var(--text)}.empty-state p{margin:0;font-size:12px}.main-actions button,.language-select select{font-size:14px}.panel-kicker,.eyebrow{font-size:12px}.panel-tools button,.upload-button{font-size:13px}.input-drawer label,.input-drawer textarea{font-size:14px}.input-preview,.trace-state{font-size:13px}.flow-node__inner{font-size:16px;line-height:1.35}.node-meta{font-size:10px}.learning-strip strong,.learning-strip span{font-size:13px}.learning-strip button{font-size:12px}.inspector-tabs button{font-size:11px}.explanation-progress{font-size:12px}.stage-explanation header small{font-size:11px}.stage-explanation>p{font-size:15px;line-height:1.65}.branch-explanation strong,.branch-explanation span{font-size:13px}.change-summary h3,.why-next h3,.history-heading h3{font-size:11px}.change-summary code,.why-next p{font-size:13px}.history-heading span,.history-list button small{font-size:11px}.inspector-heading>span{font-size:12px}.variable-row small,.stack-card header span{font-size:11px}.stack-frame code,.inspector-note{font-size:12px}.timeline-list strong{font-size:13px}.timeline-list small,.timeline-list button>span{font-size:11px}.output-actions button,.speed-control,.shortcut-hint{font-size:12px}.step-actions button{font-size:11px}.example-grid span:not(.example-icon),.saved-list span:not(.example-icon),.help-grid p,.security-note,.settings-list span{font-size:13px}.example-grid small{font-size:10px}.help-grid h3,.settings-list strong{font-size:15px}.empty-state p{font-size:14px}.daily-action{color:var(--amber)!important}.daily-journey{gap:16px;display:grid}.daily-hero{background:radial-gradient(circle at 88% 12%,#ffb84d29,#0000 32%),linear-gradient(125deg,#24d8ff17,#ffb84d14);border:1px solid #ffb84d6b;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px;display:grid}.daily-hero>div:first-child>span{color:var(--amber);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:850;display:flex}.daily-hero h3{letter-spacing:-.045em;margin:8px 0 7px;font-size:clamp(22px,3vw,34px)}.daily-hero p{max-width:710px;color:var(--text-soft);margin:0;font-size:14px;line-height:1.6}.daily-hero-stats{grid-template-columns:repeat(3,minmax(74px,1fr));gap:8px;display:grid}.daily-hero-stats strong{border:1px solid var(--border);min-height:82px;color:var(--cyan);background:#0812217a;border-radius:12px;align-content:center;place-items:center;padding:12px;font:850 25px JetBrains Mono,Consolas,monospace;display:grid}.is-light .daily-hero-stats strong{background:#ffffffa8}.daily-hero-stats small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font:750 9px inherit}.daily-start-card,.daily-progress-card{border:1px solid var(--border);background:var(--panel-soft);border-radius:13px;padding:15px 16px}.daily-start-card{grid-template-columns:auto 1fr auto;align-items:center;gap:13px;display:grid}.daily-start-icon{width:48px;height:48px;color:var(--amber);background:#ffb84d1f;border-radius:13px;place-items:center;display:grid}.daily-start-card div{gap:4px;display:grid}.daily-start-card strong{font-size:15px}.daily-start-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.daily-start-card button,.daily-offer button{color:#251500;cursor:pointer;background:linear-gradient(135deg,#ffcf6a,#e69a1f);border:0;border-radius:9px;min-height:42px;padding:0 15px;font-weight:850}.daily-progress-card{gap:9px;display:grid}.daily-progress-card>div:first-child{color:var(--muted);justify-content:space-between;gap:12px;font-size:11px;display:flex}.daily-progress-card>div:first-child strong{color:var(--text)}.daily-progress-card>i{background:var(--border);border-radius:99px;height:8px;overflow:hidden}.daily-progress-card>i b{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--teal), var(--amber));height:100%;display:block}.daily-progress-stats{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:11px;display:flex}.daily-progress-stats span{align-items:center;gap:5px;display:inline-flex}.daily-progress-stats svg{color:var(--amber)}.daily-progress-stats strong{color:var(--text)}.daily-level-tabs{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.daily-level-tabs button{border:1px solid var(--border);background:var(--panel-soft);min-height:78px;color:var(--text);text-align:left;cursor:pointer;border-radius:11px;align-content:center;gap:3px;padding:10px 12px;display:grid}.daily-level-tabs button:hover,.daily-level-tabs button.active{border-color:var(--level-color);box-shadow:inset 0 0 0 1px var(--level-color)}@supports (color:color-mix(in lab, red, red)){.daily-level-tabs button:hover,.daily-level-tabs button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--level-color) 35%, transparent)}}.daily-level-tabs button.active{background:var(--level-color)}@supports (color:color-mix(in lab, red, red)){.daily-level-tabs button.active{background:color-mix(in srgb, var(--level-color) 10%, var(--panel-soft))}}.daily-level-tabs button.locked:not(.active){opacity:.6}.daily-level-tabs span{color:var(--level-color);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850}.daily-level-tabs strong{font-size:13px}.daily-level-tabs small{color:var(--muted);font-size:10px}.daily-level-intro{border-left:4px solid var(--level-color);background:var(--level-color);border-radius:4px 12px 12px 4px;padding:15px 17px}@supports (color:color-mix(in lab, red, red)){.daily-level-intro{background:color-mix(in srgb, var(--level-color) 8%, var(--panel-soft))}}.daily-level-intro{justify-content:space-between;align-items:center;gap:18px;display:flex}.daily-level-intro>div{gap:4px;display:grid}.daily-level-intro span{color:var(--level-color);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:850}.daily-level-intro h3{margin:0;font-size:18px}.daily-level-intro p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.daily-level-intro>strong{color:var(--level-color);text-align:right;font:850 25px JetBrains Mono,Consolas,monospace;display:grid}.daily-level-intro>strong small{color:var(--muted);text-transform:uppercase;font:750 9px inherit}.daily-day-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.daily-day-card{border:1px solid var(--border);background:var(--panel-soft);border-radius:11px;transition:transform .15s,border-color .15s,background .15s;overflow:hidden}.daily-day-card:hover:not(.locked){border-color:var(--cyan);background:var(--panel-raised);transform:translateY(-1px)}.daily-day-card.locked{opacity:.62}.daily-day-card.today{border-color:var(--amber);box-shadow:inset 0 0 0 1px #ffb84d29}.daily-day-card.complete{border-color:#22e6c380}.daily-day-card.expanded{grid-column:1/-1;transform:none}.daily-day-summary{width:100%;min-height:126px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-content:start;gap:5px;padding:12px;display:grid}.daily-day-number{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:850}.daily-day-summary>strong{min-height:35px;font-size:13px;line-height:1.35}.daily-day-summary>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.daily-day-status{color:var(--text-soft);align-items:center;gap:5px;margin-top:4px;font-size:10px;display:inline-flex}.daily-day-card.complete .daily-day-status{color:var(--teal)}.daily-day-card.today .daily-day-status{color:var(--amber)}.daily-problem-list{border-top:1px solid var(--border);background:var(--panel-raised);padding:10px}@supports (color:color-mix(in lab, red, red)){.daily-problem-list{background:color-mix(in srgb, var(--panel-raised) 72%, transparent)}}.daily-problem-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.daily-problem-list>button{border:1px solid var(--border);background:var(--panel);min-height:64px;color:var(--text);text-align:left;cursor:pointer;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;display:grid}.daily-problem-list>button:hover{border-color:var(--cyan)}.daily-problem-list>button.solved{background:#22e6c30f;border-color:#22e6c373}.daily-problem-list>button>span{width:28px;height:28px;color:var(--cyan);background:#24d8ff1a;border-radius:50%;place-items:center;font:850 11px JetBrains Mono,Consolas,monospace;display:grid}.daily-problem-list>button.solved>span{color:var(--teal);background:#22e6c321}.daily-problem-list>button>div{gap:3px;min-width:0;display:grid}.daily-problem-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.daily-problem-list small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px;overflow:hidden}.daily-problem-list>button>svg{color:var(--muted)}.achievement-showcase{background:radial-gradient(circle at 90% 0, #7267d824, transparent 30%), var(--panel-soft);border:1px solid #7267d861;border-radius:15px;gap:15px;padding:18px;display:grid}.achievement-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.achievement-heading>div{gap:4px;display:grid}.achievement-heading>div>span{color:#8b80ef;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:850;display:inline-flex}.achievement-heading h3{margin:0;font-size:19px}.achievement-heading p{max-width:700px;color:var(--muted);margin:0;font-size:11px;line-height:1.5}.achievement-heading>strong{color:#8b80ef;text-align:right;font:850 25px JetBrains Mono,Consolas,monospace;display:grid}.achievement-heading>strong small{color:var(--muted);text-transform:uppercase;font:750 9px inherit}.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.achievement-grid article{border:1px solid var(--border);background:var(--panel);opacity:.68;border-radius:11px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-height:112px;padding:11px;display:grid}.achievement-grid article.unlocked{opacity:1;border-color:var(--badge-color)}@supports (color:color-mix(in lab, red, red)){.achievement-grid article.unlocked{border-color:color-mix(in srgb, var(--badge-color) 45%, var(--border))}}.achievement-grid article.tone-cyan{--badge-color:var(--cyan)}.achievement-grid article.tone-teal{--badge-color:var(--teal)}.achievement-grid article.tone-amber{--badge-color:var(--amber)}.achievement-grid article.tone-violet{--badge-color:#8b80ef}.achievement-medal{background:var(--badge-color,var(--muted));border-radius:12px;width:40px;height:40px}@supports (color:color-mix(in lab, red, red)){.achievement-medal{background:color-mix(in srgb, var(--badge-color,var(--muted)) 12%, transparent)}}.achievement-medal{color:var(--badge-color,var(--muted));place-items:center;display:grid}.achievement-grid article>div{gap:4px;min-width:0;display:grid}.achievement-grid article>div>strong{font-size:13px}.achievement-grid article p{min-height:30px;color:var(--muted);margin:0;font-size:10px;line-height:1.45}.achievement-grid article small{color:var(--badge-color,var(--muted));font-size:9px;font-weight:800}.achievement-grid article i{background:var(--border);border-radius:99px;height:4px;overflow:hidden}.achievement-grid article i b{border-radius:inherit;background:var(--badge-color,var(--muted));height:100%;display:block}.achievement-grid article>button{color:#1686dc;cursor:pointer;background:#0a66c21a;border:1px solid #0a66c2;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:10px;font-weight:850;display:flex}.achievement-grid article>button:hover{color:#fff;background:#0a66c2}.daily-offer{background:linear-gradient(120deg,#ffb84d1f,#24d8ff12);border:1px solid #ffb84d75;border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:16px;padding:17px;display:grid}.daily-offer>div{gap:4px;display:grid}.daily-offer span{color:var(--amber);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.daily-offer strong{font-size:16px}.daily-offer p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.admin-toggle{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:flex!important}.admin-toggle input{width:18px;height:18px;accent-color:var(--cyan)}.landing-shell{--landing-bg:#07111f;--landing-surface:#0d1a2c;--landing-surface-strong:#12243a;--landing-line:#87aacf33;--landing-text:#f3f8ff;--landing-soft:#afc2d8;--landing-muted:#7f97b1;--landing-cyan:#32d9ff;--landing-teal:#28e2bd;--landing-amber:#ffb851;min-height:100dvh;color:var(--landing-text);background:radial-gradient(circle at 78% 8%,#32d9ff1c,#0000 27rem),radial-gradient(circle at 12% 42%,#28e2bd0f,#0000 25rem),linear-gradient(#07111f 0%,#091425 38%,#07101e 100%);overflow:hidden}.landing-shell.is-light{--landing-bg:#f5f9fc;--landing-surface:#fff;--landing-surface-strong:#eef6fb;--landing-line:#275b7f29;--landing-text:#102840;--landing-soft:#465f78;--landing-muted:#71869a;--landing-cyan:#007f9e;--landing-teal:#008c75;--landing-amber:#a75e00;background:radial-gradient(circle at 78% 6%,#008fb01f,#0000 27rem),radial-gradient(circle at 10% 38%,#008f790f,#0000 25rem),linear-gradient(#f7fbfe 0%,#eef6fb 44%,#f7fafc 100%)}.landing-shell a{color:inherit;text-decoration:none}.landing-header{z-index:50;border-bottom:1px solid var(--landing-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fd1;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:76px;padding:0 max(24px,50vw - 620px);display:grid;position:sticky;top:0}.landing-shell.is-light .landing-header{background:#f7fbfedb}.landing-brand{width:fit-content;color:var(--landing-text);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}button.landing-brand{cursor:pointer}.landing-brand img{object-fit:contain;filter:drop-shadow(0 0 14px #32d9ff33);width:43px;height:43px}.landing-brand>span{line-height:1;display:grid}.landing-brand strong{letter-spacing:-.04em;font-size:20px;font-weight:850}.landing-brand small{color:var(--landing-cyan);letter-spacing:.17em;text-transform:uppercase;margin-top:5px;font-size:10px;font-weight:800}.landing-header nav{align-items:center;gap:30px;display:flex}.landing-header nav a{color:var(--landing-soft);font-size:13px;font-weight:720;transition:color .16s}.landing-header nav a:hover{color:var(--landing-cyan)}.landing-header-actions{justify-self:end;align-items:center;gap:9px;display:flex}.landing-header-actions button{cursor:pointer;border-radius:10px;min-height:40px}.landing-theme{border:1px solid var(--landing-line);background:var(--landing-surface);width:40px;color:var(--landing-amber);place-items:center;padding:0;display:grid}.landing-signin{color:var(--landing-soft);background:0 0;border:1px solid #0000;padding:0 15px;font-weight:750}.landing-workspace-link{border:1px solid var(--landing-line);background:var(--landing-surface);color:var(--landing-text);align-items:center;gap:6px;padding:0 15px;font-size:12px;font-weight:780;display:inline-flex}.landing-shell main,.landing-footer{width:min(1240px,100% - 48px);margin-inline:auto}.landing-hero{grid-template-columns:minmax(360px,.86fr) minmax(580px,1.14fr);align-items:center;gap:64px;min-height:720px;padding:80px 0 66px;display:grid}.landing-hero-copy{z-index:2;position:relative}.landing-eyebrow{width:fit-content;color:var(--landing-amber);letter-spacing:.08em;text-transform:uppercase;background:#ffb85114;border:1px solid #ffb85152;border-radius:999px;align-items:center;gap:7px;margin-bottom:20px;padding:8px 11px;font-size:11px;font-weight:850;display:inline-flex}.landing-hero h1{letter-spacing:-.065em;max-width:660px;margin:0;font-size:clamp(46px,5.25vw,75px);font-weight:900;line-height:.98}.landing-hero h1 em{color:var(--landing-cyan);font-style:normal}.landing-hero-copy>p{max-width:600px;color:var(--landing-soft);margin:26px 0 0;font-size:18px;line-height:1.72}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:13px;margin-top:32px;display:flex}.landing-primary,.landing-secondary{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:52px;font-size:14px;font-weight:820;display:inline-flex}.landing-primary{background:linear-gradient(135deg, var(--landing-cyan), var(--landing-teal));color:#001b25;cursor:pointer;border:1px solid #0000;padding:0 22px;box-shadow:0 16px 34px #19c9db30}.landing-secondary{border:1px solid var(--landing-line);background:var(--landing-surface);color:var(--landing-text);padding:0 18px}.landing-primary svg,.landing-workspace-link svg,.landing-final-cta button svg,.landing-footer>button svg{transition:transform .16s}.landing-primary:hover svg,.landing-workspace-link:hover svg,.landing-final-cta button:hover svg,.landing-footer>button:hover svg{transform:translate(3px)}.landing-trial-note{color:var(--landing-soft);align-items:center;gap:7px;margin-top:18px;font-size:12px;display:flex}.landing-trial-note svg{color:var(--landing-teal)}.landing-trial-note strong{color:var(--landing-text)}.landing-language-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:34px;display:flex}.landing-language-row>span{color:var(--landing-muted);letter-spacing:.12em;text-transform:uppercase;margin-right:4px;font-size:10px;font-weight:820}.landing-language-row strong{border:1px solid var(--landing-line);color:var(--landing-soft);letter-spacing:.02em;background:#ffffff08;border-radius:7px;padding:6px 9px;font-size:10px}.landing-product-preview{color:#eef7ff;background:#081220f5;border:1px solid #32d9ff4f;border-radius:20px;position:relative;transform:perspective(1400px)rotateY(-2deg)rotateX(1deg);box-shadow:0 32px 80px #00000057,0 0 0 7px #32d9ff06}.landing-product-preview:before{content:"";z-index:-1;filter:blur(50px);background:#32d9ff26;border-radius:50%;position:absolute;inset:15% -7% -10% 18%}.landing-preview-bar{border-bottom:1px solid #20334d;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;padding:0 15px;font-size:10px;display:grid}.landing-preview-bar>span{gap:5px;display:flex}.landing-preview-bar i{background:#ff6b7a;border-radius:50%;width:7px;height:7px}.landing-preview-bar i:nth-child(2){background:#ffb84d}.landing-preview-bar i:nth-child(3){background:#22e6c3}.landing-preview-bar strong{color:#c7d8ea;letter-spacing:.03em}.landing-preview-bar b{color:#22e6c3;background:#22e6c31a;border-radius:999px;justify-self:end;padding:5px 8px;font-size:9px}.landing-preview-grid{grid-template-columns:1.04fr .82fr .92fr;gap:9px;min-height:400px;padding:13px;display:grid}.landing-preview-grid>div{background:#0c1727;border:1px solid #1f334d;border-radius:11px;min-width:0}.landing-preview-grid>div>span{color:#4fdfff;letter-spacing:.14em;border-bottom:1px solid #1f334d;align-items:center;min-height:39px;padding:0 12px;font-size:8px;font-weight:900;display:flex}.landing-code-preview{position:relative;overflow:hidden}.landing-code-preview pre{color:#d9e8f7;font:11px/2.05 var(--font-geist-mono), ui-monospace, monospace;margin:0;padding:18px 12px;overflow:hidden}.landing-code-preview pre b{color:#58718e;margin-right:9px;font-weight:500}.landing-code-preview pre em{color:#ffbd63;font-style:normal}.landing-code-preview pre mark{color:#75e8ff;background:#24d8ff1f;border-left:2px solid #24d8ff;padding:2px 3px}.landing-variable-pill{background:#22e6c314;border:1px solid #22e6c34d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 11px;font-size:10px;display:flex;position:absolute;bottom:13px;left:13px;right:13px}.landing-variable-pill span{color:#8ba2ba}.landing-variable-pill strong{color:#22e6c3}.landing-flow-preview{flex-direction:column;align-items:center;padding-bottom:16px;display:flex}.landing-flow-preview>span{align-self:stretch}.landing-flow-preview>i{background:linear-gradient(#24d8ff,#24d8ff33);width:1px;height:29px}.landing-flow-node{color:#bfd0e1;text-align:center;background:#132239;border:1px solid #3a5675;border-radius:7px;width:calc(100% - 36px);padding:9px;font-size:9px;line-height:1.45}.landing-flow-node.start{border-radius:999px;width:80px;margin-top:24px}.landing-flow-node.active{color:#fff;border-color:#24d8ff;box-shadow:0 0 18px #24d8ff38}.landing-flow-node small{color:#22e6c3;font-weight:800}.landing-flow-node.decision{border-color:#ffb84d;width:100px;padding:14px 5px;transform:rotate(45deg)}.landing-flow-node.decision:first-line{transform:rotate(-45deg)}.landing-explain-preview{padding-bottom:14px}.landing-explain-preview>strong,.landing-explain-preview>p,.landing-explain-preview>small{margin-inline:13px}.landing-explain-preview>strong{color:#f3f8ff;margin-top:18px;font-size:12px;line-height:1.4;display:block}.landing-explain-preview>p{color:#9fb3c8;font-size:10px;line-height:1.75}.landing-explain-preview code{color:#5ce7ff}.landing-explain-preview p b{color:#22e6c3}.landing-explain-preview>small{color:#22e6c3;background:#22e6c30f;border:1px solid #22e6c338;border-radius:7px;align-items:center;gap:5px;margin-top:22px;padding:8px 9px;font-size:9px;font-weight:750;display:flex}.landing-metrics{border-bottom:1px solid var(--landing-line);grid-template-columns:repeat(4,1fr);padding:0 0 72px;display:grid}.landing-metrics>div{border-right:1px solid var(--landing-line);align-content:center;gap:5px;min-height:94px;padding:18px 26px;display:grid}.landing-metrics>div:first-child{padding-left:0}.landing-metrics>div:last-child{border-right:0}.landing-metrics strong{color:var(--landing-text);letter-spacing:-.04em;font-size:29px}.landing-metrics span{color:var(--landing-muted);font-size:11px;font-weight:700}.landing-section{padding:110px 0}.landing-section-heading{text-align:center;max-width:710px;margin:0 auto 46px}.landing-section-heading>span,.landing-journey-copy>span{color:var(--landing-cyan);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:900}.landing-section-heading h2,.landing-journey-copy h2,.landing-final-cta h2{color:var(--landing-text);letter-spacing:-.05em;margin:14px 0 0;font-size:clamp(34px,4vw,53px);line-height:1.08}.landing-section-heading p,.landing-journey-copy p,.landing-final-cta p{color:var(--landing-soft);font-size:15px;line-height:1.75}.landing-step-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.landing-step-grid article{border:1px solid var(--landing-line);background:linear-gradient(145deg, var(--landing-surface), var(--landing-surface-strong));border-radius:17px;min-height:270px;padding:26px}@supports (color:color-mix(in lab, red, red)){.landing-step-grid article{background:linear-gradient(145deg, var(--landing-surface), color-mix(in srgb, var(--landing-surface-strong) 70%, transparent))}}.landing-step-grid article{transition:transform .18s,border-color .18s}.landing-step-grid article:hover{border-color:var(--landing-cyan);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.landing-step-grid article:hover{border-color:color-mix(in srgb, var(--landing-cyan) 45%, transparent)}}.landing-step-grid article>div{justify-content:space-between;align-items:center;display:flex}.landing-step-grid article>div>span{width:48px;height:48px;color:var(--landing-cyan);background:#32d9ff1a;border-radius:13px;place-items:center;display:grid}.landing-step-grid article>div>small{color:var(--landing-line);letter-spacing:-.05em;font-size:34px;font-weight:900}.landing-step-grid h3{letter-spacing:-.025em;margin:34px 0 0;font-size:19px}.landing-step-grid p{color:var(--landing-soft);font-size:13px;line-height:1.75}.landing-journey-section{border:1px solid var(--landing-line);background:linear-gradient(125deg, #32d9ff13, transparent 42%), var(--landing-surface);border-radius:26px;grid-template-columns:.86fr 1.14fr;align-items:center;gap:86px;padding:78px;display:grid}.landing-journey-copy button{min-height:46px;color:var(--landing-cyan);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:18px;padding:0;font-size:13px;font-weight:820;display:inline-flex}.landing-level-list{gap:9px;display:grid}.landing-level-list article{border:1px solid var(--landing-line);border-left:3px solid var(--level-color);background:var(--landing-surface-strong);border-radius:11px;min-height:66px;padding:0 16px}@supports (color:color-mix(in lab, red, red)){.landing-level-list article{background:color-mix(in srgb, var(--landing-surface-strong) 78%, transparent)}}.landing-level-list article{grid-template-columns:42px 1fr auto;align-items:center;gap:12px;display:grid}.landing-level-list article>span{color:var(--level-color);font-size:18px;font-weight:900}.landing-level-list article>div{gap:3px;display:grid}.landing-level-list article strong{font-size:13px}.landing-level-list article small{color:var(--landing-muted);font-size:10px}.landing-level-list article>b{color:var(--landing-soft);font-size:10px}.landing-plans-section{padding:120px 0}.landing-plan-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:18px;max-width:900px;margin:0 auto;display:grid}.landing-plan-grid>article{border:1px solid var(--landing-line);background:var(--landing-surface);border-radius:20px;flex-direction:column;min-height:470px;padding:34px;display:flex;position:relative}.landing-plan-grid>article.featured{border-color:var(--landing-cyan)}@supports (color:color-mix(in lab, red, red)){.landing-plan-grid>article.featured{border-color:color-mix(in srgb, var(--landing-cyan) 52%, transparent)}}.landing-plan-grid>article.featured{background:linear-gradient(155deg, #32d9ff17, transparent 44%), var(--landing-surface);box-shadow:0 28px 70px #0000002e}.landing-plan-grid article>span{color:var(--landing-cyan);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:900}.landing-plan-grid h3{letter-spacing:-.035em;margin:10px 0 0;font-size:22px}.landing-plan-grid article>strong{letter-spacing:-.05em;margin-top:26px;font-size:42px}.landing-plan-grid article>strong small{color:var(--landing-muted);letter-spacing:0;font-size:11px;font-weight:650}.landing-plan-grid ul{gap:14px;margin:28px 0;padding:0;list-style:none;display:grid}.landing-plan-grid li{color:var(--landing-soft);align-items:center;gap:9px;font-size:12px;line-height:1.4;display:flex}.landing-plan-grid li svg{color:var(--landing-teal);flex:none}.landing-plan-grid li:last-child svg{color:var(--landing-muted)}.landing-plan-grid .featured li:last-child svg{color:var(--landing-teal)}.landing-plan-grid article>button{border:1px solid var(--landing-line);background:var(--landing-surface-strong);width:100%;min-height:49px;color:var(--landing-text);cursor:pointer;border-radius:11px;margin-top:auto;font-size:13px;font-weight:820}.landing-plan-grid .featured>button{background:linear-gradient(135deg, var(--landing-cyan), var(--landing-teal));color:#001b25;border-color:#0000}.landing-plan-badge{background:var(--landing-amber);color:#2a1600;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;font-weight:900;display:inline-flex;position:absolute;top:-13px;right:22px}.landing-final-cta{background:radial-gradient(circle at 82% 25%, #28e2bd1f, transparent 20rem), linear-gradient(120deg, #32d9ff18, transparent 48%), var(--landing-surface);border:1px solid #32d9ff45;border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:40px;margin-bottom:76px;padding:54px 60px;display:grid}.landing-final-cta>div>span{color:var(--landing-amber);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:7px;font-size:11px;font-weight:850;display:flex}.landing-final-cta h2{max-width:720px;font-size:clamp(30px,3.5vw,47px)}.landing-final-cta p{margin-bottom:0}.landing-final-cta>button{background:linear-gradient(135deg, var(--landing-cyan), var(--landing-teal));color:#001b25;white-space:nowrap;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;min-height:54px;padding:0 22px;font-size:13px;font-weight:850;display:inline-flex}.landing-footer{border-top:1px solid var(--landing-line);grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:120px;padding:26px 0;display:grid}.landing-footer .landing-brand img{width:36px;height:36px}.landing-footer p{color:var(--landing-muted);font-size:11px}.landing-footer>button{color:var(--landing-cyan);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:11px;font-weight:800;display:inline-flex}.is-fullscreen{width:100vw;height:100vh}@keyframes runtime-pulse{0%,to{opacity:.62;transform:scale(.8)}50%{opacity:1;transform:scale(1.08)}}@keyframes variable-flash{0%{opacity:0}25%{opacity:1}to{opacity:.85}}@keyframes drawer-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes explanation-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes first-wrong-spin{to{transform:rotate(360deg)}}@media (width<=1280px){.codeflow-app{--transport-h:124px}.topbar{grid-template-columns:auto 1fr auto auto;gap:10px}.main-actions{justify-self:start}.main-actions .saved-action,.main-actions .builder-action span,.main-actions .animation-action span{display:none}.workspace-grid{grid-template-columns:minmax(300px,30fr) minmax(390px,42fr) minmax(260px,28fr)}.editor-hint,.shortcut-hint{display:none}.transport{grid-template-columns:auto minmax(210px,1fr) auto;gap:12px}.step-actions,.shortcut-hint{display:none}.transport-buttons>button{min-width:68px;height:74px}.transport-buttons .primary-transport{min-width:88px}}@media (width<=980px){.landing-header{grid-template-columns:1fr auto}.landing-header nav{display:none}.landing-hero{grid-template-columns:1fr;gap:54px;min-height:auto;padding-top:62px}.landing-hero-copy{max-width:720px}.landing-product-preview{width:100%;transform:none}.landing-journey-section{grid-template-columns:1fr;gap:44px;padding:54px}.landing-final-cta{grid-template-columns:1fr}.admin-shell{grid-template-columns:82px minmax(0,1fr)}.admin-sidebar{padding:20px 10px}.admin-sidebar .admin-brand{text-align:center;font-size:0}.admin-sidebar .admin-brand span{font-size:16px}.admin-sidebar nav button{justify-content:center;padding:0;font-size:0}.admin-sidebar-footer span,.admin-sidebar-footer strong{display:none}.admin-sidebar-footer{place-items:center;padding:10px}.admin-sidebar-footer button{margin:0;font-size:0}.admin-content{padding:26px 22px 50px}.admin-form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-code-grid,.admin-override-grid,.admin-bulk-toolbar{grid-template-columns:1fr}.codeflow-app{--topbar-h:64px;grid-template-rows:var(--topbar-h) 46px minmax(560px, 1fr) auto;height:auto;min-height:100dvh;overflow:visible}.topbar{grid-row:1;grid-template-columns:auto 1fr auto}.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:19px}.brand-copy small{font-size:12px}.main-actions{justify-self:end}.main-actions button{padding:0 11px}.main-actions button span{display:none}.language-select{grid-area:1/2;justify-self:center;min-width:150px}.utility-actions{grid-area:1/3}.pro-purchase-button,.public-access-badge{justify-content:center;width:42px;padding:0}.pro-purchase-button>span,.public-access-badge>span{display:none}.account-button{justify-content:center;width:42px;padding:0}.account-button>span,.utility-actions .icon-button:first-child{display:none}.mobile-panel-tabs{border:1px solid var(--border);background:var(--panel);border-radius:10px;grid-row:2;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.mobile-panel-tabs button{border:0;border-right:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;display:flex}.mobile-panel-tabs button:last-child{border-right:0}.mobile-panel-tabs button.active{color:var(--cyan);background:#24d8ff12}.workspace-grid{grid-row:3;min-height:560px;display:block}.workspace-grid>.panel{height:100%}.workspace-grid>.mobile-hidden{display:none}.workspace-grid>.mobile-active{display:grid}.transport{z-index:20;grid-row:4;grid-template-columns:auto minmax(180px,1fr) auto;min-height:126px;position:sticky;bottom:0}.daily-hero{grid-template-columns:1fr}.daily-level-tabs{grid-template-columns:repeat(3,1fr)}.daily-day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-grid{grid-template-columns:1fr}.builder-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.flow-builder{grid-template-columns:220px minmax(420px,1fr) 340px;overflow-x:auto}}@media (width<=680px){.problem-requirements,.sample-cases,.wrong-step-comparison,.first-wrong-purpose>div{grid-template-columns:1fr}.landing-header{gap:8px;min-height:66px;padding-inline:14px}.landing-brand img{width:37px;height:37px}.landing-brand strong{font-size:17px}.landing-brand small{font-size:8px}.landing-header-actions{gap:5px}.landing-header-actions .landing-signin{display:none}.landing-theme{width:37px;min-height:37px!important}.landing-workspace-link{padding-inline:10px;font-size:0;min-height:37px!important}.landing-workspace-link:before{content:"Workspace";font-size:10px}.landing-shell main,.landing-footer{width:min(100% - 28px,1240px)}.landing-hero{gap:38px;padding:46px 0 50px}.landing-hero h1{font-size:clamp(41px,13vw,58px)}.landing-hero-copy>p{margin-top:20px;font-size:15px}.landing-hero-actions{display:grid}.landing-primary,.landing-secondary{width:100%}.landing-trial-note{align-items:flex-start}.landing-product-preview{border-radius:14px}.landing-preview-bar{grid-template-columns:auto 1fr auto;gap:10px}.landing-preview-bar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-preview-grid{grid-template-columns:1fr 1fr;min-height:580px}.landing-code-preview{grid-column:1/-1;min-height:255px}.landing-code-preview pre{font-size:10px}.landing-flow-preview,.landing-explain-preview{min-height:285px}.landing-flow-node.decision{width:82px}.landing-metrics{grid-template-columns:repeat(2,1fr);padding-bottom:44px}.landing-metrics>div{min-height:86px;padding:14px}.landing-metrics>div:first-child{padding-left:14px}.landing-metrics>div:nth-child(2){border-right:0}.landing-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--landing-line)}.landing-metrics strong{font-size:25px}.landing-section{padding:78px 0}.landing-section-heading{text-align:left;margin-bottom:34px}.landing-section-heading h2,.landing-journey-copy h2{font-size:36px}.landing-step-grid{grid-template-columns:1fr}.landing-step-grid article{min-height:220px}.landing-journey-section{border-radius:18px;padding:32px 20px}.landing-level-list article{grid-template-columns:34px 1fr auto;padding:0 11px}.landing-level-list article>b{font-size:9px}.landing-plans-section{padding:82px 0}.landing-plan-grid{grid-template-columns:1fr;gap:26px}.landing-plan-grid>article{min-height:440px;padding:28px 22px}.landing-final-cta{margin-bottom:42px;padding:34px 22px}.landing-final-cta>button{white-space:normal;text-align:center;justify-content:center}.landing-footer{grid-template-columns:1fr auto;padding:30px 0}.landing-footer p{grid-area:2/1/auto/-1;margin:0}.landing-footer>button{font-size:0}.landing-footer>button:before{content:"Workspace";font-size:10px}.codeflow-app{grid-template-rows:58px 44px minmax(520px,1fr) auto;gap:8px;padding:0 8px 8px}.topbar{gap:6px;min-height:58px}.brand-copy{display:none}.brand-mark{width:36px;height:36px}.main-actions{background:0 0;border:0}.main-actions button{border:1px solid var(--border);border-radius:8px;justify-content:center;width:36px;height:36px;min-height:36px;margin-left:4px;padding:0}.main-actions button:nth-child(2),.main-actions .saved-action{display:none}.language-select{min-width:126px;height:40px;padding:0 9px}.utility-actions .icon-button{width:36px;height:36px;display:none}.pro-purchase-button,.account-button,.public-access-badge{width:38px;min-height:38px}.theme-toggle{width:38px;min-width:38px;height:38px;padding:0}.theme-toggle span{display:none}.pro-library-banner{grid-template-columns:auto 1fr}.pro-library-banner>button,.pro-library-banner>.library-pro-active{grid-column:1/-1;justify-content:center}.upgrade-hero{align-items:flex-start}.plan-comparison{grid-template-columns:1fr}.upgrade-actions{display:grid}.coupon-card,.coupon-card form{grid-template-columns:1fr}.account-summary{grid-template-columns:auto 1fr}.account-summary>strong{grid-column:1/-1;justify-self:start}.account-actions{display:grid}.resource-grid{grid-template-columns:1fr}.admin-shell{display:block}.admin-sidebar{z-index:50;border-right:0;grid-template-columns:1fr auto;gap:10px;min-height:0;padding:12px;display:grid;position:sticky;top:0}.admin-sidebar .admin-brand{text-align:left;font-size:10px}.admin-sidebar .admin-brand span{font-size:19px}.admin-sidebar nav{grid-column:1/-1;display:flex;overflow-x:auto}.admin-sidebar nav button{flex:none;justify-content:flex-start;min-height:38px;padding:0 10px;font-size:11px}.admin-sidebar-footer{background:0 0;border:0;align-self:center;margin:0}.admin-sidebar-footer button{font-size:0}.admin-content{padding:20px 12px 40px}.admin-content-header{display:grid}.admin-content-header h1{font-size:24px}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form-row,.admin-form-grid,.admin-override-grid{grid-template-columns:1fr}.admin-bulk-summary{flex-wrap:wrap;align-items:flex-start}.admin-bulk-summary strong{width:100%;margin-right:0}.admin-data-list article{grid-template-columns:1fr}.admin-inline-actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.admin-login{padding:20px 12px}.admin-login-card{padding:22px 18px}.panel-header{padding:0 13px}.transport{grid-template-rows:auto auto;grid-template-columns:1fr auto;min-height:158px;padding:10px}.transport-buttons{grid-column:1/-1;justify-content:space-between}.transport-buttons>button{flex:1;min-width:0;height:62px}.transport-buttons>button span{font-size:9px}.transport-progress{grid-area:2/1;padding:0}.speed-control{grid-area:2/2}.step-label{display:block}.step-label span{display:none}.example-grid,.saved-list,.help-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px}.builder-dialog{width:100%;height:calc(100dvh - 20px)}.builder-dialog .modal-body{overflow:auto}.flow-builder{grid-template-columns:1fr;height:auto;min-height:100%;overflow:visible}.builder-palette,.builder-code-pane,.builder-canvas-pane{border:0;border-bottom:1px solid var(--border);min-height:520px}.builder-palette{min-height:620px}.builder-canvas-pane{min-height:700px}.builder-code-pane{min-height:620px}.builder-fields{grid-template-columns:1fr}.builder-fields label{grid-column:1}.inspector-tabs button{font-size:10px}.daily-hero{padding:16px}.daily-hero-stats{grid-template-columns:repeat(3,1fr)}.daily-hero-stats strong{min-height:66px;padding:8px;font-size:21px}.daily-start-card{grid-template-columns:auto 1fr}.daily-start-card button{grid-column:1/-1}.daily-level-tabs{grid-template-columns:repeat(2,1fr)}.daily-level-intro{align-items:flex-start}.daily-day-grid,.daily-problem-list{grid-template-columns:1fr}.achievement-showcase{padding:14px}.achievement-heading{align-items:flex-start}.achievement-heading>strong{font-size:20px}.daily-offer{grid-template-columns:1fr}}.flow-view-switch{border:1px solid var(--border);background:var(--panel-soft);border-radius:9px;padding:3px;display:inline-flex}.flow-view-switch button{min-height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 9px;font-size:11px;font-weight:800}.flow-view-switch button.active{background:var(--panel-raised);color:var(--cyan);box-shadow:0 2px 8px var(--shadow)}.program-animation-board{background-color:#040c17ad;background-image:radial-gradient(circle at 1px 1px,#86eaff21 1px,#0000 0);background-size:24px 24px;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.is-light .program-animation-board{background-color:#eff7fcc7;background-image:radial-gradient(circle at 1px 1px,#007fa521 1px,#0000 0)}.program-animation-agent{border-bottom:1px solid var(--border-soft);background:var(--panel);justify-content:space-between;align-items:center;gap:14px;padding:11px 15px;display:flex}@supports (color:color-mix(in lab, red, red)){.program-animation-agent{background:color-mix(in srgb, var(--panel) 88%, transparent)}}.program-animation-agent>div:first-child{gap:3px;min-width:0;display:grid}.program-animation-agent span{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:900;display:inline-flex}.program-animation-agent strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.program-animation-meta{flex:none;justify-items:end;gap:3px;display:grid}.program-animation-meta b{color:var(--amber);text-transform:uppercase;font-size:10px}.program-animation-meta small{color:var(--muted);font-size:10px;font-weight:800}.program-animation-stage{align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.program-operation-card{border:1px solid var(--cyan);padding:13px 14px}@supports (color:color-mix(in lab, red, red)){.program-operation-card{border:1px solid color-mix(in srgb, var(--cyan) 42%, var(--border))}}.program-operation-card{border-left:4px solid var(--cyan);background:var(--panel-raised);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.program-operation-card{background:color-mix(in srgb, var(--panel-raised) 92%, transparent)}}.program-operation-card{box-shadow:0 8px 22px var(--shadow);animation:.24s both program-step-arrive}.program-operation-card.true{border-left-color:var(--teal)}.program-operation-card.false{border-left-color:var(--red)}.program-operation-card>span,.program-section-heading>span,.program-animation-footer aside>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:900}.program-operation-card>code{color:var(--cyan);font:800 13px/1.4 var(--font-geist-mono), ui-monospace, monospace;margin-top:5px;display:block}.program-operation-card>p{color:var(--text-soft);margin:6px 0 0;font-size:11px;line-height:1.45}.program-condition-result{background:var(--teal);border-radius:999px;margin-top:8px;padding:3px 7px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.program-condition-result{background:color-mix(in srgb, var(--teal) 14%, transparent)}}.program-condition-result{color:var(--teal);font-size:9px}.program-operation-card.false .program-condition-result{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.program-operation-card.false .program-condition-result{background:color-mix(in srgb, var(--red) 13%, transparent)}}.program-operation-card.false .program-condition-result{color:var(--red)}.program-collection-visual,.program-variable-visual,.program-stack-visual{border:1px solid var(--border-soft);background:var(--panel);border-radius:10px;padding:12px}@supports (color:color-mix(in lab, red, red)){.program-collection-visual,.program-variable-visual,.program-stack-visual{background:color-mix(in srgb, var(--panel) 90%, transparent)}}.program-section-heading{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.program-section-heading>span{color:var(--text-soft);align-items:center;gap:6px;display:inline-flex}.program-section-heading>b{color:var(--amber);font-size:9px}.program-value-track{align-items:end;gap:7px;min-width:max-content;margin-top:11px;display:flex;overflow:visible}.program-collection-visual{overflow-x:auto}.program-value-track article{border:1px solid var(--border);background:var(--panel-raised);border-radius:8px;grid-template-rows:auto 1fr auto;justify-items:center;width:56px;min-height:66px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;position:relative}.program-value-track article>small{border-bottom:1px solid var(--border-soft);width:100%;color:var(--muted);font:700 8px/1 var(--font-geist-mono), ui-monospace, monospace;text-align:center;padding:3px 0}.program-value-track article>strong{max-width:54px;color:var(--text);font:900 16px/1 var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;padding:9px 4px 6px;overflow:hidden}.program-value-track article>div{flex-wrap:wrap;justify-content:center;gap:2px;min-height:16px;display:flex}.program-value-track article>div span{color:var(--amber);text-transform:uppercase;font-size:7px;font-weight:900}.program-value-track article.active,.program-value-track article.mid{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber), 0 0 22px var(--amber)}@supports (color:color-mix(in lab, red, red)){.program-value-track article.active,.program-value-track article.mid{box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 17%, transparent), 0 0 22px color-mix(in srgb, var(--amber) 22%, transparent)}}.program-value-track article.left{border-bottom:3px solid var(--cyan)}.program-value-track article.right{border-bottom:3px solid var(--violet)}.program-value-track article.target{background:var(--teal)}@supports (color:color-mix(in lab, red, red)){.program-value-track article.target{background:color-mix(in srgb, var(--teal) 11%, var(--panel-raised))}}.program-state-grid{grid-template-columns:minmax(0,1.5fr) minmax(120px,.7fr);gap:12px;display:grid}.program-variable-visual>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.program-variable-visual article{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;padding:8px;display:grid}.program-variable-visual article.changed{border-color:var(--amber);animation:.35s both program-memory-change}.program-variable-visual article>span{min-width:0;color:var(--text-soft);font:800 10px/1.2 var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;overflow:hidden}.program-variable-visual article>span small{color:var(--muted);margin-top:2px;font-size:7px;display:block}.program-variable-visual article>strong{max-width:120px;color:var(--cyan);font:900 11px/1.2 var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.program-variable-visual article>em{color:var(--amber);font:700 8px/1.2 var(--font-geist-mono), ui-monospace, monospace;grid-column:1/-1;font-style:normal}.program-variable-visual>div:last-child>p{color:var(--muted);grid-column:1/-1;margin:8px 0;font-size:10px}.program-stack-visual>div:last-child{gap:5px;margin-top:8px;display:grid}.program-stack-visual article{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:6px;justify-content:space-between;gap:8px;padding:7px 8px;display:flex}.program-stack-visual article strong{color:var(--text-soft);font:800 9px/1.2 var(--font-geist-mono), ui-monospace, monospace}.program-stack-visual article span{color:var(--muted);font-size:8px}.program-animation-footer{border-top:1px solid var(--border-soft);background:var(--panel);padding:10px 14px}@supports (color:color-mix(in lab, red, red)){.program-animation-footer{background:color-mix(in srgb, var(--panel) 92%, transparent)}}.program-animation-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.program-animation-footer>div{align-items:center;gap:10px;min-width:0;display:flex}.program-animation-footer>div>span{border:2px solid var(--cyan);width:11px;height:11px;box-shadow:0 0 0 5px var(--cyan);border-radius:999px;flex:none}@supports (color:color-mix(in lab, red, red)){.program-animation-footer>div>span{box-shadow:0 0 0 5px color-mix(in srgb, var(--cyan) 12%, transparent)}}.program-animation-footer>div>span{animation:1.2s infinite linked-pulse}.program-animation-footer>div>svg{color:var(--teal);flex:none}.program-animation-footer p{gap:2px;min-width:0;margin:0;display:grid}.program-animation-footer p small{color:var(--amber);letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:900}.program-animation-footer p strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.program-animation-footer aside{text-align:right;gap:2px;display:grid}.program-animation-footer aside code{max-width:220px;color:var(--teal);font:900 12px/1.2 var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes program-step-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes program-memory-change{0%{background:color-mix(in srgb, var(--amber) 24%, var(--panel-soft))}to{background:var(--panel-soft)}}.program-animation-board{grid-template-rows:auto minmax(0,1fr)}.program-focus-card{border:1px solid var(--cyan);grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;display:grid}@supports (color:color-mix(in lab, red, red)){.program-focus-card{border:1px solid color-mix(in srgb, var(--cyan) 42%, var(--border));background:color-mix(in srgb, var(--panel-raised) 94%, transparent)}}.program-focus-card{box-shadow:0 8px 24px var(--shadow);animation:.24s both program-step-arrive}.program-focus-card.true{border-color:var(--teal)}@supports (color:color-mix(in lab, red, red)){.program-focus-card.true{border-color:color-mix(in srgb, var(--teal) 62%, var(--border))}}.program-focus-card.false{border-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.program-focus-card.false{border-color:color-mix(in srgb, var(--red) 62%, var(--border))}}.program-step-number{background:var(--cyan);border-radius:999px;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab, red, red)){.program-step-number{background:color-mix(in srgb, var(--cyan) 15%, var(--panel-raised))}}.program-step-number{color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan);font-size:12px;font-weight:900}@supports (color:color-mix(in lab, red, red)){.program-step-number{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cyan) 28%, transparent)}}.program-focus-card>div:nth-child(2),.program-visual-heading>div:nth-child(2),.program-result-strip>div{gap:4px;min-width:0;display:grid}.program-focus-card span,.program-visual-heading span,.program-result-strip span,.program-details-panel>div>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.program-focus-card code{overflow-wrap:anywhere;color:var(--cyan);font:800 14px/1.4 var(--font-geist-mono), ui-monospace, monospace}.program-focus-card p{color:var(--text-soft);margin:0;font-size:12px;line-height:1.48}.program-condition-result{background:var(--teal);border-radius:999px;align-self:center;margin:0;padding:5px 8px}@supports (color:color-mix(in lab, red, red)){.program-condition-result{background:color-mix(in srgb, var(--teal) 14%, transparent)}}.program-condition-result{color:var(--teal);white-space:nowrap;font-size:9px}.program-focus-card.false .program-condition-result{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.program-focus-card.false .program-condition-result{background:color-mix(in srgb, var(--red) 13%, transparent)}}.program-focus-card.false .program-condition-result{color:var(--red)}.program-main-visual{border:1px solid var(--border-soft);background:linear-gradient(135deg, var(--panel-raised), var(--panel));border-radius:12px;min-height:210px;padding:16px}@supports (color:color-mix(in lab, red, red)){.program-main-visual{background:linear-gradient(135deg, color-mix(in srgb, var(--panel-raised) 96%, transparent), color-mix(in srgb, var(--panel) 90%, transparent))}}.program-visual-heading{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.program-visual-heading strong{color:var(--text);font-size:13px}.program-visual-heading>b{background:var(--amber);border-radius:999px;padding:4px 8px}@supports (color:color-mix(in lab, red, red)){.program-visual-heading>b{background:color-mix(in srgb, var(--amber) 13%, transparent)}}.program-visual-heading>b{color:var(--amber);white-space:nowrap;font-size:9px}.program-value-track{align-items:stretch;gap:9px;min-width:0;margin-top:28px;padding:8px 4px 16px;display:grid;overflow-x:auto}.program-value-track article{background:var(--panel-raised);border-radius:10px;width:64px;min-width:64px;min-height:76px;overflow:hidden}.program-value-track article>strong{max-width:62px;padding:11px 5px 8px;font-size:18px}.program-value-track article>span{min-height:18px;color:var(--amber);font-size:8px;font-weight:900}.program-value-track article.active,.program-value-track article.mid{transform:translateY(-7px)}.program-value-track article.moving-from{border-color:var(--amber)}@supports (color:color-mix(in lab, red, red)){.program-value-track article.moving-from{border-color:color-mix(in srgb, var(--amber) 76%, var(--border))}}.program-value-track article.moving-from{box-shadow:0 0 0 3px var(--amber)}@supports (color:color-mix(in lab, red, red)){.program-value-track article.moving-from{box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 14%, transparent)}}.program-value-track article.moving-to{border-color:var(--teal)}@supports (color:color-mix(in lab, red, red)){.program-value-track article.moving-to{border-color:color-mix(in srgb, var(--teal) 76%, var(--border))}}.program-value-track article.moving-to{background:var(--teal)}@supports (color:color-mix(in lab, red, red)){.program-value-track article.moving-to{background:color-mix(in srgb, var(--teal) 9%, var(--panel-raised))}}.program-value-track article.moving-to{box-shadow:0 0 0 3px var(--teal)}@supports (color:color-mix(in lab, red, red)){.program-value-track article.moving-to{box-shadow:0 0 0 3px color-mix(in srgb, var(--teal) 13%, transparent)}}.program-value-track article.settled:not(.moving-from):not(.moving-to){border-color:var(--teal)}@supports (color:color-mix(in lab, red, red)){.program-value-track article.settled:not(.moving-from):not(.moving-to){border-color:color-mix(in srgb, var(--teal) 34%, var(--border))}}.program-value-track article.settled:not(.moving-from):not(.moving-to)>span{color:var(--teal)}.program-movement-guide{border:1px solid var(--amber);margin-top:16px;padding:10px 11px 6px;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.program-movement-guide{border:1px solid color-mix(in srgb, var(--amber) 32%, var(--border-soft))}}.program-movement-guide{background:var(--amber);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.program-movement-guide{background:color-mix(in srgb, var(--amber) 6%, var(--panel-soft))}}.program-movement-title{color:var(--amber);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;font-size:9px;font-weight:900;display:flex}.program-movement-map{grid-auto-rows:42px;align-items:end;column-gap:9px;min-width:360px;min-height:58px;margin-top:4px;display:grid}.program-move-path{align-content:end;gap:2px;min-width:0;display:grid;position:relative}.program-move-path>span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800;overflow:hidden}.program-arrow-rail{align-items:center;height:21px;display:flex;position:relative}.program-arrow-rail>i{background:var(--amber);width:100%;height:2px;box-shadow:0 0 8px var(--amber)}@supports (color:color-mix(in lab, red, red)){.program-arrow-rail>i{box-shadow:0 0 8px color-mix(in srgb, var(--amber) 45%, transparent)}}.program-arrow-rail>svg{color:var(--amber);flex:none;margin-left:-5px}.program-arrow-rail>b{z-index:2;border:1px solid var(--amber);min-width:23px;height:20px;padding:0 5px;position:absolute;top:1px;left:0}@supports (color:color-mix(in lab, red, red)){.program-arrow-rail>b{border:1px solid color-mix(in srgb, var(--amber) 62%, var(--border))}}.program-arrow-rail>b{background:var(--panel-raised);color:var(--amber);font:900 9px/18px var(--font-geist-mono), ui-monospace, monospace;text-align:center;box-shadow:0 3px 10px var(--shadow);border-radius:999px;animation:.7s ease-in-out both program-value-travel-forward}.program-move-path.backward .program-arrow-rail{flex-direction:row-reverse}.program-move-path.backward .program-arrow-rail>b{animation-name:program-value-travel-backward;left:auto;right:0}.program-move-path.backward .program-arrow-rail>svg{margin-left:0;margin-right:-5px;transform:rotate(180deg)}.program-move-path.backward>span{text-align:right}.program-move-path.combine .program-arrow-rail>i,.program-move-path.combine .program-arrow-rail>svg{color:var(--violet);background:var(--violet)}.program-move-path.combine .program-arrow-rail>b{border-color:var(--violet);color:var(--violet)}.program-move-path.remove .program-arrow-rail>i,.program-move-path.remove .program-arrow-rail>svg{color:var(--red);background:var(--red)}.program-move-path.remove .program-arrow-rail>b{border-color:var(--red);color:var(--red)}.program-stationary-arrow{height:24px;color:var(--cyan);align-items:center;gap:4px;display:flex}.program-stationary-arrow>b{border:1px solid var(--cyan);min-width:23px;padding:3px 5px}@supports (color:color-mix(in lab, red, red)){.program-stationary-arrow>b{border:1px solid color-mix(in srgb, var(--cyan) 55%, var(--border))}}.program-stationary-arrow>b{background:var(--panel-raised);color:var(--cyan);font:900 9px/1 var(--font-geist-mono), ui-monospace, monospace;text-align:center;border-radius:999px}.program-stationary-arrow>svg{animation:.65s ease-in-out both program-pointer-drop}.program-movement-summary{background:var(--teal);border-radius:8px;margin-top:-7px;padding:7px 9px}@supports (color:color-mix(in lab, red, red)){.program-movement-summary{background:color-mix(in srgb, var(--teal) 8%, transparent)}}.program-movement-summary{color:var(--teal);align-items:center;gap:7px;display:flex}.program-movement-summary strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}@keyframes program-value-travel-forward{0%{opacity:.65;left:0;transform:scale(.88)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;left:calc(100% - 28px);transform:scale(1)}}@keyframes program-value-travel-backward{0%{opacity:.65;right:0;transform:scale(.88)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;right:calc(100% - 28px);transform:scale(1)}}@keyframes program-pointer-drop{0%{opacity:.35;transform:translateY(-5px)}to{opacity:1;transform:translateY(3px)}}.program-visual-legend{flex-wrap:wrap;gap:7px;padding-top:2px;display:flex}.program-visual-legend span{color:var(--text-soft);align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.program-visual-legend i{background:var(--cyan);border-radius:999px;width:8px;height:8px}.program-visual-legend i.mid{background:var(--amber)}.program-visual-legend i.right{background:var(--violet)}.program-visual-legend i.target{background:var(--teal)}.program-scalar-focus{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:9px;margin-top:22px;display:grid}.program-scalar-focus article{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:10px;gap:6px;min-width:0;padding:13px;display:grid}.program-scalar-focus article.changed{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber)}@supports (color:color-mix(in lab, red, red)){.program-scalar-focus article.changed{box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 12%, transparent)}}.program-scalar-focus span{color:var(--text-soft);font:800 10px/1.2 var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;overflow:hidden}.program-scalar-focus strong{color:var(--cyan);font:900 17px/1.2 var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.program-scalar-focus small{color:var(--amber);font:700 9px/1.3 var(--font-geist-mono), ui-monospace, monospace}.program-waiting-state{min-height:140px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:7px;display:grid}.program-waiting-state svg{color:var(--cyan)}.program-waiting-state strong{color:var(--text);font-size:13px}.program-waiting-state span{font-size:11px}.program-result-strip{border:1px solid var(--border-soft);background:var(--panel);border-radius:11px;grid-template-columns:32px minmax(0,1.1fr) minmax(100px,.8fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}@supports (color:color-mix(in lab, red, red)){.program-result-strip{background:color-mix(in srgb, var(--panel) 94%, transparent)}}.program-result-strip strong{overflow-wrap:anywhere;color:var(--text);font-size:11px}.program-result-strip code{color:var(--teal);font:900 12px/1.3 var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.program-result-strip>svg{color:var(--teal)}.program-details-toggle{border:1px solid var(--border-soft);width:100%;min-height:38px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:9px;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.program-details-toggle:hover{border-color:var(--cyan);color:var(--cyan)}.program-details-toggle span{align-items:center;gap:7px;font-size:10px;font-weight:800;display:inline-flex}.program-details-toggle>svg{transition:transform .2s}.program-details-toggle.open>svg{transform:rotate(180deg)}.program-details-panel{border:1px solid var(--border-soft);background:var(--panel);border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px;display:grid}@supports (color:color-mix(in lab, red, red)){.program-details-panel{background:color-mix(in srgb, var(--panel) 94%, transparent)}}.program-details-panel{animation:.2s both program-step-arrive}.program-details-panel>div{align-content:start;gap:6px;min-width:0;display:grid}.program-details-panel article{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:7px;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;min-width:0;padding:8px;display:grid}.program-details-panel article.changed{border-color:var(--amber)}.program-details-panel article code{color:var(--text-soft);text-overflow:ellipsis;font-size:10px;overflow:hidden}.program-details-panel article strong{color:var(--cyan);text-overflow:ellipsis;font-size:10px;overflow:hidden}.program-details-panel article small{color:var(--muted);grid-column:1/-1;font-size:8px}.program-details-panel p{color:var(--muted);margin:0;font-size:10px}@media (width<=760px){.program-animation-stage{padding:12px}.program-focus-card{grid-template-columns:28px minmax(0,1fr)}.program-condition-result{grid-column:2;justify-self:start}.program-visual-heading{grid-template-columns:28px minmax(0,1fr)}.program-visual-heading>b{grid-column:2;justify-self:start}.program-result-strip{grid-template-columns:28px minmax(0,1fr)}.program-result-strip>div:nth-child(3),.program-result-strip>svg{grid-column:2}.program-details-panel{grid-template-columns:1fr}}.concept-animation-board{background:radial-gradient(circle at 50% 34%, #24d8ff1a, transparent 34%), linear-gradient(180deg, var(--panel), var(--panel-soft));grid-template-rows:auto auto minmax(260px,1fr) auto;min-height:100%;display:grid;overflow:hidden}.concept-animation-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:12px 17px;display:flex}.concept-animation-header>div{gap:4px;display:grid}.concept-animation-header>div:last-child{justify-items:end}.concept-animation-header span,.concept-animation-header b,.concept-animation-header small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:850;display:inline-flex}.concept-animation-header strong{color:var(--text);font-size:16px}.concept-animation-header b{color:var(--cyan);background:#24d8ff14;border:1px solid #24d8ff47;border-radius:999px;padding:4px 8px}.concept-current-action{background:linear-gradient(135deg,#24d8ff14,#22e6c30a);border:1px solid #24d8ff47;border-radius:12px;gap:5px;margin:12px 14px 0;padding:12px 14px;display:grid}.concept-current-action>span{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:850;display:inline-flex}.concept-current-action strong{color:var(--text);font-size:15px}.concept-current-action p{color:var(--text-soft);margin:0;font-size:12px;line-height:1.55}.concept-visual-stage{place-items:center;min-height:0;padding:18px;display:grid;overflow:auto}.concept-linear-structure,.concept-decision-stage,.concept-network-stage,.concept-state-cards{width:min(100%,780px)}.concept-linear-structure{align-content:center;gap:16px;display:grid}.concept-entry-direction{color:var(--cyan);justify-content:center;align-items:center;gap:9px;font-size:11px;font-weight:800;display:flex}.concept-linear-structure.vertical .concept-entry-direction{flex-direction:column}.concept-linear-track{justify-content:center;align-items:center;gap:8px;min-height:115px;display:flex}.concept-linear-structure.vertical .concept-linear-track{flex-direction:column;justify-content:flex-start;min-height:240px}.concept-structure-item{border:1px solid var(--border);background:var(--panel-raised);min-width:82px;min-height:82px;box-shadow:0 12px 28px var(--shadow);border-radius:12px;place-items:center;gap:4px;padding:10px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.concept-linear-structure.vertical .concept-structure-item{grid-template-columns:1fr auto auto;justify-items:start;width:min(240px,80%);min-height:54px}.concept-structure-item small{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.concept-structure-item strong{color:var(--text);font:800 21px/1 var(--font-geist-mono), "JetBrains Mono", monospace}.concept-structure-item b{color:var(--amber);background:#ffb84d21;border-radius:999px;padding:3px 6px;font-size:8px}.concept-structure-item.role-active,.concept-structure-item.role-changed,.concept-structure-item.role-top,.concept-structure-item.role-front,.concept-structure-item.role-rear{border-color:var(--cyan);box-shadow:0 0 0 3px #24d8ff1f, 0 16px 34px var(--shadow);transform:translateY(-4px)}.concept-linear-structure.vertical .concept-structure-item.role-top{border-color:var(--amber);box-shadow:0 0 0 3px #ffb84d1f, 0 16px 34px var(--shadow)}.concept-between-arrow{color:var(--cyan);pointer-events:none;position:absolute;right:-22px}.concept-structure-rule{border:1px solid var(--border-soft);background:var(--panel);text-align:center;border-radius:10px;gap:3px;padding:11px 14px;display:grid}.concept-structure-rule strong{color:var(--teal);font-size:12px}.concept-structure-rule span{color:var(--text-soft);font-size:11px}.concept-decision-stage{gap:22px;display:grid}.concept-condition-card{border:2px solid var(--cyan);background:var(--panel-raised);text-align:center;border-radius:18px;justify-items:center;gap:8px;width:min(430px,90%);margin:0 auto;padding:16px 18px;display:grid;box-shadow:0 0 32px #24d8ff24}.concept-condition-card span{color:var(--muted);letter-spacing:.1em;font-size:9px;font-weight:850}.concept-condition-card code{color:var(--text);font-size:13px}.concept-condition-card strong{color:var(--teal);background:#22e6c31f;border-radius:999px;padding:5px 11px;font-size:11px}.concept-branch-rail{grid-template-columns:repeat(2,minmax(150px,1fr));gap:14px;display:grid}.concept-branch-rail>div{border:1px dashed var(--border);color:var(--muted);border-radius:12px;justify-items:center;gap:6px;padding:12px;display:grid}.concept-branch-rail>div.taken{border-style:solid;border-color:var(--teal);color:var(--teal);background:#22e6c314}.concept-branch-rail>div.skipped{opacity:.42}.concept-branch-rail span{font-size:10px;font-weight:850}.concept-branch-rail strong{color:currentColor;font-size:11px}.concept-state-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.concept-state-cards article{border:1px solid var(--border-soft);background:var(--panel-raised);border-radius:12px;align-content:center;gap:9px;min-height:105px;padding:13px;display:grid}.concept-state-cards article.role-active,.concept-state-cards article.role-changed{border-color:var(--cyan);box-shadow:0 0 0 3px #24d8ff1a}.concept-state-cards article>div{color:var(--muted);align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.concept-state-cards article code{color:var(--text);overflow-wrap:anywhere;font-size:14px}.concept-state-cards article b{width:fit-content;color:var(--amber);font-size:8px}.concept-network-stage{gap:20px;display:grid}.concept-network-nodes{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.concept-network-nodes article{border:2px solid var(--border);background:var(--panel-raised);width:86px;height:86px;box-shadow:0 12px 26px var(--shadow);border-radius:50%;align-content:center;place-items:center;gap:3px;display:grid}.concept-network-nodes article.role-active{border-color:var(--amber);box-shadow:0 0 0 6px #ffb84d1f, 0 12px 26px var(--shadow)}.concept-network-nodes article.role-visited{border-color:var(--teal);background:#22e6c317}.concept-network-nodes small,.concept-network-nodes b{color:var(--muted);font-size:8px}.concept-network-nodes strong{color:var(--text);font-size:19px}.concept-network-links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.concept-network-links span{border:1px solid var(--border-soft);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:6px 9px;display:inline-flex}.concept-network-links span.active{border-color:var(--cyan);color:var(--cyan)}.concept-network-links i{font-style:normal;font-weight:850}.concept-network-links small{text-transform:uppercase;font-size:8px}.concept-empty-structure{border:1px dashed var(--border);min-width:260px;color:var(--muted);text-align:center;border-radius:12px;place-items:center;gap:6px;padding:24px;display:grid}.concept-empty-structure strong{color:var(--text-soft);font-size:12px}.concept-empty-structure span{font-size:10px}.concept-animation-footer{border-top:1px solid var(--border-soft);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:10px 16px;display:flex}.concept-animation-footer>div{align-items:center;gap:10px;display:flex}.concept-animation-footer p{gap:2px;margin:0;display:grid}.concept-animation-footer small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.concept-animation-footer strong{color:var(--text-soft);font-size:11px}.concept-animation-footer>b{color:var(--amber);background:#ffb84d1a;border-radius:999px;padding:5px 8px;font-size:10px}.concept-live-pulse{border:3px solid #24d8ff3d;border-top-color:var(--cyan);border-radius:50%;width:12px;height:12px;animation:.9s linear infinite concept-spin}@keyframes concept-spin{to{transform:rotate(360deg)}}@media (width<=760px){.concept-linear-track{flex-wrap:wrap}.concept-branch-rail{grid-template-columns:1fr}.concept-animation-header,.concept-animation-footer{align-items:flex-start}}.linked-list-board{background-color:#040c17ad;background-image:radial-gradient(circle at 1px 1px,#86eaff24 1px,#0000 0);background-size:24px 24px;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.is-light .linked-list-board{background-color:#eff7fcc7;background-image:radial-gradient(circle at 1px 1px,#007fa524 1px,#0000 0)}.linked-list-agent{border-bottom:1px solid var(--border-soft);background:var(--panel);justify-content:space-between;align-items:center;gap:14px;padding:11px 15px;display:flex}@supports (color:color-mix(in lab, red, red)){.linked-list-agent{background:color-mix(in srgb, var(--panel) 88%, transparent)}}.linked-list-agent>div{gap:3px;min-width:0;display:grid}.linked-list-agent span{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:900;display:inline-flex}.linked-list-agent strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.linked-list-agent small{color:var(--muted);flex:none;font-size:11px;font-weight:800}.linked-list-stage{min-height:0;padding:72px 38px 34px;position:relative;overflow:auto}.linked-list-tray{border:1px dashed var(--border);background:var(--panel);border-radius:8px;min-width:140px;padding:8px 10px;position:absolute;top:14px;left:14px}@supports (color:color-mix(in lab, red, red)){.linked-list-tray{background:color-mix(in srgb, var(--panel) 86%, transparent)}}.linked-list-tray>span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.linked-list-tray div{flex-wrap:wrap;gap:5px;display:flex}.linked-list-tray b,.linked-list-tray em{color:var(--text-soft);font:700 10px/1.2 var(--font-geist-mono), ui-monospace, monospace;font-style:normal}.linked-list-track{align-items:center;min-width:max-content;min-height:210px;display:flex}.linked-list-node-group{align-items:center;display:flex}.linked-list-node-column{width:112px;padding-top:43px;position:relative}.linked-list-pointer-stack{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4px;width:112px;min-height:38px;display:flex;position:absolute;top:0;left:0}.linked-list-pointer-stack:has(span):after{content:"";background:var(--amber);width:2px;height:10px;position:absolute;bottom:-7px;left:55px}.linked-list-pointer-stack span{border:1px solid var(--cyan);padding:4px 7px}@supports (color:color-mix(in lab, red, red)){.linked-list-pointer-stack span{border:1px solid color-mix(in srgb, var(--cyan) 65%, var(--border))}}.linked-list-pointer-stack span{background:var(--panel-raised);color:var(--cyan);font:800 10px/1 var(--font-geist-mono), ui-monospace, monospace;box-shadow:0 0 12px var(--cyan);border-radius:5px}@supports (color:color-mix(in lab, red, red)){.linked-list-pointer-stack span{box-shadow:0 0 12px color-mix(in srgb, var(--cyan) 18%, transparent)}}.linked-list-pointer-stack span{animation:.24s both linked-pointer-arrive}.linked-list-pointer-stack span.head{border-color:var(--amber);color:var(--amber)}.linked-list-node{border:1px solid var(--border);background:var(--panel-raised);width:112px;box-shadow:0 8px 22px var(--shadow);border-radius:8px;transition:border-color .24s,box-shadow .24s,transform .24s;animation:.3s both linked-node-arrive;position:relative}.linked-list-node.active{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber), 0 0 28px var(--amber)}@supports (color:color-mix(in lab, red, red)){.linked-list-node.active{box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 18%, transparent), 0 0 28px color-mix(in srgb, var(--amber) 25%, transparent)}}.linked-list-node.active{transform:translateY(-4px)}.linked-list-node-label{border-bottom:1px solid var(--border-soft);color:var(--muted);font:700 9px/1.2 var(--font-geist-mono), ui-monospace, monospace;padding:4px 8px;display:block}.linked-list-node>div{grid-template-columns:1fr 40px;height:54px;display:grid}.linked-list-node>div>*{place-items:center;display:grid}.linked-list-node strong{color:var(--text);font:900 18px/1 var(--font-geist-mono), ui-monospace, monospace}.linked-list-node>div>span{border-left:1px solid var(--border);color:var(--teal)}.linked-list-wire{width:70px;color:var(--border);align-items:center;display:flex}.linked-list-wire i,.linked-list-null i{transform-origin:0;background:currentColor;flex:1;height:2px;animation:.34s both linked-wire-grow}.linked-list-wire.connected{color:var(--cyan)}.linked-list-null{width:80px;color:var(--muted);align-items:center;gap:4px;display:flex}.linked-list-null span{font:800 10px/1 var(--font-geist-mono), ui-monospace, monospace}.linked-list-null b{color:var(--amber);font:900 22px/1 var(--font-geist-mono), ui-monospace, monospace}.linked-list-empty{min-height:220px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:7px;display:grid}.linked-list-empty strong{color:var(--text)}.linked-list-empty span{font-size:12px}.linked-list-action{border-top:1px solid var(--border-soft);background:var(--panel);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 14px;display:grid}@supports (color:color-mix(in lab, red, red)){.linked-list-action{background:color-mix(in srgb, var(--panel) 92%, transparent)}}.linked-list-phase{align-items:center;gap:10px;min-width:0;display:flex}.linked-list-phase>svg{color:var(--teal);flex:none}.linked-list-pulse{border:2px solid var(--cyan);width:11px;height:11px;box-shadow:0 0 0 5px var(--cyan);border-radius:999px;flex:none}@supports (color:color-mix(in lab, red, red)){.linked-list-pulse{box-shadow:0 0 0 5px color-mix(in srgb, var(--cyan) 12%, transparent)}}.linked-list-pulse{animation:1.2s infinite linked-pulse}.linked-list-phase p{gap:2px;min-width:0;margin:0;display:grid}.linked-list-phase small{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.linked-list-phase strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.linked-list-output{text-align:right;gap:2px;display:grid}.linked-list-output span{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:900}.linked-list-output code{color:var(--teal);font-size:13px;font-weight:900}@keyframes linked-node-arrive{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes linked-pointer-arrive{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@keyframes linked-wire-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes linked-pulse{50%{box-shadow:0 0 0 9px color-mix(in srgb, var(--cyan) 3%, transparent)}}@media (width<=900px){.flow-view-switch button{padding:0 7px;font-size:10px}.linked-list-stage{padding-inline:22px}.linked-list-agent strong{font-size:12px}.program-state-grid,.program-variable-visual>div:last-child{grid-template-columns:1fr}}@media (width<=640px){.flow-view-switch{order:2}.flow-view-switch button{min-height:26px;padding-inline:6px}.linked-list-stage{padding:70px 18px 24px}.linked-list-action{grid-template-columns:1fr}.linked-list-output{text-align:left}.program-animation-footer{grid-template-columns:1fr}.program-animation-footer aside{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=981px){.workspace-grid{grid-template-columns:minmax(310px,27fr) minmax(600px,49fr) minmax(300px,24fr);gap:10px}.transport{grid-template-columns:auto minmax(260px,1fr) auto auto;gap:14px;min-height:104px;padding:11px 16px}.transport-buttons>button{gap:4px;min-width:72px;height:68px}.transport-buttons>button span{font-size:11px}.step-actions{display:none}}.is-light .panel{background:#fcfefffa;border-color:#cbdce9;box-shadow:0 12px 32px #244b6813}.editor-panel{grid-template-rows:64px minmax(0,1fr) auto auto 46px}.editor-panel.has-practice{grid-template-rows:64px auto minmax(0,1fr) auto auto 46px}.editor-state-dock{border-top:1px solid var(--border-soft);background:var(--panel-raised);padding:10px 12px}.editor-state-dock>header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.editor-state-dock>header>div{gap:2px;min-width:0;display:grid}.editor-state-dock>header span{color:var(--text);font-size:11px;font-weight:850}.editor-state-dock>header strong{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:650;overflow:hidden}.editor-state-dock>header button{background:var(--panel-soft);color:var(--cyan);cursor:pointer;border:0;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:800}.editor-state-dock>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.editor-state-dock>div>button{border:1px solid var(--border-soft);background:var(--panel-soft);text-align:left;cursor:pointer;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;gap:3px 7px;min-width:0;padding:7px 8px;display:grid}.editor-state-dock>div>button:hover,.editor-state-dock>div>button.changed{border-color:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.editor-state-dock>div>button:hover,.editor-state-dock>div>button.changed{border-color:color-mix(in srgb, var(--cyan) 55%, var(--border))}}.editor-state-dock>div>button:hover,.editor-state-dock>div>button.changed{background:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.editor-state-dock>div>button:hover,.editor-state-dock>div>button.changed{background:color-mix(in srgb, var(--cyan) 6%, var(--panel-soft))}}.editor-state-dock code{color:var(--text-soft);text-overflow:ellipsis;font-size:10px;font-weight:800;overflow:hidden}.editor-state-dock strong{max-width:110px;color:var(--cyan);font:850 10px/1.2 var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-state-dock small{color:var(--muted);grid-column:1/-1;font-size:8px}.program-animation-board{background:var(--panel-raised)}@supports (color:color-mix(in lab, red, red)){.program-animation-board{background:color-mix(in srgb, var(--panel-raised) 96%, var(--cyan) 4%)}}.is-light .program-animation-board{background:#fbfdff}.program-animation-agent{background:var(--panel-raised);min-height:58px;padding:10px 16px}.program-animation-agent span{color:var(--muted);letter-spacing:.07em}.program-animation-agent strong{font-size:15px}.program-animation-meta{grid-auto-flow:column;align-items:center;gap:8px}.program-animation-meta b,.program-animation-meta small{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:999px;padding:5px 8px}.program-animation-stage{gap:10px;padding:12px}.program-focus-card{border:1px solid var(--cyan);grid-template-columns:34px minmax(0,1fr) auto;gap:11px;padding:11px 13px}@supports (color:color-mix(in lab, red, red)){.program-focus-card{border:1px solid color-mix(in srgb, var(--cyan) 25%, var(--border))}}.program-focus-card{background:var(--cyan);border-radius:9px}@supports (color:color-mix(in lab, red, red)){.program-focus-card{background:color-mix(in srgb, var(--cyan) 4%, var(--panel-raised))}}.program-focus-card{box-shadow:none}.program-focus-card .program-step-number,.program-main-visual .program-step-number,.program-result-strip .program-step-number{background:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.program-focus-card .program-step-number,.program-main-visual .program-step-number,.program-result-strip .program-step-number{background:color-mix(in srgb, var(--cyan) 10%, var(--panel-raised))}}.program-focus-card code{font-size:13px}.program-focus-card p{font-size:11px}.program-main-visual{border-color:var(--border);min-height:350px;padding:14px}@supports (color:color-mix(in lab, red, red)){.program-main-visual{border-color:color-mix(in srgb, var(--border) 84%, transparent)}}.program-main-visual{background:var(--panel-raised);border-radius:10px}.program-main-visual.with-movement{min-height:430px}.program-visual-heading strong{font-size:14px}.program-movement-guide{background:0 0;border:0;margin-top:12px;padding:5px 8px 0}.program-movement-title{color:var(--text-soft);text-transform:none;justify-content:center;font-size:10px}.program-movement-map{grid-auto-rows:66px;column-gap:8px;min-width:420px;min-height:76px;margin-top:8px}.program-move-path{align-content:start;gap:5px}.program-move-path>span{color:var(--muted);text-align:center;font-size:9px}.program-arrow-rail{align-items:flex-end;height:42px}.program-arrow-rail>i{border-top:2px solid var(--cyan);height:27px;box-shadow:0 -5px 12px var(--cyan);background:0 0;border-radius:55% 55% 0 0}@supports (color:color-mix(in lab, red, red)){.program-arrow-rail>i{box-shadow:0 -5px 12px color-mix(in srgb, var(--cyan) 18%, transparent)}}.program-arrow-rail>svg{color:var(--cyan);margin:0 0 17px -7px}.program-arrow-rail>b{border-color:var(--cyan);min-width:34px;height:34px;padding:0 8px;top:10px}@supports (color:color-mix(in lab, red, red)){.program-arrow-rail>b{border-color:color-mix(in srgb, var(--cyan) 66%, var(--border))}}.program-arrow-rail>b{color:var(--cyan);box-shadow:0 7px 17px var(--cyan);border-radius:999px;font-size:12px;line-height:32px}@supports (color:color-mix(in lab, red, red)){.program-arrow-rail>b{box-shadow:0 7px 17px color-mix(in srgb, var(--cyan) 18%, var(--shadow))}}.program-move-path.backward .program-arrow-rail>svg{margin:0 -7px 17px 0}.program-move-path.swap:nth-of-type(2n) .program-arrow-rail>i{border-color:var(--teal);box-shadow:0 -5px 12px var(--teal)}@supports (color:color-mix(in lab, red, red)){.program-move-path.swap:nth-of-type(2n) .program-arrow-rail>i{box-shadow:0 -5px 12px color-mix(in srgb, var(--teal) 18%, transparent)}}.program-move-path.swap:nth-of-type(2n) .program-arrow-rail>svg,.program-move-path.swap:nth-of-type(2n) .program-arrow-rail>b{color:var(--teal)}.program-value-track{gap:7px;margin-top:14px;padding:5px 3px 15px}.program-value-track article{width:100%;min-width:64px;min-height:82px;box-shadow:0 4px 12px var(--shadow);border-radius:9px}.program-value-track article>small{padding:5px 0;font-size:10px}.program-value-track article>strong{max-width:100%;font-size:20px}.program-value-track article.focused{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan), 0 9px 20px var(--shadow)}@supports (color:color-mix(in lab, red, red)){.program-value-track article.focused{box-shadow:0 0 0 3px color-mix(in srgb, var(--cyan) 16%, transparent), 0 9px 20px var(--shadow)}}.program-value-track article.focused{transform:translateY(-5px)}.program-cell-hitboxes{z-index:5;gap:7px;height:82px;margin:-97px 3px 15px;display:grid;position:relative}.program-cell-hitboxes button{cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:0}.program-cell-hitboxes button:hover,.program-cell-hitboxes button:focus-visible,.program-cell-hitboxes button.focused{outline:2px solid var(--cyan)}@supports (color:color-mix(in lab, red, red)){.program-cell-hitboxes button:hover,.program-cell-hitboxes button:focus-visible,.program-cell-hitboxes button.focused{outline:2px solid color-mix(in srgb, var(--cyan) 70%, transparent)}}.program-cell-hitboxes button:hover,.program-cell-hitboxes button:focus-visible,.program-cell-hitboxes button.focused{outline-offset:3px}.program-value-focus{border:1px solid var(--cyan);margin:-4px 0 9px;padding:7px 9px}@supports (color:color-mix(in lab, red, red)){.program-value-focus{border:1px solid color-mix(in srgb, var(--cyan) 28%, var(--border))}}.program-value-focus{background:var(--cyan);border-radius:8px}@supports (color:color-mix(in lab, red, red)){.program-value-focus{background:color-mix(in srgb, var(--cyan) 5%, var(--panel-soft))}}.program-value-focus{color:var(--cyan);align-items:center;gap:7px;font-size:10px;display:flex}.program-value-focus strong{color:var(--text);margin-left:auto}.program-value-focus button{background:var(--panel-raised);color:var(--muted);cursor:pointer;border:0;border-radius:5px;padding:3px 6px}.program-movement-summary{border:1px solid var(--teal);margin-top:0}@supports (color:color-mix(in lab, red, red)){.program-movement-summary{border:1px solid color-mix(in srgb, var(--teal) 22%, var(--border-soft))}}.program-movement-summary{background:var(--teal)}@supports (color:color-mix(in lab, red, red)){.program-movement-summary{background:color-mix(in srgb, var(--teal) 5%, var(--panel-soft))}}.program-state-compare{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px;display:grid}.program-state-compare>article{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:8px;min-width:0;padding:8px}.program-state-compare>article.during{border-color:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.program-state-compare>article.during{border-color:color-mix(in srgb, var(--cyan) 55%, var(--border))}}.program-state-compare>article.during{background:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.program-state-compare>article.during{background:color-mix(in srgb, var(--cyan) 5%, var(--panel-raised))}}.program-state-compare header{align-items:center;gap:5px;margin-bottom:7px;display:flex}.program-state-compare header i{background:var(--muted);border-radius:999px;width:8px;height:8px}.program-state-compare .during header i{background:var(--cyan);box-shadow:0 0 0 4px var(--cyan)}@supports (color:color-mix(in lab, red, red)){.program-state-compare .during header i{box-shadow:0 0 0 4px color-mix(in srgb, var(--cyan) 10%, transparent)}}.program-state-compare header strong{color:var(--text-soft);font-size:10px}.program-state-compare header span{color:var(--cyan);text-transform:uppercase;margin-left:auto;font-size:8px;font-weight:800}.program-state-compare>article>div{grid-template-columns:repeat(auto-fit,minmax(18px,1fr));display:grid}.program-state-compare b{border:1px solid var(--border-soft);min-width:0;color:var(--text-soft);background:var(--panel-raised);font:800 9px/1 var(--font-geist-mono), ui-monospace, monospace;text-align:center;text-overflow:ellipsis;padding:5px 2px;overflow:hidden}.program-state-compare b.changed{color:var(--cyan);background:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.program-state-compare b.changed{background:color-mix(in srgb, var(--cyan) 8%, var(--panel-raised))}}.program-result-strip{border-color:var(--amber);grid-template-columns:34px minmax(0,1.35fr) minmax(90px,.65fr) auto;padding:11px 13px}@supports (color:color-mix(in lab, red, red)){.program-result-strip{border-color:color-mix(in srgb, var(--amber) 28%, var(--border-soft))}}.program-result-strip{background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.program-result-strip{background:color-mix(in srgb, var(--amber) 4%, var(--panel-raised))}}.program-details-toggle{min-height:34px;color:var(--muted);border:0}.tutor-story{border:1px solid var(--border-soft);background:var(--panel-raised);border-radius:11px;margin:12px;overflow:hidden}.tutor-story>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.tutor-story>header>div{gap:2px;display:grid}.tutor-story>header span{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.tutor-story>header strong{color:var(--text);font-size:13px}.tutor-story>header small{color:var(--muted);font-size:9px}.tutor-story>article{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:13px 11px;display:grid;position:relative}.tutor-story>article+article{border-top:1px solid var(--border-soft)}.tutor-story>article.active{background:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.tutor-story>article.active{background:color-mix(in srgb, var(--cyan) 6%, var(--panel-soft))}}.tutor-story-marker{border:1px solid var(--border);width:32px;height:32px;color:var(--muted);background:var(--panel-raised);border-radius:999px;place-items:center;display:grid;position:relative}.tutor-story-marker b{color:#fff;background:var(--muted);text-align:center;border-radius:999px;width:15px;height:15px;font-size:8px;line-height:15px;position:absolute;bottom:-3px;right:-5px}.tutor-story article.active .tutor-story-marker{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 0 5px var(--cyan)}@supports (color:color-mix(in lab, red, red)){.tutor-story article.active .tutor-story-marker{box-shadow:0 0 0 5px color-mix(in srgb, var(--cyan) 8%, transparent)}}.tutor-story article.active .tutor-story-marker b{background:var(--cyan);color:#032131}.tutor-story article>div:last-child{gap:5px;min-width:0;display:grid}.tutor-story article span{color:var(--teal);font-size:10px;font-weight:850}.tutor-story article code{background:var(--panel-soft);color:var(--cyan);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:5px 7px;font-size:10px;overflow:hidden}.tutor-story article strong,.tutor-story article p{color:var(--text-soft);margin:0;font-size:11px;line-height:1.55}.tutor-story article.active strong{color:var(--text)}.program-primer{border:1px solid var(--border-soft);border-radius:10px;margin-inline:12px;overflow:hidden}.agent-coach-view{gap:13px;padding:14px;display:grid}.agent-coach-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.agent-coach-heading h2{color:var(--text);align-items:center;gap:7px;margin:4px 0 0;font-size:18px;display:flex}.agent-coach-heading h2 svg{color:var(--cyan)}.agent-coach-heading>b{border:1px solid var(--teal);padding:5px 8px}@supports (color:color-mix(in lab, red, red)){.agent-coach-heading>b{border:1px solid color-mix(in srgb, var(--teal) 40%, var(--border))}}.agent-coach-heading>b{color:var(--teal);background:var(--teal);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.agent-coach-heading>b{background:color-mix(in srgb, var(--teal) 8%, transparent)}}.agent-coach-heading>b{letter-spacing:.06em;text-transform:uppercase;font-size:9px}.agent-coach-intro{color:var(--text-soft);margin:0;font-size:12px;line-height:1.6}.agent-mode-grid{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.agent-mode-grid button{min-height:34px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;font-size:10px;font-weight:800}.agent-mode-grid button:hover,.agent-mode-grid button.active{border-color:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.agent-mode-grid button:hover,.agent-mode-grid button.active{border-color:color-mix(in srgb, var(--cyan) 45%, var(--border))}}.agent-mode-grid button:hover,.agent-mode-grid button.active{color:var(--cyan);background:var(--panel-raised)}.agent-practice-gate,.agent-context-ready,.agent-error{border-radius:10px;align-items:center;gap:9px;padding:10px;display:flex}.agent-practice-gate{border:1px solid var(--amber)}@supports (color:color-mix(in lab, red, red)){.agent-practice-gate{border:1px solid color-mix(in srgb, var(--amber) 45%, var(--border))}}.agent-practice-gate{color:var(--amber);background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.agent-practice-gate{background:color-mix(in srgb, var(--amber) 7%, var(--panel-soft))}}.agent-practice-gate div{flex:1;min-width:0}.agent-practice-gate strong,.agent-practice-gate p{margin:0;display:block}.agent-practice-gate strong{color:var(--text);font-size:11px}.agent-practice-gate p{color:var(--text-soft);margin-top:3px;font-size:10px;line-height:1.45}.agent-practice-gate>span{font-size:11px;font-weight:900}.agent-context-ready{border:1px solid var(--teal)}@supports (color:color-mix(in lab, red, red)){.agent-context-ready{border:1px solid color-mix(in srgb, var(--teal) 35%, var(--border))}}.agent-context-ready{color:var(--teal);background:var(--teal)}@supports (color:color-mix(in lab, red, red)){.agent-context-ready{background:color-mix(in srgb, var(--teal) 7%, var(--panel-soft))}}.agent-context-ready{font-size:10px;line-height:1.45}.agent-request-field{gap:6px;display:grid}.agent-request-field>span{color:var(--text);font-size:11px;font-weight:850}.agent-request-field textarea{resize:vertical;border:1px solid var(--border);min-height:86px;color:var(--text);background:var(--panel-soft);font:inherit;border-radius:10px;outline:none;padding:10px;font-size:12px;line-height:1.55}.agent-request-field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan)}@supports (color:color-mix(in lab, red, red)){.agent-request-field textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--cyan) 10%, transparent)}}.agent-run-button{border:1px solid var(--cyan);min-height:42px}@supports (color:color-mix(in lab, red, red)){.agent-run-button{border:1px solid color-mix(in srgb, var(--cyan) 55%, var(--border))}}.agent-run-button{color:#052333;background:linear-gradient(135deg, var(--cyan), var(--teal));font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.agent-run-button:disabled{opacity:.52;cursor:not-allowed}.agent-error{border:1px solid #ef4444}@supports (color:color-mix(in lab, red, red)){.agent-error{border:1px solid color-mix(in srgb, #ef4444 40%, var(--border))}}.agent-error{color:#ef4444;background:#ef4444}@supports (color:color-mix(in lab, red, red)){.agent-error{background:color-mix(in srgb, #ef4444 7%, var(--panel-soft))}}.agent-error p,.agent-error strong,.agent-error span{margin:0;display:block}.agent-error strong{color:var(--text);font-size:11px}.agent-error span{color:var(--text-soft);margin-top:3px;font-size:10px}.agent-result{border:1px solid var(--cyan)}@supports (color:color-mix(in lab, red, red)){.agent-result{border:1px solid color-mix(in srgb, var(--cyan) 30%, var(--border))}}.agent-result{background:var(--panel-raised);box-shadow:0 12px 30px var(--cyan);border-radius:12px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.agent-result{box-shadow:0 12px 30px color-mix(in srgb, var(--cyan) 7%, transparent)}}.agent-result>header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:10px;padding:13px;display:flex}.agent-result>header span{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.agent-result>header h3{color:var(--text);margin:5px 0 0;font-size:13px;line-height:1.5}.agent-result>header b{color:var(--teal);text-transform:capitalize;white-space:nowrap;font-size:9px}.agent-observations{gap:7px;padding:10px;display:grid}.agent-observations article{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:8px;padding:9px}.agent-observations span{color:var(--amber);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:900}.agent-observations p{color:var(--text-soft);margin:4px 0 0;font-size:11px;line-height:1.55}.agent-guided-steps{gap:8px;padding:4px 10px 12px;display:grid}.agent-guided-steps article{grid-template-columns:26px minmax(0,1fr);gap:8px;display:grid}.agent-guided-steps article>b{color:#032131;background:var(--cyan);text-align:center;border-radius:999px;width:24px;height:24px;font-size:10px;line-height:24px}.agent-guided-steps h4,.agent-guided-steps p{margin:0}.agent-guided-steps h4{color:var(--text);font-size:11px}.agent-guided-steps p,.agent-guided-steps small{color:var(--text-soft);margin-top:4px;font-size:10px;line-height:1.55;display:block}.agent-hint,.agent-visual-focus{border-radius:9px;margin:0 10px 10px;padding:10px}.agent-hint{border:1px solid var(--amber)}@supports (color:color-mix(in lab, red, red)){.agent-hint{border:1px solid color-mix(in srgb, var(--amber) 35%, var(--border))}}.agent-hint{color:var(--amber);background:var(--amber)}@supports (color:color-mix(in lab, red, red)){.agent-hint{background:color-mix(in srgb, var(--amber) 7%, var(--panel-soft))}}.agent-hint{align-items:flex-start;gap:8px;display:flex}.agent-hint p,.agent-hint strong,.agent-hint span{margin:0;display:block}.agent-hint strong{color:var(--text);font-size:10px}.agent-hint span{color:var(--text-soft);margin-top:3px;font-size:10px;line-height:1.5}.agent-visual-focus{border:1px solid var(--cyan)}@supports (color:color-mix(in lab, red, red)){.agent-visual-focus{border:1px solid color-mix(in srgb, var(--cyan) 32%, var(--border))}}.agent-visual-focus{background:var(--cyan)}@supports (color:color-mix(in lab, red, red)){.agent-visual-focus{background:color-mix(in srgb, var(--cyan) 5%, var(--panel-soft))}}.agent-visual-focus>span{color:var(--cyan);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:900}.agent-visual-focus h4,.agent-visual-focus p{margin:5px 0 0}.agent-visual-focus h4{color:var(--text);font-size:11px}.agent-visual-focus p{color:var(--text-soft);font-size:10px;line-height:1.5}.agent-visual-focus div{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.agent-visual-focus code{color:var(--cyan);background:var(--panel-raised);border-radius:5px;padding:3px 6px;font-size:9px}.agent-result>footer{border-top:1px solid var(--border-soft);padding:11px 13px 13px}.agent-result>footer strong{color:var(--text);font-size:10px}.agent-result>footer ol{color:var(--text-soft);margin:7px 0 0;padding-left:18px;font-size:10px;line-height:1.55}@media (width>=981px){.inspector-panel.tutor-mode .inspector-tabs{grid-template-columns:minmax(76px,1.7fr) repeat(6,34px)}.inspector-panel.tutor-mode .inspector-tabs.has-practice-tab{grid-template-columns:minmax(62px,1.2fr) minmax(68px,1.35fr) repeat(6,30px)}.inspector-panel.tutor-mode .inspector-tabs button:not(:first-child){font-size:0}.inspector-panel.tutor-mode .inspector-tabs.has-practice-tab button:nth-child(2){font-size:10px}.inspector-panel.tutor-mode .inspector-tabs.has-practice-tab button:nth-child(n+3){font-size:0}.inspector-panel.tutor-mode .inspector-tabs button svg{width:18px;height:18px}}@media (width<=760px){.program-state-compare{grid-template-columns:1fr}.program-cell-hitboxes{min-width:max-content}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}