body{min-height:100vh;margin:0;position:relative}body:after{content:"";z-index:-1;clip-path:polygon(100% 0,0 0,15% 2.5%,0 5%,15% 7.5%,0 10%,15% 12.5%,0 15%,15% 17.5%,0 20%,15% 22.5%,0 25%,15% 27.5%,0 30%,15% 32.5%,0 35%,15% 37.5%,0 40%,15% 42.5%,0 45%,15% 47.5%,0 50%,15% 52.5%,0 55%,15% 57.5%,0 60%,15% 62.5%,0 65%,15% 67.5%,0 70%,15% 72.5%,0 75%,15% 77.5%,0 80%,15% 82.5%,0 85%,15% 87.5%,0 90%,15% 92.5%,0 95%,15% 97.5%,0 100%,100% 100%);background:#8c579b;width:80px;height:100%;position:fixed;top:0;right:0}body:before{content:"";z-index:-1;width:80px;height:100%;clip-path:polygon(0 0, 100% 0,85% 2.5%,100% 5%,85% 7.5%,100% 10%, 85% 12.5%, 100% 15%, 85% 17.5%,100% 20%, 85% 22.5%,100% 25%, 85% 27.5%, 100% 30%, 85% 32.5%, 100% 35%, 85% 37.5%, 100% 40%,85% 42.5%, 100% 45%,85% 47.5%, 100% 50%, 85% 52.5%, 100% 55%, 85% 57.5%,100% 60%, 85% 62.5%,100% 65%, 85% 67.5%, 100% 70%,85% 72.5%,100% 75%,85% 77.5%, 100% 80%, 85% 82.5%, 100% 85%, 85% 87.5%100% 90%, 85% 92.5%, 100% 95%,85% 97.5%, 100% 100%, 0 100%);background:#986aa5;position:fixed;top:0;left:0}@media (width<=600px){body:before,body:after{display:none}}#app{padding:1rem}h1{font-family:Orbitron,sans-serif}p{font-family:Black Ops One,sans-serif}.archive{background:#986aa514;border:2px solid #986aa5;border-radius:16px;max-width:900px;margin:3rem auto 2rem;padding:1.5rem}.archive h2{text-align:center;margin-top:0;font-family:Orbitron,sans-serif}.archive-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.archive-card{background:#00000026;border:1px solid #986aa5;border-radius:12px;flex-direction:column;padding:1rem;transition:transform .2s;display:flex}.archive-card:hover{transform:translateY(-4px)}.archive-card img{object-fit:cover;border-radius:8px;width:100%;height:150px}.archive-card h3{margin:.75rem 0 .5rem;font-family:Orbitron,sans-serif;font-size:1rem}.archive-card p{opacity:.85;margin-top:0;font-size:.9rem}.archive-card button{cursor:pointer;color:#fff;background:#986aa5;border:none;border-radius:8px;width:100%;margin-top:auto;padding:.6rem 1rem;font-weight:700;transition:opacity .2s,transform .1s}.archive-card button:hover{opacity:.85}.archive-card button:active{transform:scale(.98)}.controls{justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.controls button,#Save_To_Favorites{cursor:pointer;color:#fff;background:#986aa5;border:none;border-radius:8px;padding:.7rem 1rem;transition:transform .2s,opacity .2s}.controls button:hover,#Save_To_Favorites:hover{opacity:.85;transform:translateY(-2px)}#Save_To_Favorites{margin:0 auto;display:block}.site-header{text-align:center;margin-bottom:3rem}.site-header h2{letter-spacing:.15em;color:#fff;text-shadow:0 0 10px #ffffff40,0 0 30px #986aa580;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem)}.site-header p{letter-spacing:.3em;color:#986aa5;margin:.5rem 0 0;font-family:Orbitron,sans-serif;font-size:.75rem}