:root{--bg: #000;--terminal: rgba(5, 8, 13, .82);--terminal-edge: rgba(173, 205, 231, .2);--text: #d9e5f3;--muted: #9bb2c9;--green: #8af5b2;--error: #ff8a8a;--system: #8dc2ff}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;color:var(--text);font-family:JetBrains Mono,Fira Code,Consolas,monospace;background:radial-gradient(circle at 14% 8%,rgba(255,255,255,.09),transparent 28%),radial-gradient(circle at 82% 2%,rgba(255,255,255,.06),transparent 24%),radial-gradient(circle at 50% -18%,rgba(255,255,255,.08),transparent 42%),var(--bg)}a{color:#a7d5ff;text-decoration:none}a:hover{color:#c2e3ff}.app{min-height:100vh;min-height:100dvh;padding:1.4rem 1rem;position:relative;overflow:hidden}.stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.58;background-image:radial-gradient(1px 1px at 3% 15%,rgba(255,255,255,.42),transparent 56%),radial-gradient(1px 1px at 10% 55%,rgba(255,255,255,.38),transparent 56%),radial-gradient(1px 1px at 18% 33%,rgba(255,255,255,.35),transparent 56%),radial-gradient(1px 1px at 24% 77%,rgba(255,255,255,.3),transparent 56%),radial-gradient(1px 1px at 31% 14%,rgba(255,255,255,.41),transparent 56%),radial-gradient(1px 1px at 39% 64%,rgba(255,255,255,.37),transparent 56%),radial-gradient(1px 1px at 47% 27%,rgba(255,255,255,.34),transparent 56%),radial-gradient(1px 1px at 54% 81%,rgba(255,255,255,.31),transparent 56%),radial-gradient(1px 1px at 63% 40%,rgba(255,255,255,.36),transparent 56%),radial-gradient(1px 1px at 70% 11%,rgba(255,255,255,.35),transparent 56%),radial-gradient(1px 1px at 77% 58%,rgba(255,255,255,.33),transparent 56%),radial-gradient(1px 1px at 86% 29%,rgba(255,255,255,.4),transparent 56%),radial-gradient(1px 1px at 93% 75%,rgba(255,255,255,.34),transparent 56%);background-size:180px 180px}.nebula{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 10% 22%,rgba(90,131,176,.22),transparent 30%),radial-gradient(circle at 84% 20%,rgba(183,132,207,.12),transparent 26%),radial-gradient(circle at 52% 72%,rgba(101,132,204,.15),transparent 30%);filter:blur(26px)}.solar-system{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.planet{position:absolute;border-radius:50%;filter:blur(1px);opacity:.7}.planet.one{width:120px;height:120px;right:9%;top:13%;background:radial-gradient(circle at 30% 30%,#ffeca9a6,#964e2099);box-shadow:0 0 35px #bd743b52}.planet.two{width:62px;height:62px;left:8%;top:58%;background:radial-gradient(circle at 25% 25%,#ade2ffa6,#264a7e99);box-shadow:0 0 24px #6fb2ff47}.planet.three{width:26px;height:26px;right:28%;bottom:16%;background:radial-gradient(circle at 30% 30%,#fff9,#97a5cd8f)}.terminal{position:relative;z-index:2;max-width:1280px;margin:0 auto;border:1px solid var(--terminal-edge);border-radius:10px;background:var(--terminal);box-shadow:0 18px 45px #0000008c,inset 0 0 0 1px #cce6ff08;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;grid-template-rows:auto 1fr auto;min-height:min(92vh,920px)}.terminal-head{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-bottom:1px solid rgba(173,205,231,.2);background:#0e141ebf}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.red{background:#ff726f}.dot.amber{background:#ffcf63}.dot.green{background:#83e58d}.terminal-head p{margin:0 0 0 .35rem;color:var(--muted);font-size:.92rem}.mode-btn{margin-left:auto;background:#81b6e229;border:1px solid rgba(173,205,231,.25);color:var(--text);padding:.32rem .55rem;border-radius:6px;font:inherit;font-size:.82rem}.quick-panel{display:flex;gap:.45rem;flex-wrap:wrap;padding:.72rem .95rem .66rem;border-bottom:1px solid rgba(173,205,231,.16);background:#0c121c7a}.quick-btn{background:#92b4d71a;border:1px solid rgba(173,205,231,.24);color:var(--text);padding:.28rem .58rem;border-radius:999px;font:inherit;font-size:.83rem}.quick-btn:hover,.mode-btn:hover{border-color:#adcde775}.terminal-output{height:min(72vh,820px);max-height:min(72vh,820px);min-height:0;overflow-y:auto;overflow-x:hidden;padding:.95rem 1rem;scrollbar-width:thin}.line{margin:0 0 .45rem;font-size:.95rem;line-height:1.55;word-break:break-word}.line.command,.line.output{color:var(--text)}.line.error{color:var(--error)}.line.system{color:var(--system)}.line.link{color:var(--text);display:flex;gap:.4rem;flex-wrap:wrap}.line.section{margin-top:.72rem}.prompt{color:var(--green);margin-right:.5rem}.arrow{color:var(--green);margin-right:.45rem}.section-tag{color:#9fc3ff}.terminal-input{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem 1rem;border-top:1px solid rgba(173,205,231,.2)}.terminal-input input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--text);font:inherit;caret-color:var(--green)}.terminal-input input::placeholder{color:#6e859d}.blog-shortcuts{display:flex;flex-wrap:wrap;gap:.55rem;padding:0 1rem .9rem}.blog-btn,.blog-shortcuts a{border:1px solid rgba(173,205,231,.24);border-radius:7px;padding:.28rem .56rem;background:#81b6e21c;color:var(--text);font:inherit;font-size:.82rem;text-decoration:none}.blog-btn:hover,.blog-shortcuts a:hover{border-color:#adcde77a}@media(max-width:700px){.app{padding:.6rem .45rem;min-height:100dvh}.terminal{min-height:calc(100svh - 1.2rem);border-radius:8px;max-width:100%;grid-template-rows:auto auto 1fr auto auto}.terminal-head{padding:.56rem .68rem;gap:.4rem}.terminal-head p{font-size:.84rem;margin-left:.2rem}.terminal-output{height:auto;max-height:none;padding:.7rem .75rem}.quick-panel{padding:.65rem .7rem .6rem;gap:.4rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.quick-btn{font-size:.79rem;padding:.26rem .5rem;white-space:nowrap;min-height:34px}.terminal-input{position:sticky;bottom:0;background:#060a10fa;padding:.72rem .75rem calc(.72rem + env(safe-area-inset-bottom));gap:.45rem}.line{font-size:.9rem;line-height:1.5}.prompt{font-size:.85rem;margin-right:.3rem;white-space:nowrap}.terminal-input input{font-size:16px}.blog-shortcuts{padding:0 .75rem calc(.75rem + env(safe-area-inset-bottom));gap:.45rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.blog-btn,.blog-shortcuts a,.mode-btn{font-size:.78rem;white-space:nowrap;min-height:36px;display:inline-flex;align-items:center}.planet.one{width:80px;height:80px}.planet.two{width:46px;height:46px}}@media(max-width:420px){.app{padding:.45rem .35rem}.terminal-head{padding:.5rem .58rem}.dot{width:8px;height:8px}.mode-btn{padding:.24rem .44rem}.terminal-output{padding:.62rem}.line{font-size:.86rem;line-height:1.45}.prompt{font-size:.8rem}}