.modal-overlay{position:fixed;inset:0;z-index:100;background:#05040cbf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-overlay.open{opacity:1;pointer-events:all}.modal-terminal{width:100%;max-width:580px;max-height:88vh;overflow-y:auto;border-radius:.875rem;border:1px solid rgba(124,58,237,.25);background:#0a0812f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 0 1px #c4b5fd0a,0 32px 80px #0009,0 0 60px #7c3aed1a;transform:scale(.92) translateY(12px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;opacity:0}.modal-overlay.open .modal-terminal{transform:scale(1) translateY(0);opacity:1}.modal-terminal::-webkit-scrollbar{width:4px}.modal-terminal::-webkit-scrollbar-track{background:transparent}.modal-terminal::-webkit-scrollbar-thumb{background:#7c3aed4d;border-radius:999px}.terminal-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#100d1af2;border-bottom:1px solid rgba(124,58,237,.12);position:sticky;top:0;z-index:1}.terminal-dots{display:flex;align-items:center;gap:.4rem}.dot{width:10px;height:10px;border-radius:50%;transition:filter .2s ease}.dot:hover{filter:brightness(1.3)}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.terminal-title{font-size:.72rem;color:var(--text-muted);font-family:DM Mono,Fira Code,Courier New,monospace;letter-spacing:.02em}.terminal-body{padding:1.25rem 1.5rem 1.75rem;font-family:DM Mono,Fira Code,Courier New,monospace;font-size:.8rem;line-height:1.7}.terminal-line{display:flex;align-items:center}.terminal-output{padding-left:1.25rem}.t-prompt{color:var(--accent-soft)}.t-cmd{color:var(--text-primary)}.t-lilac{color:var(--accent-lilac)}.t-soft{color:var(--accent-soft)}.t-muted{color:var(--text-muted);font-size:.78rem}.t-green{color:#28c840}.modal-thumb{width:100%;aspect-ratio:1/1;border-radius:.5rem;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border);margin-top:.75rem}.modal-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;opacity:.2;background:linear-gradient(135deg,var(--bg-secondary),rgba(124,58,237,.08))}.modal-thumb img{width:100%;height:100%;object-fit:cover}.modal-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem}.tag{font-size:.7rem;font-weight:500;padding:.2rem .6rem;border-radius:999px;background:#7c3aed1a;color:var(--accent-soft);border:1px solid rgba(124,58,237,.2)}.modal-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.modal-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:999px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .25s ease;font-family:DM Mono,Fira Code,monospace}.modal-btn-github{color:var(--text-primary);border:1px solid var(--border);background:#ffffff08}.modal-btn-github:hover{border-color:#c4b5fd4d;color:var(--accent-lilac);box-shadow:0 0 16px #7c3aed26}.modal-btn-live{color:var(--bg-primary);background:var(--accent-lilac);border:1px solid transparent}.modal-btn-live:hover{background:var(--accent-soft);box-shadow:0 0 24px #c4b5fd59;transform:translateY(-1px)}.modal-no-links{color:var(--text-muted);font-size:.75rem;font-style:italic}.typed-cursor{display:inline-block;width:2px;height:1.1em;background:var(--accent-lilac);margin-left:2px;vertical-align:middle;animation:blink 1s step-end infinite;box-shadow:0 0 8px #c4b5fdcc}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:640px){.modal-terminal{max-height:92vh}.terminal-body{padding:1rem 1.1rem 1.5rem}}