*{box-sizing:border-box;margin:0;padding:0}body{color:#5a2d4e;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='10' cy='10' r='4' fill='%23ff69b4'/%3E%3C/svg%3E") 10 10,auto;background-color:#fce4f3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Crect width='8' height='8' fill='%23ffd6ee'/%3E%3Crect x='8' y='8' width='8' height='8' fill='%23ffd6ee'/%3E%3C/svg%3E");min-height:100vh;font-family:Nunito,sans-serif}@keyframes blink{0%,to{opacity:1}49%{opacity:1}50%{opacity:0}99%{opacity:0}}.blink{animation:1.1s step-end infinite blink}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bounce{animation:.8s ease-in-out infinite bounce}@keyframes rot{to{transform:rotate(360deg)}}.rot{animation:4s linear infinite rot;display:inline-block}@keyframes rotR{to{transform:rotate(-360deg)}}.rotR{animation:3s linear infinite rotR;display:inline-block}@keyframes shimmer{0%,to{color:#ff69b4}25%{color:#b07eff}50%{color:#00b4d8}75%{color:#ff9ec5}}.shimmer{animation:2s linear infinite shimmer}.topbar{white-space:nowrap;background:#ff69b4;border-bottom:3px solid #ff1493;padding:3px 0;overflow:hidden}.topbar-inner{color:#fff;letter-spacing:.05em;font-family:Pixelify Sans,monospace;font-size:11px;animation:22s linear infinite scroll;display:inline-block}@keyframes scroll{0%{transform:translate(100vw)}to{transform:translate(-100%)}}.header{background:#fff0f8;border-top:2px solid #ffb6de;border-bottom:4px solid #ff69b4;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px 8px;display:flex;position:relative;overflow:hidden}.header:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffb6de26 10px 20px);position:absolute;inset:0}.site-title{color:#ff1493;text-shadow:3px 3px #ffb6de,-1px -1px #ff69b4;letter-spacing:1px;z-index:1;font-family:Pixelify Sans,monospace;font-size:30px;font-weight:700;line-height:1;position:relative}.site-subtitle{color:#c06090;letter-spacing:.12em;margin-top:2px;font-family:Kosugi Maru,sans-serif;font-size:10px}.header-decos{z-index:1;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:relative}.header-icon{object-fit:contain;width:44px;height:44px;margin-top:3px;display:block}.pix-badge{color:#fff;background:#ff69b4;border:2px solid #ff1493;padding:2px 7px;font-family:Pixelify Sans,monospace;font-size:9px;display:inline-block}.starrow{background:repeating-linear-gradient(90deg,#ff69b4 0 6px,#ffb6de 6px 12px,#b07eff 12px 18px,#87ceeb 18px 24px,#ffb6de 24px 30px);height:6px}.wrap{grid-template-columns:148px 1fr 148px;align-items:start;gap:8px;max-width:860px;margin:0 auto;padding:10px 8px;display:grid}.col{flex-direction:column;gap:7px;display:flex}.bevel{background:#ffecf6;border:2px solid #c17;border-color:#ffb6de #c17 #c17 #ffb6de}.dot-box{background:#fff8fd;border:2px dotted #ff69b4;border-radius:4px;overflow:hidden}.dbl-box{outline-offset:-6px;background:#fff0fb;border:3px solid #ff69b4;outline:2px solid #ffb6de}.blue-box{background:#f0f8ff;border:2px solid #4a90c0;border-color:#b0d8f0 #4a90c0 #4a90c0 #b0d8f0}.lav-box{background:#f8f0ff;border:2px solid #c490ff;border-radius:4px}.bh{letter-spacing:.06em;padding:4px 8px;font-family:Pixelify Sans,monospace;font-size:10px;font-weight:700}.bh.pink{color:#fff;background:#ff69b4}.bh.blue{color:#fff;background:#87ceeb}.bh.lav{color:#fff;background:#c490ff}.bh.mint{color:#fff;background:#7de8b8}.bh.yellow{color:#a06000;background:#ffd060}.bb{color:#5a2d4e;padding:7px 8px;font-size:10px;line-height:1.8}.navbtn{color:#880040;cursor:pointer;text-align:center;letter-spacing:.04em;background:linear-gradient(#fff0f8 0%,#ffc8e8 100%);border:2px solid #aa0060;border-color:#fde #aa0060 #aa0060 #fde;margin-bottom:3px;padding:4px 8px;font-family:Pixelify Sans,monospace;font-size:10px;text-decoration:none;transition:filter .1s;display:block}.navbtn:hover{filter:brightness(1.08)}.navbtn:active{background:linear-gradient(#ffc8e8 0%,#fff0f8 100%);border-color:#aa0060 #fde #fde #aa0060}.vinyl-wrap{text-align:center;padding:8px 0 4px}.vinyl{background:repeating-conic-gradient(#1a1a1a 0deg 8deg,#2e2e2e 8deg 16deg,#1a1a1a 16deg 24deg,#2e2e2e 24deg 32deg);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 4px;animation:5s linear infinite spin;display:flex;box-shadow:0 0 0 2px #333,0 0 0 4px #ff69b4}@keyframes spin{to{transform:rotate(360deg)}}.vinyl-label{background:radial-gradient(circle at 40% 35%,#ffb6de,#ff69b4);border:1.5px solid #fff;border-radius:50%;width:22px;height:22px}.np-text{color:#a06080;text-align:center;font-family:Kosugi Maru,sans-serif;font-size:8.5px}.hearts{text-align:center;color:#ff69b4;letter-spacing:3px;padding:2px 0;font-size:10px}.blinkie{border:1.5px solid;margin:2px;padding:2px 6px;font-family:Pixelify Sans,monospace;font-size:9px;display:inline-block}.blinkie.pk{color:#fff;background:#ff69b4;border-color:#c17;animation:1.3s step-end infinite blink}.blinkie.bl{color:#fff;background:#87ceeb;border-color:#4a90c0;animation:1.7s step-end infinite blink}.blinkie.lv{color:#fff;background:#c490ff;border-color:#8040c0;animation:2.1s step-end infinite blink}.blinkie.gn{color:#fff;background:#7de8b8;border-color:#20a060;animation:1.5s step-end infinite blink}.counter{color:#ff69b4;letter-spacing:3px;text-align:center;background:#111;border:2px solid #ff69b4;margin:4px auto;padding:3px 8px;font-family:Pixelify Sans,monospace;font-size:14px;display:block}.main{flex-direction:column;gap:8px;display:flex}.mood-box{background:#fff8fd;border:3px solid #ff69b4;position:relative}.mood-box:before{content:"✿ describe ur mood ✿";color:#ff69b4;letter-spacing:.05em;background:#fff8fd;padding:0 5px;font-family:Pixelify Sans,monospace;font-size:10px;position:absolute;top:-11px;left:10px}.mood-box-inner{padding:14px 12px 10px}textarea{color:#5a2d4e;resize:none;background:#fffbfe;border:2px solid #ff69b4;border-color:#ffb6de #ff69b4 #ff69b4 #ffb6de;outline:none;width:100%;min-height:62px;padding:8px 10px;font-family:Nunito,sans-serif;font-size:12px;font-weight:600;line-height:1.6;transition:border-color .2s}textarea::placeholder{color:#d090b0;font-style:italic}textarea:focus{border-color:#ff69b4 #c17 #c17 #ff69b4}.sel-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:8px;display:grid}.sel-group{flex-direction:column;gap:3px;display:flex}.sel-lbl{color:#ff69b4;letter-spacing:.08em;font-family:Pixelify Sans,monospace;font-size:9px}select{color:#5a2d4e;cursor:pointer;background:#fff0f8;border:2px solid #ff69b4;border-color:#ffb6de #ff69b4 #ff69b4 #ffb6de;outline:none;width:100%;padding:4px 6px;font-family:Nunito,sans-serif;font-size:10.5px;font-weight:700}select:focus{border-color:#ff69b4}.gen-row{justify-content:flex-end;gap:6px;margin-top:9px;display:flex}.gen-btn{letter-spacing:.06em;color:#fff;cursor:pointer;text-shadow:1px 1px #c06;background:linear-gradient(#ff85b8 0%,#ff1493 100%);border:2px solid #990060;border-color:#ffb6de #990060 #990060 #ffb6de;padding:7px 16px;font-family:Pixelify Sans,monospace;font-size:11px;transition:filter .1s}.gen-btn:hover{filter:brightness(1.1)}.gen-btn:active{background:linear-gradient(#ff1493 0%,#ff85b8 100%);border-color:#990060 #ffb6de #ffb6de #990060}.gen-btn:disabled{cursor:not-allowed;text-shadow:none;background:#ccc;border-color:#aaa}.clr-btn{color:#1a5a80;cursor:pointer;background:linear-gradient(#eef6ff 0%,#87ceeb 100%);border:2px solid #3a8ab0;border-color:#c0e8ff #3a8ab0 #3a8ab0 #c0e8ff;padding:7px 12px;font-family:Pixelify Sans,monospace;font-size:10px}.clr-btn:active{border-color:#3a8ab0 #c0e8ff #c0e8ff #3a8ab0}@keyframes sp{to{transform:rotate(360deg)}}.sp{vertical-align:middle;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:11px;height:11px;margin-right:3px;animation:.6s linear infinite sp;display:inline-block}.err-box{color:#c03060;background:#fff0f4;border:2px solid #ff6090;padding:7px 10px;font-family:Kosugi Maru,sans-serif;font-size:10.5px;display:none}#output{display:none}.pl-header-box{text-align:center;background:linear-gradient(135deg,#fff0f8,#f0f0ff);border:3px solid #ff69b4;padding:12px;position:relative}.pl-header-box:after{content:"♡";color:#ff69b4;background:#fff0f8;padding:0 4px;font-size:14px;position:absolute;top:-9px;right:10px}.pl-title{color:#c06;letter-spacing:.04em;font-family:Pixelify Sans,monospace;font-size:14px;line-height:1.3}.pl-desc{color:#a06080;margin-top:3px;font-family:Kosugi Maru,sans-serif;font-size:9.5px}.pl-curve{color:#ff69b4;background:#fff;border:1.5px solid #ff69b4;margin-top:5px;padding:2px 10px;font-family:Pixelify Sans,monospace;font-size:9px;display:inline-block}.pl-tags-row{flex-wrap:wrap;justify-content:center;gap:3px;margin-top:5px;display:flex}.track-list{background:#fff8fd;border:2px solid #ffb6de;border-top:none}.track{cursor:default;border-bottom:1px dotted #ffb6de;align-items:flex-start;gap:7px;padding:7px 10px;animation:.35s both fadeIn;display:flex}.track:last-child{border-bottom:none}.track:nth-child(2n){background:#fff0f9}.track:hover{background:#ffe8f4}@keyframes fadeIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.t-num{color:#d090b0;min-width:16px;padding-top:2px;font-family:Pixelify Sans,monospace;font-size:9px}.t-cover{object-fit:cover;background:#fff0f8;border:2px solid #ffb6de;flex-shrink:0;width:42px;height:42px}.t-info{flex:1;min-width:0}.t-title{color:#5a2d4e;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:800;overflow:hidden}.t-artist{color:#a06080;font-family:Kosugi Maru,sans-serif;font-size:10px}.t-reason{color:#c090a8;margin-top:1px;font-size:9px;font-style:italic;line-height:1.4}.t-link{color:#1db954;margin-top:2px;font-family:Pixelify Sans,monospace;font-size:8.5px;text-decoration:none;display:inline-block}.t-link:hover{text-decoration:underline}.edot{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}.edot.low{background:#87ceeb}.edot.medium{background:#ffd060}.edot.high{background:#ff6090}.sparks-layer{pointer-events:none;z-index:9999;position:fixed;inset:0}.spk{opacity:0;font-size:12px;animation:1.8s ease-in-out forwards spk;position:absolute}@keyframes spk{0%{opacity:0;transform:scale(.5)rotate(0)translateY(0)}40%{opacity:1}to{opacity:0;transform:scale(1.4)rotate(90deg)translateY(-30px)}}.footer{text-align:center;color:#fff;letter-spacing:.08em;background:#ff69b4;border-top:3px solid #c17;padding:6px;font-family:Pixelify Sans,monospace;font-size:9px}.auth-box{background:#fff8fd;border:3px solid #87ceeb;padding:10px}.auth-row{grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;display:grid}.auth-input{color:#5a2d4e;background:#fffbfe;border:2px solid #ffb6de;outline:none;min-width:0;padding:6px 7px;font-family:Nunito,sans-serif;font-size:11px;font-weight:700}.auth-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:7px;display:flex}.auth-note{color:#a06080;font-family:Kosugi Maru,sans-serif;font-size:9px;line-height:1.5}.user-pill{color:#2070a0;background:#f0f8ff;border:1.5px solid #87ceeb;margin-top:4px;padding:2px 6px;font-family:Pixelify Sans,monospace;font-size:9px;display:inline-block}.hist-item{cursor:pointer;border-bottom:1px dotted #ffb6de;padding:5px 0}.hist-item:last-child{border-bottom:none}.hist-name{color:#c06;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:800;overflow:hidden}.hist-meta{color:#a06080;font-size:8px;line-height:1.4}