/* aurakino chip-bar filter — dark, purple accent. Scoped .akf */
.akf{--akf-acc:#fe5a08;margin:0 0 4px}
.akf-title{font-size:24px;font-weight:600;color:#fff;margin:4px 0 14px;line-height:1.25}
html[data-theme="dark"] .akf-title,body.dark .akf-title{color:#f0f0f3}
.akf *{box-sizing:border-box}
.akf-bar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;position:relative;
  background:#11141b;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px}
.akf-cw{position:relative}
.akf-chip{display:inline-flex;align-items:center;gap:8px;background:#1b1f29;
  border:1px solid rgba(255,255,255,.10);color:#d4d8e0;border-radius:10px;
  padding:9px 13px;font-size:13.5px;font-weight:400;line-height:1;cursor:pointer;font-family:inherit;
  transition:border-color .15s,background .15s}
.akf-chip:hover{background:#20242f;border-color:var(--akf-acc)}
.akf-chip.on{background:var(--akf-acc);border-color:var(--akf-acc);color:#fff}
.akf-cnt{background:rgba(255,255,255,.22);color:#fff;font-size:11px;border-radius:20px;
  min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.akf-cv{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg);margin-top:-3px;opacity:.65;transition:transform .15s}
.akf-chip.akf-open .akf-cv{transform:rotate(-135deg);margin-top:2px}
.akf-sp{flex:1 1 auto}
.akf-reset{display:inline-flex;align-items:center;gap:6px;color:#8b93a3;font-size:13px;cursor:pointer;
  padding:9px 6px;background:none;border:none;font-family:inherit}
.akf-reset:hover{color:#fe5a08}
.akf-reset b{font-weight:400;font-size:16px;line-height:0}

.akf-menu{position:absolute;top:calc(100% + 7px);left:0;z-index:60;display:none;
  background:#191d26;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;
  box-shadow:0 14px 34px rgba(0,0,0,.5);min-width:230px}
.akf-menu.akf-show{display:block}
.akf-menu.akf-wide{min-width:430px}
.akf-menu.akf-more{min-width:340px;right:0;left:auto}
.akf-grid{display:grid;grid-template-columns:1fr;gap:3px 14px;max-height:300px;overflow:auto}
.akf-menu.akf-wide .akf-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}
.akf-menu .akf-grid.akf-2{grid-template-columns:repeat(2,minmax(120px,1fr))}
.akf-opt{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:7px;
  font-size:13px;color:#c2c7d2;cursor:pointer;user-select:none}
.akf-opt:hover{background:rgba(255,255,255,.05)}
.akf-opt input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.akf-box{width:16px;height:16px;border-radius:5px;border:1.6px solid #4a5060;flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;transition:.12s}
.akf-box.akf-rad{border-radius:50%}
.akf-box::after{content:"";width:8px;height:8px;border-radius:2px;background:#fff;transform:scale(0);transition:.12s}
.akf-box.akf-rad::after{border-radius:50%}
.akf-opt.akf-sel{color:#fff}
.akf-opt.akf-sel .akf-box{background:var(--akf-acc);border-color:var(--akf-acc)}
.akf-opt.akf-sel .akf-box::after{transform:scale(1)}

.akf-sec{margin:2px 0 12px}
.akf-sec:last-child{margin-bottom:0}
.akf-sec h5{font-size:12px;font-weight:400;color:#7f8694;margin:0 0 7px;text-transform:uppercase;letter-spacing:.4px}
.akf-inp{width:100%;background:#0f131b;border:1px solid rgba(255,255,255,.12);border-radius:8px;
  color:#e6e9f0;font-size:13px;padding:9px 11px;font-family:inherit}
.akf-inp::placeholder{color:#5b6270}
.akf-inp:focus{outline:none;border-color:var(--akf-acc)}
.akf-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.akf-go{margin-top:4px;width:100%;background:var(--akf-acc);border:none;color:#fff;border-radius:9px;
  padding:10px;font-size:13.5px;cursor:pointer;font-family:inherit}
.akf-go:hover{filter:brightness(1.08)}
.akf-flat{display:flex;flex-wrap:wrap;gap:6px}
.akf-pill{display:inline-flex;align-items:center;padding:7px 12px;border-radius:8px;font-size:12.5px;
  cursor:pointer;border:1px solid rgba(255,255,255,.12);color:#c2c7d2;background:transparent}
.akf-pill.akf-sel{background:var(--akf-acc);border-color:var(--akf-acc);color:#fff}

@media(max-width:600px){
  .akf-bar{padding:11px;gap:7px}
  .akf-cw{position:static}
  .akf-menu,.akf-menu.akf-wide,.akf-menu.akf-more{left:8px;right:8px;width:auto;min-width:0;max-width:none}
  .akf-menu.akf-wide .akf-grid{grid-template-columns:repeat(2,1fr)}
  .akf-menu .akf-grid.akf-2{grid-template-columns:repeat(2,1fr)}
}

.akf-cnt[hidden]{display:none!important}