@font-face{font-family:LocalSans;src:local("Arial")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f3eb;color:#20261f;font-family:LocalSans,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.35}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d69d35;outline-offset:5px}button{color:inherit}.icon-library{position:absolute;width:0;height:0;overflow:hidden}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{display:block}.app-shell{max-width:1700px;min-height:100vh;margin:auto;display:grid;grid-template-columns:316px minmax(0,1fr)}.archive-rail{background:#18201c;color:#f6f1dc;padding:39px 34px 27px;display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}.archive-rail:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px,transparent 5px)}.archive-mark{display:flex;align-items:center;gap:12px;position:relative;text-decoration:none;font-weight:700;letter-spacing:2.2px;font-size:9px;line-height:1.6}.mark-ball{height:31px;width:31px;background:#e4b650;border-radius:50%;position:relative;transform:rotate(-28deg)}.mark-ball i{position:absolute;height:4px;width:4px;border-radius:50%;background:#18201c;top:8px;left:10px}.mark-ball i:nth-child(2){left:17px}.mark-ball i:nth-child(3){top:15px;left:14px}.rail-content{margin-top:74px;position:relative}.eyebrow{font-weight:700;font-size:9px;letter-spacing:1.9px;line-height:1.5;margin:0}.rail-eyebrow{color:#aaad9b;font-size:8px;letter-spacing:1.4px;margin-bottom:20px}.archive-rail h1{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-stretch:condensed;font-size:48px;font-weight:900;letter-spacing:-.6px;line-height:.99;margin:0}.archive-rail h1 span{color:#e6b956}.rail-description{font-family:Georgia,serif;font-style:italic;font-size:21px;color:#c2c1ad;line-height:1.4;margin:21px 0 0}.lane-art{height:270px;position:relative;margin:36px -25px 6px;overflow:hidden}.lane-line{position:absolute;height:370px;width:1px;background:#57604a;top:-22px;left:57%;transform:rotate(24deg);opacity:.55}.lane-line.l2{left:73%;transform:rotate(14deg)}.lane-line.l3{left:93%;transform:rotate(3deg)}.pin{position:absolute;height:109px;width:27px;border-radius:40% 40% 38% 38%;background:#eee9d2;top:19px;left:138px;transform:rotate(11deg);z-index:1;clip-path:polygon(32% 0,68% 0,80% 8%,75% 25%,66% 34%,68% 44%,89% 67%,100% 86%,94% 95%,79% 100%,20% 100%,6% 95%,0 86%,11% 67%,32% 44%,34% 34%,25% 25%,20% 8%)}.pin:after{content:"";position:absolute;top:35px;left:0;right:0;height:8px;background:#bc553c;box-shadow:0 10px #bc553c}.pin-two{left:177px;top:42px;transform:rotate(30deg);height:104px}.pin-three{left:99px;top:34px;transform:rotate(-8deg);height:99px;background:#bcbca7}.bowling-ball{height:123px;width:123px;position:absolute;background:#d7a843;border-radius:50%;top:133px;left:47px;transform:rotate(-21deg);box-shadow:inset -15px -10px 0 #bd8c30,0 8px 32px #0003;z-index:3}.bowling-ball:after{content:"";position:absolute;inset:4px;border-radius:50%;border:1px solid #efcd7f55}.bowling-ball i{position:absolute;width:13px;height:16px;border-radius:50%;background:#20261f;top:29px;left:42px;box-shadow:inset 2px 2px #0006}.bowling-ball i:nth-child(2){left:65px;top:29px}.bowling-ball i:nth-child(3){left:55px;top:52px;width:15px;height:17px}.art-star{position:absolute;color:#e5b954;font-size:35px;left:37px;top:64px}.s2{left:215px;top:192px;font-size:20px;color:#82876b}.rail-label{border-top:1px solid #555c493d;border-bottom:1px solid #555c493d;display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:17px 0;font-size:8px;letter-spacing:1.3px;color:#c6c9b7}.status-dot{width:5px;height:5px;border-radius:50%;background:#e4b650;box-shadow:0 0 7px #e4b65044}.rail-label>span:last-child{padding-left:12px;width:100%;font-size:8px;color:#888f7f;letter-spacing:1.7px}.rail-footer{font-size:9px;color:#818b78;letter-spacing:.2px;margin:55px 0 0;margin-top:auto;padding-top:45px;line-height:1.6}main{padding:39px 50px 24px;min-width:0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:8px;font-weight:700;letter-spacing:1.25px;color:#7b8173}.tiny-ball{width:8px;height:8px;background:#333e2d;border-radius:50%}.breadcrumb-line{height:1px;width:28px;background:#bfc3b5;margin:0 5px}.shortcut-button{border:1px solid #dcded1;border-radius:4px;background:transparent;padding:7px 10px;font-size:9px;color:#72796a;display:flex;align-items:center;gap:6px}.shortcut-button>span:first-child{font-size:15px;line-height:1}.collection-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:47px 0 26px}.collection-intro .eyebrow{color:#939984;margin-bottom:11px;font-size:8px}.collection-intro h2{font-family:Georgia,"Times New Roman",serif;font-size:36px;line-height:1.1;font-weight:normal;letter-spacing:-1.3px;margin:0}.collection-intro h2>span{color:#c09234}.collection-stats{display:flex;gap:17px;flex-shrink:0;padding-bottom:3px}.collection-stats span{font-size:9px;color:#808775}.collection-stats b{font-size:15px;color:#2c3527;display:block;font-family:Georgia,serif;font-weight:normal;margin-bottom:4px}.player-card{background:#233026;border-radius:7px;display:grid;grid-template-columns:220px minmax(0,1fr);color:#efeedd;min-height:260px;overflow:hidden;box-shadow:0 9px 23px #25321c0c}.player-art{position:relative;min-height:260px;background:#cfaa62;overflow:hidden;background-image:repeating-linear-gradient(135deg,transparent 0 6px,#735d3411 6px 7px);border-right:1px solid #fff1}.player-art:before,.player-art:after{content:"";position:absolute;height:150px;width:1px;background:#f4deb27a;transform:rotate(42deg);top:-40px;left:15px;box-shadow:15px 0 #f4deb27a,30px 0 #f4deb27a,45px 0 #f4deb27a}.player-art:after{left:auto;right:10px;top:170px}.disc-label{position:absolute;top:24px;left:21px;z-index:2;display:flex;flex-direction:column;letter-spacing:2px;font-size:9px;font-weight:900;color:#273326;line-height:1.5}.disc-label b{font-family:Georgia,serif;font-size:12px;font-weight:normal;letter-spacing:0;margin-top:8px}.record{height:208px;width:208px;position:absolute;top:64px;left:55px;border-radius:50%;background:repeating-radial-gradient(circle,#1c241e 0 2px,#273029 2.5px 3px,#1b241d 3.5px 5px);box-shadow:0 9px 20px #352d282e;display:grid;place-items:center;transform:rotate(-15deg)}.record:after{content:"";position:absolute;inset:14px;border:1px solid #aab19719;border-radius:50%}.record-center{height:75px;width:75px;border-radius:50%;background:#ebddb6;position:relative}.record-center:after{content:"";height:8px;width:8px;background:#283227;border-radius:50%;position:absolute;top:34px;left:34px}.record-center i{position:absolute;height:5px;width:5px;border-radius:50%;background:#233026;left:25px;top:20px}.record-center i:nth-child(2){left:36px;top:18px}.record-center i:nth-child(3){left:30px;top:29px}.art-caption{position:absolute;bottom:14px;left:15px;font-weight:900;font-size:6px;letter-spacing:1.9px;color:#e9d6a6;writing-mode:vertical-rl;transform:rotate(180deg)}.player-body{padding:25px 30px 20px;min-width:0}.now-playing-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:21px}.now-playing-top>.eyebrow{display:flex;gap:9px;align-items:center;color:#d6bd7a;font-size:7px;letter-spacing:1.5px}.track-position{font-family:monospace;font-size:9px;color:#909f8c;white-space:nowrap}.play-indicator{height:10px;display:flex;align-items:center;gap:2px}.play-indicator i{height:3px;width:2px;background:#d6bd7a}.play-indicator i:nth-child(2){height:9px}.play-indicator i:nth-child(3){height:6px}.play-indicator i:nth-child(4){height:4px}.is-playing .play-indicator i{animation:equalizer .9s ease-in-out infinite alternate}.is-playing .play-indicator i:nth-child(2){animation-delay:-.3s}.is-playing .play-indicator i:nth-child(3){animation-delay:-.7s}.is-playing .play-indicator i:nth-child(4){animation-delay:-.5s}@keyframes equalizer{to{height:2px}from{height:10px}}.player-body h3{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:normal;line-height:1.15;margin:0 0 9px;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-meta{color:#a7b09e;font-size:9px;line-height:1.5;margin:0 0 17px;min-height:14px}.waveform-area{height:43px;position:relative;margin:0 -1px}.waveform-area canvas{width:100%;height:100%;display:block}.waveform-area input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:pointer}.waveform-area:focus-within{outline:2px solid #e8c576;outline-offset:4px;border-radius:3px}.time-row{display:flex;justify-content:space-between;font-size:8px;color:#a4ad99;font-family:monospace;margin:7px 0 14px;letter-spacing:.3px}.transport-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.transport-main{display:flex;align-items:center;gap:18px}.icon-button{border:0;background:transparent;padding:3px;color:#d5d9c6;display:grid;place-items:center;position:relative;width:25px;height:29px}.icon-button svg{width:18px;height:18px}.icon-button:hover{color:#e9c67f}.mode-button{color:#82927d}.mode-button[aria-pressed=true],.mode-button.active{color:#e8bf66}.mode-button.active:after,.mode-button[aria-pressed=true]:after{content:"";position:absolute;bottom:-5px;left:calc(50% - 2px);width:3px;height:3px;background:#e8bf66;border-radius:50%}.repeat-one{position:absolute;right:8px;top:9px;font-size:7px;background:#233026;font-weight:700;line-height:9px}.play-button{width:43px;height:43px;border:0;border-radius:50%;background:#edc675;display:grid;place-items:center;color:#233026;box-shadow:0 0 0 4px #edc67507}.play-button:hover{background:#f7d58d}.play-button svg{width:21px;height:21px}.volume-controls{display:flex;align-items:center;gap:7px}.volume-controls .icon-button svg{width:15px;height:15px}.volume-controls input{width:58px;height:3px;accent-color:#d7bd7d;cursor:pointer}.download-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dcdfd0;padding:16px 3px}.download-caption{font-size:7px;font-weight:700;letter-spacing:1.5px;color:#919781}.download-links{display:flex;align-items:center;gap:17px;font-size:9px;color:#69755d;flex-wrap:wrap;justify-content:flex-end}.download-link{display:flex;align-items:center;gap:5px;text-decoration:none;font-size:9px}.download-link:hover{text-decoration:underline}.download-link svg{width:12px;height:12px;stroke-width:1.8}.status-message{margin:0;font-size:11px;color:#806023;line-height:1.6}.status-message:not(:empty){padding:13px 2px 0}.status-message.error{color:#a34032}.library-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 20px}.library-header>div{display:flex;gap:12px;align-items:center}.library-header h2{font-size:15px;font-family:Georgia,serif;font-weight:normal;letter-spacing:-.2px;margin:0}.list-count{font-size:8px;color:#929983}.search-field{display:flex;align-items:center;gap:8px;background:#efeee5;border:1px solid #e2e3d8;border-radius:4px;padding:9px 10px;color:#959b88;width:200px}.search-field svg{width:13px;height:13px}.search-field input{width:100%;min-width:0;font-size:10px;background:transparent;border:0;outline:none;color:#2b3927}.search-field input::placeholder{color:#909783}.search-field:focus-within{border-color:#c3a45d;box-shadow:0 0 0 2px #c3a45d18}.search-field input:focus-visible{outline:none}.search-field kbd{font-size:8px;padding:1px 4px;border:1px solid #dadcd0;border-radius:2px}.track-columns{display:grid;grid-template-columns:45px minmax(0,1fr) 60px 35px;align-items:center;font-size:7px;letter-spacing:1.4px;color:#959d87;padding:0 15px 11px;border-bottom:1px solid #dee1d4}.track-columns span:nth-child(3){text-align:right}.track-list{list-style:none;padding:0;margin:0}.track-row{display:grid;grid-template-columns:minmax(0,1fr) 35px;align-items:stretch;border-bottom:1px solid #e3e5d8;position:relative}.track-button{padding:14px 0 14px 15px;border:0;background:transparent;display:grid;grid-template-columns:45px minmax(0,1fr) 60px;align-items:center;text-align:left;width:100%;min-height:61px}.track-row:hover{background:#eeeee3}.track-row.selected{background:#e9ecdc;border-radius:3px}.track-row.selected:before{position:absolute;content:"";left:0;top:15px;bottom:15px;width:2px;background:#a08638}.track-number{font-family:monospace;font-size:10px;color:#9aa18c;display:flex;align-items:center;justify-content:flex-start}.track-number svg{width:13px;height:13px;color:#647640}.track-name{display:block;font-size:11px;line-height:1.4;color:#3a4631;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.selected .track-name{color:#3d512d}.track-detail{display:block;font-size:8px;color:#929b83;line-height:1.5;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-length{font-family:monospace;font-size:9px;color:#969e87;text-align:right}.track-download{display:grid;place-items:center;padding:0 10px;color:#9ca58d}.track-download svg{width:13px;height:13px}.track-download:hover{color:#536535}.empty-state{padding:35px 15px;color:#838e74;text-align:center;font-size:12px;line-height:1.7}.preservation-note{display:flex;gap:13px;align-items:flex-start;padding-top:27px;margin-top:24px;border-top:1px solid #dfe2d2}.note-icon{height:29px;width:29px;flex-shrink:0;border:1px solid #d8ddc8;border-radius:50%;display:grid;place-items:center;color:#7c8b69}.note-icon svg{width:13px;height:13px}.preservation-note h3{font-family:Georgia,serif;font-size:13px;font-weight:normal;margin:0 0 7px;color:#606e50}.preservation-note p{font-size:9px;line-height:1.7;margin:0;color:#959d88;max-width:570px}.preservation-note p.source-note{font-size:8px;margin-top:5px;color:#a0a78f}.footer-stamp{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:900;font-size:18px;line-height:.95;color:#ced2bf;letter-spacing:-.2px;margin-left:auto;text-align:right}.is-playing .record{animation:spin 22s linear infinite}@keyframes spin{to{transform:rotate(345deg)}}[hidden]{display:none!important}dialog{border:1px solid #c5cbb5;border-radius:8px;color:#283326;background:#f6f3eb;padding:33px;width:min(410px,calc(100% - 35px));box-shadow:0 20px 90px #0004}dialog::backdrop{background:#121a15b5;backdrop-filter:blur(3px)}dialog .eyebrow{font-size:7px;color:#929b80}dialog h2{font-family:Georgia,serif;font-weight:normal;font-size:25px;margin:10px 0 24px}.dialog-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px;color:#748165}.dialog-close:hover{color:#1c2a18}dialog dl{margin:0}dialog dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #dde2d2;padding:10px 0;font-size:11px}dialog dd{margin:0}dialog kbd{display:inline-block;min-width:22px;font-family:monospace;text-align:center;border:1px solid #ccd3bd;background:#eeeee2;padding:3px 5px;border-radius:3px;font-size:10px}.dialog-hint{font-size:9px;color:#909a80;line-height:1.7;margin:21px 0 0}@media(min-width:1350px){.app-shell{grid-template-columns:350px minmax(0,1fr)}.archive-rail{padding-left:43px;padding-right:43px}.archive-rail h1{font-size:54px}.player-card{grid-template-columns:260px minmax(0,1fr)}.player-art{min-height:276px}.record{height:245px;width:245px;top:65px;left:66px}.player-body{padding:29px 35px 24px}.player-body h3{font-size:31px}.waveform-area{height:46px}.transport-row{margin-top:4px}main{padding-left:65px;padding-right:65px}.collection-intro{margin-top:55px}.collection-intro h2{font-size:41px}.archive-rail .lane-art{height:310px;margin-top:53px}.bowling-ball{top:154px;left:51px;height:135px;width:135px}.pin-one{top:26px;left:163px}.pin-two{left:202px;top:47px}.pin-three{left:124px;top:40px}.lane-line{left:67%}.art-star.s2{top:222px;left:227px}}@media(max-width:1100px){.app-shell{grid-template-columns:265px minmax(0,1fr)}.archive-rail{padding-left:26px;padding-right:26px}.archive-rail h1{font-size:41px}.rail-eyebrow{font-size:7px}.lane-art{margin-left:-40px;margin-right:-30px}main{padding-left:31px;padding-right:31px}.collection-intro h2{font-size:29px}.collection-stats{gap:10px}.player-card{grid-template-columns:165px minmax(0,1fr)}.player-art{min-height:270px}.record{height:185px;width:185px;left:21px;top:84px}.disc-label{left:17px;font-size:8px}.player-body{padding:25px 21px 20px}.transport-main{gap:12px}.volume-controls input{width:40px}.volume-controls{gap:4px}.player-body h3{font-size:23px}.collection-stats span{font-size:8px}.download-links{gap:12px}}@media(max-width:870px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.archive-rail{padding-left:23px;padding-right:23px}.archive-rail h1{font-size:35px}.archive-mark{font-size:7px;gap:8px;letter-spacing:1.5px}.mark-ball{width:27px;height:27px}.rail-description{font-size:18px}.rail-content{margin-top:65px}.lane-art{transform:scale(.88);transform-origin:center}.rail-label{font-size:7px;letter-spacing:.8px}.rail-label>span:last-child{font-size:7px}.rail-eyebrow{max-width:170px;line-height:1.8}.collection-intro{display:block;margin-top:34px}.collection-stats{margin-top:15px;gap:15px}.collection-stats b{display:inline;margin-right:5px;font-size:13px}.collection-intro h2{font-size:30px}.player-card{grid-template-columns:120px minmax(0,1fr)}.player-art{min-height:267px}.record{left:-14px;top:95px}.disc-label{font-size:7px;letter-spacing:1px;left:12px;top:22px}.art-caption{font-size:5px;letter-spacing:1px}.player-body{padding:22px 17px 18px}.player-body h3{font-size:22px}.transport-row{flex-wrap:wrap}.transport-main{width:100%;justify-content:space-between;gap:8px}.volume-controls{position:absolute;right:21px;top:53px}.player-body{position:relative}.track-meta{font-size:8px}.now-playing-top{margin-bottom:19px}.track-position{font-size:8px}.player-body h3{padding-right:0}.volume-controls{display:flex;position:static;margin-left:auto;gap:4px;height:20px}.volume-controls input{width:50px}.download-bar{display:block;padding:13px 1px}.download-links{justify-content:flex-start;margin-top:10px;gap:17px}.library-header{gap:10px;align-items:flex-start}.library-header>div{display:block}.list-count{display:block;margin-top:6px}.search-field{width:163px}.track-columns{grid-template-columns:33px minmax(0,1fr) 40px 28px;padding-left:12px;padding-right:7px}.track-button{grid-template-columns:33px minmax(0,1fr) 40px;padding-left:12px}.track-row{grid-template-columns:minmax(0,1fr) 28px}.track-download{padding:0 7px}.breadcrumb{font-size:6px;gap:6px;letter-spacing:.7px}.breadcrumb-line{width:13px}.shortcut-button{padding:5px 7px;font-size:8px;gap:4px}.preservation-note{gap:9px}.footer-stamp{display:none}.note-icon{width:25px;height:25px}.preservation-note p{font-size:8px}}@media(max-width:660px){.app-shell{display:block}.archive-rail{min-height:0;padding:22px 23px 25px}.archive-mark{font-size:7px}.rail-content{margin-top:28px}.archive-rail h1{font-size:39px;line-height:.95}.archive-rail h1 br{display:none}.archive-rail h1 br:after{content:" "}.archive-rail h1{max-width:260px}.archive-rail h1 span{display:block}.rail-eyebrow{max-width:none;letter-spacing:1.2px;font-size:7px;margin-bottom:12px}.rail-description,.rail-footer{display:none}.lane-art{position:absolute;right:0;top:-40px;width:175px;height:215px;margin:0;transform:scale(.62);transform-origin:right center;overflow:visible;opacity:.9}.lane-art .lane-line{display:none}.lane-art .pin-one{left:89px;top:0}.lane-art .pin-two{left:128px;top:20px}.lane-art .pin-three{left:50px;top:16px}.lane-art .bowling-ball{left:0;top:106px}.art-star{left:-22px;top:27px}.art-star.s2{left:171px;top:163px}.rail-label{border:0;padding:20px 0 0;gap:6px;letter-spacing:1.1px;font-size:6px}.rail-label>span:last-child{width:auto;font-size:6px;border-left:1px solid #69745766;margin-left:7px;padding-left:12px;letter-spacing:1.1px}.status-dot{height:4px;width:4px}main{padding:24px 22px}.page-header{gap:10px}.breadcrumb{font-size:6px;letter-spacing:1px}.collection-intro{display:flex;align-items:flex-end;gap:10px;margin:29px 0 20px}.collection-intro .eyebrow{font-size:6px;margin-bottom:9px;letter-spacing:1.5px}.collection-intro h2{font-size:27px;max-width:230px;letter-spacing:-.9px}.collection-stats{display:block;margin:0;min-width:50px;line-height:1.5;padding-bottom:0;text-align:right}.collection-stats span{display:block;font-size:7px;margin-top:5px}.collection-stats b{font-size:13px;display:inline}.player-card{grid-template-columns:125px minmax(0,1fr)}.player-art{min-height:252px}.record{height:177px;width:177px;left:-7px;top:91px}.player-body{padding:20px 15px 17px}.player-body h3{font-size:22px;line-height:1.2}.now-playing-top{margin-bottom:20px}.now-playing-top .eyebrow{font-size:6px;letter-spacing:1px;gap:5px}.track-position{font-size:7px}.track-meta{font-size:8px;margin-bottom:12px;min-height:24px;max-width:220px}.waveform-area{height:35px}.time-row{margin-top:5px;margin-bottom:12px;font-size:7px}.play-button{height:37px;width:37px}.play-button svg{width:19px;height:19px}.icon-button{width:22px}.icon-button svg{width:15px;height:15px}.transport-main{gap:5px}.download-caption{font-size:6px;letter-spacing:1.3px}.download-bar{display:flex;gap:10px;padding:14px 1px}.download-links{gap:13px;margin:0}.download-link{font-size:8px;gap:4px}.download-link svg{height:11px;width:11px}.library-header{margin-top:26px}.library-header h2{font-size:15px}.search-field{width:165px;padding:8px}.track-button{padding-top:12px;padding-bottom:12px}.track-name{font-size:11px}.track-detail{font-size:7px}.preservation-note{margin-top:23px;padding-top:23px}}@media(max-width:395px){main{padding:22px 16px}.archive-rail{padding-left:20px;padding-right:20px}.archive-rail h1{font-size:36px}.lane-art{right:-8px;transform:scale(.56)}.collection-intro h2{font-size:25px}.player-card{grid-template-columns:100px minmax(0,1fr)}.player-body{padding-left:12px;padding-right:12px}.player-body h3{font-size:21px}.record{left:-32px}.disc-label{font-size:6px;letter-spacing:.8px}.download-bar{display:block}.download-links{margin-top:9px}.search-field{width:147px}.breadcrumb{letter-spacing:.7px}.shortcut-button>span:last-child{display:none}.shortcut-button{padding:5px}.track-position{font-size:6px}.now-playing-top .eyebrow{letter-spacing:.7px;font-size:5px}.track-number{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.is-playing .record,.is-playing .play-indicator i{animation:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.library-header>.library-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.category-field{display:flex;align-items:center;border:1px solid #dcded0;background:#efeee5;border-radius:4px;padding:8px 8px;width:133px;flex-shrink:0}.category-field select{width:100%;border:0;background:transparent;color:#69775b;font-size:10px;cursor:pointer;min-height:15px}.category-field:focus-within{border-color:#c3a45d;box-shadow:0 0 0 2px #c3a45d18}.category-field select:focus-visible{outline:none}.category-field select:disabled{cursor:default;opacity:.6}@media(max-width:1100px){.library-header{flex-wrap:wrap}.library-header>.library-tools{flex:1 1 auto}.library-tools .search-field{width:175px}}@media(max-width:870px){.library-header{display:block}.library-header>div:first-child{display:flex;align-items:center;gap:10px}.library-header>.library-tools{justify-content:stretch;margin-top:13px;gap:8px}.library-header .list-count{margin-top:0}.library-tools .search-field{flex:1;width:auto}.category-field{width:125px;padding-top:7px;padding-bottom:7px}}@media(max-width:395px){.category-field{width:112px}.category-field select{font-size:9px}.library-header>.library-tools{gap:7px}.library-tools .search-field{padding:8px 7px}}
.breadcrumb{flex-wrap:wrap;row-gap:6px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline;color:#455d34}.breadcrumb [aria-current=page]{color:#435833}@media(max-width:660px){.breadcrumb{font-size:6px;letter-spacing:.6px;column-gap:5px}.breadcrumb-line{width:8px;margin:0 2px}.page-header{align-items:flex-start}}

/* The phone layout gives listening controls and text their own full-width space. */
@media (max-width: 660px) {
  .archive-mark { font-size: 10px; letter-spacing: 1.3px; }
  .rail-eyebrow { font-size: 10px; line-height: 1.6; letter-spacing: 1px; max-width: 220px; }
  .rail-label, .rail-label > span:last-child { font-size: 10px; line-height: 1.7; letter-spacing: .7px; }
  .rail-label > span:last-child { width: 100%; margin-left: 0; padding-left: 11px; border: 0; }
  .lane-art { opacity: .55; right: -14px; transform: scale(.55); }
  .page-header { align-items: flex-start; gap: 12px; }
  .breadcrumb { min-width: 0; font-size: 10px; line-height: 1.6; letter-spacing: .2px; gap: 5px 7px; }
  .breadcrumb-line { width: 8px; margin: 0 1px; }
  .shortcut-button { min-width: 44px; min-height: 44px; justify-content: center; flex-shrink: 0; padding: 9px; font-size: 11px; }
  .shortcut-button > span:first-child { font-size: 22px; }
  .shortcut-button > span:last-child { display: none; }
  .collection-intro { display: block; margin: 28px 0 22px; }
  .collection-intro .eyebrow { font-size: 10px; line-height: 1.6; letter-spacing: 1px; margin-bottom: 10px; }
  .collection-intro h2 { font-size: 32px; max-width: none; line-height: 1.12; }
  .collection-stats { display: flex; gap: 23px; margin-top: 16px; text-align: left; }
  .collection-stats span { font-size: 11px; margin: 0; }
  .collection-stats b { font-size: 18px; margin-right: 6px; }
  .player-card { display: block; min-height: 0; }
  .player-art { display: none; }
  .player-body { padding: 23px 20px 20px; }
  .now-playing-top { margin-bottom: 22px; gap: 10px; }
  .now-playing-top > .eyebrow { font-size: 10px; letter-spacing: .7px; gap: 8px; }
  .track-position { font-size: 11px; }
  .player-body h3 { font-size: 30px; line-height: 1.15; white-space: normal; overflow-wrap: anywhere; margin-bottom: 12px; }
  .track-meta { font-size: 12px; line-height: 1.6; max-width: none; min-height: 0; margin-bottom: 20px; }
  .waveform-area { height: 52px; }
  .time-row { font-size: 11px; margin: 9px 0 17px; }
  .transport-row { gap: 13px; }
  .transport-main { width: 100%; gap: 3px; justify-content: space-between; }
  .icon-button { width: 44px; height: 44px; padding: 10px; flex-shrink: 0; }
  .icon-button svg { width: 20px; height: 20px; }
  .play-button { width: 48px; height: 48px; flex-shrink: 0; }
  .play-button svg { width: 24px; height: 24px; }
  .repeat-one { right: 16px; top: 18px; font-size: 9px; line-height: 10px; }
  .mode-button.active:after, .mode-button[aria-pressed=true]:after { bottom: 1px; }
  .volume-controls { width: 100%; height: 44px; justify-content: flex-end; gap: 12px; margin-left: 0; }
  .volume-controls .icon-button svg { width: 20px; height: 20px; }
  .volume-controls input { width: 110px; height: 44px; margin: 0; }
  .download-bar { display: block; padding: 17px 1px 10px; }
  .download-caption { font-size: 10px; line-height: 1.6; letter-spacing: .9px; }
  .download-links { gap: 2px 16px; margin-top: 6px; justify-content: flex-start; }
  .download-link { min-height: 44px; font-size: 12px; gap: 6px; }
  .download-link svg { width: 15px; height: 15px; }
  #downloadPlaceholder { font-size: 12px; line-height: 1.7; }
  .status-message { font-size: 12px; line-height: 1.6; }
  .library-header { margin: 28px 0 20px; }
  .library-header h2 { font-size: 20px; }
  .library-header .list-count { font-size: 11px; }
  .library-header > div:first-child { flex-wrap: wrap; gap: 8px 12px; }
  .library-header > .library-tools { margin-top: 16px; gap: 8px; min-width: 0; }
  .category-field { width: 42%; min-width: 112px; max-width: 180px; height: 44px; padding: 0 9px; }
  .category-field select { font-size: 14px; min-height: 42px; }
  .library-tools .search-field { min-width: 0; height: 44px; padding: 0 9px; gap: 7px; }
  .search-field input { font-size: 14px; height: 42px; }
  .search-field svg { width: 16px; height: 16px; }
  .search-field kbd { display: none; }
  .track-columns { grid-template-columns: 28px minmax(0,1fr) 48px 44px; padding: 0 0 11px 12px; font-size: 10px; letter-spacing: .7px; }
  .track-row { grid-template-columns: minmax(0,1fr) 44px; }
  .track-button { grid-template-columns: 28px minmax(0,1fr) 48px; min-height: 78px; padding: 14px 0 14px 12px; }
  .track-number { font-size: 11px; }
  .track-number svg { width: 16px; height: 16px; }
  .track-name { font-size: 14px; line-height: 1.4; }
  .track-detail { font-size: 12px; line-height: 1.5; margin-top: 5px; }
  .track-length { font-size: 11px; }
  .track-download { min-width: 44px; min-height: 44px; padding: 0 12px; }
  .track-download svg { width: 17px; height: 17px; }
  .empty-state { font-size: 14px; padding: 28px 12px; }
  .preservation-note { gap: 12px; }
  .note-icon { width: 32px; height: 32px; }
  .note-icon svg { width: 16px; height: 16px; }
  .preservation-note > div:nth-child(2) { min-width: 0; }
  .preservation-note h3 { font-size: 17px; line-height: 1.4; margin-bottom: 9px; }
  .preservation-note p, .preservation-note p.source-note { font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
  .preservation-note p.source-note { margin-top: 10px; }
  dialog { padding: 26px 22px; }
  dialog .eyebrow { font-size: 10px; }
  dialog dl > div { font-size: 13px; }
  dialog kbd { font-size: 12px; }
  .dialog-close { min-width: 44px; min-height: 44px; right: 5px; top: 5px; }
  .dialog-hint { font-size: 12px; }
}
/* Named repeat choices keep the icon and keyboard shortcut discoverable. */
.repeat-mode-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px 12px;
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid #61715a55;
  color: #b2bba4;
}
.repeat-mode-row > span { font-size: 11px; line-height: 1.5; }
.repeat-choices {
  display: flex;
  flex: 0 1 265px;
  width: 265px;
  max-width: 100%;
  min-width: 0;
  gap: 3px;
  padding: 3px;
  border: 1px solid #61715a99;
  border-radius: 5px;
  background: #1c271f;
}
.repeat-choices button {
  flex: 1 1 0;
  min-width: 0;
  min-height: 32px;
  padding: 7px 6px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #b8c1ad;
  font-size: 11px;
  line-height: 1.4;
  white-space: nowrap;
}
.repeat-choices button:hover { color: #f0d392; background: #34422e; }
.repeat-choices button[aria-pressed=true] { background: #edc675; color: #233026; font-weight: 700; }
.song-loop-panel[hidden] { display: none !important; }
.song-loop-panel {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid #a9b18a77;
  border-radius: 6px;
  background: #34422e88;
}
.song-loop-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.song-loop-heading strong { color: #f2dfb5; font-size: 14px; line-height: 1.5; }
.song-loop-heading button {
  min-height: 44px;
  max-width: 100%;
  padding: 10px 14px;
  border: 1px solid #a9b18a;
  border-radius: 4px;
  background: #1c271f;
  color: #e4e5ce;
  font: inherit;
  font-size: 12px;
  line-height: 1.5;
  cursor: pointer;
}
.song-loop-heading button:hover { background: #43513a; }
.song-loop-heading button[aria-checked=true] { background: #edc675; border-color: #edc675; color: #233026; font-weight: 700; }
.song-loop-heading button:focus-visible { outline: 2px solid #fff0c7; outline-offset: 4px; }
.song-loop-panel p { margin: 10px 0 0; color: #c7cdb7; font-size: 12px; line-height: 1.65; }
.song-loop-panel .song-loop-state { color: #f2dfb5; font-size: 11px; }
@media (max-width: 660px) {
  .repeat-mode-row { margin-top: 16px; padding-top: 16px; gap: 10px; }
  .repeat-mode-row > span { font-size: 12px; }
  .repeat-choices { width: 100%; flex-basis: 100%; }
  .repeat-choices button { min-height: 44px; font-size: 11px; padding: 9px 4px; }
  .song-loop-panel { padding: 14px; }
  .song-loop-heading button { flex: 1 1 100%; }
}