*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}a{color:#00d2ff;text-decoration:none}a:hover{text-decoration:underline}a:visited{color:#00b8e6}.top-nav{background:#16213e;border-bottom:1px solid #0f3460;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.top-nav .nav-brand{color:#00d2ff;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:1.2rem;font-weight:700;text-decoration:none}.top-nav a{color:#a0a0b0;text-decoration:none}.top-nav a:hover{color:#fff}main{flex-direction:column;flex:1;padding:0;display:flex}footer{text-align:center;border-top:1px solid #0f3460;padding:.75rem 1.5rem;font-size:.85rem}footer a{color:#a0a0b0;text-decoration:none}footer a:hover{color:#fff}.toolbar{background:#16213e;border-bottom:1px solid #0f3460;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.toolbar-left{align-items:center;gap:.5rem;display:flex}.toolbar-center{gap:0;margin:0 auto;display:flex}.toolbar-right{margin-left:auto}.toolbar-label{color:#a0a0b0;font-size:.85rem}.mode-select{color:#c9d1d9;cursor:pointer;background:#0d1117;border:1px solid #30363d;border-radius:4px;padding:.3rem .5rem;font-size:.85rem}.mode-select:focus{border-color:#00d2ff;outline:none}.mode-select option{background:#0d1117}.view-btn{color:#8b949e;cursor:pointer;background:#21262d;border:1px solid #30363d;padding:.3rem .75rem;font-size:.85rem}.view-btn:first-child{border-radius:4px 0 0 4px}.view-btn:last-child{border-left:none;border-radius:0 4px 4px 0}.view-btn.active{color:#00d2ff;background:#0f3460;border-color:#00d2ff}.view-btn:hover:not(.active){background:#30363d}.version-label{color:#6e7681;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.75rem}.repl-page{flex-direction:column;flex:1;height:calc(100vh - 88px);display:flex}.repl-layout,.ide-layout{flex:1;min-height:0;display:flex}.ide-layout{gap:0}.repl-terminal{background:#0d1117;flex-direction:column;flex:1;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.5;display:flex;overflow:hidden}.repl-history{flex:1;padding:.75rem;overflow-y:auto}.repl-entry{margin-bottom:.5rem}.repl-input-line{display:flex}.prompt{color:#00d2ff;-webkit-user-select:none;user-select:none;white-space:pre;flex-shrink:0}.input-text{color:#c9d1d9;white-space:pre-wrap;word-break:break-all}.repl-output{color:#8b949e;white-space:pre-wrap;word-break:break-all;padding-left:0}.repl-result{color:#7ee787;white-space:pre-wrap;word-break:break-all}.repl-result.error{color:#f85149}.repl-input-area{background:#0d1117;border-top:1px solid #21262d;align-items:flex-start;padding:.5rem .75rem;display:flex}.repl-input{color:#c9d1d9;font-family:inherit;font-size:inherit;line-height:inherit;resize:none;background:0 0;border:none;outline:none;flex:1;padding:0;overflow:hidden}.prelude-editor{background:#0d1117;border-right:1px solid #30363d;flex-direction:column;width:50%;display:flex}.prelude-header{background:#161b22;border-bottom:1px solid #21262d;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.prelude-title{color:#c9d1d9;font-size:.85rem;font-weight:600}.reload-btn{color:#fff;cursor:pointer;background:#238636;border:1px solid #30363d;border-radius:4px;padding:.25rem .6rem;font-size:.8rem}.reload-btn:hover:not(:disabled){background:#2ea043}.reload-btn:disabled{opacity:.4;cursor:not-allowed}.prelude-textarea{color:#c9d1d9;resize:none;tab-size:2;background:0 0;border:none;outline:none;flex:1;padding:.75rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.5}.prelude-textarea:read-only{color:#6e7681}.prelude-error{color:#f85149;background:#3d1117;border-top:1px solid rgba(248,81,73,.2);padding:.5rem .75rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8rem}.about-page{max-width:700px;margin:0 auto;padding:1.5rem;line-height:1.6}.about-page h1{margin-bottom:1rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.about-page h2{border-bottom:1px solid #30363d;margin-top:2rem;margin-bottom:.75rem;padding-bottom:.25rem}.about-page p{margin-bottom:.75rem}.about-page ul{margin:.5rem 0 1rem 1.5rem}.about-page ul li{margin-bottom:.3rem}.about-page .about-footer{color:#6e7681;margin-top:3rem;font-size:.85rem}@media (width<=768px){.repl-page{height:auto;min-height:calc(100vh - 88px)}.ide-layout{flex-direction:column}.prelude-editor{border-bottom:1px solid #30363d;border-right:none;width:100%;max-height:40vh}.toolbar{flex-wrap:wrap;gap:.5rem}.toolbar-right{display:none}.top-nav{gap:.75rem;padding:.5rem .75rem}}