:root{--bg1: #05060a;--bg2: #0b1020;--accent1: #7ee7c9;--accent2: #9d7cff;--glass: rgba(255,255,255,.06)}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:radial-gradient(circle at 10% 10%,rgba(157,124,255,.06) 0%,transparent 15%),radial-gradient(circle at 90% 80%,rgba(126,231,201,.04) 0%,transparent 18%),linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 60%);color:#e8eef8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:auto}.starfield{position:fixed;inset:0;z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.9}.app-shell{position:relative;z-index:5;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:48px 24px;box-sizing:border-box}.panel{width:100%;max-width:1080px;background:linear-gradient(180deg,#ffffff08,#ffffff05);border-radius:18px;padding:28px;box-shadow:0 10px 40px #04081499,inset 0 1px #ffffff05;border:1px solid rgba(255,255,255,.04);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);display:grid;grid-template-columns:1fr 360px;gap:18px;max-height:calc(100vh - 96px);overflow:auto}.header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.title{display:flex;flex-direction:column}.title h1{margin:0;font-family:Cinzel,serif;font-weight:700;letter-spacing:.6px;color:#fff;font-size:28px;text-shadow:0 6px 20px rgba(157,124,255,.12)}.title p{margin:0;color:#cfeff0;opacity:.85;font-size:13px}.search-area{display:flex;gap:8px;align-items:center}.search-area input[type=text]{padding:8px 12px;border-radius:10px;border:none;outline:none;width:280px;background:#ffffff05;color:inherit;box-shadow:inset 0 1px #ffffff05}.search-area button{padding:8px 12px;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(90deg,var(--accent2),var(--accent1));color:#041019;font-weight:600;box-shadow:0 6px 18px #7ee7c914}.left{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;min-height:500px}.right{padding:12px;display:flex;flex-direction:column;gap:12px;align-items:center}.badge{background:linear-gradient(90deg,#9d7cff24,#7ee7c912);border-radius:12px;padding:6px 10px;font-size:13px;color:#eafef4;border:1px solid rgba(255,255,255,.03)}.liked-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.liked-item{background:linear-gradient(180deg,#ffffff0a,#00000024);padding:12px;border-radius:14px;font-size:14px;box-shadow:0 2px 10px #00000059,inset 0 0 12px #9d7cff1f;transition:.3s ease}.liked-item:hover{transform:translateY(-4px);box-shadow:0 6px 16px #00000073,0 0 14px #7ee7c940}.magic-card{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff05,#ffffff03);box-shadow:0 12px 30px #060a1699,0 0 40px #9d7cff0a inset}.magic-card img{box-shadow:0 14px 40px #9d7cff0f}.sparkle{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,rgba(255,255,255,.6) 10%,rgba(157,124,255,.25) 40%,transparent 60%);filter:blur(.6px);opacity:.85;animation:float 6s linear infinite;pointer-events:none}.sparkle.slow{animation-duration:9s}.sparkle.fast{animation-duration:4.5s}@keyframes float{0%{transform:translateY(0) translate(0) scale(1);opacity:.6}50%{transform:translateY(-40px) translate(6px) scale(1.15);opacity:1}to{transform:translateY(10px) translate(-6px) scale(.9);opacity:.6}}@media(max-width:900px){.panel{grid-template-columns:1fr;padding:18px}.right{order:2}.left{order:1;min-height:420px}.search-area input[type=text]{width:180px}}