*{margin:0;padding:0;font-family:Ubuntu,sans-serif;font-weight:300;color:var(--primary)}body{background-color:var(--background);overflow-x:hidden}:root{--background: #212228;--primary: #e8e8e8;--primary-hover: #ffffff;--primary-disabled: #6b6b6b;--teal: #3dd8c8;--teal-hover: #2bc4b5;--gold: #d4b896;--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(--teal)!important;color:var(--teal)!important;stroke:var(--teal)!important}.active:hover{border-color:var(--teal-hover)!important;color:var(--teal-hover)!important;stroke:var(--teal-hover)!important}.playing{background-color:var(--teal)!important}.playing:hover{background-color:var(--teal-hover)!important}.loading{background-color:var(--teal)!important}.loading:hover{background-color:var(--teal-hover)!important}.spinner{animation:spin 1s linear infinite}.nav-button{flex:1;border:none;stroke:var(--gold)}.nav-button:hover{background:var(--hover);stroke:var(--gold-hover)}.pill-button{border:1px solid var(--gold);color:var(--gold);background-color:var(--background);border-radius:999px;padding:.2rem .6rem;cursor:pointer;transition:all .2s ease}.pill-button:hover:not(:disabled){border-color:var(--gold-hover);color:var(--gold-hover)}.text-link{border:none;background:none;color:var(--gold);cursor:pointer;font-size:1rem;transition:color .2s ease;padding:.2rem .6rem}.text-link:hover{color:var(--gold-hover)}.tab-button{border:none;background:none;color:var(--gold-hover)!important;cursor:pointer;transition:color .2s ease}.tab-button:hover,.tab-button.active{color:var(--gold)!important}::-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;height:100dvh;overflow:hidden;background-color:var(--background);box-shadow:0 0 50px #00000080}.section-title{margin:70px 10px 0;font-size:2rem;color:var(--gold);font-family:Bebas Neue;text-align:center}.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(--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(--gold-hover)}.play-button.disabled{background:var(--gold-hover);cursor:default}.play-button.disabled:hover{background:var(--gold-hover)}.subtle-text{margin:0;font-size:.9rem;color:gray;font-style:italic;white-space:nowrap}.item-title{margin:0;font-size:1.1rem;color:var(--primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.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}}.shimmer{background:linear-gradient(90deg,var(--card-bg) 25%,var(--secondary) 50%,var(--card-bg) 75%);background-size:200% 100%;animation:shimmer 2s infinite linear}@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%}