:root{--bg0:#070a0f;--bg1:#0b0f14;--panel:#0e121abf;--border:#ffffff14;--border2:#ffffff1f;--text:#d7dde5;--muted:#d7dde5b8;--accent:#8bd3ff;--shadow:0 18px 60px #0000008c}*{box-sizing:border-box}html,body{height:100%}body{color:var(--text);background:radial-gradient(1200px 800px at 20% 0%,#8bd3ff29,transparent 60%),radial-gradient(900px 700px at 80% 10%,#ff98dc1f,transparent 55%),radial-gradient(900px 900px at 40% 100%,#78ffd61a,transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.appShell{place-items:center;min-height:100%;padding:24px;display:grid}.terminal{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(980px,100%);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.terminalTopbar{border-bottom:1px solid var(--border);background:#0a0c1299;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 14px;display:grid}.traffic{align-items:center;gap:8px;display:flex}.dot{opacity:.95;border-radius:999px;width:10px;height:10px;display:inline-block}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.terminalTitle{letter-spacing:.2px;color:#d7dde5eb;text-align:center;font-size:13px;font-weight:700}.terminalMeta{text-align:right;color:var(--muted);font-size:12px}.terminalBody{scrollbar-gutter:stable;max-height:min(76vh,720px);padding:14px 16px 18px;overflow:auto}.line{grid-template-columns:18px 1fr;column-gap:10px;padding:4px 0;line-height:1.65;animation:.22s ease-out both lineIn;display:grid}@keyframes lineIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.prompt{color:#8bd3ffe6}.text{color:#d7dde5eb;white-space:pre-wrap;word-break:break-word}.cursor{opacity:0;display:inline-block;transform:translateY(1px)}.cursor.visible{opacity:1}.terminalBody::-webkit-scrollbar{width:10px}.terminalBody::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:999px}.terminalBody::-webkit-scrollbar-thumb:hover{background:#ffffff29}.inputLine .prompt{color:#ff98dceb}.inputText{opacity:.98}.terminal.isBlurred{filter:blur(10px);transition:filter .22s,transform .22s;transform:scale(.995)}.musicOverlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000085;place-items:center;animation:.22s both overlayIn;display:grid;position:fixed;inset:0}.musicOverlay.leave{animation:.22s both overlayOut}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes overlayOut{0%{opacity:1}to{opacity:0}}.musicCard{background:#0e121adb;border:1px solid #ffffff1f;border-radius:18px;width:min(560px,100% - 32px);padding:18px;animation:.22s both cardIn;box-shadow:0 18px 60px #0000008c}.musicOverlay.leave .musicCard{animation:.22s both cardOut}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cardOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.98)}}.musicTitle{letter-spacing:.2px;color:#d7dde5f0;margin-bottom:8px;font-size:14px;font-weight:800}.musicDesc{color:#d7dde5c7;margin-bottom:14px;font-size:13px;line-height:1.55}.musicActions{justify-content:flex-end;gap:10px;display:flex}.btnGhost,.btnPrimary{color:#d7dde5eb;cursor:pointer;border:1px solid #ffffff24;border-radius:12px;outline:none;padding:10px 12px;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s}.btnGhost{background:#ffffff0a}.btnPrimary{background:#8bd3ff29}.btnGhost:hover{background:#ffffff14;transform:translateY(-1px)}.btnPrimary:hover{background:#8bd3ff38;transform:translateY(-1px);box-shadow:0 10px 26px #8bd3ff1f}.btnGhost:active,.btnPrimary:active{transform:translateY(0)}.btnGhost:focus-visible,.btnPrimary:focus-visible{border-color:#8bd3ff8c;box-shadow:0 0 0 4px #8bd3ff1f}.musicModalOverlay{z-index:9999;background:#0000009e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.musicModal{color:#ffffffeb;background:#121212f5;border:1px solid #ffffff1f;border-radius:14px;width:min(520px,100%);padding:18px;box-shadow:0 18px 70px #0000008c}.musicModalTitle{margin-bottom:8px;font-size:18px;font-weight:700}.musicModalText{opacity:.92;font-size:14px;line-height:1.45}.musicModalActions{gap:10px;margin-top:14px;display:flex}.musicBtn{appearance:none;color:#ffffffeb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;padding:10px 12px;font-weight:600}.musicBtn.primary{background:#ffffff24;border-color:#ffffff47}.viewerOverlay{z-index:9998;background:#000000b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.viewer{color:#ffffffeb;background:#121212f5;border:1px solid #ffffff1f;border-radius:14px;grid-template-rows:auto 1fr auto;width:min(900px,100%);max-height:min(720px,92vh);display:grid;overflow:hidden;box-shadow:0 18px 70px #0000008c}.viewerTop{border-bottom:1px solid #ffffff14;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.viewerBack{appearance:none;color:#ffffffeb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;padding:8px 10px;font-weight:800}.viewerTitle{text-align:center;font-weight:700}.viewerSpacer{width:40px}.viewerBody{place-items:center;padding:14px;display:grid;overflow:auto}.viewerImg{border-radius:12px;max-width:100%;max-height:100%}.viewerText{width:min(680px,100%);padding:10px 6px;font-size:18px;line-height:1.5}.viewerHint{opacity:.78;text-align:center;border-top:1px solid #ffffff14;padding:10px 12px;font-size:12px}