:root{--k-dark: #0d1117;--k-dark2: #161b22;--k-card-bg: #1c2333;--k-border: #30363d;--k-text: #e6edf3;--k-muted: #8b949e;--k-gold: #f0b429;--k-green: #3fb950;--k-red: #f85149;--k-blue: #58a6ff;--k-sidebar-w: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--k-dark);color:var(--k-text);min-height:100vh;overflow:hidden}.k-pin-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--k-dark) 0%,var(--k-dark2) 100%)}.k-pin-box{background:var(--k-card-bg);border:1px solid var(--k-border);border-radius:20px;padding:60px 50px;text-align:center;max-width:420px;width:90%}.k-pin-logo{font-size:64px;margin-bottom:12px}.k-pin-logo-img{width:80px;height:80px;border-radius:12px;margin-bottom:12px}.k-pin-box h2{font-size:28px;margin-bottom:4px}.k-pin-sub{color:var(--k-muted);font-size:16px;margin-bottom:32px}.k-pin-input{display:block;width:100%;padding:14px 18px;font-size:20px;text-align:center;letter-spacing:8px;background:var(--k-dark);border:2px solid var(--k-border);border-radius:12px;color:var(--k-text);outline:none;margin-bottom:16px}.k-pin-input:focus{border-color:var(--k-gold)}.k-pin-btn{display:block;width:100%;padding:14px;font-size:18px;font-weight:600;background:var(--k-gold);color:#000;border:none;border-radius:12px;cursor:pointer}.k-pin-btn:hover{opacity:.9}.k-error{color:var(--k-red);margin-top:12px;font-size:14px}.k-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-size:20px;color:var(--k-muted)}.k-header{display:flex;align-items:center;gap:20px;padding:12px 24px;background:var(--k-dark2);border-bottom:1px solid var(--k-border);height:64px}.k-header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.k-logo-img{width:36px;height:36px;border-radius:6px}.k-header h1{font-size:20px;font-weight:700;white-space:nowrap}.k-header-center{flex:1;position:relative;max-width:500px}.k-search{width:100%;padding:10px 36px 10px 16px;font-size:16px;background:var(--k-dark);border:1px solid var(--k-border);border-radius:10px;color:var(--k-text);outline:none}.k-search:focus{border-color:var(--k-gold)}.k-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--k-muted);font-size:16px;cursor:pointer;padding:4px 8px}.k-header-right{flex-shrink:0}.k-loc-toggle{display:flex;gap:2px;background:var(--k-dark);border-radius:10px;padding:3px;border:1px solid var(--k-border)}.k-loc-btn{padding:8px 16px;font-size:14px;font-weight:600;background:transparent;border:none;border-radius:8px;color:var(--k-muted);cursor:pointer;transition:all .15s}.k-loc-btn.active{background:var(--k-gold);color:#000}.k-status-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 24px;background:var(--k-dark);border-bottom:1px solid var(--k-border);font-size:11px;color:var(--k-muted);height:28px}.k-status-left{display:flex;align-items:center;gap:6px}.k-status-count{opacity:.7}.k-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--k-green)}.k-status-dot.pulse{animation:k-pulse 1.2s ease-in-out infinite}@keyframes k-pulse{0%,to{opacity:1}50%{opacity:.3}}.k-status-right{display:flex;align-items:center;gap:12px}.k-stock-filter{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:11px;color:var(--k-muted);-webkit-user-select:none;user-select:none}.k-stock-filter input[type=checkbox]{accent-color:var(--k-gold);width:14px;height:14px;cursor:pointer}.k-install-btn{padding:3px 12px;font-size:11px;font-weight:600;background:var(--k-gold);color:#000;border:none;border-radius:4px;cursor:pointer}.k-install-btn:hover{opacity:.9}.k-body{display:flex;height:calc(100vh - 92px)}.k-sidebar{width:var(--k-sidebar-w);flex-shrink:0;background:var(--k-dark2);border-right:1px solid var(--k-border);overflow-y:auto;padding:12px 0}.k-sidebar-title{padding:8px 20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--k-muted)}.k-cat-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 20px;background:transparent;border:none;color:var(--k-text);font-size:14px;cursor:pointer;text-align:left;border-left:3px solid transparent;transition:all .12s}.k-cat-btn:hover{background:#ffffff0a}.k-cat-btn.active{background:#f0b42914;border-left-color:var(--k-gold);color:var(--k-gold);font-weight:600}.k-cat-name{flex:1}.k-cat-count{font-size:11px;color:var(--k-muted);background:#ffffff0f;padding:2px 8px;border-radius:10px}.k-cat-btn.active .k-cat-count{background:#f0b42926;color:var(--k-gold)}.k-main{flex:1;overflow-y:auto;padding:20px 24px}.k-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;color:var(--k-muted);font-size:18px}.k-empty-icon{font-size:80px;margin-bottom:16px;opacity:.4}.k-cat-heading{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--k-muted)}.k-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.k-card{background:var(--k-card-bg);border:1px solid var(--k-border);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s}.k-card:hover{transform:translateY(-2px);border-color:var(--k-gold)}.k-card.sold-out{opacity:.5}.k-card.sold-out:hover{opacity:.7}.k-card-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}.k-card-thumb img{width:100%;height:100%;object-fit:cover}.k-card-no-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:40px;opacity:.2}.k-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;opacity:0;transition:opacity .2s}.k-card:hover .k-play-icon{opacity:1}.k-sold-out-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f85149d9;color:#fff;font-size:13px;font-weight:700;padding:6px 16px;border-radius:8px;letter-spacing:1px}.k-card-info{padding:10px 14px}.k-card-name{font-size:14px;font-weight:600;line-height:1.3}.k-card-var{font-size:12px;color:var(--k-muted);margin-top:2px}.k-card-stock{font-size:11px;color:var(--k-green);margin-top:4px;font-weight:600}.k-player-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000eb;display:flex;align-items:center;justify-content:center}.k-player-wrap{width:min(90vw,calc((100vh - 100px) * 16 / 9));max-width:1280px}.k-player-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.k-player-header h2{font-size:22px;font-weight:600}.k-close-btn{background:#ffffff1a;border:none;color:var(--k-text);font-size:20px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.k-close-btn:hover{background:#fff3}.k-player-frame{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:12px;overflow:hidden}.k-player-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.k-sidebar::-webkit-scrollbar,.k-main::-webkit-scrollbar{width:6px}.k-sidebar::-webkit-scrollbar-track,.k-main::-webkit-scrollbar-track{background:transparent}.k-sidebar::-webkit-scrollbar-thumb,.k-main::-webkit-scrollbar-thumb{background:var(--k-border);border-radius:3px}@media (max-width: 768px){.k-sidebar{width:180px}.k-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.k-card-name{font-size:13px}}