@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=M+PLUS+Rounded+1c:wght@400;500;700;800&display=swap");:root{--ink:#2b2233;--paper:#fff7fb;--pink:#ffafd2;--pink-deep:#ff7eb6;--mint:#a7f0d1;--sky:#a9d8ff;--lemon:#ffe79e;--lav:#d9c4ff;--peach:#ffc9a3;--shadow:#2b2233;--line:4px;--radius:18px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;touch-action:none}body,html{overflow:hidden;height:100%;width:100%;position:fixed;overscroll-behavior:none}body{font-family:M PLUS Rounded\ 1c,sans-serif;color:var(--ink);background:var(--paper);background-image:radial-gradient(var(--pink) 1.2px,transparent 1.2px),radial-gradient(var(--sky) 1.2px,transparent 1.2px);background-size:38px 38px,38px 38px;background-position:0 0,19px 19px}.box{background:#fff;border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:8px 8px 0 var(--shadow)}.pixel,.tag{font-family:Press Start\ 2P,monospace}.tag{display:inline-block;font-size:9px;padding:7px 10px;border:3px solid var(--ink);border-radius:10px;background:var(--lemon);box-shadow:3px 3px 0 var(--ink)}.marquee{background:var(--ink);color:var(--lemon);overflow:hidden;white-space:nowrap;border-bottom:var(--line) solid var(--ink)}.marquee span{display:inline-block;padding:9px 0;font-family:Press Start\ 2P,monospace;font-size:10px;animation:scroll 22s linear infinite}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;justify-content:space-between;gap:14px;padding:12px 5vw;background:var(--pink);border-bottom:var(--line) solid var(--ink);flex-wrap:wrap}nav,nav .brand{display:flex;align-items:center}nav .brand{font-family:Press Start\ 2P,monospace;font-size:16px;letter-spacing:1px;gap:10px}nav .links{display:flex;gap:8px;flex-wrap:wrap}nav a.btn{font-family:Press Start\ 2P,monospace;font-size:9px;text-decoration:none;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:10px;padding:8px 10px;box-shadow:3px 3px 0 var(--ink);transition:transform .08s,box-shadow .08s}nav a.btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}nav a.buy{background:var(--mint)}.hero{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:36px;gap:36px;align-items:center;max-width:1150px;margin:46px auto 20px;padding:0 5vw}.hero h1{font-family:Press Start\ 2P,monospace;font-size:clamp(30px,6vw,62px);line-height:1.2;text-shadow:5px 5px 0 var(--pink),10px 10px 0 var(--ink)}.hero p.sub{font-size:20px;font-weight:700;margin:26px 0 8px;max-width:30ch}.hero .ca{margin-top:18px}.ca-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.ca-box{background:var(--lav);word-break:break-all;max-width:100%}.ca-box,.copy-btn{font-family:Press Start\ 2P,monospace;font-size:9px;padding:10px 12px;border:3px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink)}.copy-btn{cursor:pointer;background:var(--lemon)}.copy-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.cta{cursor:pointer;font-family:Press Start\ 2P,monospace;font-size:12px;text-decoration:none;color:var(--ink);border:var(--line) solid var(--ink);border-radius:12px;padding:15px 18px;box-shadow:5px 5px 0 var(--ink);transition:transform .08s,box-shadow .08s;display:inline-block}.cta:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.cta.buy{background:var(--mint)}.cta.x{background:var(--sky)}.cta.chart{background:var(--peach)}.mascot-wrap{display:flex;justify-content:center;align-items:center;gap:8px}.kira-sprite{width:260px;height:260px;image-rendering:pixelated;image-rendering:crisp-edges}.kira-bob{animation:bob 3.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){.kira-bob{animation:none}}.bunny{position:relative;width:140px;height:150px;animation:bob 3.4s ease-in-out infinite;animation-delay:.5s;flex:none}.bunny .m-shadow{position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);width:85px;height:13px;background:rgba(43,34,51,.18);border-radius:50%;animation:sh 3.4s ease-in-out infinite;animation-delay:.5s}@keyframes sh{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(.82)}}.bunny .head{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:95px;height:85px;background:#fff;border:3px solid var(--ink);border-radius:46% 46% 48% 48%;z-index:2}.bunny .ear{position:absolute;top:-22px;width:23px;height:39px;background:var(--pink);border:3px solid var(--ink);border-radius:50% 50% 30% 30%}.bunny .ear.l{left:9px;transform:rotate(-14deg)}.bunny .ear.r{right:9px;transform:rotate(14deg)}.bunny .ear .in{position:absolute;inset:5px 6px;background:var(--pink-deep);border-radius:50% 50% 30% 30%}.bunny .eye{position:absolute;top:37px;width:15px;height:19px;background:var(--ink);border-radius:50%}.bunny .eye.l{left:21px}.bunny .eye.r{right:21px}.bunny .eye .glint{top:3px;right:3px;width:5px;height:5px;background:#fff}.bunny .blush,.bunny .eye .glint{position:absolute;border-radius:50%}.bunny .blush{top:52px;width:13px;height:8px;background:var(--pink-deep);opacity:.8}.bunny .blush.l{left:12px}.bunny .blush.r{right:12px}.bunny .mouth{position:absolute;top:54px;left:50%;transform:translateX(-50%);width:11px;height:6px;border:2px solid var(--ink);border-top:none;border-radius:0 0 11px 11px}.bunny .star{position:absolute;font-size:13px;animation:tw 2s ease-in-out infinite}.bunny .star.s1{top:4px;right:5px;color:var(--lemon)}.bunny .star.s2{bottom:30px;left:0;color:var(--sky);animation-delay:.6s}.bunny .star.s3{top:20px;left:-3px;color:var(--pink-deep);animation-delay:1.1s}@keyframes tw{0%,to{transform:scale(1) rotate(0);opacity:.6}50%{transform:scale(1.25) rotate(20deg);opacity:1}}@media(prefers-reduced-motion:reduce){.bunny,.bunny .m-shadow,.bunny .star{animation:none}}section.band{max-width:1150px;margin:30px auto;padding:0 5vw}.section-title{font-family:Press Start\ 2P,monospace;font-size:clamp(18px,3.4vw,30px);margin-bottom:22px;display:flex;align-items:center;gap:12px}.section-title:before{content:"";width:26px;height:26px;background:var(--mint);border:3px solid var(--ink);border-radius:6px;box-shadow:3px 3px 0 var(--ink)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));grid-gap:18px;gap:18px}.stat{padding:18px}.stat .label{font-family:Press Start\ 2P,monospace;font-size:9px;color:#9a7;letter-spacing:.5px}.stat .label.l-pink{color:var(--pink-deep)}.stat .label.l-sky{color:#5aa6e6}.stat .label.l-lav{color:#9b6fe0}.stat .label.l-peach{color:#d98a52}.stat .val{font-family:Press Start\ 2P,monospace;font-size:clamp(14px,2.2vw,20px);margin-top:12px}.stat .delta{font-weight:800;margin-top:8px;font-size:14px}.up{color:#15a06a}.down{color:#e0506b}.stat.s1{background:#fff}.stat.s2{background:var(--sky)}.stat.s3{background:var(--lemon)}.stat.s4{background:var(--lav)}.stat.s5{background:var(--peach)}.refresh-note{font-family:Press Start\ 2P,monospace;font-size:8px;color:#b0a;margin-top:14px}.loading{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.duo{display:grid;grid-template-columns:1fr 1fr;grid-gap:26px;gap:26px;align-items:start}.panel{padding:22px}.panel h3{font-family:Press Start\ 2P,monospace;font-size:14px;margin-bottom:14px}#jup-terminal{min-height:560px;border-radius:12px;overflow:hidden}.jup-hint{font-size:13px;font-weight:700;margin-top:12px;line-height:1.6}.calc{max-width:330px;margin:0 auto;background:var(--mint);padding:18px}.calc .screen{font-family:Press Start\ 2P,monospace;background:#cdeed7;border:3px solid var(--ink);border-radius:10px;padding:16px;text-align:right;font-size:22px;min-height:62px;box-shadow:inset 3px 3px 0 rgba(43,34,51,.12);word-break:break-all;margin-bottom:14px}.calc .grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px}.calc button{font-family:Press Start\ 2P,monospace;font-size:13px;padding:14px 0;cursor:pointer;border:3px solid var(--ink);border-radius:10px;background:#fff;box-shadow:3px 3px 0 var(--ink);transition:transform .06s,box-shadow .06s}.calc button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.calc button.op{background:var(--lemon)}.calc button.eq{background:var(--pink-deep);color:#fff;grid-column:span 2}.calc button.clr{background:var(--peach)}.calc .caption{font-family:Press Start\ 2P,monospace;font-size:8px;text-align:center;margin-top:14px;color:var(--ink)}.moon{padding:22px;background:var(--lav)}.moon h3{font-family:Press Start\ 2P,monospace;font-size:14px;margin-bottom:16px}.moon label{font-weight:800;display:block;margin:12px 0 6px;font-size:14px}.moon input{width:100%;font-family:M PLUS Rounded\ 1c;font-weight:700;padding:12px;box-shadow:inset 2px 2px 0 rgba(43,34,51,.1)}.moon .out,.moon input{font-size:16px;border:3px solid var(--ink);border-radius:10px}.moon .out{font-family:Press Start\ 2P,monospace;margin-top:18px;background:#fff;padding:16px;box-shadow:3px 3px 0 var(--ink)}.lore{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:20px;gap:20px}.lore .card{padding:20px}.lore .card .ico{font-size:30px}.lore .card h4{font-family:Press Start\ 2P,monospace;font-size:12px;margin:12px 0 10px}.lore .card p{font-weight:500;line-height:1.6}.lore .card:first-child{background:var(--sky)}.lore .card:nth-child(2){background:var(--lemon)}.lore .card:nth-child(3){background:var(--peach)}.lore .card:nth-child(4){background:var(--mint)}.thought{padding:24px;background:#fff;position:relative}.thought .quote{font-size:20px;font-weight:700;line-height:1.7;font-style:italic;transition:opacity .2s}.thought .by{font-size:10px;margin-top:16px;color:var(--pink-deep)}.thought .by,.thought .new{font-family:Press Start\ 2P,monospace}.thought .new{cursor:pointer;margin-top:18px;font-size:9px;background:var(--lemon);border:3px solid var(--ink);border-radius:10px;padding:10px 12px;box-shadow:3px 3px 0 var(--ink)}footer{background:var(--ink);color:#fff;margin-top:50px;padding:36px 5vw;text-align:center}footer .pixel{font-size:14px;color:var(--lemon)}footer .flinks{display:flex;gap:14px;justify-content:center;margin:18px 0;flex-wrap:wrap}footer a{color:var(--sky);text-decoration:none;font-weight:700}footer .small{font-size:12px;color:#c9bcd6;margin-top:14px;line-height:1.6}@media(max-width:820px){.hero{grid-template-columns:1fr;text-align:center}.hero p.sub{margin-left:auto;margin-right:auto}.ca-row,.hero-btns{justify-content:center}.duo{grid-template-columns:1fr}}.desktop{position:fixed;inset:0;overflow:hidden;background:var(--paper);background-image:radial-gradient(var(--pink) 1.2px,transparent 1.2px),radial-gradient(var(--sky) 1.2px,transparent 1.2px);background-size:38px 38px,38px 38px;background-position:0 0,19px 19px}.desktop-icons{position:absolute;top:22px;left:22px;flex-wrap:wrap;gap:22px;z-index:5;max-height:calc(100vh - 110px);align-content:flex-start}.desktop-icon,.desktop-icons{display:flex;flex-direction:column}.desktop-icon{align-items:center;gap:7px;width:104px;background:none;border:none;cursor:pointer;text-decoration:none;color:var(--ink);padding:8px;border-radius:12px}.desktop-icon:hover{background:rgba(255,175,210,.4)}.di-img{width:74px;height:74px;image-rendering:pixelated;background:#fff;border:4px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 var(--ink);padding:6px}.di-label{font-size:9px;text-align:center;line-height:1.4;background:var(--lemon);border:3px solid var(--ink);border-radius:7px;padding:4px 6px;box-shadow:2px 2px 0 var(--ink)}.desktop-logo,.di-label{font-family:Press Start\ 2P,monospace}.desktop-logo{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:clamp(32px,7vw,78px);color:var(--ink);text-shadow:5px 5px 0 var(--pink),10px 10px 0 var(--pink-deep);z-index:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.os-window{position:absolute;background:#fff;border:var(--line) solid var(--ink);border-radius:14px;box-shadow:8px 8px 0 var(--shadow);max-width:92vw;overflow:hidden}.os-titlebar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:var(--line) solid var(--ink);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.os-titlebar:active{cursor:-webkit-grabbing;cursor:grabbing}.os-title{font-family:Press Start\ 2P,monospace;font-size:11px;color:var(--ink)}.os-controls{display:flex;gap:6px}.os-btn{font-family:Press Start\ 2P,monospace;font-size:10px;width:24px;height:24px;cursor:pointer;background:#fff;border:2px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink);display:flex;align-items:center;justify-content:center;line-height:1}.os-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.os-body{padding:8px;max-height:72vh;overflow:auto}.os-body section.band{margin:0;padding:0;max-width:100%}.os-body .section-title{font-size:16px;margin-bottom:14px}.os-body .duo{grid-template-columns:1fr;gap:14px}.os-about{padding:6px}.os-about h3{font-size:14px;margin-bottom:10px}.os-about p{font-weight:600;line-height:1.6;margin-bottom:12px}.os-about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:12px}.os-about-grid .box{padding:10px;font-size:13px;font-weight:600;box-shadow:4px 4px 0 var(--ink);border-radius:10px;line-height:1.4}.os-ca{font-family:Press Start\ 2P,monospace;font-size:8px;word-break:break-all;background:var(--lav);border:2px solid var(--ink);border-radius:8px;padding:8px}.os-about-links{display:flex;gap:10px;margin-top:12px}.taskbar{position:fixed;left:0;right:0;bottom:0;height:52px;z-index:100;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--pink);border-top:var(--line) solid var(--ink)}.start-btn{flex:none;font-family:Press Start\ 2P,monospace;font-size:12px;cursor:pointer;background:var(--mint);border:3px solid var(--ink);border-radius:10px;padding:9px 14px;box-shadow:3px 3px 0 var(--ink)}.start-btn.active,.start-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.start-menu{position:absolute;bottom:58px;left:10px;width:230px;background:#fff;border:var(--line) solid var(--ink);border-radius:12px;box-shadow:6px 6px 0 var(--shadow);display:flex;flex-direction:column;padding:8px;gap:6px}.start-menu a,.start-menu button{font-family:M PLUS Rounded\ 1c;font-weight:700;font-size:14px;text-align:left;text-decoration:none;color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:9px 10px;cursor:pointer}.start-menu a:hover,.start-menu button:hover{background:var(--lemon)}.taskbar-windows{display:flex;gap:6px;flex:1 1 auto;min-width:0;overflow-x:auto;margin-left:4px}.taskbar-right{display:flex;align-items:center;gap:8px;flex:none;margin-left:auto}.taskbar-item{font-family:Press Start\ 2P,monospace;font-size:8px;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid var(--ink);border-radius:8px;padding:7px 9px;box-shadow:2px 2px 0 var(--ink)}.taskbar-item.min{opacity:.55}.taskbar-clock{font-family:Press Start\ 2P,monospace;font-size:10px;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:8px;padding:8px 10px;box-shadow:2px 2px 0 var(--ink)}.taskbar-social{display:flex;gap:8px;align-items:center}.taskbar-version{font-family:Press Start\ 2P,monospace;font-size:8px;color:var(--ink);opacity:.7;white-space:nowrap}@media(max-width:820px){.taskbar-version{display:none}}.taskbar-social a{display:flex;border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink);background:#fff;padding:3px;transition:transform .08s,box-shadow .08s}.taskbar-social a:hover{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.taskbar-social img{width:32px;height:32px;image-rendering:pixelated;display:block}.desktop-char{z-index:4;pointer-events:none;will-change:left,top}.desktop-char img{display:block}.bunny-scaler{transform:scale(.62);transform-origin:top center}@media(max-width:820px){.os-window{left:3vw!important;right:3vw;width:94vw!important;top:128px!important;max-height:calc(100dvh - 210px);border-width:3px;box-shadow:5px 5px 0 var(--shadow)}.os-body{max-height:calc(100dvh - 270px);padding:6px}.os-titlebar{padding:6px 8px}.os-btn,.os-title{font-size:9px}.os-btn{width:20px;height:20px}.os-maxed{top:58px!important;height:calc(100dvh - 128px)!important}.os-maxed .os-body{max-height:calc(100dvh - 190px)}.desktop-icons{flex-direction:row;flex-wrap:wrap;gap:8px;top:8px;left:8px;right:8px;max-height:none;align-content:flex-start}.desktop-icon{width:52px;padding:3px;gap:3px}.di-img{width:40px;height:40px;border-width:3px;box-shadow:3px 3px 0 var(--ink);padding:4px}.di-label{font-size:6px;border-width:2px;padding:2px 3px}.os-about-grid{grid-template-columns:1fr}.desktop-logo{font-size:26px;top:40%}.desktop-char img{width:150px!important;height:150px!important}.kira-shadow{top:108px;width:40px;height:9px}@keyframes kira-step{0%,to{width:40px;opacity:.2}50%{width:34px;opacity:.16}}.bunny-scaler{transform:scale(.42)}.taskbar{height:46px;gap:5px;padding:0 6px}.start-btn{font-size:10px;padding:7px 10px}.taskbar-item{font-size:7px;padding:5px 6px}.taskbar-clock{font-size:8px;padding:6px 7px}.taskbar-social img{width:26px;height:26px}.start-menu{bottom:52px;width:200px}}.boot{position:fixed;inset:0;z-index:1000;background:var(--ink);display:flex;align-items:center;justify-content:center;transition:opacity .5s}.boot-fade{opacity:0}.boot-inner{padding:24px}.boot-logo{font-size:28px;color:var(--lemon);margin-bottom:24px;text-shadow:3px 3px 0 var(--pink-deep)}.boot-lines,.boot-logo{font-family:Press Start\ 2P,monospace}.boot-lines{font-size:11px;color:var(--mint);line-height:2.2}.boot-line{white-space:nowrap}.os-maxed{box-shadow:6px 6px 0 var(--shadow)}.os-maxed .os-body{max-height:calc(100vh - 180px)}.browser{display:flex;flex-direction:column;gap:0}.browser-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--paper);border:3px solid var(--ink);border-radius:10px 10px 0 0}.browser-dots{display:flex;gap:5px}.browser-dots i{width:11px;height:11px;border:2px solid var(--ink);border-radius:50%;display:block}.browser-url{font-family:Press Start\ 2P,monospace;font-size:9px;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:6px;padding:5px 8px;flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-viewport{border:3px solid var(--ink);border-top:none;background:#fff;min-height:200px;max-height:60vh;overflow:auto;padding:6px}.browser-loading{font-family:M PLUS Rounded\ 1c;font-weight:700;opacity:.6;padding:20px;font-size:13px}.browser-loading,.browser-open{color:var(--ink);text-align:center}.browser-open{display:block;font-family:Press Start\ 2P,monospace;font-size:9px;margin-top:8px;padding:9px;background:var(--mint);border:3px solid var(--ink);border-radius:8px;box-shadow:3px 3px 0 var(--ink);text-decoration:none}.browser-open:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.desktop-char,.kira-shadow{position:absolute}.kira-shadow{left:50%;top:232px;transform:translateX(-50%);width:84px;height:18px;background:rgba(43,34,51,.2);border-radius:50%;z-index:-1;filter:blur(.5px)}.kira-shadow.walking{animation:kira-step .5s ease-in-out infinite}@keyframes kira-step{0%,to{width:84px;opacity:.2}50%{width:72px;opacity:.16}}@media(prefers-reduced-motion:reduce){.kira-shadow.walking{animation:none}}.buy-btn{font-family:Press Start\ 2P,monospace;font-size:11px;cursor:pointer;flex:none;white-space:nowrap;background:var(--lemon);border:3px solid var(--ink);border-radius:10px;padding:9px 14px;box-shadow:3px 3px 0 var(--ink);color:var(--ink);animation:buy-pulse 1.8s ease-in-out infinite}.buy-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}@keyframes buy-pulse{0%,to{background:var(--lemon)}50%{background:var(--peach)}}@media(prefers-reduced-motion:reduce){.buy-btn{animation:none}}@media(max-width:820px){.buy-btn{font-size:9px;padding:8px 10px}}.tweet-embed{margin:0 auto 10px;max-width:100%}.tweet-embed:last-child{margin-bottom:0}.music{display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px 6px}.music-art{display:flex;justify-content:center}.record{position:relative;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--lav) 0 22%,var(--ink) 22% 26%,var(--lav) 26% 30%,var(--ink) 30% 34%,var(--pink) 34%);border:4px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}.record.spin{animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.record-hole{top:50%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%);background:var(--paper);border:3px solid var(--ink)}.record-hole,.record-shine{position:absolute;border-radius:50%}.record-shine{top:14px;left:26px;width:18px;height:10px;background:hsla(0,0%,100%,.5);transform:rotate(-35deg)}.music-meta{text-align:center}.music-title{font-family:Press Start\ 2P,monospace;font-size:11px;color:var(--ink);line-height:1.6}.music-by{font-family:M PLUS Rounded\ 1c;font-weight:700;font-size:12px;color:var(--ink);opacity:.6;margin-top:6px}.music-controls{display:flex;align-items:center;gap:14px}.music-btn{font-family:Press Start\ 2P,monospace;font-size:12px;cursor:pointer;background:var(--mint);border:3px solid var(--ink);border-radius:10px;padding:11px 18px;box-shadow:3px 3px 0 var(--ink);color:var(--ink)}.music-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.music-eq{display:flex;align-items:flex-end;gap:3px;height:26px}.music-eq i{width:5px;height:6px;background:var(--pink-deep);border:1px solid var(--ink);display:block}.music-eq.on i{animation:eq .9s ease-in-out infinite}.music-eq.on i:nth-child(2){animation-delay:.15s}.music-eq.on i:nth-child(3){animation-delay:.3s}.music-eq.on i:nth-child(4){animation-delay:.45s}@keyframes eq{0%,to{height:6px}50%{height:24px}}.music-note{font-family:M PLUS Rounded\ 1c;font-weight:700;font-size:11px;color:var(--ink);opacity:.5;text-align:center}@media(prefers-reduced-motion:reduce){.music-eq.on i,.record.spin{animation:none}}@media(max-width:820px){.record{width:96px;height:96px}.music-title{font-size:9px}}