.nano-stage{--nano-width:clamp(216px,min(80vw,calc(var(--device-h,calc(100svh - 3rem))/2.25)),340px);justify-items:center;display:grid;position:relative}.nano-shell{width:var(--nano-width);container-type:inline-size}.nano-body{--lcd-blue-top:#7fb3f2;--lcd-blue:#3a7ed8;--lcd-blue-bottom:#2867c2;--label:#a9aeb4;aspect-ratio:40/90;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:linear-gradient(168deg,#fff 0%,#f7f8f9 40%,#eceef0 100%) padding-box padding-box,linear-gradient(135deg,#fbfcfd 0%,#a3a9b0 22%,#f3f4f6 46%,#8d939a 72%,#e9ebee 100%) border-box;border:1.1cqw solid #0000;border-radius:8cqw;outline:none;width:100%;position:relative;box-shadow:0 5cqw 12cqw -5cqw #0f141e73,0 1cqw 2cqw #0f141e1f}.nano-body:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#ffffffbf 0%,#fff0 38% 100%);position:absolute;inset:0}:root[data-modality=keyboard] .nano-body:focus-visible{box-shadow:0 0 0 3px var(--background),0 0 0 5px color-mix(in srgb,var(--pastel-blue)90%,transparent),0 5cqw 12cqw -5cqw #0f141e73}.nano-window{z-index:1;background:#15171a;border-radius:1.6cqw;padding:2cqw;position:absolute;top:14cqw;left:9.5cqw;right:9.5cqw;box-shadow:inset 0 0 0 .3cqw #2b2f34}.nano-lcd{color:#0b0d10;-webkit-font-smoothing:antialiased;background:#fff;border-radius:.5cqw;height:57cqw;font-family:Myriad Pro,Myriad Set Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:600;line-height:1;position:relative;overflow:hidden}.nano-header{background:linear-gradient(#fff,#e5e8ec 55%,#d3d8de);border-bottom:.3cqw solid #9aa2ab;justify-content:center;align-items:center;height:8cqw;padding:0 2cqw;font-size:4.6cqw;font-weight:700;display:flex;position:relative}.nano-title{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.nano-header-back{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.nano-title-with-back{max-width:70%;display:flex;position:relative}.nano-title-with-back .nano-title{max-width:100%}.nano-back-mark{color:#4c535b;opacity:0;align-items:center;transition:opacity .12s;display:flex;position:absolute;top:0;bottom:0;right:calc(100% + 1.6cqw)}.nano-back-mark svg{transform:scaleX(-1)}@media (hover:hover){.nano-header-back:hover .nano-back-mark{opacity:1}}.nano-state{z-index:1;cursor:pointer;background:0 0;border:0;width:5.4cqw;height:100%;padding:0 1cqw;display:flex;position:absolute;left:1cqw}.nano-state svg{width:3.4cqw;height:3.4cqw;margin:auto 0}.nano-battery{width:6.6cqw;height:3.3cqw;position:absolute;right:2cqw}.nano-content{position:absolute;inset:8cqw 0 0;overflow:hidden}.nano-lcd:after{content:"";pointer-events:none;background:linear-gradient(118deg,#ffffff38 0%,#fff0 45%);position:absolute;inset:0}.nano-pane{--slide:.22s cubic-bezier(.3,0,.2,1)both;background:#fff;position:absolute;inset:0}.nano-pane[data-slide=in-forward]{animation:nano-in-forward var(--slide)}.nano-pane[data-slide=out-forward]{animation:nano-out-forward var(--slide)}.nano-pane[data-slide=in-back]{animation:nano-in-back var(--slide)}.nano-pane[data-slide=out-back]{animation:nano-out-back var(--slide)}@keyframes nano-in-forward{0%{transform:translate(100%)}}@keyframes nano-out-forward{to{transform:translate(-100%)}}@keyframes nano-in-back{0%{transform:translate(-100%)}}@keyframes nano-out-back{to{transform:translate(100%)}}.nano-about{align-items:center;gap:3cqw;height:100%;padding:0 2.6cqw;display:flex}.nano-about-art{aspect-ratio:1;background:#d9dde2;border-radius:.4cqw;flex:none;width:26cqw;overflow:hidden;box-shadow:0 0 0 .3cqw #0000002e,0 .6cqw 1.4cqw #00000047}.nano-about-art img{object-fit:cover;width:100%;height:100%;display:block}.nano-about-lines{gap:1.3cqw;min-width:0;display:grid}.nano-about-name{margin:0;font-size:4.6cqw;font-weight:700}.nano-about-line{color:#2f353c;text-wrap:pretty;margin:0;font-size:3.7cqw;font-weight:500;line-height:1.22}.nano-menu{height:100%;position:relative}.nano-rows{margin:0;padding:0;list-style:none}.nano-menu[data-scrolls] .nano-rows{margin-right:3.4cqw}.nano-row{white-space:nowrap;cursor:pointer;justify-content:space-between;align-items:center;gap:2cqw;height:7cqw;padding:0 2.2cqw;font-size:4.8cqw;display:flex}.nano-row[aria-selected=true]{background:linear-gradient(var(--lcd-blue-top),var(--lcd-blue)55%,var(--lcd-blue-bottom));color:#fff}.nano-row-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.nano-row-value{flex:none;font-weight:500}.nano-chevron{flex:none;width:1.8cqw;height:3cqw}.nano-scrollbar{background:linear-gradient(90deg,#e9ecef,#fff);border-left:.3cqw solid #b7bdc4;width:3.4cqw;position:absolute;top:0;bottom:0;right:0}.nano-scrollbar span{background:linear-gradient(90deg,#8e98a3,#5e6873);border-radius:.6cqw;transition:top .12s;position:absolute;left:.5cqw;right:.5cqw}.nano-np-open{width:100%;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex}.nano-np-open:disabled{cursor:default}.nano-np-seek{position:relative}.nano-np-scrub{opacity:0;cursor:pointer;touch-action:none;appearance:none;width:100%;height:calc(100% + 5.2cqw);margin:0;position:absolute;top:-2.6cqw;left:0}.nano-np-scrub::-webkit-slider-thumb{appearance:none;width:1px;height:1px}.nano-np-scrub::-moz-range-thumb{border:0;width:1px;height:1px}.nano-np{flex-direction:column;align-items:center;height:100%;padding:2cqw 2.6cqw;display:flex}.nano-np-art{aspect-ratio:1200/630;background:#d9dde2;border-radius:.6cqw;flex:none;max-width:100%;height:25cqw;position:relative;overflow:hidden;box-shadow:0 .6cqw 1.4cqw #00000047}.nano-np-art[data-square]{aspect-ratio:1}.nano-np-art img,.nano-np-blank{object-fit:cover;width:100%;height:100%;display:block}.nano-np-lines{text-align:center;gap:1.2cqw;width:100%;margin-top:2cqw;display:grid}.nano-np-title{font-size:4.6cqw;font-weight:700}.nano-np-song{color:#2f353c;font-size:3.8cqw;font-weight:500}.nano-np-count{color:#4c535b}.nano-np-progress{width:100%;margin-top:auto}.nano-np-bar{background:#f1f3f5;border:.3cqw solid #7b848e;border-radius:.4cqw;height:2.4cqw;overflow:hidden}.nano-np-bar span{background:linear-gradient(var(--lcd-blue-top),var(--lcd-blue-bottom));height:100%;display:block}.nano-np-times{font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:1.2cqw;font-size:3.2cqw;font-weight:500;display:flex}.nano-np-volume{color:#2f353c;align-items:center;gap:1.6cqw;width:100%;height:2.4cqw;margin:auto 0 4.4cqw;display:flex}.nano-np-volume .nano-np-bar{flex:1}.nano-speaker{flex:none;width:4cqw;height:3cqw}.nano-marquee{white-space:nowrap;display:block;overflow:hidden}.nano-marquee>span{display:inline-block}.nano-marquee>span[data-run]{animation:7s ease-in-out 1s infinite nano-marquee}@keyframes nano-marquee{0%,20%{transform:translate(0)}55%,75%{transform:translateX(var(--distance))}to{transform:translate(0)}}.nano-notes{height:100%;position:relative;overflow:hidden}.nano-notes[data-scrolls] .nano-notes-inner{margin-right:3.4cqw}.nano-notes .nano-scrollbar{z-index:1}.nano-notes-inner{padding:2.4cqw 2.6cqw 4cqw;transition:transform .12s ease-out}.nano-notes-art{border-radius:.6cqw;width:100%;position:relative;overflow:hidden}.nano-notes-art img{width:100%;height:auto;display:block}.nano-notes-art[data-square]{width:50%}.nano-notes-title{margin:2.4cqw 0 0;font-size:4.4cqw;font-weight:700}.nano-notes-date{color:#4c535b;margin:1.2cqw 0 0;font-size:3.3cqw;font-weight:500}.nano-notes-section{color:var(--lcd-blue-bottom);margin:3cqw 0 0;font-size:3.3cqw;font-weight:700}.nano-notes-text{margin:1.2cqw 0 0;font-size:4cqw;font-weight:500;line-height:1.35}.nano-notes-entry:first-child .nano-notes-title{margin-top:0}.nano-notes-entry+.nano-notes-entry{margin-top:4.4cqw}.nano-notes-flow{margin:1.2cqw 0 0;padding:0;font-size:4cqw;font-weight:500;line-height:1.35;list-style:none}.nano-notes-flow li:before{content:"↓ ";color:var(--lcd-blue)}.nano-notes-flow li:first-child:before{content:""}.nano-wheel{z-index:1;aspect-ratio:1;touch-action:none;cursor:grab;background:radial-gradient(circle at 50% 32%,#fff 0%,#f6f7f8 55%,#e8eaed 100%);border-radius:50%;width:76cqw;position:absolute;top:116cqw;left:50%;transform:translate(-50%);box-shadow:inset 0 .5cqw 1cqw #1e283214,inset 0 -.6cqw 1cqw #ffffffe6,0 0 0 .35cqw #e1e4e8,0 .4cqw .6cqw #ffffffe6}.nano-wheel:active{cursor:grabbing}.nano-label{color:var(--label);letter-spacing:.08em;pointer-events:none;justify-content:center;align-items:center;font-family:Myriad Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:4cqw;font-weight:700;transition:color .12s,transform .12s;display:flex;position:absolute}.nano-label svg{width:7.6cqw;height:3.8cqw}.nano-label[data-pressed]{color:#6c737b;transform:scale(.92)}.nano-label--menu{top:7%;left:50%;translate:-50%}.nano-label--play{bottom:7%;left:50%;translate:-50%}.nano-label--previous{top:50%;left:6%;translate:0 -50%}.nano-label--next{top:50%;right:6%;translate:0 -50%}.nano-center{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(#fff,#eef0f2);border:0;border-radius:50%;width:36%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 .35cqw #d6d9de,0 .5cqw 1cqw #1e283224}.nano-center:active{background:linear-gradient(#eef0f2,#e2e5e9);box-shadow:0 0 0 .35cqw #cfd3d8,inset 0 .4cqw .8cqw #1e28321f}@media (prefers-reduced-motion:reduce){.nano-pane[data-slide],.nano-marquee>span[data-run]{animation:none}.nano-scrollbar span,.nano-notes-inner,.nano-label{transition:none}}.nano-title,.nano-row-label,.nano-marquee{margin-bottom:-.2em;padding-bottom:.2em}