.album-welcome-open{overflow:hidden}.sound-welcome{position:fixed;inset:0;z-index:90;background:#f6f1e9;overflow:auto;display:grid;place-items:center;padding:22px;color:#332435}.sound-welcome-card{width:min(100%,465px);text-align:center;margin:auto;padding:10px 15px 24px}.sound-welcome-brand{font-size:13px;letter-spacing:1px;color:#64536c;margin-bottom:22px}.sound-welcome-photo{height:280px;border-radius:100px 100px 12px 12px;overflow:hidden;background:#e4d8c5;position:relative;box-shadow:0 15px 35px #4f37411a}.sound-welcome-photo>.custom-photo{height:100%;aspect-ratio:auto;object-fit:cover;animation:sound-welcome-drift 12s ease-in-out alternate infinite}.sound-welcome-photo>.atlas{position:absolute;top:50%;transform:translateY(-50%)}.sound-welcome-card h2{font:42px var(--album-title-font,Amiri),serif;line-height:1.5;margin:23px 0 6px;color:#41243d}.sound-welcome-card>p{font-size:13px;line-height:1.8;color:#6b5d6c;margin:0 0 12px}.sound-welcome-card>small{display:block;font-size:11px;color:#6b5d6c;margin:12px 0 22px}.sound-welcome-card>button{width:100%;min-height:48px;border-radius:12px;margin:6px 0;font:13px Noto,Arial,sans-serif;border:1px solid #aa91ae;background:#fffaf4;color:#553b61}.sound-welcome-card>button:first-of-type{background:#7553a3;color:#fff;border-color:#7553a3}.sound-welcome-card>span{font-size:11px;line-height:1.8;color:#6b5d6c;display:block;margin-top:12px}.album-sound-player{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:14px 18px;width:min(560px,92vw);border:1px solid #aa90b8;border-radius:18px;background:#38253ff5;color:#fff7ff;box-shadow:0 10px 35px #21132945;backdrop-filter:blur(15px)}.album-sound-player>div{flex:1;min-width:90px}.album-sound-player strong{display:block;font-size:12px;font-weight:400}.album-sound-player small{font-size:10px;color:#ded1e4}.album-sound-player button{min-height:43px;min-width:75px;background:#eee2f6;color:#3e2850;border-radius:10px;padding:8px 12px;font-size:12px}.album-sound-player label{display:flex;gap:7px;align-items:center;font-size:11px}.album-sound-player input{width:90px;accent-color:#d9b8f7}.album-sound-player p{flex-basis:100%;font-size:11px;margin:0;color:#fff0cb}.album-sound-player p:empty{display:none}body:has(.album-sound-player:not([hidden])){padding-bottom:115px}.sound-manager{border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.sound-manager h2{margin:0 0 10px}.sound-manager>p,.sound-manager small{font-size:11px;line-height:1.9}.sound-track-list{display:grid;gap:8px;margin:14px 0}.sound-track{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;border:1px solid var(--line);padding:10px;border-radius:9px}.sound-track>button{border:1px solid var(--line);padding:8px 10px;border-radius:7px;font-size:11px;background:var(--paper);color:var(--ink)}.sound-track>button[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sound-track strong{display:block;font-weight:400;font-size:12px}.sound-track small{display:block}.sound-upload-actions{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0}.sound-manager audio{width:100%;margin-top:12px}.sound-manager input[type=range]{width:100%;accent-color:#7553a3}.sound-manager .sound-check{display:flex;align-items:center;gap:8px}.sound-manager .sound-check input{width:auto}.sound-manager input[type=checkbox]{accent-color:#7553a3}
@keyframes sound-welcome-drift{from{transform:scale(1)}to{transform:scale(1.045)}}@media(max-width:500px){.sound-welcome{padding:18px 10px}.sound-welcome-photo{height:32dvh;min-height:215px}.sound-welcome-card h2{font-size:36px;margin-top:18px}.album-sound-player{padding:12px;gap:10px}.album-sound-player input{width:65px}.album-sound-player button{min-width:65px}.album-sound-player strong{font-size:11px}}@media(prefers-reduced-motion:reduce){.sound-welcome-photo>.custom-photo{animation:none}}

.viewer-head #viewerSound{width:auto;min-height:38px;padding:7px 11px;font:11px Noto,Arial,sans-serif;border-radius:6px;border:1px solid #ffffff55}@media(max-width:500px){.viewer-head #viewerSound{font-size:9px;padding:6px 7px}.viewer-head{gap:4px}.viewer-head>div{gap:4px}}