:root{--header-image:url(https://sadhost.neocities.org/images/layouts/wp.jpeg);--body-bg-image:url(/assets/plaid-bg-DQDZ_Lrv.jpg);--content:#43256e}@font-face{font-family:Nunito;src:url(https://sadhost.neocities.org/fonts/Nunito-Regular.ttf)}@font-face{font-family:Nunito;src:url(https://sadhost.neocities.org/fonts/Nunito-Bold.ttf);font-weight:700}@font-face{font-family:Nunito;src:url(https://sadhost.neocities.org/fonts/Nunito-Italic.ttf);font-style:italic}@font-face{font-family:Nunito;src:url(https://sadhost.neocities.org/fonts/Nunito-BoldItalic.ttf);font-style:italic;font-weight:700}body{color:#fceaff;background-color:#08031a;background-size:300px;background-image:var(--body-bg-image);margin:0;font-family:Nunito,sans-serif}*{box-sizing:border-box}#container{max-width:900px;margin:0 auto}#container a{font-weight:700}#header{box-sizing:border-box;background:radial-gradient(circle at 15% 30%,#fffc 0,#0000 2px),radial-gradient(circle at 80% 65%,#ffffffb3 0,#0000 2px),linear-gradient(135deg,#eadcff 0%,#f8d9ec 45%,#dcecff 100%);border-bottom:3px solid #be6ffc;width:100%;height:150px;position:relative;overflow:hidden}#header:before{content:"";background:#ffffffb3;width:120%;height:2px;position:absolute;top:25px;left:-10%;transform:rotate(-3deg)}#header:after{content:"";background:#ffffffb3;width:120%;height:2px;position:absolute;bottom:25px;left:-10%;transform:rotate(2deg)}.archive-logo{color:#4b245c;flex-direction:column;align-items:center;display:flex;position:absolute;top:25px;right:35px;transform:rotate(-2deg)}.logo-text{color:#fe3398;text-shadow:2px 2px #fff,4px 4px #be6ffc;font-family:Brush Script MT,Segoe Script,cursive;font-size:52px;line-height:1}.logo-small{color:#be6ffc;font-size:20px;position:absolute}.logo-small:first-child{top:5px;left:-28px}.logo-small:nth-child(3){bottom:5px;right:-28px}.logo-subtitle{letter-spacing:3px;text-transform:uppercase;color:#684d70;margin-top:8px;font-family:Georgia,serif;font-size:10px}#navbar{box-sizing:border-box;background-color:#13092d;width:100%;min-height:58px}.home{--nav-accent:#be6ffc;background-color:var(--nav-accent);box-shadow:0 0 0 2px white, 0 0 0 4px var(--nav-accent);color:#000;background-image:linear-gradient(#e8d5ff,#baaacc,#e8d5ff);border-radius:14px;padding:8px 18px}.database{--nav-accent:#fe3398;background-color:var(--nav-accent);box-shadow:0 0 0 2px white, 0 0 0 4px var(--nav-accent);color:#000;background-image:linear-gradient(#ffcce6,#cca3b8,#ffcce6);border-radius:14px;padding:8px 18px}.saved,.blog{--nav-accent:#f7941d;background-color:var(--nav-accent);box-shadow:0 0 0 2px white, 0 0 0 4px var(--nav-accent);color:#000;background-image:linear-gradient(#ffe0b2,#ccb38e,#ffe0b2);border-radius:14px;padding:8px 18px}.login{--nav-accent:#72cc50;background-color:var(--nav-accent);box-shadow:0 0 0 2px white, 0 0 0 4px var(--nav-accent);color:#000;background-image:linear-gradient(#dcfedc,#b0cbb0,#dcfedc);border-radius:14px;padding:8px 18px}.logout{--nav-accent:#2085bf;background-color:var(--nav-accent);box-shadow:0 0 0 2px white, 0 0 0 4px var(--nav-accent);color:#000;background-image:linear-gradient(#c0e8ff,#82ccf7,#c0e8ff);border-radius:14px;padding:8px 18px}#navbar ul{flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:10px 16px;margin:0;padding:10px 12px 12px;list-style-type:none;display:flex}#navbar li{margin:0;padding:0;display:flex}#navbar li a{box-sizing:border-box;justify-content:center;align-items:center;min-height:36px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}#navbar li a:hover{color:#a49cba;text-decoration:none}@media (width<=640px){#navbar ul{justify-content:center}#navbar li{flex:140px;max-width:180px}#navbar li a{width:100%}}@media only screen and (width<=800px){#flex{flex-wrap:wrap}aside{width:100%}main{order:1}#leftSidebar{order:2}#rightSidebar{order:3}#navbar ul{flex-wrap:wrap}}.featured-gallery{box-sizing:border-box;background-color:#fffaff;background-image:radial-gradient(#e7cde5 .7px,#0000 .7px);background-size:12px 12px;border:1px dashed #be6ffc;grid-template-columns:repeat(4,minmax(120px,1fr));gap:18px;width:100%;max-width:1000px;margin:25px auto 0;padding:20px;display:grid;box-shadow:4px 4px #e3b4d5,inset 0 0 20px #be6ffc14}.artist-card{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #d8b6d5;padding:7px;transition:transform .25s,box-shadow .25s;position:relative;box-shadow:3px 3px #be6ffc59}.artist-card:nth-child(3n){transform:rotate(1deg)}.artist-card:nth-child(3n+1){transform:rotate(-1deg)}.artist-card:nth-child(3n+2){transform:rotate(.5deg)}.image-wrapper{aspect-ratio:1;background:#f8eef8;width:100%;overflow:hidden}.image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.artist-name{text-align:center;color:#4d3158;letter-spacing:.5px;padding:8px 3px 5px;font-size:12px;font-weight:700;display:block}.artist-card:hover{z-index:5;transform:translateY(-6px)rotate(0)scale(1.03);box-shadow:5px 7px #be6ffc,0 8px 20px #fe33982e}.artist-card:hover img{transform:scale(1.08)}.featured-card{grid-area:span 2/span 2}.featured-card .artist-name{font-size:14px}.featured-card .image-wrapper{aspect-ratio:1}.gallery-subtitle{text-align:center;color:#765c7c;margin:5px 0 20px;font-size:12px;font-style:italic}@media (width<=900px){.featured-gallery{grid-template-columns:repeat(3,minmax(110px,1fr));gap:14px;padding:14px}.featured-card{grid-area:span 1/span 1}}@media (width<=600px){.featured-gallery{grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px;padding:12px}.artist-name{font-size:11px}}@media (width<=400px){.featured-gallery{grid-template-columns:1fr 1fr;gap:8px;padding:8px}}@media only screen and (width<=800px){.y2k-gallery .card.big{grid-area:auto;width:100%;height:220px}.y2k-gallery .card{width:120px;height:120px}}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-rows:180px;gap:16px;max-width:1200px;margin:0 auto;display:grid}.group-tile{border-radius:18px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000040}.group-tile:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 16px 36px #00000059}.group-tile img{object-fit:cover;width:100%;height:100%;display:block}.group-tile.featured{grid-area:span 2/span 2}.group-tile.wide{grid-column:span 2}.tile-overlay{background:linear-gradient(#0000 20%,#000000b3);justify-content:flex-start;align-items:flex-end;padding:14px;display:flex;position:absolute;inset:0}.tile-overlay span{color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:1rem;font-weight:700}@media (width<=480px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-auto-rows:140px;gap:10px}}.sidebar-title{text-align:center;color:#fe3398;text-shadow:1px 1px #f6c1df;margin:18px 0 8px;font-size:16px;font-weight:700}.sidebar-title span{color:#be6ffc;margin:0 5px}.contact-box{text-align:center;overflow-wrap:anywhere}.contact-box p{margin-bottom:5px}.contact-box a{color:#fe3398;overflow-wrap:anywhere;word-break:break-word;font-size:12px;text-decoration:none}.contact-box a:hover{text-decoration:underline}.sidebar-box{color:#000;background:#ffffffd9;border:1px dashed #be6ffc;margin-bottom:12px;padding:10px;box-shadow:3px 3px #f0c5df}.sidebar-box p{margin:5px 0 10px;font-size:13px;line-height:1.5}.sidebar-box ul{margin:5px 0;padding-left:20px}.sidebar-box li{margin-bottom:5px;font-size:12px}.stats-box{background:#fff;border:1px solid #be6ffc;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px;display:grid;box-shadow:3px 3px #f0c5df}.stats-box div{text-align:center;border-right:1px dotted #be6ffc;padding:6px 2px}.stats-box div:last-child{border-right:none}.stats-box strong{color:#fe3398;font-size:16px;display:block}.stats-box span{color:#555;font-size:10px;display:block}.tool-links{background:#fff;border:1px dashed #be6ffc;flex-direction:column;padding:7px;display:flex;box-shadow:3px 3px #f0c5df}.tool-links a{color:#7d3c98;border-bottom:1px dotted #ddd;padding:6px 5px;font-size:12px;text-decoration:none}.tool-links a:last-child{border-bottom:none}.tool-links a:hover{color:#fe3398;background:#fff0f8;padding-left:10px}.sidebar-decoration{text-align:center;color:#fe3398;letter-spacing:4px;margin:20px 0 5px;font-size:13px}.gallery-header{justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.gallery-header h2{color:#fe3398;text-shadow:2px 2px #f6c1df;margin:0;font-size:22px}.gallery-header span{color:#be6ffc;font-size:18px}.gallery-subtitle{text-align:center;color:#777;margin-top:4px;font-size:12px}.pagination{grid-column:1/-1;justify-content:center;justify-self:center;align-items:center;gap:6px;max-width:960px;margin-top:18px;padding:10px 0;display:flex}.pagination button{cursor:pointer;font-family:inherit}.pagination-number,.pagination-arrow{color:#333;background:#fff;border:1px solid #be6ffc;border-radius:4px;min-width:34px;height:34px;font-size:14px;box-shadow:2px 2px #be6ffc}.pagination-number:hover,.pagination-arrow:hover:not(:disabled){background:#ffcce6;transform:translateY(-1px)}.pagination-number.active{color:#fff;background:#fe3398;border-color:#fe3398;box-shadow:2px 2px #9b2463}.pagination-arrow{font-size:20px;line-height:20px}.pagination-arrow:disabled{opacity:.4;cursor:default;box-shadow:none}.pagination-dots{text-align:center;color:#be6ffc;width:25px;font-weight:700}.left-padding{padding-left:10px}.song-display{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;width:100%;display:grid}.song-container{flex-direction:column;display:flex}.song-display p{color:#000;text-align:center;justify-content:center;align-items:center;font-size:11px}.song-box{border:1px solid;border-image-source:url(https://sweet-pea.neocities.org/graphics/0_sweet-pea/border_1.gif);border-image-slice:5;border-image-width:5px;border-image-repeat:round;width:150px;height:100px;margin-top:20px;padding:2px;overflow:hidden}.song-box img{object-fit:cover;width:100%;height:100%;display:block}#flex{display:flex}aside{background-color:#241445;width:200px;padding:20px;font-size:smaller}main{background-color:#dde0de;flex:1;order:2;padding:20px}#leftSidebar{order:1}#rightSidebar{order:3}#rightSidebar img{object-fit:cover;object-position:top;width:100%;height:150px;margin-top:auto}footer{text-align:center;background-color:#13092d;width:100%;height:40px;padding:10px}h1,h2,h3{color:#ed64f5}strong{color:#ed64f5}.box{background-color:#13092d;border:1px solid #ed64f5;padding:10px}#rightSidebar{padding:15px}#rightSidebar h2{text-align:center;color:#fe3398;margin:10px 0 15px;font-size:20px}#rightSidebar h3{color:#7d3c98;text-align:center;margin:0 0 10px;font-size:15px}.filter-section{background:#fffc;border:1px dashed #be6ffc;margin-bottom:15px;padding:12px}.filter-buttons{flex-direction:column;gap:7px;display:flex}.filter-buttons button{color:#333;cursor:pointer;background:linear-gradient(#fff,#f8dff0);border:1px solid #be6ffc;border-radius:4px;width:100%;padding:7px 8px;font-family:inherit;font-size:13px}.filter-section img:hover{background-color:#eee;transform:scale(1.05)}.filter-buttons button:hover{background:#ffcce6;border-color:#fe3398;transform:translate(2px)}.clear-filters{color:#fe3398;cursor:pointer;background:#fff;border:2px solid #fe3398;border-radius:5px;width:100%;margin:5px 0 20px;padding:8px;font-family:inherit;font-weight:700;display:block}.search-container{box-sizing:border-box;background:#fff7fc;border:2px solid #be6ffc;border-radius:30px;flex-wrap:wrap;justify-content:center;align-items:center;width:min(100%,650px);margin:10px auto 25px;padding:8px;display:flex;box-shadow:3px 3px #f6c1df,0 0 0 3px #fff,0 0 0 5px #fe3398}.search-icon{color:#fe3398;margin:0 8px 0 5px;font-size:20px}.search-container input{color:#3b2445;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:14px}.search-container input,.search-container input:focus,.search-container input:hover,.search-container input:active{appearance:none;color:#3b2445!important;box-shadow:none!important;background:#fff7fc!important;border:none!important;outline:none!important}.search-container input::placeholder{color:#a78aa9}.search-button{color:#3b2445;cursor:pointer;background:linear-gradient(#ffcce6,#e9a8c8,#ffcce6);border:1px solid #be6ffc;border-radius:20px;padding:8px 18px;font-family:inherit;font-weight:700;transition:all .15s;box-shadow:1px 2px #c78ab0}.search-button:hover{background:linear-gradient(#ffe3f0,#f3b9d7,#ffe3f0);transform:translateY(-2px);box-shadow:2px 4px #c78ab0}.search-button:active{transform:translateY(1px);box-shadow:0 1px #c78ab0}.sort-container{justify-content:flex-end;width:100%;margin:10px 0 15px;display:flex}.sort-button{color:#3b2445;cursor:pointer;background:linear-gradient(#ffcce6,#e9a8c8,#ffcce6);border:1px solid #be6ffc;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;box-shadow:1px 2px #c78ab0}.sort-button:hover{background:linear-gradient(#ffe3f0,#f3b9d7,#ffe3f0);transform:translateY(-2px);box-shadow:2px 4px #c78ab0}.sort-button:active{transform:translateY(1px);box-shadow:0 1px #c78ab0}.filter-buttons button.selected{color:#fff;background:#fe3398;border-color:#fe3398;box-shadow:2px 2px #9b2463}.clear-filters:hover{color:#fff;background:#fe3398}.sidebar-divider{border-top:1px dashed #be6ffc;margin:20px 0}.sidebar-box{background:#fff;border:1px solid #be6ffc;margin-bottom:20px;padding:10px;box-shadow:3px 3px #e7b8dc}.sidebar-box p{text-align:center;margin:5px 0;font-size:13px;line-height:1.5}.sidebar-image{width:100%;max-width:180px;margin:10px auto;display:block}#topBar{background-color:#13092d;width:100%;height:30px;padding:10px;font-size:smaller}@media only screen and (width<=800px){#flex{flex-wrap:wrap}aside{width:100%}main{order:1}#navbar ul{flex-wrap:wrap}#flex{flex-direction:column;align-items:center;width:100%}main{box-sizing:border-box;order:1;width:100%;padding:15px}aside{box-sizing:border-box;width:100%;padding:15px}#leftSidebar{order:2}#rightSidebar{order:3}#navbar ul{flex-wrap:wrap;justify-content:center}.song-display{grid-template-columns:repeat(2,minmax(0,150px));justify-content:center;gap:15px;width:100%;display:grid}.song-container{align-items:center;width:150px}.song-box{box-sizing:border-box;width:150px;height:100px;margin-top:10px}.song-display p{text-align:center;width:150px;margin:5px 0}.search-container{box-sizing:border-box;width:100%;max-width:650px}.search-container input{width:100%;min-width:0}#rightSidebar{padding:15px}.filter-section{box-sizing:border-box;width:100%}#rightSidebar img{max-width:180px;height:auto;margin:10px auto}}@media only screen and (width<=500px){main{padding:10px}.song-display{grid-template-columns:150px;justify-content:center;gap:10px}.song-container{width:150px}.song-box{width:150px;height:100px}.search-container{flex-wrap:nowrap;padding:6px}.search-icon{margin:0 5px;font-size:17px}.search-container input{font-size:13px}.search-button{padding:7px 12px;font-size:12px}.sidebar-box{box-sizing:border-box;width:100%}.sidebar-image{max-width:150px}}.filter-section img{margin:10px;width:40px!important;min-width:0!important;height:30px!important;min-height:0!important}.save-message{margin-top:8px;font-size:14px}h4{color:#000}.container-inner{border:1px solid;background:#fff;border-image-source:url(https://sweet-pea.neocities.org/graphics/0_sweet-pea/border_1.gif);border-image-slice:5;border-image-width:5px;border-image-repeat:round;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1000px;min-height:600px;padding-top:0;display:flex}.song-video{aspect-ratio:16/9;border:none;border-radius:6px;width:100%;max-width:800px;margin:0 auto;display:block}.video-wrapper{justify-content:center;width:100%;padding-top:20px;display:flex}.saved-container{grid-template-columns:repeat(4,1fr);gap:20px;width:90%;max-width:1200px;margin:30px auto;display:grid}.saved-card{color:#000;box-sizing:border-box;background-color:#fff;border:2px solid #be6ffc;border-radius:10px;flex-direction:column;padding:10px;text-decoration:none;display:flex}.saved-card:hover{transform:translateY(-3px)}.saved-card h2{margin:10px 0 4px;font-size:18px}.saved-card p{margin:3px 0;font-size:14px}.saved-btn{color:#000;background-color:#fe3398;background-image:linear-gradient(#ffcce6,#cca3b8,#ffcce6);border-radius:5px;padding:3px 25px;box-shadow:0 0 0 2px #fff,0 0 0 5px #fe3398}.bottom-section{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:min(100%,800px);margin:0 auto;display:flex}.left-side,.right-side{flex:1 1 0;min-width:0;text-decoration:none}.card{box-sizing:border-box;background:#fff;border:1px solid #be6ffc;align-items:center;width:100%;max-width:350px;min-height:100px;margin-bottom:15px;padding:10px;text-decoration:none;display:flex}.card img{object-fit:cover;flex-shrink:0;width:100px;height:75px}.card p{text-align:left;color:#000;margin:0;padding-left:15px;text-decoration:none}.bottom-section-2{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;width:100%;max-width:1000px;margin-top:30px;text-decoration:none;display:flex}.bottom-section-2 .left-side,.bottom-section-2 .right-side{flex:280px;min-width:0;text-decoration:none}@media (width<=700px){.container-outer{padding:16px 12px}.bottom-section,.bottom-section-2{flex-direction:column;width:100%}.card{max-width:100%}}.container-outer{justify-content:center;align-items:center;min-height:500px;padding:40px 20px;display:flex}.container{box-sizing:border-box;background:#fffffff2;border:2px solid #be6ffc;border-radius:18px;flex-direction:column;align-items:center;width:380px;padding:35px 40px 40px;display:flex;box-shadow:5px 5px #f6c1df,0 0 0 3px #fff,0 0 0 5px #fe3398}.container h1{color:#fe3398;text-shadow:2px 2px #f6c1df;margin:0 0 25px;font-family:cursive;font-size:28px;font-weight:700}.container h1:before{content:"♡ ";color:#be6ffc}.container h1:after{content:" ♡";color:#be6ffc}.input-text{width:100%}.input-text form{flex-direction:column;align-items:center;width:100%;display:flex}.collection-input{width:100%;margin-top:15px}.collection-input p{text-align:left;color:#7d3c98;margin:0 0 6px;font-size:13px;font-weight:700}.collection-input input{box-sizing:border-box;color:#3b2445;background:#fff7fc;border:1px solid #be6ffc;border-radius:8px;outline:none;width:100%;height:38px;padding:8px 12px;font-family:inherit;font-size:14px;transition:all .2s;box-shadow:inset 2px 2px 5px #be6ffc14}.collection-input input:focus{background:#fff;border-color:#fe3398;box-shadow:0 0 0 2px #ffd1e8,2px 2px #e7b8dc}.collection-input input::placeholder{color:#b69bb8}.submitBtn{color:#3b2445;cursor:pointer;background:linear-gradient(#ffdcf0,#f3a9cf,#ffdcf0);border:2px solid #be6ffc;border-radius:20px;width:70%;margin-top:30px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s;box-shadow:2px 3px #c78ab0}.submitBtn:hover{background:linear-gradient(#ffeaf6,#f7b9d9,#ffeaf6);transform:translateY(-2px);box-shadow:3px 5px #c78ab0}.submitBtn:active{transform:translateY(1px);box-shadow:1px 1px #c78ab0}@media (width<=500px){.container{width:90%;padding:30px 25px}.submitBtn{width:80%}}.container{text-align:center;flex-direction:column;display:flex}h1{color:#000;margin-top:40px}.input-text{flex-direction:column;display:flex}.collection-input{margin-top:20px}.collection-input p{text-align:left;margin:0 0 4px}input{background-color:#a2e3f6;border:none;border-radius:5px;width:350px;height:30px}.submitBtn{align-items:center;width:50%;margin-top:50px}.container-outer{background-size:11px;border:1px dashed;flex-direction:column;align-items:center;width:100%;padding:15px;display:flex}.container-inner{border:1px solid;text-align:center;background:#fff;border-image-source:url(https://sweet-pea.neocities.org/graphics/0_sweet-pea/border_1.gif);border-image-slice:5;border-image-width:5px;border-image-repeat:round;align-items:center;width:100%;max-width:1000px;min-height:600px;padding:2px}.song-video{aspect-ratio:16/9;border:none;width:100%;max-width:800px;margin:0 auto;display:block}.song-video img{object-fit:cover;width:120%;height:100%;display:block}p,h3{color:#000}h1{font-size:50px}#container{text-align:center}