/* MASTER CODEX CSS */
.cdx-scroll-progress { position: fixed; top: 0; left: 0; height: 3px; background: linear-gradient(90deg, #BFFF00, #ff6b00); z-index: 2147483647; }
.cdx-cmd-palette { position: fixed; inset: 0; background: rgba(0,0,0,0.8); backdrop-filter: blur(8px); z-index: 2147483647; display: flex; align-items: flex-start; justify-content: center; padding-top: 15vh; opacity: 0; pointer-events: none; transition: opacity 0.2s; }
.cdx-cmd-palette.active { opacity: 1; pointer-events: auto; }
.cdx-cmd-palette-inner { background: #1a1a1a; border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; width: 90%; max-width: 600px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); overflow: hidden; }
.cdx-cmd-input { width: 100%; padding: 16px 20px; background: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,0.1); color: #fff; font-size: 1.1rem; outline: none; }
.cdx-cmd-results { max-height: 400px; overflow-y: auto; }
.cdx-cmd-item { padding: 12px 20px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: background 0.15s; }
.cdx-cmd-item:hover, .cdx-cmd-item.selected { background: rgba(191, 255, 0, 0.1); }
.cdx-cmd-shortcut { font-size: 0.75rem; padding: 4px 8px; background: rgba(255,255,255,0.1); border-radius: 4px; color: rgba(255,255,255,0.6); font-family: monospace; }
.cdx-toast { position: fixed; bottom: 20px; right: 20px; padding: 12px 20px; background: #1a1a1a; color: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,0.3); z-index: 2147483647; border-left: 4px solid #BFFF00; animation: cdx-toast-in 0.3s; }
@keyframes cdx-toast-in { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
.cdx-back-to-top { position: fixed; bottom: 80px; right: 20px; width: 48px; height: 48px; border-radius: 50%; background: rgba(191, 255, 0, 0.9); color: #000; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transform: translateY(20px); transition: all 0.3s; z-index: 1000; border: none; }
.cdx-back-to-top.visible { opacity: 1; transform: translateY(0); }
.cdx-read-time { position: fixed; top: 60px; right: 20px; background: rgba(245, 158, 11, 0.9); color: #000; padding: 6px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; z-index: 1000; }
.cdx-skeleton { background: linear-gradient(90deg, rgba(255,255,255,0.05) 25%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.05) 75%); background-size: 200% 100%; animation: cdx-skeleton-shimmer 1.5s infinite; border-radius: 4px; }
@keyframes cdx-skeleton-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
button:not([disabled]):hover, [role="button"]:hover { transform: translateY(-2px); }
button:not([disabled]):active, [role="button"]:active { transform: scale(0.98); }
input:focus, textarea:focus, select:focus { box-shadow: 0 0 0 3px rgba(191, 255, 0, 0.3); }
::selection { background: rgba(191, 255, 0, 0.3); color: #fff; }
html { scroll-behavior: smooth; }
.cdx-zen-mode aside, .cdx-zen-mode .sidebar { display: none !important; }