:root{--bg:#0e1019;--panel:#171923;--raised:#22232e;--border:#ffffff13;--text:#eee9e7;--sub:#aaa5b1;--muted:#777481;--accent:#e6bca8;--pink:#eeb9c4;--blue:#9eb7ca;font-family:Inter,-apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",Meiryo,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(ellipse at 74% 6%,#272132 0%,transparent 34%),var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--pink);outline-offset:3px}[hidden]{display:none!important}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.27}.glow-one{width:450px;height:350px;background:#372c48;top:100px;right:12%}.glow-two{width:250px;height:250px;background:#36282c;bottom:100px;left:30%}.app-shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh;padding-bottom:112px;position:relative;z-index:1}.sidebar{border-right:1px solid var(--border);padding:32px 18px;display:flex;flex-direction:column;min-height:calc(100vh - 110px);background:#11121bc9}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 44px}.brand-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid #d2afad68;border-radius:50%;color:#e8c4ba;font-size:33px;background:linear-gradient(140deg,#372c3e,#191923)}.brand-name{font-size:13px;font-weight:750;letter-spacing:.16em;white-space:nowrap}.brand-name span{color:var(--accent)}.brand-sub{font-size:8px;letter-spacing:.15em;color:var(--muted);margin-top:8px;white-space:nowrap}.brand-sub span{color:var(--pink)}.side-caption{font-size:10px;color:#787584;letter-spacing:.2em;font-weight:750;padding:0 14px;margin:0 0 12px}.playlist-caption{margin-top:32px;display:flex;align-items:center;justify-content:space-between}.plus-inline{background:none;color:var(--accent);font-size:22px;line-height:1;transition:color .2s}.plus-inline:hover{color:white}.nav-item{width:100%;display:flex;align-items:center;text-align:left;gap:13px;border-radius:9px;padding:13px 14px;background:transparent;color:#a7a0ac;font-weight:590;margin-bottom:4px}.nav-item:hover{background:#ffffff0a;color:#fff}.nav-item.active{color:#f4dad0;background:linear-gradient(90deg,#49333c80,#3a2a3408)}.nav-icon{font-size:18px;width:19px;text-align:center}.count{margin-left:auto;color:#c7b5b4;background:#ffffff12;padding:3px 8px;font-size:10px;border-radius:10px}.playlist-icon{font-size:15px;color:#c6adb6}.sidebar-bottom{margin-top:auto;padding:30px 12px 0}.privacy-indicator{color:#c5b0b0;font-size:9px;letter-spacing:.05em;font-weight:700;white-space:nowrap}.privacy-dot{display:inline-block;width:6px;height:6px;background:#91bcad;border-radius:50%;margin-right:6px}.sidebar-bottom p{font-size:10px;line-height:2;color:#74717d}.main-content{min-width:0;padding:0 clamp(26px,4vw,70px)}.top-bar{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.top-ident{color:#888394;letter-spacing:.22em;font-size:10px}.top-ident span{margin-left:5px;color:var(--accent)}.top-actions{display:flex;align-items:center;gap:20px}.private-tag{color:#aaa0a9;font-size:10px;letter-spacing:.12em}.button-minimal{background:transparent;color:#e9c5b6;letter-spacing:.06em;font-size:12px}.button-minimal:hover{text-decoration:underline}.hero{min-height:335px;position:relative;border-radius:14px;overflow:hidden;margin:30px 0 36px;border:1px solid #ffffff0e;background:radial-gradient(circle at 80% 48%,#61495c7a 0%,#3028397d 22%,transparent 53%),linear-gradient(115deg,#20212d,#262231 64%,#342831);display:flex;align-items:center}.hero:after{content:"";position:absolute;width:200%;height:1px;transform:rotate(-22deg);left:-30%;bottom:38%;background:linear-gradient(90deg,transparent,#ffffff18,transparent)}.hero-content{padding:40px clamp(26px,4vw,63px);z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--accent)}.tiny-diamond{font-size:15px;padding-right:8px}.hero h1{font-size:clamp(24px,2.9vw,39px);line-height:1.5;font-weight:650;letter-spacing:.09em;margin:13px 0}.hero h1 em{font-style:normal;color:#e8bdc7}.hero p{line-height:2;color:#bfb6bf;font-size:12px}.hero-footer{display:flex;align-items:baseline;gap:13px;margin-top:27px}.hero-num{font-size:29px;font-weight:300;letter-spacing:.1em;color:#eec4b5}.hero-num-caption{font-size:8px;letter-spacing:.16em;color:#c0aab0}.hero-spark{font-size:10px;color:#ddbac2;margin-left:30px;letter-spacing:.2em}.hero-art{position:absolute;right:5%;top:3%;width:360px;height:340px;opacity:.85;display:grid;place-items:center}.hero-orbit{position:absolute;border-radius:50%;border:1px solid #efc3c027;box-shadow:0 0 42px #f8c3c00a}.orbit-one{width:290px;height:290px}.orbit-two{width:225px;height:225px;border-color:#e9c2c652}.hero-core{border-radius:50%;width:160px;height:160px;display:grid;place-items:center;background:linear-gradient(130deg,#644d66,#342b41);box-shadow:0 18px 70px #0b0b19b0,inset 2px 2px 30px #e4aac421;color:#eac4bc;font-size:87px;font-family:Georgia,serif;transform:rotate(-18deg)}.library-title-row{display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:18px}.library-title-row h2{font-size:21px;font-weight:630;letter-spacing:.07em;margin:8px 0 0}.library-actions{display:flex;gap:12px;align-items:center}.search-field{background:#1f2029;color:#eee;padding:10px 14px;border:1px solid #ffffff15;border-radius:8px;width:210px;font-size:12px}.search-field::placeholder{color:#797481}.outline-button{background:none;border:1px solid #78606a80;color:#eec4b5;padding:10px 16px;border-radius:8px;font-size:12px;white-space:nowrap}.outline-button:hover{background:#ffffff0a}.workspace{display:grid;grid-template-columns:minmax(330px,1fr) minmax(275px,340px);gap:18px;align-items:start}.tracks-panel{border:1px solid var(--border);border-radius:12px;background:#181923c9;min-height:326px;overflow:hidden}.track-table-head{display:grid;grid-template-columns:minmax(200px,1fr) minmax(140px,0.55fr) 48px 53px;gap:10px;align-items:center;padding:17px 18px;color:#858090;font-size:9px;letter-spacing:.13em;border-bottom:1px solid var(--border)}.track-table-head span:nth-child(3),.track-table-head span:nth-child(4){text-align:center}.track-row{display:grid;grid-template-columns:minmax(200px,1fr) minmax(140px,.55fr) 48px 53px;gap:10px;align-items:center;padding:11px 16px;border-bottom:1px solid #ffffff08;cursor:pointer}.track-row:hover{background:#ffffff07}.track-row.selected{background:linear-gradient(90deg,#583b4a57,#22202a1b);border-left:2px solid #e1b8b4;padding-left:14px}.track-primary{display:flex;align-items:center;gap:13px;min-width:0}.track-cover{height:45px;width:45px;flex-shrink:0;display:grid;place-items:center;border-radius:6px;background:linear-gradient(155deg,#745b70,#393048 55%,#131925);color:#eec5c0;font-size:26px;overflow:hidden;position:relative}.track-cover:before,.mini-art:before{content:"";position:absolute;border:1px solid #f7e1dc3a;border-radius:50%;width:78%;height:78%}.track-cover img,.mini-art img,.detail-cover img{height:100%;width:100%;object-fit:cover;position:relative;z-index:1}.track-info{min-width:0}.track-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:630;color:#ebe4e6}.track-artist{margin-top:6px;color:#88828c;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album{color:#8e8995;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-length{text-align:center;color:#a29ba8;font-size:11px;font-variant-numeric:tabular-nums}.heart-action{font-size:22px;color:#a3a0a7;background:transparent;padding:3px;line-height:1}.track-row .heart-action{justify-self:center}.heart-action.loved{color:#f1a8be}.heart-action:hover{transform:scale(1.1)}.empty-state{text-align:center;padding:45px 12px 53px}.empty-disc{width:66px;height:66px;margin:0 auto 17px;display:grid;place-items:center;border-radius:50%;background:#3a303e;color:#dcb7c2;font-size:27px;border:1px solid #ffffff1f}.empty-state h3{font-size:16px;font-weight:600}.empty-state p{font-size:11px;color:#92909d;line-height:2}.primary-button{background:#e8b9b3;color:#1b1723;padding:12px 18px;border-radius:7px;font-weight:700;margin-top:10px}.primary-button:hover{background:#f8d5cf}.details-panel{border:1px solid var(--border);border-radius:12px;background:#1b1b26c9;min-height:326px;overflow:hidden}.detail-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:15px 17px;font-size:9px;letter-spacing:.12em;color:#a39aaa}.detail-heading button{background:none;font-size:18px;color:#b2a1a9}.no-selection{padding:74px 10px;text-align:center;color:#9e92a0;line-height:2;font-size:12px}.no-selection span{font-size:54px;color:#dcb7c4}.detail-body{padding:18px}.detail-profile{display:flex;gap:13px;align-items:center;margin-bottom:17px}.detail-cover{height:83px;width:83px;flex-shrink:0;border-radius:8px;background:linear-gradient(145deg,#725570,#29283a);color:#f3c6d0;font-size:40px;display:grid;place-items:center;overflow:hidden}.detail-title{font-size:14px;overflow-wrap:anywhere;font-weight:650}.detail-sub{margin-top:8px;color:#9a90a0;font-size:11px}.detail-tabs{display:flex;gap:6px;border-bottom:1px solid #ffffff15;margin-bottom:14px}.detail-tab{background:none;border-bottom:2px solid transparent;color:#8c8794;padding:9px 10px;font-size:11px}.detail-tab.active{border-color:#e4b1b7;color:#f0cfcb}.detail-section p{font-size:11px;color:#8f8995;line-height:1.8}.small-label{display:block;color:#b1a8b3;font-size:10px;margin:10px 0 6px;letter-spacing:.07em}.text-input,.text-area{width:100%;background:#11131d;border:1px solid #ffffff22;border-radius:6px;padding:10px;color:#f4e9e9;font-size:12px}.text-area{min-height:115px;resize:vertical;line-height:1.8}.detail-btn-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.small-button{background:#493541;color:#f4cfcc;padding:9px 12px;border-radius:6px;font-size:11px}.small-button:hover{background:#634655}.subtle-button{background:#ffffff0a;border:1px solid #ffffff17;padding:8px 11px;border-radius:6px;color:#c9bcc4;font-size:11px}.danger-button{color:#f3a0ab;background:#4a2a3477;border-radius:6px;padding:8px 11px;font-size:11px}.bookmark-row{display:flex;justify-content:space-between;align-items:center;border:1px solid #ffffff12;border-radius:7px;padding:8px 10px;margin:7px 0;gap:8px}.bookmark-seek{background:none;color:#e7c1b6;text-align:left;min-width:0;flex:1;font-size:12px}.bookmark-seek strong{margin-right:8px}.bookmark-remove{background:none;color:#c99aaa}.hint{color:#89808c;font-size:10px;line-height:1.7}.playlist-add{display:flex;gap:7px;align-items:center;margin-top:9px}.playlist-add select{min-width:0;flex:1;background:#191923;border:1px solid #ffffff25;border-radius:7px;padding:9px;color:#ded2dc;font-size:11px}.track-file-meta{margin-top:13px;font-size:10px;color:#726d7a;line-height:1.8}.main-footer{text-align:center;font-size:9px;color:#5e5a67;letter-spacing:.27em;padding:38px}.main-footer span{margin:0 10px;color:#9d7686}.player{height:111px;position:fixed;bottom:0;left:0;right:0;background:#181922f6;border-top:1px solid #ffffff25;z-index:10;display:grid;grid-template-columns:minmax(210px,1fr) minmax(300px,1.25fr) minmax(175px,1fr);gap:10px;padding:14px 30px 15px;backdrop-filter:blur(23px);box-shadow:0 -5px 30px #0004}.player-song{display:flex;align-items:center;gap:13px;min-width:0}.mini-art{position:relative;width:55px;height:55px;border-radius:7px;flex-shrink:0;background:linear-gradient(135deg,#7b5972,#2c2a3c);display:grid;place-items:center;color:#efc8c4;font-size:28px;overflow:hidden}.player-text{min-width:0}.player-text strong,.player-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-text strong{font-size:12px;font-weight:640}.player-text small{font-size:10px;color:#8c8792;margin-top:7px}.player-core{display:flex;flex-direction:column;justify-content:center;gap:13px}.player-controls{display:flex;justify-content:center;align-items:center;gap:24px}.player-controls button{background:none;color:#ada7b3;font-size:18px;padding:1px}.player-controls button:hover{color:#fff}.player-controls .play-circle{border-radius:50%;width:36px;height:36px;background:#e4bcb9;color:#29202b;display:grid;place-items:center;font-size:14px}.player-controls button.toggle-on{color:#f1b5c3}.progress-wrap{display:flex;align-items:center;gap:13px;font-size:10px;color:#918d96;font-variant-numeric:tabular-nums}.progress-wrap input{flex:1;min-width:0;height:4px;accent-color:#e8bdbe;cursor:pointer}.player-extra{display:flex;gap:15px;justify-content:flex-end;align-items:center;color:#8f8a97;font-size:9px;letter-spacing:.13em}.mark-quick{border:1px solid #ab8994a3;border-radius:7px;background:#ffffff04;padding:10px 13px;color:#e0c0c3;font-size:11px;white-space:nowrap}.mobile-detail{display:none;background:none;color:#f2d0cb;font-size:25px}.toast{position:fixed;z-index:30;bottom:130px;left:50%;transform:translateX(-50%);background:#362b37;border:1px solid #b8a1a375;box-shadow:0 10px 45px #0008;color:#f5e5e6;padding:12px 20px;border-radius:8px;max-width:min(460px,92vw);text-align:center;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.small-divider{height:1px;background:#ffffff12;margin:18px 0}.muted-note{font-size:10px;color:#746e7b;line-height:1.8}
@media(max-width:1240px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.brand-name{font-size:11px}.hero-art{right:-45px}.workspace{grid-template-columns:minmax(270px,1fr) 280px}.track-table-head,.track-row{grid-template-columns:minmax(150px,1fr) 45px 40px}.desktop-only,.track-album{display:none}.private-tag{display:none}}
@media(max-width:910px){.app-shell{display:block;padding-bottom:152px}.sidebar{min-height:0;height:auto;padding:16px 18px 6px;border-right:0;border-bottom:1px solid var(--border)}.brand{padding:3px 0 15px}.brand-symbol{width:36px;height:36px}.side-caption,.sidebar-bottom,.sidebar nav{display:none}.main-content{padding:0 18px}.top-bar{height:54px}.hero{min-height:250px;margin:14px 0 24px}.hero-art{width:270px;height:270px;right:-40px;top:0;opacity:.45}.orbit-one{width:225px;height:225px}.orbit-two{width:167px;height:167px}.hero-core{width:122px;height:122px;font-size:65px}.hero-content{padding:27px}.hero h1{font-size:26px}.hero p{font-size:11px}.workspace{grid-template-columns:1fr}.details-panel{display:none}.details-panel.mobile-open{display:block;position:fixed;inset:0 0 94px;background:#1b1c28;z-index:20;border-radius:0;overflow:auto}.details-panel.mobile-open .detail-heading{position:sticky;top:0;background:#1b1c28;z-index:2}.mobile-detail{display:block}.player{height:93px;padding:11px 14px;grid-template-columns:minmax(110px,1fr) auto;gap:8px}.player-song{gap:8px}.player-art{height:43px;width:43px}.player-song .heart-action{display:none}.player-core{gap:7px}.player-controls{gap:13px}.player-controls button{font-size:17px}.player-controls .play-circle{width:31px;height:31px}.player-extra{display:none}.progress-wrap{gap:7px}.player-extra .mobile-detail{display:block}.toast{bottom:105px}.library-actions{gap:7px}.outline-button{padding:10px;font-size:10px}}
@media(max-width:530px){.brand-name{font-size:12px}.brand-sub{font-size:7px}.top-ident{font-size:8px;letter-spacing:.1em}.top-actions{gap:0}.top-actions button{font-size:10px}.hero{min-height:258px}.hero-content{padding:23px 18px}.hero h1{font-size:22px;margin:16px 0}.hero p{font-size:10px}.hero-art{right:-90px;opacity:.35}.hero-num{font-size:24px}.hero-spark{display:none}.library-title-row{display:block}.library-title-row h2{font-size:18px}.library-actions{margin-top:15px}.search-field{width:100%;min-width:0}.track-table-head,.track-row{grid-template-columns:minmax(0,1fr) 45px 33px;gap:4px}.track-table-head{padding:13px 9px}.track-row{padding:10px 7px}.track-row.selected{padding-left:5px}.track-cover{width:38px;height:38px}.track-primary{gap:8px}.track-name{font-size:11px}.track-artist{font-size:9px}.player{grid-template-columns:minmax(0,1fr) 148px}.player-core{min-width:0}.player-text strong{font-size:10px}.player-text small{font-size:9px}.player-controls{gap:8px}.player-controls button{font-size:15px}.player-controls button:first-child,.player-controls button:last-child{display:none}.progress-wrap{font-size:9px}.progress-wrap input{max-width:86px}.main-footer{letter-spacing:.14em}.player-song{min-width:0}}
@media(max-width:910px){.sidebar #main-nav,.sidebar #playlist-nav{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.sidebar #main-nav::-webkit-scrollbar,.sidebar #playlist-nav::-webkit-scrollbar{display:none}.sidebar #main-nav .nav-item,.sidebar #playlist-nav .nav-item{width:auto;flex:0 0 auto;white-space:nowrap;font-size:11px;padding:9px 11px;margin:0}.sidebar #playlist-nav{padding:5px 0 2px}.sidebar #playlist-nav .nav-item{max-width:220px}.sidebar .playlist-caption{display:flex;margin:9px 0 2px;padding:0 3px;font-size:9px}.sidebar{padding-bottom:11px}}
@media(max-width:910px){.player-extra{display:flex;position:absolute;right:10px;top:-43px;pointer-events:none}.player-extra>span,.player-extra .mark-quick{display:none}.player-extra .mobile-detail{display:block;pointer-events:auto;background:#3d3142;border:1px solid #e4bec381;border-radius:10px;padding:0 11px 4px;font-size:21px;box-shadow:0 3px 16px #0006}}
.playlist-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyrics-area{min-height:220px}

.device-tools{border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.device-tools p{color:var(--sub);font-size:12px;line-height:1.8}dialog{color:var(--text);background:var(--panel);border:1px solid #806978;border-radius:14px;max-width:560px;width:calc(100% - 28px);max-height:85dvh;overflow:auto;padding:22px}dialog::backdrop{background:#000b}dialog p,dialog label{font-size:13px;line-height:1.8}dialog label{display:block;margin:10px 0 5px}dialog input[type=file]{max-width:100%}dialog button,dialog a{display:inline-block;margin:12px 5px 6px 0}dialog a{color:var(--pink);text-decoration:none}dialog hr{border:0;border-top:1px solid var(--border);margin:20px 0}.restore-consent{display:flex;gap:8px}#transfer-status{overflow-wrap:anywhere;white-space:pre-line}.player{padding-bottom:calc(15px + env(safe-area-inset-bottom));height:calc(111px + env(safe-area-inset-bottom))}.app-shell{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
@media(max-width:910px){.player{height:calc(93px + env(safe-area-inset-bottom));padding-bottom:calc(11px + env(safe-area-inset-bottom))}.app-shell{padding-bottom:calc(152px + env(safe-area-inset-bottom))}.details-panel.mobile-open{inset:env(safe-area-inset-top) 0 calc(94px + env(safe-area-inset-bottom))}.player-song .heart-action{display:block;min-width:36px;min-height:44px}.player-text{flex:1}.detail-body input,.detail-body textarea,.detail-body select,dialog input,.search-field{font-size:16px}.sidebar{padding-top:calc(16px + env(safe-area-inset-top))}.track-row .heart-action{min-height:44px;min-width:33px}.small-button,.subtle-button,.nav-item{min-height:44px}.player-controls button{min-width:27px;min-height:32px}}
@media(max-width:530px){.player-art{display:none}.player-song{gap:3px}.player-controls{gap:3px}.player{grid-template-columns:minmax(0,1fr) 148px}}

@media(max-width:530px){.player-controls button{min-width:44px;min-height:44px}.player-controls .play-circle{width:44px;height:44px}.player-song .heart-action,.track-row .heart-action{min-width:44px;min-height:44px}.track-table-head,.track-row{grid-template-columns:minmax(0,1fr) 45px 44px}}

/* SAKU spinning vinyl: playback-only visual, independent of audio & persistence. */
.hero-art{pointer-events:none}
.hero-art .hero-core{
  position:relative;width:212px;height:212px;overflow:hidden;
  border:1px solid #e4c3bf4d;border-radius:50%;
  background:repeating-radial-gradient(circle at center,#12131c 0 3px,#272735 4px 5px,#0e1019 6px 8px,#31303c 9px 10px);
  box-shadow:0 15px 45px #090a13ad,inset 0 0 32px #ffffff13,0 0 0 4px #201c2c55;
  transform:none;
  animation:saku-vinyl-spin 12s linear infinite;
  animation-play-state:paused;
  will-change:transform;
}
.hero-art.is-playing .hero-core{animation-play-state:running}
.hero-record-label{
  position:relative;z-index:1;
  width:94px;height:94px;display:grid;place-items:center;overflow:hidden;
  border-radius:50%;border:3px solid #d6b2bc91;
  background:linear-gradient(140deg,#8a687e,#43364f);
  color:#f1d0d2;font-size:53px;font-family:Georgia,serif;
  box-shadow:0 0 0 7px #12131a,0 0 15px #0008;
}
.hero-record-label img{width:100%;height:100%;object-fit:cover;display:block}
.hero-record-label:after{
  content:"";position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);
  width:8px;height:8px;border-radius:50%;background:#efd1cc;border:2px solid #3a3442;
  box-shadow:0 0 0 1px #f6d8d778;
}
.hero-tonearm{
  position:absolute;z-index:3;right:49px;top:32px;width:7px;height:150px;
  border-radius:9px;background:linear-gradient(90deg,#645a67,#f0d0d5 42%,#807080 70%,#413846);
  border:1px solid #edc8cb5c;box-shadow:2px 3px 7px #0808119c;
  transform-origin:top center;transform:rotate(6deg);
  transition:transform .65s cubic-bezier(.2,.8,.2,1);
}
.hero-tonearm:before{content:"";position:absolute;top:-12px;left:-10px;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle,#dfb8c4 0 3px,#514756 4px 9px,#9e8794 10px 12px);box-shadow:0 2px 12px #0909119c}
.hero-tonearm:after{content:"";position:absolute;bottom:-7px;left:-6px;width:16px;height:15px;border-radius:2px 2px 5px 5px;background:#d4b6c3;border:1px solid #4f424d}
.hero-art.is-playing .hero-tonearm{transform:rotate(40deg)}
@keyframes saku-vinyl-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(max-width:910px){
  .hero-art .hero-core{width:162px;height:162px}
  .hero-record-label{width:73px;height:73px;font-size:43px}
  .hero-tonearm{right:30px;top:43px;height:108px}
}
@media(max-width:530px){
  .hero-art{opacity:.56;right:-75px}
  .hero-art .hero-core{width:155px;height:155px}
  .hero-tonearm{right:32px;top:43px;height:100px}
}
@media(prefers-reduced-motion:reduce){
  .hero-art .hero-core{animation:none}
  .hero-tonearm{transition:none}
}