*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords;scroll-behavior:smooth}}:root{--page-width:76rem;--text-width:68ch;--page-padding:clamp(1rem,2vw + 0.5rem,2rem);--section-padding:clamp(1.25rem,1rem + 1vw,2rem);--padding-lg:2rem;--padding:1rem;--padding-sm:0.625rem;--padding-xs:0.375rem;--gap:1rem;--radius-xl:2rem;--radius-lg:1.25rem;--radius-md:0.9rem;--radius-sm:0.625rem;--shadow-lg:0 30px 80px rgba(0,0,0,0.32);--shadow-md:0 14px 38px rgba(0,0,0,0.22);--3xl:clamp(3.2rem,5vw,5.5rem);--2xl:clamp(2.4rem,3vw,3.6rem);--xl:clamp(1.75rem,2vw,2.4rem);--lg:1.35rem;--md:1.0625rem;--regular:1rem;--sm:0.9rem;--w-bold:700;--w-regular:400;--font-display:"IBM Plex Sans","Aptos","Segoe UI",sans-serif;--font-sans:"IBM Plex Sans","Aptos","Segoe UI",sans-serif;--font-mono:"JetBrains Mono Variable","IBM Plex Mono","JetBrains Mono","Cascadia Code",monospace;--bg:#061018;--bg-soft:#0d1720;--bg-panel:rgba(11,22,31,0.82);--bg-panel-strong:rgba(16,28,39,0.94);--bg-panel-solid:#0f1a24;--bg-header:rgba(6,13,20,0.82);--fg:#f4f6f8;--fg-muted:rgba(244,246,248,0.94);--fg-subtle:rgba(244,246,248,0.88);--border-color:rgba(126,157,177,0.22);--border-strong:rgba(126,157,177,0.38);--accent:#f59e3b;--accent-soft:rgba(245,158,59,0.16);--accent-wash:rgba(245,158,59,0.08);--accent-border:rgba(245,158,59,0.65);--accent-glow:rgba(245,158,59,0.18);--accent-strong:var(--accent);--accent-secondary:#6de2d5;--fg-accent:#09131a;--panel-bg:var(--bg-panel);--panel-border:var(--border-color);--text:var(--fg);--text-dim:var(--fg);--green:var(--accent);--blue:#8ec5ff;--amber:var(--accent);--red:#ff8e70;--yellow:var(--accent);--purple:#bba4ff;--comment:var(--accent-secondary);--font:var(--font-sans);--border:1px solid var(--border-color)}body,html{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:13px}body{min-height:100dvh;display:flex;flex-direction:column;line-height:1.65;background:radial-gradient(circle at top left,var(--accent-soft),transparent 34%),radial-gradient(circle at top right,rgba(109,226,213,.12),transparent 28%),radial-gradient(circle at bottom center,var(--accent-wash),transparent 30%),linear-gradient(180deg,#08131c 0,#061018 45%,#040a10 100%);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body.intro-page,html.intro-page{background:#061018}body.intro-page:before{display:none}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 80%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 80%);opacity:.18}#app{flex-direction:column;height:100vh;overflow:hidden;z-index:1}#app,header{display:flex;position:relative}header{align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--panel-border);background:var(--bg-header);flex-shrink:0;justify-content:center;min-height:3.25rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}header h1{font-size:1rem;color:var(--accent);font-weight:800;white-space:nowrap;font-family:var(--font-display);letter-spacing:.04em;position:absolute;left:50%;transform:translateX(-50%)}.sidebar{width:260px;min-width:260px;background:var(--bg-panel-strong);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;overflow:hidden;transition:width .15s,min-width .15s;position:relative;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar-collapsed{width:40px;min-width:40px}.mobile-sidebar-close,.mobile-sidebar-toggle,.sidebar-backdrop{display:none}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:100%;height:28px;flex-shrink:0;background:transparent;border:none;border-bottom:1px solid var(--panel-border);color:var(--fg-subtle);font-family:var(--font-sans);font-size:11px;cursor:pointer;transition:color .15s,background .15s}.sidebar-toggle:hover{color:var(--text);background:rgba(255,255,255,.03)}.sidebar-content{flex:1 1;overflow-y:auto;padding:.25rem 0}.sidebar-track{border-bottom:1px solid var(--panel-border)}.sidebar-track:last-child{border-bottom:none}.sidebar-track-header{display:flex;align-items:center;gap:.35rem;width:100%;padding:.45rem .5rem;background:transparent;border:none;color:var(--fg);font-family:var(--font-sans);font-size:12px;cursor:pointer;text-align:left;transition:background .1s,color .1s}.sidebar-track-header:hover{background:rgba(255,255,255,.04)}.sidebar-track-name{flex:1 1;font-weight:600;letter-spacing:.02em}.sidebar-track-count{font-size:10px;color:var(--fg-subtle);margin-left:auto;white-space:nowrap}.sidebar-unit-header{display:flex;align-items:center;gap:.3rem;width:100%;padding:.3rem .5rem .3rem 1.25rem;background:transparent;border:none;color:var(--fg-muted);font-family:var(--font-sans);font-size:11px;cursor:pointer;text-align:left;text-transform:uppercase;letter-spacing:.04em;transition:background .1s}.sidebar-unit-header:hover{background:rgba(255,255,255,.03);color:var(--text)}.sidebar-unit-name{flex:1 1}.sidebar-unit-count{font-size:10px;color:var(--text-dim);margin-left:auto;white-space:nowrap}.sidebar-exercise{display:flex;align-items:center;gap:.4rem;width:100%;padding:.2rem .5rem .2rem 2rem;background:transparent;border:none;border-left:2px solid transparent;color:var(--fg-muted);font-family:var(--font-sans);font-size:11px;cursor:pointer;text-align:left;transition:all .1s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-exercise:hover{background:rgba(255,255,255,.03);color:var(--text)}.sidebar-exercise.active{border-left-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.sidebar-exercise.completed{color:var(--accent-secondary)}.sidebar-exercise-title{flex:1 1;overflow:hidden;text-overflow:ellipsis}.sidebar-exercise-check{flex-shrink:0;color:var(--green);font-size:10px;margin-left:auto}.sidebar-chevron{flex-shrink:0;width:1em;text-align:center;font-size:10px;color:var(--fg-subtle)}#badges{display:flex;gap:.5rem;position:absolute;right:1rem}.badge{font-size:11px;padding:.2rem .6rem;border:1px solid var(--border-strong);color:var(--accent-strong);border-radius:.35rem;white-space:nowrap;background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#app-body{display:flex;flex-direction:row}#app-body,main{flex:1 1;overflow:hidden;min-height:0;min-width:0}main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-auto-flow:row;grid-gap:var(--padding-sm);gap:var(--padding-sm);background:transparent;padding:var(--padding-sm)}.panel{background:var(--panel-bg);display:flex;flex-direction:column;overflow:hidden;border:var(--border);border-radius:.35rem;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:0;min-width:0}.panel-hdr{padding:.5rem .9rem;font-size:11px;color:var(--fg-subtle);border-bottom:1px solid var(--panel-border);flex-shrink:0;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-sans);font-weight:700}.panel-body{flex:1 1;overflow-y:auto;padding:.85rem;min-height:0;min-width:0}#source-panel{grid-column:1;grid-row:1}#source-code{white-space:pre;line-height:1.6;-moz-tab-size:4;tab-size:4;font-family:var(--font-mono)}.src-line{display:block;padding:0 .5rem;position:relative}.src-line .ln{color:var(--text-dim);display:inline-block;width:2.5em;text-align:right;margin-right:1em;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.src-line.highlight{background:rgba(78,201,176,.1);border-left:2px solid var(--green)}.src-line.executing{background:rgba(220,220,170,.12);border-left:2px solid var(--yellow)}.src-line.executing .ln:before{content:"\25B6";color:var(--yellow);position:absolute;left:.15rem;font-size:10px}.src-kw,.src-type{color:var(--blue)}.src-fn{color:var(--yellow)}.src-str{color:var(--amber)}.src-cmt{color:var(--comment);font-style:italic}.src-num{color:var(--purple)}.src-vuln{color:var(--red);-webkit-text-decoration:underline wavy var(--red);text-decoration:underline wavy var(--red)}#stack-panel{grid-column:2;grid-row:1}#stack-viz{font-size:12px}#built-payload,#calc-result,#exec-log,#register-display,#stack-viz,.free-list-addr,.func-ptr-val,.gadget-addr,.gadget-asm,.stack-addr,.stack-ascii,.stack-byte,.stack-label,.sym-addr,.sym-name{font-family:var(--font-mono)}.stack-row{display:flex;align-items:center;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.03);transition:background .3s}.stack-row.region-start{border-top:1px solid var(--panel-border)}.stack-addr{color:var(--text-dim);width:8em;text-align:right;padding-right:.75em;flex-shrink:0;font-size:11px}.stack-bytes{display:flex;gap:2px;flex-shrink:0}.stack-byte{width:2.2em;text-align:center;padding:2px 0;border-radius:2px;transition:all .2s;font-size:12px}.stack-byte.empty{color:var(--text-dim)}.stack-ascii{width:5em;flex-shrink:0}.stack-ascii,.stack-label{color:var(--text-dim);padding-left:.75em;font-size:11px}.stack-label{white-space:nowrap}.region-buffer .stack-byte{background:rgba(78,201,176,.15);color:var(--green)}.region-canary .stack-byte{background:rgba(197,134,192,.15);color:var(--purple)}.region-ebp .stack-byte{background:rgba(86,156,214,.15);color:var(--blue)}.region-ret .stack-byte{background:var(--accent-soft);color:var(--amber)}.stack-byte.overflow{background:rgba(244,71,71,.3)!important;color:var(--red)!important;animation:pulse .6s ease}.stack-byte.just-written{animation:flash .4s ease}.stack-byte.current{outline:2px solid var(--yellow);outline-offset:-1px;animation:flash .3s ease}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes flash{0%{background:rgba(255,255,255,.4)}}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:0;bottom:100%;background:rgba(0,0,0,.92);color:var(--green);border:1px solid var(--panel-border);padding:.35rem .5rem;font-size:10px;line-height:1.4;white-space:normal;width:max-content;max-width:280px;z-index:50;pointer-events:none;border-radius:2px;font-family:var(--font)}.has-tooltip{cursor:help;border-bottom:1px dotted var(--text-dim)}.toolkit{margin-top:.75rem;border-top:1px solid var(--panel-border)}.toolkit-tabs{display:flex;gap:.4rem;flex-wrap:wrap;padding:.65rem .5rem .5rem}.toolkit-tab{display:inline-flex;align-items:center;justify-content:center;min-height:2.15rem;padding:.45rem .75rem;background:rgba(255,255,255,.03);border:1px solid rgba(126,157,177,.28);border-radius:.35rem;color:var(--accent-secondary);cursor:pointer;font-family:var(--font-sans);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.toolkit-tab.active{background:var(--accent);border-color:transparent;color:var(--fg-accent)}.toolkit-panel{padding:0 .5rem .5rem}.toolkit-stack{display:flex;flex-direction:column;gap:.75rem;margin-top:0;border-top:0}.toolkit-stack-section{padding:.85rem .95rem;border:1px solid var(--panel-border);border-radius:.35rem;background:rgba(255,255,255,.02)}.toolkit-stack-title{color:var(--accent-strong);font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}.toolkit-stack-body>:first-child{margin-top:0!important}#input-panel{grid-column:1;grid-row:2}#input-area{margin-bottom:.75rem}#input-area label{display:block;font-size:11px;color:var(--text-dim);margin-bottom:.35rem}.input-panel-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.input-panel-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.input-panel-progress{color:var(--accent-secondary);font-size:.76rem}.input-panel-action,.input-panel-progress{font-weight:700;letter-spacing:.08em;text-transform:uppercase}.input-panel-action{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.35rem .75rem;border:1px solid rgba(126,157,177,.28);border-radius:.35rem;background:rgba(255,255,255,.03);color:var(--text);font-family:var(--font-sans);font-size:.68rem;text-align:center;white-space:normal;line-height:1.3;cursor:pointer}.input-panel-action:focus-visible,.input-panel-action:hover{border-color:var(--accent);color:var(--text)}.input-panel-shell.is-collapsed .panel-hdr{border-bottom:none}#payload-input{width:100%;background:rgba(4,12,18,.78);border:1px solid var(--border-color);color:var(--text);font-family:var(--font-mono);font-size:13px;padding:.65rem .75rem;resize:none;min-height:2.5em;border-radius:var(--radius-sm)}#payload-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}#payload-input::placeholder{color:var(--fg-subtle)}.input-mode-toggle{display:flex;gap:.5rem;margin-bottom:.5rem}.input-mode-toggle button{background:rgba(255,255,255,.02);border:1px solid var(--accent-secondary);color:var(--accent-secondary);font-family:var(--font-sans);font-size:11px;padding:.3rem .65rem;cursor:pointer;border-radius:.35rem}.input-mode-toggle button.active{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.controls{display:flex;gap:.5rem;flex-wrap:wrap}.controls .walkthrough-button{margin-left:auto}.controls button,a.link-button,button.link-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.9rem;padding:.75rem 1rem;border-radius:.35rem;border:1px solid rgba(126,157,177,.28);background:rgba(255,255,255,.03);color:var(--fg);font-family:var(--font-sans);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap;cursor:pointer}.controls button:focus-visible:not(:disabled),.controls button:hover:not(:disabled),a.link-button:focus-visible,a.link-button:hover,button.link-button:focus-visible,button.link-button:hover{border-color:var(--accent-border);color:var(--fg);transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.18)}.controls button.primary,.link-button.primary{background:var(--accent);color:var(--fg-accent);border-color:transparent;box-shadow:0 12px 30px var(--accent-glow)}.controls button.primary:focus-visible:not(:disabled),.controls button.primary:hover:not(:disabled),.link-button.primary:focus-visible,.link-button.primary:hover{background:var(--accent);color:var(--fg-accent)}.link-button.secondary{background:rgba(9,20,29,.72);border-color:rgba(126,157,177,.28)}.link-button.secondary:focus-visible,.link-button.secondary:hover{border-color:rgba(109,226,213,.58)}.link-button.secondary-accent{color:var(--accent-secondary);border-color:rgba(126,157,177,.28)}.link-button.secondary-accent:focus-visible,.link-button.secondary-accent:hover{color:var(--fg)}.controls button:disabled,.link-button:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}#payload-builder{margin-top:.75rem;padding:.5rem;border:1px solid var(--panel-border);font-size:11px;border-radius:var(--radius-sm);background:rgba(255,255,255,.02)}#payload-builder h4{color:var(--text-dim);font-weight:400;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.builder-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.builder-row label{color:var(--text-dim);width:10em}.builder-row input{background:rgba(4,12,18,.78);border:1px solid var(--panel-border);color:var(--text);font-family:var(--font-mono);font-size:11px;padding:.35rem .5rem;width:10em;border-radius:var(--radius-sm)}.builder-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.builder-row .hint{color:var(--text-dim);font-size:10px}#built-payload{color:var(--yellow);word-break:break-all;margin-top:.5rem;padding:.35rem;background:rgba(4,12,18,.78);min-height:1.5em;border-radius:var(--radius-sm)}#hex-calc{margin-top:.75rem;padding:.5rem;border:1px solid var(--panel-border);font-size:11px;border-radius:var(--radius-sm);background:rgba(255,255,255,.02)}#hex-calc h4{color:var(--text-dim);font-weight:400;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.calc-row{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem;flex-wrap:wrap}.calc-row input{background:rgba(4,12,18,.78);border:1px solid var(--panel-border);color:var(--text);font-family:var(--font-mono);font-size:12px;padding:.35rem .5rem;width:10em;border-radius:var(--radius-sm)}.calc-row input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.calc-op{color:var(--yellow)}.calc-eq,.calc-op{font-size:14px;font-weight:700;width:1.5em;text-align:center}.calc-eq{color:var(--green)}#calc-result{color:var(--accent-strong);font-size:12px;font-weight:600;padding:.35rem .5rem;background:rgba(4,12,18,.78);border:1px solid var(--accent);min-width:10em;display:inline-block;border-radius:var(--radius-sm)}.calc-hint{color:var(--text-dim);font-size:10px;margin-top:.25rem}#symbols-table{margin-top:.75rem;font-size:11px}#symbols-table h4{color:var(--text-dim);font-weight:400;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.sym-row{display:flex;gap:1rem;padding:.15rem 0}.sym-name{color:var(--yellow);width:8em}.sym-addr{color:var(--amber)}.sym-note{color:var(--text-dim)}.sym-row.target .sym-addr,.sym-row.target .sym-name{color:var(--green)}#log-panel{grid-column:2;grid-row:2}#exec-log{font-size:12px;line-height:1.6}.log-entry{padding:.1rem 0;border-bottom:1px solid rgba(255,255,255,.02)}.log-info{color:var(--text-dim)}.log-action{color:var(--text)}.log-warn{color:var(--amber)}.log-error{color:var(--red)}.log-success{color:var(--green);font-weight:700}.log-addr{color:var(--amber)}.log-label{color:var(--text-dim);font-size:10px;display:inline;margin-left:.5em}#exercise-desc{padding:.75rem .9rem;font-size:14px;line-height:1.7;border-bottom:1px solid var(--panel-border);flex-shrink:0;color:var(--text);background:linear-gradient(180deg,var(--accent-wash),rgba(255,255,255,.02))}#exercise-desc strong{color:var(--accent-strong);font-weight:600}.sandbox-controls{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem;padding:.5rem;border:1px solid var(--panel-border)}.sandbox-controls label{font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:.4rem}.sandbox-controls input[type=range]{width:80px}.sandbox-controls input[type=checkbox]{accent-color:var(--green)}#success-banner{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-panel-strong);border:1px solid var(--accent);padding:2rem 3rem;text-align:center;z-index:100;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}#success-banner.show{display:block;animation:fadeIn .3s ease}#success-banner h2{color:var(--accent-strong);font-size:16px;margin-bottom:.5rem}#success-banner p{color:var(--text);font-size:13px}#success-banner button{margin-top:1rem;background:var(--accent);border:1px solid var(--accent);color:var(--fg-accent);font-family:var(--font-sans);font-size:12px;padding:.45rem 1rem;cursor:pointer;border-radius:var(--radius-sm)}.app-toast{position:fixed;left:50%;bottom:1.25rem;transform:translateX(-50%);z-index:240;min-width:min(32rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem);padding:.9rem 1rem;border:1px solid var(--accent-secondary);border-radius:.35rem;background:rgba(8,19,28,.96);color:var(--text);box-shadow:var(--shadow-md);text-align:center;font-size:.9rem;line-height:1.5;animation:toastIn .18s ease}.modal-backdrop{position:fixed;inset:0;z-index:220;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(0,0,0,.7)}.solution-guide-modal{width:min(46rem,100%);max-height:min(85dvh,52rem);overflow:auto;padding:1.25rem;border:1px solid var(--panel-border);border-radius:.35rem;background:var(--bg-panel-strong);box-shadow:var(--shadow-lg)}.solution-guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.solution-guide-kicker{color:var(--accent-secondary);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}.solution-guide-header h2{color:var(--text);font-family:var(--font-display);font-size:1.5rem;line-height:1.1}.solution-guide-section+.solution-guide-section{margin-top:1rem}.solution-guide-label{color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}.solution-guide-section p,.solution-guide-steps{color:var(--text);font-size:.95rem;line-height:1.7}.solution-guide-steps{padding-left:1.25rem}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(.35rem)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes badgeSlideIn{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.crt:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at center,transparent 55%,rgba(0,0,0,.28) 100%);z-index:1000}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--panel-bg)}::-webkit-scrollbar-thumb{background:var(--panel-border)}@media (max-width:900px){body.exercise-mobile-scroll-lock,html.exercise-mobile-scroll-lock{overflow:hidden;overscroll-behavior:none}#app{height:var(--mobile-visual-viewport-height,100dvh)}header{gap:.75rem;padding-left:1rem;padding-right:4.75rem}#badges{display:none}.mobile-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:.55rem;right:.75rem;height:2rem;padding:0 .75rem;border:1px solid rgba(126,157,177,.28);background:var(--bg-panel-strong);color:var(--text);font-family:var(--font-sans);font-size:11px;cursor:pointer;z-index:60;border-radius:.35rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md)}.mobile-sidebar-toggle.active{border-color:var(--accent);color:var(--accent-strong);background:rgba(16,28,39,.98)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.6);border:none;z-index:40}.sidebar{position:fixed;top:auto;left:0;right:0;bottom:0;height:min(74dvh,42rem);width:100%;min-width:0;max-width:none;border-right:none;border-top:1px solid var(--panel-border);border-top-left-radius:1.4rem;border-top-right-radius:1.4rem;transform:translateY(calc(100% + 1rem));transition:transform .18s ease;box-shadow:0 -18px 50px rgba(0,0,0,.4);z-index:50;overflow:hidden}main.exercise-main-mobile-shell{display:flex;flex-direction:column;flex:1 1;min-height:0;min-width:0;padding:var(--padding-sm);overflow:hidden}.mobile-exercise-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;flex:1 1;min-height:0;grid-gap:var(--padding-sm);gap:var(--padding-sm);overflow:hidden}.mobile-directions-panel{flex-shrink:0}.mobile-directions-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mobile-directions-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.35rem .75rem;border-radius:.35rem;border:1px solid rgba(126,157,177,.28);background:rgba(255,255,255,.03);color:var(--text);font-family:var(--font-sans);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;flex-shrink:0}.mobile-directions-panel .panel-body{max-height:clamp(8.5rem,27vh,14rem);overflow:auto}.input-panel-header{align-items:center}.input-panel-header-actions{gap:.35rem;min-width:0;flex-wrap:nowrap}.input-panel-progress{min-width:0;width:auto;text-align:right;white-space:nowrap}.input-panel-action{font-size:.62rem;padding:.3rem .55rem}.mobile-directions-panel.is-collapsed .panel-hdr{border-bottom:none}.mobile-directions-panel .panel-hdr{color:var(--accent-strong)}.mobile-directions-content,.mobile-directions-empty{font-size:.98rem;line-height:1.75;color:var(--text)}.mobile-directions-content strong{color:var(--accent-strong);font-weight:600}.mobile-directions-content li,.mobile-directions-content p{font-size:.98rem}.mobile-workspace{min-height:0;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.mobile-workspace-tabs{display:flex;gap:.5rem;flex-shrink:0}.mobile-workspace-tab{flex:1 1;min-width:0;display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:.65rem .75rem;border-radius:.35rem;border:1px solid rgba(126,157,177,.28);background:rgba(255,255,255,.03);color:var(--accent-secondary);font-family:var(--font-sans);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.mobile-workspace-tab.active{background:var(--accent);color:var(--fg-accent);border-color:transparent;box-shadow:0 12px 30px var(--accent-glow)}.mobile-workspace-panel{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.mobile-workspace-panel>.panel{flex:1 1 100%;height:100%;max-height:100%;min-height:0}.mobile-workspace-panel>.panel .panel-body{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-misc-panel .panel-body{overflow:auto}.mobile-bottom-dock{flex-shrink:0;gap:.5rem;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-dock,.mobile-bottom-dock #input-panel{min-height:0;display:flex;flex-direction:column;overflow:hidden}.mobile-bottom-dock #input-panel{height:auto;max-height:min(42dvh,26rem)}.mobile-bottom-dock #input-panel .panel-body{overflow:auto;min-height:0}.mobile-bottom-dock #input-area{margin-bottom:0}.mobile-exercise-pager{display:flex;gap:.5rem}.mobile-exercise-pager .link-button{flex:1 1;min-width:0}#app.exercise-mobile-nav-bottom .mobile-sidebar-toggle{display:none}.sidebar.sidebar-mobile-open{transform:translateY(0)}.sidebar.sidebar-collapsed{width:min(82vw,320px);min-width:0}.sidebar-toggle{display:none}.mobile-sidebar-close{display:flex;align-items:center;justify-content:center;width:100%;min-height:3.25rem;padding:.85rem 1rem .75rem;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:none;border-bottom:1px solid var(--panel-border);color:var(--fg-muted);font-family:var(--font-sans);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;position:-webkit-sticky;position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-sidebar-close:before{content:"";position:absolute;top:.45rem;left:50%;width:3rem;height:.28rem;margin-left:-1.5rem;border-radius:999px;background:rgba(244,246,248,.28)}.sidebar-content{padding:.4rem 0 1rem}.sidebar-track{border-bottom:none;padding:0 .65rem .75rem}.sidebar-track-header{min-height:3.25rem;padding:.8rem .9rem;border-radius:var(--radius-sm);background:rgba(255,255,255,.03);border:1px solid var(--panel-border);font-size:.92rem}.sidebar-unit{margin-top:.45rem}.sidebar-unit-header{min-height:2.9rem;padding:.7rem .9rem .7rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;background:rgba(255,255,255,.02)}.sidebar-exercise{min-height:3.15rem;padding:.75rem .95rem .75rem 1.25rem;margin-top:.25rem;border-left-width:3px;font-size:.92rem;white-space:normal;line-height:1.45;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.sidebar-exercise-title{white-space:normal;line-height:1.4}.sidebar-chevron,.sidebar-exercise-check,.sidebar-track-count,.sidebar-unit-count{font-size:.78rem}#app-body{min-height:0}main{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:minmax(18rem,auto);overflow-y:auto;overflow-x:hidden}#input-panel,#log-panel,#source-panel,#stack-panel{grid-column:1;grid-row:auto;min-height:18rem}.panel-body{padding:.65rem;overflow:auto}#source-code,.stack-row{min-width:max-content}#register-display{grid-template-columns:repeat(2,minmax(0,1fr))}}#gadget-table{margin-top:.75rem;font-size:11px}#gadget-table h4{color:var(--text-dim);font-weight:400;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.gadget-row{display:flex;gap:.75rem;padding:.15rem 0;cursor:pointer}.gadget-row:hover{background:rgba(255,255,255,.03)}.gadget-addr{color:var(--amber);width:9em}.gadget-asm{color:var(--text)}.gadget-row.used{opacity:.5}#register-display{margin-top:.75rem;padding:.5rem;border:1px solid var(--panel-border);font-size:11px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.25rem;gap:.25rem}.reg-entry{display:flex;gap:.35rem}.reg-name{color:var(--blue);width:3em}.reg-val{color:var(--amber)}.reg-val.changed{color:var(--green);animation:flash .4s ease}@media (max-width:900px){#register-display{grid-template-columns:repeat(2,minmax(0,1fr))}}#sigframe-builder{margin-top:.75rem;padding:.5rem;border:1px solid var(--panel-border);font-size:11px}#sigframe-builder h4{color:var(--text-dim);font-weight:400;margin-bottom:.5rem;text-transform:uppercase}.sigframe-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.sigframe-row label{color:var(--blue);width:5em}.sigframe-row input{background:#0a0a0a;border:1px solid var(--panel-border);color:var(--text);font-family:var(--font);font-size:11px;padding:.2rem .4rem;width:10em}#heap-viz{font-size:12px}.heap-memory-strip{flex-wrap:wrap;gap:2px;margin-bottom:1rem;padding:.5rem}.heap-chunk,.heap-memory-strip{display:flex;border:1px solid var(--panel-border)}.heap-chunk{flex-direction:column;border-radius:2px;overflow:hidden;min-width:4em}.heap-chunk.allocated{border-color:var(--green)}.heap-chunk.freed{border-color:var(--text-dim);opacity:.7}.heap-chunk.corrupted{border-color:var(--red)}.heap-chunk.highlighted{outline:2px solid var(--yellow);outline-offset:1px}.heap-chunk-header{display:flex;font-size:10px;padding:2px 4px;background:rgba(255,255,255,.05)}.heap-chunk-header .prev-size{color:var(--text-dim);margin-right:.5em}.heap-chunk-header .size-field{color:var(--amber)}.heap-chunk-header .flags{color:var(--purple);margin-left:.25em}.heap-chunk-data{padding:4px;font-size:11px;min-height:1.5em;display:flex;flex-wrap:wrap;gap:1px}.heap-chunk-data .byte{width:2em;text-align:center;font-size:11px;padding:1px 0;border-radius:1px}.heap-chunk-data .byte.allocated{color:var(--green);background:rgba(78,201,176,.1)}.heap-chunk-data .byte.freed{color:var(--text-dim);background:rgba(255,255,255,.03)}.heap-chunk-data .byte.pointer{color:var(--amber);background:var(--accent-soft)}.heap-chunk-data .byte.corrupted{color:var(--red);background:rgba(244,71,71,.2)}.heap-chunk-label{font-size:10px;color:var(--text-dim);padding:2px 4px;text-align:center;border-top:1px solid var(--panel-border)}.free-lists{margin-top:.75rem;font-size:11px}.free-lists h4{color:var(--text-dim);font-weight:400;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.free-list-row{display:flex;align-items:center;gap:.25rem;padding:.15rem 0;flex-wrap:wrap}.free-list-name{color:var(--blue);width:10em}.free-list-node{display:inline-flex;align-items:center;gap:.25rem}.free-list-addr{color:var(--amber);padding:1px 4px;border:1px solid var(--panel-border);border-radius:2px}.free-list-arrow,.free-list-nil{color:var(--text-dim)}.free-list-nil{font-style:italic}.func-ptr-table{margin-top:.75rem;font-size:11px}.func-ptr-table h4{color:var(--text-dim);font-weight:400;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.05em}.func-ptr-row{display:flex;gap:.75rem;padding:.15rem 0}.func-ptr-name{color:var(--yellow);width:10em}.func-ptr-val{color:var(--amber)}.func-ptr-val.overwritten{color:var(--red);animation:flash .4s ease}.heap-top-chunk{border:1px dashed var(--text-dim);border-radius:2px;padding:4px 8px;font-size:10px;color:var(--text-dim);text-align:center;flex:1 1;min-width:4em}.aux-viz-section{margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--panel-border)}.aux-viz-title{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.got-overwritten{animation:pulse .6s ease}