:root{font-family:Fira Code,JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.5;font-weight:400;color:#b8ffc5;background:#050805}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at top,#0f1a0f,#050805 55%);color:#b8ffc5}#app{min-height:100vh;display:grid;place-items:center;padding:1rem}.terminal-shell{width:min(980px,100%);border:1px solid #2e5c35;border-radius:10px;overflow:hidden;background:#071007;box-shadow:0 24px 60px #0000008c}.terminal-header{display:flex;align-items:center;gap:1rem;padding:.65rem .9rem;border-bottom:1px solid #204627;background:#0a150a}.window-controls{display:inline-flex;gap:.45rem}.dot{width:.72rem;height:.72rem;border-radius:50%;display:inline-block}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-header p{margin:0;color:#8ccd98;font-size:.92rem}.terminal-main{display:grid;gap:1rem;padding:1rem}.terminal-output{min-height:220px;max-height:320px;overflow:auto;border:1px solid #1d4124;border-radius:8px;background:#040904;padding:.85rem}.terminal-output p{margin:0;white-space:pre-wrap;word-break:break-word}.terminal-output p+p{margin-top:.35rem}.terminal-input{display:flex;align-items:center;gap:.65rem;border:1px solid #1d4124;border-radius:8px;padding:.7rem .85rem;background:#040904}.terminal-input label{color:#8ef49f;font-size:.95rem}.terminal-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#c8ffd2;font:inherit}.terminal-input input::placeholder{color:#5fa66b}.terminal-page{border:1px solid #1d4124;border-radius:8px;padding:.95rem;background:#040904}.page-path{margin:0 0 .55rem;color:#76cd85;font-size:.85rem}.terminal-page h1{margin:0;color:#9effae;font-size:1.05rem}.terminal-page ul{margin:.75rem 0 0;padding-left:1.2rem}.terminal-page li+li{margin-top:.4rem}@media (max-width: 640px){#app{padding:.65rem}.terminal-main{padding:.8rem}.terminal-input{flex-direction:column;align-items:flex-start}.terminal-input input{width:100%}}
