:root:not([data-theme-variant]){--th-accent-h: 0;--th-accent-s: 0%;--th-gray-h: 0;--th-gray-s: 0%}[data-theme-variant=purple-violet]{--th-accent-h: 265;--th-accent-s: 45%;--th-gray-h: 255;--th-gray-s: 10%}[data-theme-variant=red-dark]{--th-accent-h: 15;--th-accent-s: 45%;--th-gray-h: 15;--th-gray-s: 10%}[data-theme-variant=red-wine]{--th-accent-h: 350;--th-accent-s: 50%;--th-gray-h: 340;--th-gray-s: 10%}:root{--nl-bg: hsl(var(--th-gray-h), var(--th-gray-s), 4%);--nl-terminal-bg: hsl(var(--th-gray-h), var(--th-gray-s), 6%);--nl-header-bg: hsl(var(--th-gray-h), var(--th-gray-s), 12%);--nl-primary: hsl(var(--th-accent-h), var(--th-accent-s), 60%);--nl-accent: hsl(var(--th-accent-h), var(--th-accent-s), 45%);--nl-text: var(--nl-primary);--nl-muted: hsl(var(--th-gray-h), var(--th-gray-s), 34%);--nl-light: hsl(var(--th-gray-h), var(--th-gray-s), 80%);--nl-path: #00aaff;--nl-warning: #ffff00;--nl-error: #ff4444}:root:not([data-theme-variant]){--nl-text: hsl(var(--th-gray-h), var(--th-gray-s), 82%);--nl-light: hsl(var(--th-gray-h), var(--th-gray-s), 84%);--nl-accent: hsl(var(--th-gray-h), var(--th-gray-s), 55%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:ui-monospace,SF Mono,Cascadia Code,Consolas,Liberation Mono,DejaVu Sans Mono,Courier New,monospace;background:var(--nl-bg);color:var(--nl-text);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,color-mix(in srgb,var(--nl-primary) 2%,transparent) 50%),linear-gradient(90deg,transparent 50%,color-mix(in srgb,var(--nl-primary) 2%,transparent) 50%);background-size:2px 2px,2px 2px;pointer-events:none;z-index:0}.container{position:relative;z-index:1;width:90%;max-width:900px;padding:20px}.terminal{background:color-mix(in srgb,var(--nl-terminal-bg) 95%,transparent);border:1px solid var(--nl-primary);border-radius:8px;box-shadow:0 0 20px color-mix(in srgb,var(--nl-primary) 30%,transparent),inset 0 0 40px color-mix(in srgb,var(--nl-primary) 5%,transparent);overflow:hidden;backdrop-filter:blur(10px)}.terminal-header{background:var(--nl-header-bg);padding:10px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--nl-primary)}.terminal-title{font-size:14px;color:var(--nl-text);text-shadow:0 0 5px color-mix(in srgb,var(--nl-primary) 50%,transparent)}.terminal-buttons{display:flex;gap:8px}.terminal-buttons span{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid var(--nl-primary)}.btn-close{background:#ff00004d}.btn-minimize{background:#ffff004d}.btn-maximize{background:color-mix(in srgb,var(--nl-primary) 30%,transparent)}.terminal-body{padding:20px;font-size:16px;line-height:1.6}.ascii-art{margin-bottom:20px;text-align:center;font-size:8px;color:var(--nl-accent);text-shadow:0 0 10px color-mix(in srgb,var(--nl-primary) 70%,transparent)}.content{animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.prompt{margin:15px 0 5px;color:var(--nl-text)}.user{color:var(--nl-accent);font-weight:700}.path{color:var(--nl-path)}.output{margin:5px 0 5px 20px;color:var(--nl-light)}.mt-4{margin-top:30px}.cursor-line{margin-top:20px;color:var(--nl-text);display:flex;align-items:baseline}.cursor{animation:blink 1s step-end infinite;color:var(--nl-text)}.terminal-input{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:0;margin:0 0 0 .5ch;color:var(--nl-text);font-family:inherit;font-size:inherit;line-height:inherit;caret-color:var(--nl-text);caret-shape:block}@keyframes blink{50%{opacity:0}}.nav-enter{color:var(--nl-warning);text-decoration:none;font-weight:700;text-shadow:0 0 5px color-mix(in srgb,var(--nl-warning) 40%,transparent);transition:text-shadow .2s}.nav-enter:hover{text-shadow:0 0 12px color-mix(in srgb,var(--nl-warning) 80%,transparent)}.error-msg{color:var(--nl-error);text-shadow:0 0 5px color-mix(in srgb,var(--nl-error) 40%,transparent)}@media(max-width:768px){.terminal-body{padding:15px;font-size:14px}.ascii-art{font-size:7px}.container{width:95%;padding:10px}}@media(prefers-reduced-motion:reduce){.content,.cursor{animation:none}}
