.qkb{--qkb-primary:#009f89;--qkb-primary-dark:#007a6b;--qkb-primary-light:#33b9a7;--qkb-primary-subtle:#e0f5f2;--qkb-accent:#1cedb3;--qkb-accent-subtle:#e8fdf7;--qkb-fg1:#0d2622;--qkb-fg2:#2d5a54;--qkb-fg3:#4a766e;--qkb-fg4:#8fbdb8;--qkb-text-primary:#007a6b;--qkb-btn-bg:#007a6b;--qkb-btn-bg-hover:#00635a;--qkb-border:#d4ede9;--qkb-border-strong:#6f958f;--qkb-border-light:#eef6f4;--qkb-surface:#f2faf8;--qkb-card:#fff;--qkb-radius-lg:12px;--qkb-radius-xl:16px;--qkb-radius-2xl:20px;--qkb-radius-pill:999px;--qkb-shadow-sm:0 1px 4px rgba(0,159,137,0.08),0 2px 8px rgba(0,0,0,0.05);--qkb-shadow-md:0 2px 8px rgba(0,159,137,0.08),0 4px 16px rgba(0,0,0,0.06);max-width:1440px;margin:0 auto;padding:8px 0 64px;color:var(--qkb-fg1);font-family:Plus Jakarta Sans,CalSans,system-ui,-apple-system,sans-serif}.theme--dark .qkb{--qkb-primary-subtle:rgba(0,159,137,0.28);--qkb-accent-subtle:rgba(28,237,179,0.12);--qkb-fg1:#e8f3f0;--qkb-fg2:#c5dbd6;--qkb-fg3:#8fb3ad;--qkb-fg4:#5f827c;--qkb-text-primary:#33b9a7;--qkb-border:#2d403c;--qkb-border-strong:#5f827c;--qkb-border-light:#263834;--qkb-surface:#152020;--qkb-card:#1b2624}.qkb *,.qkb :after,.qkb :before{box-sizing:border-box}.qkb button,.qkb input{font-family:inherit}.qkb :focus-visible{outline:2px solid var(--qkb-primary);outline-offset:2px}.qkb-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.qkb-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}.qkb-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--qkb-text-primary);margin-bottom:10px}.qkb-head h1{margin:0 0 8px;font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.1;font-family:CalSans,Plus Jakarta Sans,sans-serif}.qkb-head p{margin:0;max-width:640px;font-size:16px;line-height:1.5;color:var(--qkb-fg3)}.qkb-head-actions{display:flex;gap:10px;flex-wrap:wrap}.qkb-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:1px solid var(--qkb-btn-bg);background:var(--qkb-btn-bg);color:#fff!important;font-size:13.5px;font-weight:700;line-height:1;padding:11px 20px;border-radius:var(--qkb-radius-pill);text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.qkb-btn:hover{background:var(--qkb-btn-bg-hover);border-color:var(--qkb-btn-bg-hover)}.qkb-btn.ghost{background:var(--qkb-card);color:var(--qkb-fg1)!important;border-color:var(--qkb-border-strong)}.qkb-btn.ghost:hover{background:var(--qkb-surface);border-color:var(--qkb-primary-light)}.qkb-btn.ghost .v-icon{color:var(--qkb-text-primary)}.qkb-btn.small{padding:9px 16px;font-size:13px}.qkb-link{color:var(--qkb-text-primary);font-size:13.5px;font-weight:600;text-decoration:none}.qkb-link:hover{text-decoration:underline}.qkb-start{display:flex;align-items:center;gap:18px;width:100%;margin-bottom:32px;padding:12px 16px 12px 12px;text-align:left;color:inherit;cursor:pointer;background:linear-gradient(90deg,var(--qkb-accent-subtle),var(--qkb-card) 70%);border:1px solid var(--qkb-border);border-radius:var(--qkb-radius-xl);box-shadow:var(--qkb-shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.qkb-start:hover{border-color:var(--qkb-primary-light);box-shadow:var(--qkb-shadow-md)}.qkb-start-thumb{position:relative;flex:0 0 auto;width:128px;height:72px;border-radius:10px;overflow:hidden;background:#0d2622}.qkb-start-thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.qkb-start-thumb .qkb-playbtn{width:38px;height:38px}.qkb-start:hover .qkb-playbtn{background:var(--qkb-primary)}.qkb-start-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.qkb-start-text strong{font-size:15.5px;font-weight:700}.qkb-start-text span{font-size:13px;color:var(--qkb-fg3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qkb-start-cta{flex:0 0 auto}.qkb-overlay{inset:0;z-index:200;padding:24px 16px;overflow:auto;overscroll-behavior:contain;background:rgba(5,20,18,.74);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qkb-close,.qkb-overlay{position:fixed;display:flex}.qkb-close{top:16px;right:16px;z-index:1;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--qkb-border-strong);background:var(--qkb-card);color:var(--qkb-fg1);cursor:pointer;box-shadow:var(--qkb-shadow-md);transition:background .15s ease,transform .15s ease}.qkb-close .v-icon{color:inherit}.qkb-close:hover{background:var(--qkb-surface);transform:scale(1.05)}.qkb-dialog{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);width:100%;max-width:1240px;margin:auto;background:var(--qkb-card);border:1px solid var(--qkb-border);border-radius:var(--qkb-radius-2xl);box-shadow:0 24px 64px rgba(0,0,0,.35);overflow:hidden;transition:transform .2s ease}.qkb-fade-enter-active,.qkb-fade-leave-active{transition:opacity .18s ease}.qkb-fade-enter,.qkb-fade-leave-to{opacity:0}.qkb-fade-enter .qkb-dialog{transform:translateY(14px) scale(.985)}.qkb-player{min-width:0}.qkb-frame{position:relative;padding-top:56.25%;background:#0d2622}.qkb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.qkb-now{padding:22px 26px 26px}.qkb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:12.5px;color:var(--qkb-fg3);margin-bottom:10px}.qkb-meta.small{font-size:12px;gap:6px 10px;margin-bottom:8px}.qkb-featured,.qkb-suite{font-size:12px;font-weight:700;color:var(--qkb-text-primary);background:var(--qkb-accent-subtle);padding:4px 10px;border-radius:var(--qkb-radius-pill)}.qkb-featured{padding:2px 8px}.qkb-lang{border:1px solid var(--qkb-border);border-radius:6px;padding:2px 6px;font-size:11px;font-weight:700;letter-spacing:.04em}.qkb-now h2{margin:0 0 8px;font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.25}.qkb-now p{margin:0 0 18px;font-size:14.5px;line-height:1.6;color:var(--qkb-fg2)}.qkb-now-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.qkb-now-actions .qkb-btn{max-width:100%;white-space:normal;text-align:left;line-height:1.3}.qkb-side{display:flex;flex-direction:column;background:var(--qkb-surface);border-left:1px solid var(--qkb-border);padding:18px 14px 14px}.qkb-side-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:0 48px 12px 8px}.qkb-side-head h3{margin:0;font-size:15px;font-weight:700}.qkb-side-head span{font-size:12.5px;color:var(--qkb-fg3);white-space:nowrap}.qkb-queue{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.qkb-qitem{width:100%;display:grid;grid-template-columns:18px 96px minmax(0,1fr);gap:12px;align-items:center;padding:8px;border-radius:var(--qkb-radius-lg);border:1px solid transparent;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.qkb-qitem:hover{background:var(--qkb-surface)}.qkb-qitem.on{background:var(--qkb-accent-subtle);border-color:var(--qkb-primary-light)}.qkb-qnum{display:flex;justify-content:center;font-size:12px;font-weight:700;color:var(--qkb-fg3)}.qkb-qitem.on .qkb-qnum,.qkb-qnum .v-icon{color:var(--qkb-text-primary)}.qkb-qthumb{display:block;width:96px;height:54px;border-radius:8px;overflow:hidden;background:#0d2622}.qkb-qthumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.qkb-qtext{display:flex;flex-direction:column;gap:3px;min-width:0}.qkb-qtext strong{font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qkb-qtext small{font-size:11.5px;color:var(--qkb-fg3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qkb-lib-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.qkb-lib-head,.qkb-tabs{display:flex;flex-wrap:wrap}.qkb-tabs{gap:8px}.qkb-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--qkb-radius-pill);border:1px solid var(--qkb-border-strong);background:var(--qkb-card);color:var(--qkb-fg2);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.qkb-tab i{font-style:normal;font-size:11.5px;font-weight:700;background:var(--qkb-surface);color:var(--qkb-fg3);border-radius:var(--qkb-radius-pill);padding:2px 7px}.qkb-tab:hover{border-color:var(--qkb-primary-light)}.qkb-tab.on{background:var(--qkb-fg1);border-color:var(--qkb-fg1);color:var(--qkb-card)}.qkb-tab.on i{background:hsla(0,0%,100%,.16);color:inherit}.qkb-search{display:flex;align-items:center;gap:8px;min-width:260px;padding:8px 14px;background:var(--qkb-card);border:1px solid var(--qkb-border-strong);border-radius:var(--qkb-radius-pill);transition:border-color .15s ease}.qkb-search:focus-within{border-color:var(--qkb-primary)}.qkb-search .v-icon{color:var(--qkb-fg3)}.qkb-search input{width:100%;border:0;outline:0;background:transparent;font-size:13.5px;color:var(--qkb-fg1)}.qkb-search input::-moz-placeholder{color:var(--qkb-fg3);opacity:1}.qkb-search input::placeholder{color:var(--qkb-fg3);opacity:1}.qkb-group{margin-bottom:40px}.qkb-group-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.qkb-lab{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--qkb-text-primary);margin-bottom:4px}.qkb-group-head h2{margin:0 0 4px;font-size:21px;font-weight:700;letter-spacing:-.01em;font-family:CalSans,Plus Jakarta Sans,sans-serif}.qkb-group-head p{margin:0;font-size:13.5px;color:var(--qkb-fg3)}.qkb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.qkb-card{display:flex;flex-direction:column;background:var(--qkb-card);border:1px solid var(--qkb-border);border-radius:var(--qkb-radius-xl);box-shadow:var(--qkb-shadow-sm);overflow:hidden;transition:all .15s ease}.qkb-card:hover{box-shadow:var(--qkb-shadow-md);border-color:var(--qkb-primary-light);transform:translateY(-2px)}.qkb-thumb{position:relative;display:block;width:100%;padding:56.25% 0 0;border:0;background:#0d2622;cursor:pointer;overflow:hidden}.qkb-thumb img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .25s ease}.qkb-thumb:hover img{transform:scale(1.04)}.qkb-playbtn{position:absolute;left:50%;top:50%;width:52px;height:52px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid hsla(0,0%,100%,.85);background:rgba(13,38,34,.72);display:flex;align-items:center;justify-content:center;transition:background .15s ease}.qkb-thumb:hover .qkb-playbtn{background:var(--qkb-primary)}.qkb-dur,.qkb-part{position:absolute;bottom:10px;padding:3px 8px;border-radius:6px;background:rgba(13,38,34,.82);color:#fff;font-size:11.5px;font-weight:700}.qkb-part{left:10px}.qkb-dur{right:10px}.qkb-card-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 20px}.qkb-card h3{margin:0 0 8px;font-size:15.5px;font-weight:700;line-height:1.35}.qkb-card h3 button{all:unset;cursor:pointer;color:inherit}.qkb-card h3 button:hover{color:var(--qkb-text-primary)}.qkb-card h3 button:focus-visible{outline:2px solid var(--qkb-primary);outline-offset:2px}.qkb-card p{margin:0;font-size:13.5px;line-height:1.5;color:var(--qkb-fg3)}.qkb-empty{padding:32px 0;text-align:center;color:var(--qkb-fg3)}.qkb-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:8px 0 40px}.qkb-hcard{display:flex;align-items:flex-start;gap:14px;background:var(--qkb-card);border:1px solid var(--qkb-border);border-radius:var(--qkb-radius-2xl);box-shadow:var(--qkb-shadow-sm);padding:24px 26px}.qkb-ic{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:46px;height:46px;border-radius:13px;background:var(--qkb-accent-subtle)}.qkb-hcard h3{margin:0 0 6px;font-size:16.5px;font-weight:700}.qkb-hcard p{margin:0 0 14px;font-size:13.5px;line-height:1.5;color:var(--qkb-fg3)}.qkb-archive{border:1px dashed var(--qkb-border);border-radius:var(--qkb-radius-xl);padding:6px 14px}.qkb-archive summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:10px 4px;font-size:14px;font-weight:600;color:var(--qkb-fg2)}.qkb-archive summary::-webkit-details-marker{display:none}.qkb-archive summary .v-icon{color:var(--qkb-fg3)}.qkb-archive summary i{font-style:normal;font-size:11.5px;font-weight:700;background:var(--qkb-surface);color:var(--qkb-fg3);border-radius:var(--qkb-radius-pill);padding:2px 7px}.qkb-archive ul{list-style:none;margin:4px 0 10px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}@media (max-width:1200px){.qkb-grid,.qkb-help{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1080px){.qkb-overlay{padding-top:72px}.qkb-dialog{grid-template-columns:1fr}.qkb-side{border-left:0;border-top:1px solid var(--qkb-border)}}@media (max-width:720px){.qkb-head h1{font-size:26px}.qkb-archive ul,.qkb-grid,.qkb-help{grid-template-columns:1fr}.qkb-search{width:100%}.qkb-start{gap:12px}.qkb-start-thumb{width:96px;height:54px}.qkb-start-text span{white-space:normal}.qkb-start-cta{display:none}.qkb-now{padding:18px 18px 22px}}@media (prefers-reduced-motion:reduce){.qkb *,.qkb :after,.qkb :before{transition-duration:.01ms!important;animation-duration:.01ms!important}.qkb-card:hover,.qkb-close:hover,.qkb-fade-enter .qkb-dialog,.qkb-thumb:hover img{transform:none}}