html{background:#090d16;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}button:focus-visible{outline-offset:-2px;outline:2px solid #72a7ff}::selection{color:#fff;background:#365b8f}*{box-sizing:border-box}button{font:inherit}.desktop{color:#d4d4d8;background:radial-gradient(at top,#1a2742 0%,#0000 55%),#090d16;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;font-family:SFMono-Regular,Consolas,monospace;display:flex}.ide-window{background:#10141d;border:1px solid #303747;border-radius:10px;flex-direction:column;width:100%;max-width:1400px;height:min(800px,100vh - 100px);min-height:600px;display:flex;overflow:hidden;box-shadow:0 25px 80px #0008}.titlebar{background:#181d29;border-bottom:1px solid #292f3d;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex;position:relative}.window-controls{gap:7px;display:flex}.dot{border-radius:50%;width:11px;height:11px}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.window-title{color:#a1a9ba;white-space:nowrap;font:12px Arial,sans-serif;position:absolute;left:50%;transform:translate(-50%)}.language-label{color:#758096;font-size:10px}.workspace{flex:1;min-height:0;display:flex}.activity-bar{background:#11151e;border-right:1px solid #292f3d;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:52px;padding-top:12px;display:flex}.activity-bar button{color:#7c879b;cursor:pointer;background:0 0;border:none;width:100%;height:42px;font-size:22px}.activity-bar button:hover{color:#fff;background:#202b40}.sidebar{background:#141923;border-right:1px solid #292f3d;flex-direction:column;flex-shrink:0;width:220px;display:flex}.sidebar-heading{color:#8d97a9;letter-spacing:1.2px;padding:18px 16px;font:10px Arial,sans-serif}.folder-heading{color:#c4ccda;padding:8px 12px;font-size:11px;font-weight:700}.file-list{flex-direction:column;display:flex}.file-item{color:#9ca6b8;text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:10px;height:35px;padding:0 12px 0 32px;font-size:12px;display:flex}.file-item:hover{color:#fff;background:#1b2230}.file-item.active{color:#e6ebf5;background:#202b40;border-left-color:#72a7ff}.file-icon{color:#82aaff}.sidebar-bottom{color:#9ca6b8;border-top:1px solid #292f3d;margin-top:auto;padding:15px 12px;font-size:10px}.sidebar-bottom p{color:#657187;padding-left:18px}.editor{flex-direction:column;flex:1;min-width:0;display:flex}.tabs{background:#141923;border-bottom:1px solid #292f3d;flex-shrink:0;height:42px}.tab{color:#e1e7f2;background:#10141d;border-bottom:1px solid #72a7ff;border-right:1px solid #292f3d;align-items:center;gap:10px;width:150px;height:100%;padding:0 14px;font-size:11px;display:flex}.breadcrumbs{color:#798499;border-bottom:1px solid #1d2330;padding:13px 25px;font-size:11px}.editor-content{flex:1;padding:45px 42px 30px;overflow-y:auto}.eyebrow{color:#76cbb4;letter-spacing:2px;font-size:10px}.editor-content h1{color:#f0f4fc;letter-spacing:-1px;margin:18px 0 10px;font:600 clamp(28px,4vw,40px) Arial,sans-serif}.cursor{color:#72a7ff;animation:1s steps(2,start) infinite blink}@keyframes blink{to{visibility:hidden}}.subtitle{color:#818da2;margin-bottom:35px;font:13px Arial,sans-serif}.code-block{border-top:1px solid #1d2330;border-bottom:1px solid #1d2330;padding:20px 0;font-size:13px;line-height:1.5}.code-block p{margin:5px 0}.indent{padding-left:30px}.purple{color:#c792ea}.blue{color:#82aaff}.green{color:#a8d8a5}.orange{color:#eccb8b}.editor-hint{color:#657187;margin-top:25px;font-size:11px}.editor-hint span{color:#76cbb4}.terminal{background:#11151e;border-top:1px solid #303747;flex-shrink:0;height:145px}.terminal-heading{color:#798499;border-bottom:1px solid #252c39;align-items:center;gap:24px;height:38px;padding:0 20px;font:10px Arial,sans-serif;display:flex}.terminal-heading span:first-child{color:#d4dbe8;border-bottom:1px solid #72a7ff;align-items:center;height:100%;display:flex}.terminal-body{padding:8px 20px;font-size:11px}.terminal-green{color:#76cbb4}.terminal-blue{color:#91b9ff}.terminal-message{color:#98a4b8;padding-left:18px}.statusbar{color:#d9e7fc;background:#243a5a;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:24px;padding:0 12px;font:10px Arial,sans-serif;display:flex}.page-caption{color:#667085;letter-spacing:1.5px;margin-top:20px;font-size:9px}.page-caption:first-letter{color:#f08091}@media (width<=700px){.desktop{justify-content:flex-start;padding:10px}.ide-window{height:calc(100vh - 50px);min-height:500px}.activity-bar{display:none}.sidebar{width:155px}.file-item{padding-left:12px;font-size:10px}.editor-content{padding:28px 18px}.breadcrumbs{padding:12px;font-size:9px}.language-label{display:none}.terminal-heading{gap:12px;padding:0 10px;font-size:9px}.terminal-body{padding-left:10px}.statusbar{font-size:9px}}@media (width<=420px){.sidebar{width:115px}.file-item{gap:5px;padding-left:5px;font-size:9px}.sidebar-heading{padding:15px 8px}.folder-heading{padding:8px 5px;font-size:9px}.window-title{font-size:10px}}