diff --git a/style.css b/style.css index e2e96929..7add469c 100644 --- a/style.css +++ b/style.css @@ -1344,3 +1344,113 @@ canvas#nexus-canvas { .memory-feed-remove { border-left: 2px solid #ff4466; } .memory-feed-update { border-left: 2px solid #ffd700; } .memory-feed-sync { border-left: 2px solid #7b5cff; } + +/* ═══ MNEMOSYNE — Memory Search Panel (#1208) ═══ */ +#memory-search-panel { + position: fixed; + top: 60px; + left: 50%; + transform: translateX(-50%); + width: 420px; + max-height: 400px; + background: rgba(10, 14, 26, 0.95); + border: 1px solid rgba(74, 240, 192, 0.3); + border-radius: 8px; + z-index: 1000; + backdrop-filter: blur(12px); + box-shadow: 0 8px 32px rgba(0,0,0,0.5), 0 0 20px rgba(74, 240, 192, 0.1); + overflow: hidden; +} + +.memory-search-header { + display: flex; + align-items: center; + padding: 8px 12px; + border-bottom: 1px solid rgba(74, 240, 192, 0.15); + gap: 8px; +} + +.memory-search-icon { + font-size: 14px; + opacity: 0.7; +} + +#memory-search-input { + flex: 1; + background: transparent; + border: none; + color: #c0ffe0; + font-family: 'JetBrains Mono', monospace; + font-size: 13px; + outline: none; +} + +#memory-search-input::placeholder { + color: rgba(192, 255, 224, 0.35); +} + +.memory-search-close { + cursor: pointer; + color: rgba(192, 255, 224, 0.4); + font-size: 14px; + padding: 2px 4px; + border-radius: 3px; +} + +.memory-search-close:hover { + color: #ff4466; + background: rgba(255, 68, 102, 0.15); +} + +#memory-search-results { + max-height: 340px; + overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: rgba(74, 240, 192, 0.2) transparent; +} + +.memory-search-result { + display: flex; + align-items: center; + padding: 8px 12px; + cursor: pointer; + gap: 10px; + border-bottom: 1px solid rgba(255,255,255,0.03); + transition: background 0.15s; +} + +.memory-search-result:hover { + background: rgba(74, 240, 192, 0.08); +} + +.memory-search-dot { + width: 8px; + height: 8px; + border-radius: 50%; + flex-shrink: 0; +} + +.memory-search-text { + flex: 1; + font-size: 12px; + color: rgba(192, 255, 224, 0.75); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-family: 'JetBrains Mono', monospace; +} + +.memory-search-meta { + font-size: 10px; + color: rgba(192, 255, 224, 0.35); + flex-shrink: 0; + font-family: 'JetBrains Mono', monospace; +} + +.memory-search-empty { + padding: 20px; + text-align: center; + color: rgba(192, 255, 224, 0.3); + font-size: 12px; + font-family: 'JetBrains Mono', monospace; +}