:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--primary: #d0bcff;--secondary: #ccc2dc;--tertiary: #efb8c8;--bg: #0b0f14;--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .9);--muted: rgba(255, 255, 255, .72);--link: #d0bcff;--linkHover: #efb8c8;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color-scheme:dark}a{font-weight:500;color:var(--link);text-decoration:inherit}a:hover{color:var(--linkHover)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(180deg,#d0bcff2e,#d0bcff14);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s,transform .05s}button:hover{border-color:#d0bcff8c;background:linear-gradient(180deg,#d0bcff3d,#d0bcff1a)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}button:focus,button:focus-visible{outline:2px solid rgba(208,188,255,.45);outline-offset:2px}@media(prefers-color-scheme:light){:root{--primary: #6650a4;--secondary: #625b71;--tertiary: #7d5260;--bg: #fbf8ff;--surface: rgba(102, 80, 164, .06);--surface-2: rgba(102, 80, 164, .09);--border: rgba(19, 17, 26, .14);--text: #1c1b1f;--muted: rgba(28, 27, 31, .72);--link: #6650a4;--linkHover: #7d5260;color:var(--text);background-color:var(--bg)}a:hover{color:var(--linkHover)}button{background:linear-gradient(180deg,#6650a41f,#6650a40f)}}:root[data-theme=light]{--primary: #6650a4;--secondary: #625b71;--tertiary: #7d5260;--bg: #fbf8ff;--surface: rgba(102, 80, 164, .06);--surface-2: rgba(102, 80, 164, .09);--border: rgba(19, 17, 26, .14);--text: #1c1b1f;--muted: rgba(28, 27, 31, .72);--link: #6650a4;--linkHover: #7d5260;color-scheme:light;color:var(--text);background-color:var(--bg)}:root[data-theme=dark]{--primary: #d0bcff;--secondary: #ccc2dc;--tertiary: #efb8c8;--bg: #0b0f14;--surface: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .9);--muted: rgba(255, 255, 255, .72);--link: #d0bcff;--linkHover: #efb8c8;color-scheme:dark;color:var(--text);background-color:var(--bg)}#root{min-height:100vh}.appShell{display:grid;grid-template-rows:auto 1fr;min-height:100vh}.topNav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#d0bcff1f,#0000);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topNav a{color:inherit;text-decoration:none}.navLinks a{display:inline-flex;align-items:center;padding:6px 10px;border-radius:10px;border:1px solid transparent;color:var(--muted)}.navLinks a:hover{color:var(--text);border-color:#d0bcff2e;background:#d0bcff0f}.navLinks a.active{color:var(--text);border-color:#d0bcff52;background:#d0bcff1a}.navLinks{display:flex;gap:12px;align-items:center}.page{padding:16px;max-width:1100px;width:100%;margin:0 auto}.card{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--surface);box-shadow:0 1px #ffffff0a,0 12px 28px #00000047}.card:hover{border-color:#d0bcff38}.card.clickable{cursor:pointer;transition:transform .06s ease-out,border-color .15s ease-out}.card.clickable:hover{transform:translateY(-1px);border-color:#d0bcff4d}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.field{display:grid;gap:6px}.field input,.field select{padding:10px 12px;border-radius:10px;border:1px solid rgba(208,188,255,.24);background:var(--surface-2);color:inherit}.field input:focus,.field select:focus{outline:2px solid rgba(208,188,255,.35);outline-offset:1px}.muted{color:var(--muted)}.learnText{line-height:1.55}.learnText p{margin:8px 0}.learnText code{padding:2px 6px;border-radius:8px;border:1px solid rgba(208,188,255,.22);background:#0000002e}.terminalContainer{width:100%;height:60vh;border-radius:12px;overflow:hidden;border:1px solid rgba(208,188,255,.24)}.learnGrid{display:grid;grid-template-columns:1fr;gap:12px}.learnTerminal{min-height:520px}@media(min-width:1100px){.learnGrid{grid-template-columns:1fr 520px;align-items:start}.learnTerminal .terminalContainer{height:70vh}}.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}