html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.loading-progress {
    position: absolute;
    display: block;
    width: 8rem;
    height: 8rem;
    inset: 20vh 0 auto 0;
    margin: 0 auto 0 auto;
}

    .loading-progress circle {
        fill: none;
        stroke: #e0e0e0;
        stroke-width: 0.6rem;
        transform-origin: 50% 50%;
        transform: rotate(-90deg);
    }

        .loading-progress circle:last-child {
            stroke: #1b6ec2;
            stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
            transition: stroke-dasharray 0.05s ease-in-out;
        }

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }

code {
    color: #c02d76;
}

:root{--ink:#f7f3fb;--muted:#aaa5b7;--night:#0e0c18;--panel:#181525;--lime:#d9ff57;--violet:#9a79ff;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{font-family:"Segoe UI",Arial,sans-serif;background:var(--night);color:var(--ink);margin:0}body{min-width:320px}h1,h2,h3,p{margin-top:0}button,input,select,textarea{font:inherit}.section-shell{max-width:1280px;margin:0 auto;padding-left:clamp(22px,6vw,80px);padding-right:clamp(22px,6vw,80px)}.eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:800;color:var(--lime)}.hero{min-height:690px;padding:90px clamp(22px,7vw,112px);display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(154,121,255,.22),transparent 34%),linear-gradient(145deg,#0e0c18,#181326)}.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(4.2rem,8vw,8.4rem);line-height:.83;letter-spacing:-.06em;margin:24px 0 32px}.hero h1 em{color:var(--lime);font-weight:500}.hero p{max-width:560px;font-size:1.2rem;line-height:1.65;color:var(--muted)}.primary,.light-button{display:inline-flex;align-items:center;gap:48px;margin-top:22px;padding:16px 20px;border:1px solid var(--line);color:#fff;text-decoration:none;font-weight:750;border-radius:4px}.primary:hover{border-color:var(--lime);color:var(--lime)}.record{width:min(43vw,510px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 5px,rgba(255,255,255,.025) 6px 7px),radial-gradient(circle,#282333 0 15%,#111018 15.5% 63%,#292536 64%);display:grid;place-items:center;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.6);animation:float 7s ease-in-out infinite}.record::after{content:"";position:absolute;width:10px;height:10px;background:var(--night);border-radius:50%}.record-label{width:29%;aspect-ratio:1;border-radius:50%;background:var(--lime);color:#171421;display:grid;place-items:center;text-align:center;font-size:clamp(.55rem,1.1vw,.85rem);line-height:1.25;font-weight:900;letter-spacing:.09em}@keyframes float{50%{transform:translateY(-12px) rotate(2deg)}}.catalog{padding-top:95px;padding-bottom:110px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-head h2,.idea-cta h2{font-family:Georgia,serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:500;margin:10px 0}.search{display:flex;align-items:center;border-bottom:1px solid #6e687b;padding:7px 0;min-width:340px}.search input{flex:1;background:none;border:0;outline:0;color:#fff;padding:9px}.search button,.state button,.success button{border:0;background:none;color:var(--lime);font-weight:750}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.track-card{text-decoration:none;color:#fff}.cover,.detail-cover{aspect-ratio:1;background-color:#292338;background-image:linear-gradient(135deg,#302a45,#15131e);background-size:cover;background-position:center;position:relative;display:grid;place-items:center;overflow:hidden}.cover::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.6))}.play{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:var(--lime);color:#15131d;opacity:0;transform:scale(.8);transition:.2s}.track-card:hover .play{opacity:1;transform:scale(1)}.cover small{position:absolute;bottom:17px;left:18px;text-transform:uppercase;letter-spacing:.14em}.track-copy{padding:20px 2px}.track-copy>span{color:var(--violet);text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.12em}.track-copy h3{font-family:Georgia,serif;font-size:1.7rem;margin:8px 0 4px}.track-copy p{color:var(--muted)}.empty,.state{padding:75px 25px;text-align:center;border:1px solid var(--line);background:var(--panel)}.empty>span{font-size:3rem;color:var(--lime)}.empty h3{font-family:Georgia,serif;font-size:2rem;margin:18px 0 8px}.empty p,.state{color:var(--muted)}.idea-cta{padding:75px clamp(22px,7vw,112px);background:var(--lime);color:#15131e;display:flex;justify-content:space-between;align-items:center;gap:40px}.idea-cta>div{max-width:720px}.idea-cta .eyebrow{color:#5a602a}.idea-cta p{color:#4f513e}.light-button{border-color:#292536;color:#15131e;white-space:nowrap}.track-page{padding-top:56px;padding-bottom:100px}.back{color:var(--muted);text-decoration:none}.track-hero{display:grid;grid-template-columns:minmax(260px,430px) 1fr;align-items:center;gap:clamp(35px,7vw,100px);padding:50px 0}.detail-cover{box-shadow:25px 25px 0 var(--lime)}.detail-cover span{font-size:6rem;color:var(--lime)}.track-hero h1{font-family:Georgia,serif;font-size:clamp(3.2rem,7vw,7rem);line-height:.9;margin:20px 0}.track-hero h2{color:var(--violet);font-size:1.3rem}.track-hero p{max-width:620px;color:var(--muted);line-height:1.7}.media-panel{background:var(--panel);padding:24px;margin:35px 0}.media-panel audio,.media-panel video{display:block;width:100%;max-height:70vh}.lyrics{max-width:760px;margin:90px auto 20px}.lyrics h2{font-family:Georgia,serif;font-size:3rem;margin:12px 0 34px}.lyrics>div{white-space:pre-wrap;font-family:Georgia,serif;font-size:1.25rem;line-height:1.95;color:#ddd8e5}.page-state{margin:80px auto;max-width:800px}.ideas-page{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,120px);padding-top:85px;padding-bottom:100px}.ideas-copy h1{font-family:Georgia,serif;font-size:clamp(3.2rem,5.6vw,6.2rem);line-height:.95;margin:22px 0 30px}.ideas-copy>p{color:var(--muted);font-size:1.08rem;line-height:1.7}.idea-note{display:flex;flex-direction:column;gap:8px;border-left:3px solid var(--lime);padding:5px 0 5px 20px;margin-top:40px}.idea-note span{color:var(--muted)}.idea-form{background:#f5f0f7;color:#171421;padding:clamp(25px,5vw,55px)}.idea-form form{display:grid;gap:19px}.idea-form label{font-weight:750;display:grid;gap:7px}.idea-form label small{font-weight:400;color:#706a78}.idea-form input,.idea-form select,.idea-form textarea{width:100%;border:1px solid #d2cbd7;background:#fff;padding:13px;outline:none}.idea-form input:focus,.idea-form select:focus,.idea-form textarea:focus{border-color:#6c4bd4;box-shadow:0 0 0 3px rgba(108,75,212,.12)}.idea-form .validation-message,.form-error{font-size:.85rem;color:#b72b45}.submit{background:#171421;color:#fff;border:0;padding:16px;font-weight:800}.submit:hover{background:#554094}.submit:disabled{opacity:.6}.success{text-align:center;padding:50px 10px}.success>span{font-size:2.5rem;color:#4c8d39}.success h2{font-family:Georgia,serif;font-size:2.4rem}.success button{color:#554094}.loading-shell{position:absolute;inset:0;display:grid;place-items:center;color:#fff}.loading-dot{width:50px;height:50px;border:4px solid rgba(255,255,255,.15);border-top-color:var(--lime);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.record{display:none}.track-grid{grid-template-columns:repeat(2,1fr)}.ideas-page{grid-template-columns:1fr}.track-hero{grid-template-columns:1fr}.detail-cover{max-width:420px}.section-head{align-items:stretch;flex-direction:column}.search{min-width:0;width:100%}}@media(max-width:580px){.hero{padding-top:70px;padding-bottom:75px}.hero h1{font-size:3.7rem}.track-grid{grid-template-columns:1fr}.idea-cta{align-items:flex-start;flex-direction:column}.light-button{margin-top:0}.catalog{padding-top:70px}.detail-cover{box-shadow:12px 12px 0 var(--lime)}}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}

.card-stats{display:flex;justify-content:space-between;gap:12px;color:#918b9e;font-size:.78rem;margin-top:14px}.card-stats span:first-child{color:#d9ff57}.track-stats{display:flex;flex-wrap:wrap;gap:12px 24px;color:#b9b3c3;font-size:.92rem;margin-top:30px}.track-stats span:last-child{color:#d9ff57}.reaction-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:55px;background:#181525;margin:70px 0}.reaction-panel h2,.comments h2{font-family:Georgia,serif;font-size:2.2rem;margin:10px 0 20px}.stars{display:flex;gap:5px}.stars button{appearance:none;border:0;background:none;color:#5b5567;font-size:2.5rem;line-height:1;cursor:pointer;padding:2px}.stars button.selected,.stars button:hover{color:#d9ff57}.stars button:disabled{cursor:wait}.action-message{color:#aaa5b7;margin:15px 0 0}.comment-form>p,.no-comments{color:#aaa5b7}.comment-form form{display:grid;gap:15px}.comment-form label{display:grid;gap:7px;font-weight:700}.comment-form input,.comment-form textarea{width:100%;background:#0f0d18;border:1px solid rgba(255,255,255,.16);color:#fff;padding:12px;outline:none}.comment-form input:focus,.comment-form textarea:focus{border-color:#9a79ff}.comment-sent{border-left:3px solid #d9ff57;background:#100e19;padding:18px;color:#d9ff57}.comments{max-width:820px;margin:95px auto 10px}.comments>article{border-top:1px solid rgba(255,255,255,.1);padding:25px 0}.comments>article>div{display:flex;justify-content:space-between;gap:20px}.comments time{color:#817b8e;font-size:.85rem}.comments article p{color:#d7d2dd;white-space:pre-wrap;margin:12px 0 0;line-height:1.65}@media(max-width:760px){.reaction-panel{grid-template-columns:1fr;padding:28px;gap:45px}.card-stats{flex-direction:column}}