@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b0d13;--panel:#121622;--panel2:#191d2b;--text:#f6f6f1;--muted:#a4abb9;--line:#333847;--lime:#d5f259;--pink:#ff8a90;font-family:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.skip-link{position:absolute;top:-80px;left:16px;background:var(--lime);color:#10131a;padding:12px;z-index:20}.skip-link:focus{top:12px}.site-shell{max-width:1680px;margin:auto;padding:0 clamp(20px,4.2vw,76px)}.site-header{height:90px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:38px}.brand{display:flex;align-items:baseline;gap:13px;margin-right:auto}.brand-mark{font:800 30px/1 'Manrope',sans-serif;letter-spacing:-.1em}.brand-mark span{font-weight:500;letter-spacing:-.07em}.brand-note,.overline,.eyebrow,.intro-right,.media-label,.queue-top,#result-count,.queue-foot,.artist-index,.playlist-number,.playlist-action,.asset-note{font-size:.75rem;font-weight:700;letter-spacing:.14em}.brand-note{font-size:.57rem;color:var(--muted);white-space:nowrap}.top-nav{display:flex;gap:32px;font-size:.88rem;color:#c5cad5}.top-nav a:hover,.channel-link:hover,.footer a:hover{color:var(--lime)}.channel-link{border:1px solid #565d6c;border-radius:100px;padding:11px 16px;font-size:.83rem;white-space:nowrap}.channel-link span{margin-left:8px;color:var(--lime)}.intro-strip{display:flex;justify-content:space-between;align-items:center;padding:25px 0;color:#b5bfca}.eyebrow{color:var(--lime)}.eyebrow i{display:inline-block;width:4px;height:4px;background:var(--lime);border-radius:50%;vertical-align:middle;margin:0 9px}.intro-right{letter-spacing:.04em;text-transform:none}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin:16px 0 30px}.overline{color:var(--lime);margin:0 0 12px}.section-heading h1,.section-heading h2,.feature-bottom h2,.artist-name,.playlist-title{font-family:'Manrope',system-ui,sans-serif}.section-heading h1{font-size:clamp(2.3rem,4.5vw,5.1rem);letter-spacing:-.07em;line-height:1.08;margin:0;font-weight:700}.section-heading h1 em,.playlist-title em{color:var(--lime);font-style:normal}.heading-aside{color:var(--muted);max-width:285px;font-size:.97rem;line-height:1.5;margin:0 0 3px}.discovery-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(360px,.78fr);gap:17px}.feature-panel,.queue-panel{background:var(--panel);border:1px solid #333847;border-radius:14px;overflow:hidden}.feature-media{position:relative;aspect-ratio:16/9;background:linear-gradient(125deg,#101a28,#39262d);overflow:hidden}.feature-media>img{width:100%;height:100%;object-fit:cover;display:block}.media-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,8,14,.75),transparent 43%)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.75);background:rgba(14,19,25,.68);backdrop-filter:blur(8px);color:white;font-size:1.4rem;transition:background .2s,scale .2s}.play-button span{margin-left:4px}.play-button:hover{background:var(--lime);color:#0b0d13;scale:1.08}.media-label{position:absolute;left:24px;bottom:24px;right:24px;display:flex;justify-content:space-between;color:white}.feature-media iframe{width:100%;height:100%;border:0}.feature-bottom{display:flex;justify-content:space-between;gap:22px;align-items:end;padding:24px 25px 27px}.feature-bottom h2{font-size:clamp(1.75rem,2.5vw,2.6rem);letter-spacing:-.055em;line-height:1.1;margin:0 0 8px}.feature-description{color:var(--muted);font-size:.95rem;line-height:1.45;margin:0}.primary-cta{background:var(--lime);color:#11151b;padding:15px 19px;border-radius:7px;font-weight:800;font-size:.86rem;white-space:nowrap}.primary-cta span{margin-left:10px}.primary-cta:hover{background:#e5ff79}.queue-panel{display:flex;flex-direction:column;min-height:0}.queue-top{display:flex;justify-content:space-between;padding:24px 23px 9px;color:var(--muted)}.queue-top .overline{margin:0}.filters{display:flex;gap:7px;overflow:auto;padding:12px 23px 17px;scrollbar-width:thin}.filter{background:transparent;border:1px solid #464b5a;color:#c3c8d2;padding:7px 12px;border-radius:100px;font-size:.78rem;white-space:nowrap}.filter.active{background:var(--lime);border-color:var(--lime);color:#13171e;font-weight:800}.video-list{overflow:auto;max-height:440px;scrollbar-color:#4a5060 transparent}.video-row{width:100%;display:grid;grid-template-columns:100px 1fr 18px;align-items:center;gap:15px;text-align:left;background:transparent;color:var(--text);border:0;border-top:1px solid #303542;padding:12px 22px}.video-row:hover,.video-row.selected{background:#242a37}.video-row.selected{box-shadow:inset 3px 0 var(--lime)}.video-thumb{position:relative;display:block;aspect-ratio:16/9;background:#2a2e3b;border-radius:4px;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb>span{position:absolute;bottom:3px;right:4px;background:rgba(0,0,0,.8);font-size:.64rem;padding:1px 4px;border-radius:2px}.row-copy{min-width:0}.row-copy strong{display:block;font-size:.88rem;line-height:1.25}.row-copy small{display:block;color:var(--muted);font-size:.74rem;margin-top:5px}.row-arrow{color:var(--lime);opacity:.5}.video-row.selected .row-arrow,.video-row:hover .row-arrow{opacity:1}.queue-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #303542;color:var(--muted);padding:12px 23px;margin-top:auto;font-size:.65rem}.queue-foot button{color:white;background:transparent;border:1px solid #515766;border-radius:50%;width:32px;height:32px;margin-left:6px}.queue-foot button:hover{color:#111;background:var(--lime)}.artists-section,.playlists-section{padding-top:92px}.section-heading.compact h2{font-size:clamp(2rem,3.1vw,3.6rem);letter-spacing:-.065em;line-height:1.1;margin:0}.artist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.artist-card{min-height:250px;border:1px solid #444a58;border-radius:12px;padding:23px;background:#1c2530;color:white;text-align:left;display:flex;flex-direction:column;align-items:start;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.artist-card:hover{transform:translateY(-4px);border-color:var(--lime)}.artist-one{background:linear-gradient(140deg,#2d3c4b,#121b26 65%,#333035)}.artist-two{background:linear-gradient(140deg,#44303e,#211b2f 65%,#282b43)}.artist-three{background:linear-gradient(140deg,#3c3430,#1b2029 65%,#283944)}.artist-card:after{content:'';position:absolute;width:230px;height:230px;right:-80px;bottom:-115px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.025),0 0 0 49px rgba(255,255,255,.022);pointer-events:none}.artist-index{color:#cdd3db}.artist-name{font-size:clamp(1.9rem,2.8vw,3.2rem);font-weight:700;letter-spacing:-.065em;margin-top:auto;position:relative;z-index:1}.artist-meta{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid rgba(255,255,255,.27);margin-top:15px;padding-top:14px;font-size:.82rem;position:relative;z-index:1}.artist-meta b{font-size:1.2rem;font-weight:400;color:var(--lime)}.playlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.playlist-card{min-height:300px;display:flex;flex-direction:column;text-align:left;border:1px solid #494d5b;border-radius:12px;padding:23px;background:#171c27;color:var(--text);transition:background .2s,border-color .2s}.playlist-card[href]:hover,.playlist-card:not(.playlist-pending):hover{background:#232b39;border-color:var(--lime)}.playlist-number{color:var(--pink)}.playlist-title{font-size:clamp(1.9rem,2.8vw,3.15rem);font-weight:700;line-height:1.04;letter-spacing:-.065em;margin:35px 0 12px}.playlist-feature .playlist-title em{color:var(--pink)}.playlist-sub{color:var(--muted);font-size:.9rem;line-height:1.45;margin:auto 0 18px}.playlist-action{display:flex;justify-content:space-between;border-top:1px solid #4b5060;padding-top:14px;color:var(--lime);font-size:.7rem}.playlist-action b{font-size:1.1rem;font-weight:400}.playlist-pending{opacity:.75}.pending-label{color:#c6cad1}.asset-note{color:#8e96a5;font-size:.76rem;letter-spacing:0;font-weight:400;line-height:1.5;margin:18px 0 0}.footer{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:100px;padding:28px 0 44px}.footer p{margin:0;color:var(--muted);font-size:.85rem;flex:1}.footer a{font-size:.85rem}
@media(max-width:1100px){.discovery-grid{grid-template-columns:1fr}.queue-panel{max-height:none}.video-list{display:grid;grid-template-columns:repeat(2,1fr);max-height:315px}.video-row:nth-child(2){border-top:1px solid #303542}}@media(max-width:700px){.site-shell{padding:0 18px}.site-header{height:auto;min-height:76px;flex-wrap:wrap;gap:12px;padding:18px 0}.brand-note,.intro-right,.heading-aside{display:none}.brand-mark{font-size:26px}.top-nav{order:3;width:100%;justify-content:space-between;gap:12px;padding-top:9px}.channel-link{font-size:.72rem;padding:8px 10px}.intro-strip{padding:20px 0 10px}.section-heading{margin:12px 0 22px}.section-heading h1{font-size:2.65rem}.feature-bottom{display:block;padding:20px}.primary-cta{display:inline-block;margin-top:20px}.play-button{width:62px;height:62px}.media-label{left:15px;right:15px;bottom:13px;font-size:.61rem}.queue-top{padding:22px 17px 8px}.filters{padding:10px 17px 15px}.video-list{display:block;max-height:362px}.video-row{padding:11px 16px;grid-template-columns:90px 1fr 14px;gap:12px}.queue-foot{padding:12px 17px}.artists-section,.playlists-section{padding-top:70px}.artist-grid,.playlist-grid{grid-template-columns:1fr}.artist-card{min-height:185px}.playlist-card{min-height:245px}.playlist-title{margin-top:20px}.footer{display:block;margin-top:70px}.footer p{margin:15px 0}.footer a{display:inline-block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.response-panel{border-top:1px solid #343b49;border-bottom:1px solid #343b49;background:#1b2230;padding:16px 23px 18px}.response-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.response-heading .overline{margin:0}.response-heading #session-count{color:#b9c4cf;font-size:.75rem;font-weight:700;letter-spacing:.08em}.response-track{font:700 1rem/1.35 'Manrope',system-ui,sans-serif;margin:10px 0 13px}.replay-question{border:0;margin:0;padding:0}.replay-question legend,.notes-label{font-size:.88rem;font-weight:700;color:#e0e6ed}.reaction-options{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 13px}.reaction-options label{border:1px solid #56606f;border-radius:8px;padding:7px 11px;color:#f3f5f0;font-size:.88rem;cursor:pointer}.reaction-options label:has(input:checked){border-color:var(--lime);background:#354126}.reaction-options input{accent-color:var(--lime);margin:0 5px 0 0}.reaction-options input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.notes-label{display:flex;justify-content:space-between}.notes-label span{font-weight:400;color:var(--muted)}.response-panel textarea{display:block;width:100%;resize:vertical;min-height:56px;margin:8px 0 11px;padding:10px 12px;color:var(--text);background:#101722;border:1px solid #56606f;border-radius:7px;font:400 .9rem/1.45 'DM Sans',system-ui,sans-serif}.response-panel textarea::placeholder{color:#aab3c2}.response-panel textarea:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.response-actions{display:flex;gap:9px;flex-wrap:wrap}.response-actions button{padding:10px 12px;border-radius:7px;font-size:.82rem;font-weight:800}.save-response{border:1px solid var(--lime);background:var(--lime);color:#141a1f}.copy-response{border:1px solid #738091;background:transparent;color:var(--text)}.response-actions button:hover{filter:brightness(1.14)}.response-status{min-height:1.3em;margin:11px 0 0;color:#bac3d0;font-size:.78rem;line-height:1.4}.response-panel .session-output{min-height:120px;margin-top:11px}.response-panel .session-output[hidden]{display:none}.video-list{max-height:300px}
@media(max-width:700px){.response-panel{padding:16px 17px}.video-list{max-height:362px}}