.command-palette { font-family: var(--code-font); font-size: 0.75rem; letter-spacing: 0.1em; text-align: center; color: var(--text-muted); padding: 0.5em; border-top: 1px dashed var(--terminal-line-color); border-bottom: 1px dashed var(--terminal-line-color); background: linear-gradient(90deg, transparent 0%, rgba(0, 255, 0, 0.03) 50%, transparent 100% ); } .command-palette::before, .command-palette::after { content: "|"; color: var(--accent-green); animation: cursorBlink 1s step-end infinite; } .headerlink { color: var(--crt-green); font-size: 0.8rem; margin-left: 0.5em; opacity: 0.7; } pre.highlight { box-shadow: inset 0 0 20px rgba(20, 5, 30, 0.6); } pre.highlight .hll { background-color: rgba(0, 255, 0, 0.05); } .palette-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1em; } .palette-item { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 6px; padding: 1.5em; text-align: center; transition: all 0.2s ease; cursor: pointer; } .palette-item:hover { border-color: var(--accent-green); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 255, 0, 0.2); } .palette-item .icon-label { font-size: 2rem; margin-bottom: 0.5em; } .palette-item a { color: var(--text-primary); text-decoration: none; display: block; } .system-notification { position: fixed; top: 20px; right: 20px; background: var(--bg-color); border-left: 4px solid var(--accent-green); padding: 1em 1.5em; border-radius: 4px; font-family: var(--code-font); font-size: 0.8rem; box-shadow: 0 8px 24px rgba(0, 255, 0, 0.15); z-index: 10000; min-width: 300px; animation: slideInRight 0.3s ease-out; } @keyframes slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @media (prefers-reduced-motion: reduce) { .command-palette::before, .command-palette::after, .system-notification { animation: none; } } .donate-goals-block { background: var(--bg-card); border: 1px solid var(--border-color); border-left: 4px solid var(--crt-amber); border-radius: 6px; padding: 1.5em 2em; margin: 2em 0; } .donate-goals-title { font-family: var(--code-font); font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--crt-amber); margin-top: 0; margin-bottom: 0.75em; } .donate-goals-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5em; } .donate-goal { font-family: var(--code-font); font-size: 0.92rem; display: flex; align-items: center; gap: 0.6em; padding: 0.35em 0; } .donate-goal-icon { font-size: 1rem; width: 1.2em; text-align: center; flex-shrink: 0; } .donate-goal--done { color: var(--status-success); text-decoration: line-through; opacity: 0.75; } .donate-goal--open { color: var(--text-primary); } .donate-goal--open .donate-goal-icon { color: var(--crt-amber); } .donate-stat-row { display: flex; gap: 1.5em; flex-wrap: wrap; margin: 1em 0 1.5em; } .donate-stat { display: flex; flex-direction: column; gap: 0.2em; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 6px; padding: 0.75em 1.25em; min-width: 160px; } .donate-stat-label { font-family: var(--code-font); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); } .donate-stat-value { font-family: var(--code-font); font-size: 1.15rem; font-weight: bold; color: var(--crt-amber); } .donate-address-block { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 8px; padding: 1.5em; margin: 1em 0 2em; } .donate-address-label { font-family: var(--code-font); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); margin-bottom: 0.4em; } .donate-address { display: block; word-break: break-all; font-size: 0.78rem; background: rgba(0, 0, 0, 0.3); border: 1px solid var(--border-color); border-radius: 4px; padding: 0.6em 0.9em; color: var(--accent-green); user-select: all; cursor: text; } .donate-qr { margin-top: 1.25em; display: flex; gap: 1em; } .donate-qr img { max-width: 150px; height: auto; border: 1px solid var(--border-color); border-radius: 4px; padding: 4px; background: #fff; } .donate-qr--row { flex-direction: row; flex-wrap: wrap; } .donate-qr figure { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 0.4em; } .donate-qr figcaption { font-family: var(--code-font); font-size: 0.72rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; } @media (max-width: 600px) { .donate-stat-row { flex-direction: column; } .donate-address { font-size: 0.68rem; } .donate-qr--row { flex-direction: column; } } .pgp-fingerprint { display: block; margin-top: 0.75em; word-break: break-all; font-size: 0.78rem; background: rgba(0, 0, 0, 0.3); border: 1px solid var(--border-color); border-radius: 4px; padding: 0.5em 0.75em; color: var(--crt-green); user-select: all; cursor: text; letter-spacing: 0.04em; }