:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08111f;color:#e5eefb}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#08111f}.page-header{width:100%;background:#1376c8;border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 14px 32px #02081747}.page-header-inner{width:100%;max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px clamp(14px,4vw,28px)}.header-copy{min-width:0}.eyebrow{margin:0 0 4px;color:#ffffffd1;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}h1{margin:0;color:#fff;font-size:clamp(1.6rem,2.2vw,2.35rem);line-height:1.05}.subtitle{max-width:72vw;margin:6px 0 0;overflow:hidden;color:#ffffffe0;font-size:.98rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.header-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px}.mobile-pane-switch{display:none}.run-button{min-width:92px;min-height:44px;border:1px solid #00b87d;border-radius:8px;background:#00ce8d;color:#fff;cursor:pointer;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 22px #00ce8d47}.run-button:hover{background:#00b87d}.run-button:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:3px}.iframe-container{flex:1;min-height:0;width:100%;max-width:1280px;margin:0 auto;padding:16px clamp(12px,3vw,24px)}.practice-iframe{width:100%;height:100%;min-height:calc(100vh - 174px);min-height:calc(100dvh - 174px);display:block;overflow:hidden;border:1px solid rgba(96,165,250,.42);border-radius:12px;background:#0f172a;box-shadow:0 28px 70px #00000057}.page-footer{width:100%;padding:10px 16px;text-align:center;color:#93a4bb;font-size:.84rem;border-top:1px solid rgba(148,163,184,.14);background:#050b14}.loading-shell,.error-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 32rem),linear-gradient(180deg,#0d1828,#08111f)}.status-card{max-width:420px;width:100%;padding:28px;border:1px solid rgba(96,165,250,.26);border-radius:12px;background:#0f172a;box-shadow:0 24px 64px #00000047;text-align:center}.status-card h2{margin:0 0 12px;color:#e5eefb;font-size:1.5rem}.status-card p{margin:0;color:#b7c4d6;line-height:1.65}.status-error{border-color:#f87171}@media(max-width:700px){.app-shell{overflow:hidden}.page-header-inner{min-height:44px;padding:5px 8px;gap:8px}.header-actions{gap:6px}.eyebrow{display:none}h1{font-size:.98rem}.subtitle{max-width:calc(100vw - 214px);margin-top:1px;font-size:.68rem}.mobile-pane-switch{display:flex;padding:2px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff24}.mobile-pane-switch button{min-height:26px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#ffffffd1;cursor:pointer;font-size:.72rem;font-weight:800}.mobile-pane-switch button.is-active{background:#fff;color:#1376c8}.run-button{min-width:54px;min-height:30px;padding:0 10px;font-size:.86rem}.iframe-container{overflow:hidden;padding:4px}.practice-iframe{min-height:calc(100vh - 52px);min-height:calc(100dvh - 52px);border-radius:6px;transform-origin:left top;transition:transform .18s ease,width .18s ease}.mobile-pane-code .practice-iframe{width:190%;transform:translate(0)}.mobile-pane-console .practice-iframe{width:330%;transform:translate(-59.5%)}.page-footer{display:none}}