:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#1a1a1a}#root{min-height:100vh;display:flex;flex-direction:column}a{color:#0a84ff;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}h1{font-size:1.5rem;font-weight:700;margin:0 0 1rem;letter-spacing:-.02em}input,textarea{font-family:inherit;font-size:1rem}.app-layout{display:flex;height:100vh;min-height:100vh;width:100%;overflow:hidden}.dashboard-panel{min-width:0;min-height:0;background-color:#1a1a1a;overflow-y:auto;padding:1.5rem 2rem 2rem}.resize-handle{width:6px;background:transparent;cursor:col-resize;position:relative;flex-shrink:0;transition:background .2s}.resize-handle:hover,.resize-handle[data-separator=active]{background:#0a84ff80}.resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:32px;border-radius:2px;background:#ffffff26;transition:background .2s}.resize-handle:hover:after,.resize-handle[data-separator=active]:after{background:#0a84ffcc}.dashboard-panel h1{color:#fffffff2;font-size:1.75rem;margin-bottom:1rem}.dashboard-section{margin-bottom:2.5rem}.dashboard-section-title{display:flex;align-items:center;gap:.25rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#fffffff2}.dashboard-section-title-h2{font-size:1rem;margin-top:.5rem;margin-bottom:.75rem}.dashboard-section-title-h2:first-of-type{margin-top:0}.dashboard-section-title-h2:not(:first-of-type){margin-top:1.25rem}.top-results-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:.75rem;margin-bottom:2rem}.carousel-wrapper{position:relative}.carousel-wrapper:before,.carousel-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:3.5rem;z-index:1;pointer-events:none}.carousel-wrapper:before{left:0;background:linear-gradient(to right,#1a1a1a,transparent)}.carousel-wrapper:after{right:0;background:linear-gradient(to left,#1a1a1a,transparent)}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(calc(-50% - 1.1rem));width:48px;height:80px;background:none;border:none;padding:0;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .2s}.carousel-nav-btn:hover{opacity:1}.carousel-nav-btn svg{display:block}.carousel-nav-btn.is-hidden{visibility:hidden;pointer-events:none}.carousel-nav-btn-left{left:0}.carousel-nav-btn-right{right:0}.carousel-wrapper--artists .carousel-nav-btn{transform:translateY(calc(-50% - 2rem))}.horizontal-scroll{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:0 3.5rem .5rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:3.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll::-webkit-scrollbar{display:none}.top-result-card{position:relative;display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#ffffff0f;border:none;border-radius:8px;color:inherit;text-align:left;cursor:pointer;transition:background .2s}.top-result-card:hover{background:#ffffff1a}.top-result-card-thumb{position:relative;width:56px;height:56px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#ffffff1a}.top-result-card-thumb img{width:100%;height:100%;object-fit:cover}.top-result-card-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.top-result-card-title{font-weight:600;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-result-card-subtitle{font-size:.8125rem;color:#ffffff8c}.top-result-card--skeleton{cursor:default;pointer-events:none}.top-result-card--skeleton .top-result-card-thumb,.top-result-card--skeleton .top-result-card-title,.top-result-card--skeleton .top-result-card-subtitle{background:#ffffff14;color:transparent}.top-result-card--skeleton .top-result-card-title{width:60%;min-height:1em}.top-result-card--skeleton .top-result-card-subtitle{width:40%;min-height:.8125rem}.artist-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex-shrink:0;width:170px;background:none;border:none;color:inherit;cursor:pointer;padding:.25rem 0;transition:opacity .2s;scroll-snap-align:start}.artist-card:hover{opacity:.85}.artist-card-image-wrap{width:150px;height:150px;border-radius:50%;overflow:hidden;background:#ffffff1a}.artist-card-image-wrap img{width:100%;height:100%;object-fit:cover}.artist-card-name{font-size:.8125rem;font-weight:500;text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-card{display:flex;flex-direction:column;flex-shrink:0;width:256px;background:none;border:none;color:inherit;cursor:pointer;padding:0;text-align:left;transition:opacity .2s;scroll-snap-align:start}.item-card:hover{opacity:.9}.item-card-image-wrap{width:256px;height:256px;border-radius:6px;overflow:hidden;background:#ffffff1a;margin-bottom:.5rem}.item-card-image-wrap img{width:100%;height:100%;object-fit:cover}.item-card-title{font-size:.875rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-card-tooltip,.artist-card-tooltip,.top-result-card-tooltip{padding:.375rem .5rem;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.75rem;line-height:1.3;color:#ffffffe6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:2}.item-card-tooltip{position:absolute;left:0;right:0;bottom:0}.artist-card-tooltip{display:block;max-width:100%;text-align:center;border-radius:4px}.top-result-card-tooltip{position:absolute;top:100%;left:0;right:0;margin-top:.01rem;border-radius:4px}.item-card-tooltip a,.artist-card-tooltip a,.top-result-card-tooltip a{color:#ffffffe6;text-decoration:none}.item-card-tooltip a:hover,.artist-card-tooltip a:hover,.top-result-card-tooltip a:hover{text-decoration:underline}.item-card:hover .item-card-tooltip,.artist-card:hover .artist-card-tooltip,.top-result-card:hover .top-result-card-tooltip{opacity:1;transform:translateY(0);pointer-events:auto}.item-card-image-wrap{position:relative}.chat-panel{flex:0 0 35%;max-width:35%;min-width:280px;min-height:0;background-color:#161616;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;height:100%}.chat-messages-container{flex:1;overflow-y:auto;padding:1rem 1.25rem}.chat-input-area{flex-shrink:0;padding:1rem 1.25rem 1.25rem;border-top:1px solid rgba(255,255,255,.08)}.chat-messages-empty{padding:2rem 0;text-align:center;color:#ffffff80;font-size:.9375rem}.chat-messages-list{display:flex;flex-direction:column;gap:0}.user-message-bubble{display:flex;justify-content:flex-end;margin-bottom:1rem}.user-message-bubble .bubble{max-width:85%;padding:.75rem 1rem;background-color:#0a84ff;color:#fff;border-radius:1.25rem 1.25rem .25rem;font-size:.9375rem;line-height:1.4}.ai-response-block{margin-bottom:1.5rem;color:#ffffffe6}.ai-response-block .message-text{font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.ai-response-block .markdown-body p{margin:0 0 .5rem}.ai-response-block .markdown-body p:last-child{margin-bottom:0}.ai-response-block .markdown-body ul,.ai-response-block .markdown-body ol{margin:.5rem 0;padding-left:1.25rem}.ai-response-block .markdown-body code{background:#ffffff1a;padding:.15rem .35rem;border-radius:4px;font-size:.875em}.ai-response-block .metadata-media{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.ai-response-block .metadata-media img{max-width:200px;border-radius:8px;object-fit:cover}.ai-response-block .metadata-media video{max-width:280px;border-radius:8px}.ai-response-block .metadata-media iframe{width:280px;height:158px;border:none;border-radius:8px}.ai-response-block a{color:#0a84ff}.chat-input-wrapper{display:flex;align-items:center;gap:.5rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.625rem .75rem}.chat-input-wrapper textarea{flex:1;max-height:120px;padding:.5rem 0;background:transparent;border:none;color:#fff;font-size:.9375rem;line-height:1.5;resize:none;outline:none}.chat-input-wrapper textarea::placeholder{color:#fff6}.chat-send-btn{flex-shrink:0;width:36px;height:36px;border-radius:8px;border:none;background:#0a84ff;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s}.chat-send-btn:hover{background:#409cff}.chat-send-btn:disabled{background:#fff3;cursor:not-allowed}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.typing-indicator{display:flex;align-items:center;gap:6px;margin-bottom:1.5rem}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:#fff9;animation:typing-bounce 1.4s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.ai-response-block .metadata-section{margin-top:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.ai-response-block .metadata-section:last-child{border-bottom:none}.ai-response-block .metadata-heading{font-size:1rem;font-weight:600;color:#fffffff2;margin:0 0 .5rem}.source-badge-wrapper{position:relative;display:inline-block;margin-top:.5rem}.source-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.12);border-radius:9999px;color:#ffffffb3;font-size:.8125rem;cursor:pointer;transition:background .2s,border-color .2s}.source-badge:hover{background:#ffffff24;border-color:#ffffff2e;color:#ffffffe6}.source-badge-favicons{display:flex;align-items:center}.source-badge-favicon{width:20px;height:20px;border-radius:50%;object-fit:cover;margin-left:-6px;border:1px solid rgba(255,255,255,.12)}.source-badge-favicon:first-child{margin-left:0}.source-badge-label{margin-left:.15rem}.source-list-overlay{position:absolute;left:0;bottom:100%;margin-bottom:.5rem;min-width:280px;max-width:320px;max-height:320px;overflow-y:auto;background-color:#252525;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 8px 24px #0006;z-index:10}.source-list-header{margin:0;padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:#fffffff2;border-bottom:1px solid rgba(255,255,255,.08)}.source-list{list-style:none;margin:0;padding:0}.source-list-item{border-bottom:1px solid rgba(255,255,255,.06)}.source-list-item:last-child{border-bottom:none}.source-list-link{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem 1rem;color:inherit;text-decoration:none;transition:background .15s}.source-list-link:hover{background:#ffffff0f}.source-list-favicon{flex-shrink:0;width:16px;height:16px;border-radius:2px;object-fit:cover}.source-list-item-content{display:flex;flex-direction:column;gap:.15rem;min-width:0}.source-list-item-domain{font-size:.75rem;color:#ffffff80}.source-list-item-title{font-size:.8125rem;font-weight:500;color:#ffffffe6;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009}.modal-card{max-width:360px;width:calc(100% - 2rem);padding:1.5rem;background-color:#252525;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 8px 32px #0006}.modal-title{margin:0 0 .75rem;font-size:1.125rem;font-weight:600;color:#fffffff2}.modal-message{margin:0 0 1.25rem;font-size:.9375rem;line-height:1.5;color:#fffc}.modal-close-btn{display:block;width:100%;padding:.625rem 1rem;font-size:.9375rem;font-weight:500;color:#fff;background-color:#0a84ff;border:none;border-radius:8px;cursor:pointer}.modal-close-btn:hover{background-color:#06c}.modal-close-btn:focus-visible{outline:2px solid #0a84ff;outline-offset:2px}