@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.hidden{display:none}}:root{--bg:#0a0a0a;--fg:#b0ffb0;--green:#00ff41;--cyan:#00d4ff;--red:#f44;--yellow:#fc0;--blue:#5af;--dim:#555;--font-mono:"Fira Mono", "JetBrains Mono", "Cascadia Code", "SF Mono", Consolas, monospace}@media(prefers-color-scheme:light){:root{--bg:#f5f5f0;--fg:#1a1a2e;--green:#16a34a;--cyan:#0891b2;--red:#dc2626;--yellow:#ca8a04;--blue:#2563eb;--dim:#9ca3af}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--fg);font-family:var(--font-mono);background:#222;overflow:hidden}#crt-bezel{background:linear-gradient(170deg,#e8e4dc,#d5d0c8 40%,#c8c3ba);border:1px solid #aaa;border-radius:18px;flex-direction:column;display:flex;position:fixed;inset:8px;box-shadow:0 4px 30px #0009,0 0 60px #0000004d,inset 2px 2px 4px #ffffff80,inset -2px -2px 4px #00000040}.bezel-label{letter-spacing:.08em;color:#888;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Arial,Helvetica,sans-serif;font-size:.65rem;font-weight:600;position:absolute;top:10px;left:20px}.bezel-bottom{flex-shrink:0;justify-content:center;align-items:center;height:28px;display:flex}.power-led{background:#0c4;border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #00ff41,0 0 12px #00ff414d}#crt-screen{perspective:900px;transform-style:preserve-3d;background:#0a0a0a;border-radius:10px;flex:1;margin:28px 24px 0;position:relative;overflow:hidden;box-shadow:inset 0 0 20px 6px #000c,inset 0 4px 12px #0009,0 0 0 2px #555,0 0 0 3px #333}#crt-screen>*{transform-origin:50%;transform:perspective(900px)translateZ(4px)}#crt-frame{z-index:100;pointer-events:none;border-radius:10px;position:absolute;inset:0;box-shadow:inset 0 0 120px 40px #00000073,inset 0 0 30px #00000040}#crt-frame:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 1px,#0003 1px 2px);border-radius:10px;position:absolute;inset:0}#crt-frame:after{content:"";background:radial-gradient(at 30% 20%,#ffffff0a,#0000 60%);border-radius:10px;position:absolute;inset:0}#intro{z-index:50;background:var(--bg);border-radius:10px;justify-content:center;align-items:center;transition:opacity .4s ease-out;display:flex;position:absolute;inset:0}#intro.fade-out{opacity:0;pointer-events:none}#intro-text{font-family:var(--font-mono);color:var(--green);white-space:pre;text-shadow:0 0 8px #00ff4166;font-size:clamp(1.1rem,2.5vw,1.6rem)}#intro-cursor{background:var(--green);vertical-align:text-bottom;width:.6em;height:1.15em;animation:.7s step-end infinite blink;display:inline-block;box-shadow:0 0 6px #00ff4180}@keyframes blink{50%{opacity:0}}#app{background:var(--bg);opacity:0;border-radius:10px;flex-direction:column;transition:opacity .5s ease-in;display:flex;position:absolute;inset:0;overflow:hidden}#app.visible{opacity:1}.hidden{visibility:hidden}#header{border-bottom:1px solid var(--dim);flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}@supports (color:color-mix(in lab,red,red)){#header{border-bottom:1px solid color-mix(in srgb,var(--dim) 30%,transparent)}}.header-left{align-items:center;gap:.5rem;display:flex}.header-logo{font-size:1.2rem}.header-title{color:var(--green);font-size:.9rem;font-weight:700}.header-github{color:var(--dim);transition:color .2s}.header-github:hover{color:var(--fg)}#terminal-container{flex:1;min-height:0;padding:.5rem;overflow:hidden}#terminal{width:100%;height:100%}.xterm{padding:.25rem}.xterm .xterm-viewport::-webkit-scrollbar{width:8px}.xterm .xterm-viewport::-webkit-scrollbar-track{background:0 0}.xterm .xterm-viewport::-webkit-scrollbar-thumb{background:#00ff4159;border-radius:4px}.xterm .xterm-viewport::-webkit-scrollbar-thumb:hover{background:#00ff418c}.xterm .xterm-viewport{scrollbar-width:thin;scrollbar-color:#00ff4159 transparent}#footer{color:var(--dim);border-top:1px solid var(--dim);flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.75rem;display:flex}@supports (color:color-mix(in lab,red,red)){#footer{border-top:1px solid color-mix(in srgb,var(--dim) 30%,transparent)}}.footer-sep{opacity:.5}.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:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{user-select:text;white-space:pre}.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}
