:root{
  --red:#E01B24; --red-hot:#FF3B30; --red-deep:#A00F16; --red-ink:#C4161E; --red-on-dark:#FF5A52;
  --ink:#0B0B0C; --graphite:#1D1D1F; --steel:#2E2E32; --slate:#6E6E73; --slate-on-dark:#A1A1A6;
  --canvas:#F5F5F7; --surface:#FFFFFF; --green:#248A3D; --green-ink:#1B6B2E;
  --glass-light:rgba(255,255,255,.68); --glass-dark:rgba(11,11,12,.92);
}
/* NOTE: the shipped version of this file opened with `*{box-sizing:border-box}`.
   It is deliberately removed. The artboards were authored under the browser default
   (content-box), so their inline styles size padding OUTSIDE an explicit width or
   height. Forcing border-box silently shrinks every element that carries both: the
   shop filter bar went from 104px to 76px, and 38 elements on that page alone were
   affected. Components below that were written expecting border-box opt in by name. */
.bk-sheet,.bk-menu,.bk-field,.bk-hit,.bk-drawer aside{box-sizing:border-box}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--red-ink)}a:hover{color:var(--red-deep)}
.zonelist{scrollbar-width:none}
.zonelist::-webkit-scrollbar{width:0;height:0;display:none}
.rv{transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
body.motion .rv:not(.in){opacity:0;transform:translateY(24px)}
@media (prefers-reduced-motion:reduce){body.motion .rv:not(.in){opacity:1;transform:none}.rv{transition:opacity .2s linear}}
/* overlays created by site.js */
.bk-overlay{position:fixed;inset:0;z-index:95;display:none}
.bk-overlay.open{display:block}
.bk-scrim{position:absolute;inset:0;background:rgba(11,11,12,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bk-sheet{position:relative;margin:clamp(16px,6vh,96px) auto 0;width:min(680px,calc(100% - 32px));border-radius:20px;padding:12px;background:var(--glass-dark);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 40px 90px rgba(11,11,12,.5)}
.bk-field{display:flex;align-items:center;gap:12px;height:56px;padding:0 14px;border-radius:14px;background:rgba(255,255,255,.08)}
.bk-field input{flex:1;min-width:0;height:54px;border:0;background:transparent;color:#fff;font:500 17px Inter,sans-serif;outline:none}
.bk-hit{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;border-radius:12px;text-decoration:none}
.bk-hit:hover{background:rgba(255,255,255,.1)}
.bk-hit b{display:block;font:600 16px Inter,sans-serif;color:#fff}
.bk-hit small{display:block;font:500 11px 'JetBrains Mono',monospace;color:var(--slate-on-dark);margin-top:4px}
.bk-hit span.thumb{width:48px;height:48px;border-radius:10px;background:#1D1D1F center/cover no-repeat}
.bk-hit span.trail{font:500 14px 'JetBrains Mono',monospace;color:#fff}
.bk-drawer{position:fixed;inset:0;z-index:96;display:none;justify-content:flex-end}
.bk-drawer.open{display:flex}
.bk-drawer aside{position:relative;width:min(440px,100%);height:100%;background:#fff;display:flex;flex-direction:column;box-shadow:-40px 0 80px rgba(11,11,12,.3)}
.bk-menu{position:absolute;top:52px;right:0;width:264px;border-radius:16px;padding:10px;background:rgba(11,11,12,.9);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 60px rgba(11,11,12,.5);z-index:80;display:none}
.bk-menu.open{display:block}
.bk-menu a,.bk-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#fff;font:500 15px Inter,sans-serif;text-decoration:none;cursor:pointer}
.bk-menu a:hover,.bk-menu button:hover{background:rgba(255,255,255,.12)}