: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-input-toggle{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){html,body,#root{height:100%;width:100%;max-width:100%}.app-shell{height:var(--practice-viewport-height, 100dvh);min-height:0;overflow:hidden;width:100%;max-width:100%}body{overflow:hidden;overflow-x:hidden}.page-header-inner{max-width:none;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-input-toggle{display:block;min-height:30px;padding:0 10px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:#ffffff24;color:#ffffffd1;cursor:pointer;font-size:.78rem;font-weight:800}.mobile-input-toggle.is-active{background:#fff;color:#1376c8}.run-button{min-width:54px;min-height:30px;padding:0 10px;font-size:.86rem}.mobile-stdin-panel{flex:0 0 auto;width:100%;padding:7px 8px 8px;border-bottom:1px solid rgba(96,165,250,.28);background:#071526}.mobile-stdin-label{display:block;margin-bottom:4px;color:#d9e7f8;font-size:.72rem;font-weight:800}.mobile-stdin-input{display:block;width:100%;min-height:68px;max-height:108px;padding:8px 10px;border:1px solid rgba(96,165,250,.5);border-radius:8px;background:#0f172a;color:#eef6ff;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:16px;line-height:1.35;outline:none;resize:vertical}.mobile-stdin-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}.mobile-stdin-run{width:100%;min-height:38px;margin-top:8px;border:1px solid #00b87d;border-radius:8px;background:#00ce8d;color:#fff;cursor:pointer;font-size:.92rem;font-weight:800}.iframe-container{flex:1 1 auto;min-height:0;overflow:hidden;width:100%;max-width:none;margin:0;padding:0}.practice-iframe{width:100%;height:100%;min-height:0;border-right:0;border-left:0;border-radius:0;transform:none;transition:none}.page-footer{display:none}}