#panel:has(.record-settings){padding:0;width:410px;top:92px;bottom:32px;max-height:calc(100dvh - 124px);background:#202623f5;color:#edf0e9;border:1px solid #d6dfd426;border-radius:16px;box-shadow:0 24px 90px #09110e66;scrollbar-width:thin;scrollbar-color:#647268 #242a26}#panel:has(.record-settings) .close{z-index:2;top:12px;right:12px;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;line-height:1;color:#fff;background:#18211c70;border:1px solid #f0f4ec30;border-radius:50%;backdrop-filter:blur(10px)}.record-settings{font-family:Segoe UI,Microsoft YaHei,sans-serif;font-weight:400}.record-hero{position:relative;padding:30px 50px 42px;background:radial-gradient(ellipse at 50% 20%,#949e8f5c,transparent 75%),#2a302a;overflow:hidden}.record-hero img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:2px;box-shadow:0 12px 32px #080e0b66;filter:contrast(.96)}.record-edition{display:block;text-align:center;font-size:8px;letter-spacing:2.4px;color:#d5dbd2ad;margin-top:16px}.record-body{position:relative;isolation:isolate;margin-top:-25px;padding:0 28px 12px;background:linear-gradient(180deg,#2530298c,#222924f5 100px,#202623 210px);backdrop-filter:blur(12px);border-top:1px solid #edf3e215;border-radius:18px 18px 0 0}.record-body:before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:150px;background-image:var(--album-image);background-size:cover;background-position:center 65%;opacity:.2;filter:blur(18px);mask-image:linear-gradient(#0009,transparent);pointer-events:none}#panel .record-heading{position:static;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0 22px}#panel .record-kicker{margin:0 0 4px;font-size:8px;letter-spacing:2.2px;color:#aebdad;line-height:1.4}#panel .record-heading h2{margin:0;font:italic 46px/1.15 Georgia,Times New Roman,serif!important;letter-spacing:-1.8px;color:#f3f3e9}#panel .record-artist{margin:7px 0 0;font-size:11px;letter-spacing:.3px;color:#bac4ba;line-height:1.5}.record-artist span{padding:0 5px;color:#778678}#panel .record-play{flex-shrink:0;width:52px;height:52px;min-width:52px;padding:15px;border-radius:50%;border:0;background:#dbe4d2;color:#25342b;box-shadow:0 4px 20px #070f0b33}#panel .record-play:hover{background:#f1f4e9}.record-play svg{display:block;width:100%;height:100%;fill:currentColor}.record-play .pause-shape{display:none}.record-play[aria-pressed=true] .pause-shape{display:block}.record-play[aria-pressed=true] .play-shape{display:none}.record-list-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6e3d71a;padding:0 0 9px}.record-list-heading h3{margin:0;font-size:11px;font-weight:400;letter-spacing:2px}.record-list-heading>span{font-size:8px;letter-spacing:1.7px;color:#a3b1a3}#record-tracks{list-style:none;padding:5px 0;margin:0}#panel #record-tracks button{display:flex;align-items:center;gap:14px;width:100%;min-height:61px;padding:10px 8px;border:0;border-radius:6px;background:transparent;color:#e8ece5;text-align:left;backdrop-filter:none}#panel #record-tracks button:hover{background:#dce5d10c}#panel #record-tracks .is-selected button{background:#dce5d111}.record-track-number{width:14px;flex-shrink:0;color:#9caa9c;font-size:10px;font-variant-numeric:tabular-nums;position:relative}.is-playing .record-track-number{color:transparent}.is-playing .record-track-number:after{content:"";position:absolute;left:1px;top:1px;width:12px;height:12px;background:linear-gradient(#c8d7bd,#c8d7bd) 0 60%/2px 5px no-repeat,linear-gradient(#c8d7bd,#c8d7bd) 5px 50%/2px 12px no-repeat,linear-gradient(#c8d7bd,#c8d7bd) 10px 60%/2px 8px no-repeat}.record-track-info{flex:1;min-width:0;display:grid;gap:5px}.record-track-info>span{font-size:14px;line-height:1.2;letter-spacing:.2px;overflow-wrap:anywhere}.record-track-info small{font-size:10px;color:#a2b0a4;line-height:1.3;letter-spacing:.15px}.record-track-duration{font-size:10px;font-variant-numeric:tabular-nums;color:#aeb8aa}.record-transport{padding:14px 0 17px;border-bottom:1px solid #d6e3d71a}.record-now{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px}.record-now>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-now>span:last-child{flex-shrink:0;font-size:9px;color:#b1c0ac;letter-spacing:1px}.record-seek{display:flex;gap:9px;align-items:center;margin-top:11px}.record-seek time{font:9px Segoe UI,sans-serif;color:#a5b2a4;font-variant-numeric:tabular-nums}#panel #record-seek{flex:1;min-width:0;width:100%;height:22px;margin:0;padding:0;background:transparent;accent-color:#c8d6bd;cursor:pointer;border:0;appearance:none;touch-action:pan-y}#record-seek::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#c8d6bd var(--progress,0%),#586359 var(--progress,0%))}#record-seek::-webkit-slider-thumb{appearance:none;width:9px;height:9px;background:#d3dfc7;border-radius:50%;margin-top:-3.5px}#record-seek::-moz-range-track{height:2px;background:#586359}#record-seek::-moz-range-progress{height:2px;background:#c8d6bd}#record-seek::-moz-range-thumb{height:9px;width:9px;border:0;background:#d3dfc7}#panel .record-thought{padding:19px 0 15px}#panel .record-thought label{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:11px;letter-spacing:1px;color:#d4decd}.record-thought label span{font:8px Georgia,serif;letter-spacing:1.5px;color:#8f9d8e}#panel #record-thought{display:block;min-height:60px;max-height:180px;resize:vertical;padding:6px 0;border:0;border-bottom:1px solid #d5dfc924;border-radius:0;background:transparent;color:#e0e7d9;font:13px/1.9 Segoe UI,Microsoft YaHei,sans-serif!important;letter-spacing:.4px}#record-thought::placeholder{color:#95a391}#record-thought-state{display:block;margin-top:7px;font-size:9px;letter-spacing:.5px;color:#95a391}.record-custom{border-top:1px solid #d6e3d71a;margin-top:6px}.record-custom summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:48px;list-style:none;font-size:11px;letter-spacing:1px;color:#b9c6b2}.record-custom summary::-webkit-details-marker{display:none}.record-custom[open] summary>span{transform:rotate(45deg)}.record-custom-body{padding:0 0 12px}#panel .record-custom label{font-size:11px;line-height:1.6;margin:15px 0 8px;color:#d0dcc8}#panel .record-custom input[type=file]{font-size:11px!important;width:100%;color:#abbba2}#panel .record-custom input::file-selector-button{background:#374538;color:#e4ebde;border:1px solid #75897066;padding:9px;border-radius:3px;margin-right:8px;cursor:pointer}#panel .record-cue-entry input{background:#18221b;color:#e0ead9;border-color:#778e6c66;font-size:13px!important;min-height:44px;border-radius:3px}#panel .record-custom button{background:#394637;color:#e4ecdd;border-color:#7b8c6c4d;border-radius:3px;font-size:11px}#panel #record-cue-help,#panel .record-privacy{font-size:10px;line-height:1.8;letter-spacing:.3px;color:#98a78f}#panel #record-status{font-size:10px;color:#c6d5b9;line-height:1.8;letter-spacing:.4px;min-height:0;margin:3px 0}#record-status:empty{display:none}.record-settings :is(input,textarea,summary):focus-visible{outline:2px solid #d3dfbf;outline-offset:3px}@media(max-width:700px){#panel:has(.record-settings){left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto;top:calc(72px + var(--safe-top));bottom:calc(18px + var(--safe-bottom));max-height:none}.record-hero{padding:24px max(40px,calc((100% - 268px)/2)) 38px}.record-body{padding-left:23px;padding-right:23px}#panel .record-heading h2{font-size:43px!important}#panel #record-thought{font-size:16px!important}#panel #record-tracks button{min-height:63px}}@media(max-height:500px){#panel:has(.record-settings){top:60px;bottom:12px;max-height:none}.record-hero{padding-top:24px;padding-left:85px;padding-right:85px}}