/* Recent Search Archive — complements DEVLOG's cinematic home, never replaces it. */
.recent-page{position:relative;padding:65px 0 100px;min-height:75vh}
.recent-hero{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding:33px 0 48px;border-bottom:1px solid #34436170}
.recent-hero::before{content:"";position:absolute;width:42vw;height:34vw;max-width:540px;max-height:450px;top:-140px;right:0;background:radial-gradient(circle,#553eff22,transparent 67%);pointer-events:none;filter:blur(24px)}
.recent-hero h1{font-size:clamp(49px,6vw,94px);letter-spacing:-.085em;line-height:1.08;margin:23px 0 20px;font-weight:800}
.recent-hero p{max-width:570px;margin:0;color:#a4b8d6;line-height:1.8;font-size:14px}
.recent-orbit{height:160px;width:160px;flex:none;display:grid;place-items:center;position:relative;filter:drop-shadow(0 0 30px #533dff45)}
.recent-orbit:before,.recent-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid #3cd5ff75;inset:7px;animation:spin 12s linear infinite}
.recent-orbit:after{inset:-12px;border:2px dashed #9e77ff65;animation:spin-reverse 18s linear infinite}
.recent-orbit img{width:112px;height:112px;object-fit:contain;animation:scan-breathe 4s ease-in-out infinite}
.recent-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:33px 0 20px;flex-wrap:wrap}
.recent-filter-wrap{display:flex;align-items:center;min-width:min(100%,450px);border-radius:12px;border:1px solid #385584;background:#0c1528;box-shadow:0 10px 42px #0005;transition:border-color .25s,box-shadow .25s}
.recent-filter-wrap:focus-within{border-color:#48ccff;box-shadow:0 0 28px #0bcaff18}
.recent-filter-wrap span{padding:0 14px;color:#53bfff;font-size:20px}
.recent-filter-wrap input{min-width:0;width:100%;height:48px;padding-right:14px;border:0;outline:0;background:none;color:#eaf2ff;font-size:12px}
.recent-tools{display:flex;align-items:center;gap:17px}
.recent-counter{font:10px var(--mono);color:#a8c8e9;letter-spacing:.07em}
.recent-clear{padding:10px 12px;border:1px solid #354761;border-radius:9px;background:#0b1428;color:#9bb2d4;font:10px var(--mono);transition:all .25s}
.recent-clear:hover{border-color:#ff779d;color:#ffacb9;background:#281323}
.recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;align-items:stretch}
.saved-trace{min-width:0;position:relative;border-radius:17px;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s;isolation:isolate}
.saved-trace:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:linear-gradient(90deg,#06c7ffdd,#776fffad,#9d4dfccb);opacity:.55;transition:opacity .3s}
.saved-trace:hover{transform:translateY(-5px);border-color:#558ad5;box-shadow:0 25px 65px #0009,0 0 27px #217fff18}
.saved-trace:hover:before{opacity:1}
.saved-trace-link{display:block;height:100%;padding:22px 23px 19px}
.saved-top,.saved-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}
.saved-top{padding-right:22px}.saved-kicker{font:10px var(--mono);letter-spacing:.13em;color:#62d2ff}.saved-when{font:10px var(--mono);color:#748caf}
.saved-middle{display:grid;grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr);align-items:center;gap:7px;padding:28px 0 23px}
.saved-entity{display:flex;align-items:center;gap:12px;min-width:0}
.saved-art{width:54px;height:54px;flex:none;object-fit:cover;border-radius:14px;background:#12213c;border:1px solid #496897}
.saved-avatar{border-radius:50%;border-color:#9168ce;background:#141b39}
.saved-names{min-width:0;display:flex;flex-direction:column;gap:3px}
.saved-subtitle{font:9px var(--mono);letter-spacing:.1em;color:#829aba}
.saved-title{font-weight:800;font-size:15px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saved-secondary{font:10px var(--mono);color:#75aedb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saved-connection{display:flex;align-items:center;gap:1px;color:#7be4ff;filter:drop-shadow(0 0 7px #05c7ff77)}
.saved-connection-dot{height:5px;width:5px;flex:none;border-radius:50%;background:#06e5fa;box-shadow:0 0 7px #05c7ff;animation:beacon 2.2s infinite}
.saved-connection-line{height:1px;flex:1;background:linear-gradient(90deg,#13ceff,#9d6cfe);position:relative;overflow:hidden}
.saved-connection-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff,transparent);animation:recent-beam 3s linear infinite}
.saved-connection-arrow{font-size:19px;line-height:1}
@keyframes recent-beam{from{transform:translateX(-100%)}to{transform:translateX(110%)}}
.saved-bottom{border-top:1px solid #263956;padding-top:15px}
.saved-stats{display:flex;gap:17px;flex-wrap:wrap}
.saved-stat{display:flex;flex-direction:column;gap:2px}
.saved-stat small{font:8px var(--mono);color:#7892b7;letter-spacing:.03em}
.saved-stat b{font-size:13px;color:#e4eeff}
.saved-open{font:9px var(--mono);color:#5fcbff;white-space:nowrap;transition:transform .25s}
.saved-trace:hover .saved-open{transform:translateX(4px)}
.saved-remove{position:absolute;right:12px;top:12px;z-index:2;width:24px;height:24px;border:1px solid transparent;border-radius:7px;color:#829ab5;background:transparent;font:18px/1 var(--font);transition:color .2s,border .2s,background .2s}
.saved-remove:hover{border-color:#88576e;color:#ffacc5;background:#2b1b2d}
.recent-empty{padding:70px 30px;text-align:center;border:1px dashed #39517a;border-radius:17px;background:radial-gradient(ellipse at 50% 0%,#2d38a418,transparent 70%),#080f1d}
.recent-empty[hidden],.recent-clear[hidden]{display:none!important}
.recent-empty-symbol{font-size:45px;color:#75baff;text-shadow:0 0 20px #278eff;animation:float 5s ease-in-out infinite}
.recent-empty h2{font-size:26px;letter-spacing:-.04em}
.recent-empty p{color:#9daecc}.recent-empty a{display:inline-block;margin-top:22px;padding:12px 18px;border:1px solid #4c8bd0;border-radius:10px;background:#11213b;color:#8edcff;font:11px var(--mono)}
@media(max-width:1220px){.recent-grid{grid-template-columns:1fr}.saved-middle{grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr)}}
@media(max-width:650px){.recent-page{padding-top:23px}.recent-hero{padding-bottom:27px}.recent-orbit{display:none}.recent-filter-wrap{width:100%;min-width:0}.recent-toolbar{align-items:stretch}.saved-trace-link{padding:20px 16px}.saved-middle{grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:4px;padding:23px 0}.saved-art{width:43px;height:43px;border-radius:10px}.saved-avatar{border-radius:50%}.saved-entity{gap:7px}.saved-title{font-size:12px}.saved-subtitle{font-size:7px}.saved-secondary{font-size:8px}.saved-connection-arrow{font-size:14px}.saved-stats{gap:10px}.saved-stat small{font-size:7px}.saved-open{font-size:8px}.saved-bottom{gap:8px}}
@media(prefers-reduced-motion:reduce){.recent-orbit:before,.recent-orbit:after,.recent-orbit img,.saved-connection-dot,.saved-connection-line:after,.recent-empty-symbol{animation:none!important}}