*{margin:0;padding:0;font-family:Inter,sans-serif;color:var(--primary)}body{background-color:var(--background);overflow-x:hidden}:root{--background: #212228;--primary: #e8e8e8;--primary-hover: #ffffff;--primary-disabled: #6b6b6b;--rtml-teal: #3dd8c8;--rtml-teal-hover: #2bc4b5;--rtml-gold: #d4b896;--rtml-gold-hover: #a18767;--hover: rgb(45, 46, 54);--card-bg: #34353d;--border: #000000}.card{background-color:var(--card-bg);transition:background-color .2s ease;cursor:pointer}.card:hover{background-color:var(--hover)}.card:has(.play-button:hover){background-color:var(--card-bg)}.active{border-color:var(--rtml-teal)!important;color:var(--rtml-teal)!important;stroke:var(--rtml-teal)!important}.active:hover{border-color:var(--rtml-teal-hover)!important;color:var(--rtml-teal-hover)!important;stroke:var(--rtml-teal-hover)!important}.playing{background-color:var(--rtml-teal)!important}.playing:hover{background-color:var(--rtml-teal-hover)!important}.nav-button{flex:1;border:none;stroke:var(--rtml-gold)}.nav-button:hover{background:var(--hover);stroke:var(--rtml-gold-hover)}.pill-button{border:1px solid var(--rtml-gold);color:var(--rtml-gold);background-color:var(--background);border-radius:999px;padding:.2rem .6rem;cursor:pointer;transition:all .2s ease}.pill-button:hover{border-color:var(--rtml-gold-hover);color:var(--rtml-gold-hover)}.text-link{border:none;background:none;color:var(--rtml-gold);cursor:pointer;font-size:1rem;transition:color .2s ease;padding:.2rem .6rem}.text-link:hover{color:var(--rtml-gold-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e8e8e833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#e8e8e84d}*{scrollbar-width:thin;scrollbar-color:rgba(232,232,232,.2) transparent}.page{flex:1;overflow-y:auto;overflow-x:hidden}.app-container{max-width:600px;margin:0 auto;position:relative;height:100vh;overflow:hidden;background-color:var(--background);box-shadow:0 0 50px #00000080}.section-title{margin:30px 10px 10px;font-size:1.6rem;color:var(--rtml-gold);font-family:Garamond}.gradient-overlay{position:relative}.gradient-overlay:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,rgba(0,0,0,1),transparent);border-radius:inherit;pointer-events:none}.play-button{border:none;border-radius:50%;background:var(--rtml-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .1s ease;flex-shrink:0}.play-button:hover{background:var(--rtml-gold-hover)}.subtle-text{margin:0;font-size:.9rem;color:gray;font-style:italic;font-weight:500;white-space:nowrap}.item-title{margin:0;font-size:1.2rem;font-family:Garamond,serif;font-weight:400;color:var(--rtml-gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-origin{margin:0;font-size:1rem;color:var(--primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:20px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.gsi-material-button:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}.gsi-material-button:disabled .gsi-material-button-state{background-color:#e3e3e31f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#fff;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#fff;opacity:8%}