@layer components{.stk-touch{display:none}.stk-prog{margin-bottom:16px}.stk-prog-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--text-3);font:400 12px/1.3 var(--font-mono)}.stk-prog-top b{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.stk-hint{display:inline-flex;align-items:center;gap:7px;color:var(--text-4)}.stk-prog[data-done] .stk-hint{color:var(--success-text)}.stk-insp{display:flex;align-items:center;gap:8px;min-height:20px;margin-bottom:14px;overflow:hidden;color:var(--text-3);font:400 12.5px/1 var(--font-mono);white-space:nowrap}.stk-insp .k{color:var(--text-2)}.stk-insp .sep{color:var(--text-4)}.stk-insp .v{color:var(--accent-text)}.stk-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden}.stk-area{padding:18px 18px 22px;box-shadow:1px 0 0 rgb(var(--ink-rgb)/.07),0 1px 0 rgb(var(--ink-rgb)/.07);transition:background-color .3s}.stk-area[data-hot]{background:var(--accent-softer)}.stk-area-h{display:flex;justify-content:space-between;margin:0 0 22px;color:var(--text);font:500 12.5px/1 var(--font-sans)}.stk-area-h .c{color:var(--text-4);font:400 11px/1 var(--font-mono)}.stk-tiles{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.stk-tile{--b:var(--brand-d,var(--text));position:relative;display:grid;place-items:center;width:50px;height:50px;padding:0;border:1px solid rgb(var(--ink-rgb)/.09);border-radius:13px;background:rgb(var(--ink-rgb)/.045);box-shadow:var(--hl-soft);color:var(--text-2);cursor:default;transition:border-color .2s,background-color .2s,color .2s,transform .2s var(--spring)}:root[data-theme=light] .stk-tile{--b:var(--brand-l,var(--text))}.stk-tile[data-seen]{border-color:color-mix(in srgb,var(--b) 28%,transparent);background:color-mix(in srgb,var(--b) 7%,transparent);color:var(--text)}.stk-tile:focus-visible .stk-ti,.stk-tile:hover .stk-ti,.stk-tile[data-seen] .stk-ti{color:var(--b)}.stk-tile:focus-visible,.stk-tile:hover{border-color:color-mix(in srgb,var(--b) 55%,transparent);background:color-mix(in srgb,var(--b) 13%,transparent);transform:translateY(-2px);z-index:2}.stk-ti{display:grid;place-items:center;width:28px;height:28px;flex:none;transition:color .2s}.stk-ti svg{width:24px;height:24px;transition:transform .25s var(--spring)}.stk-tile:focus-visible .stk-ti svg,.stk-tile:hover .stk-ti svg{transform:scale(1.08)}.stk-ti .g{font:600 11.5px/1 var(--font-mono);letter-spacing:-.02em}.stk-tile .nm{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:3;padding:6px 8px;border:1px solid rgb(var(--ink-rgb)/.1);border-radius:8px;background:var(--g-tip);box-shadow:0 10px 30px -10px rgb(var(--shade-rgb)/calc(.6 * var(--shade-k)));color:var(--text);font:400 11.5px/1 var(--font-mono);white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,4px);transition:opacity .15s,transform .2s var(--spring)}.stk-tile:focus-visible .nm,.stk-tile:hover .nm{opacity:1;transform:translate(-50%)}:root[data-js] .app-page[data-entered] .stk-tile{animation:stk-tile-in .45s var(--spring) backwards;animation-delay:calc(var(--j, 0) * 22ms + .26s)}@media (max-width:1100px){.stk-map{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.stk-desk,.stk-insp{display:none}.stk-touch{display:inline}.stk-tiles{gap:6px}.stk-tile{display:inline-flex;align-items:center;gap:8px;width:auto;height:38px;padding:0 10px 0 4px}.stk-ti{border-radius:6px;background:rgb(var(--ink-rgb)/.07)}.stk-ti svg{width:17px;height:17px}.stk-ti .g{font-size:10px}.stk-tile .nm{position:static;padding:0;border:0;background:none;box-shadow:none;color:var(--text-2);font-size:12px;opacity:1;transform:none}.stk-tile:focus-visible,.stk-tile:focus-visible .nm,.stk-tile:hover,.stk-tile:hover .nm{transform:none}.stk-tile[data-seen] .nm{color:var(--text)}}@media (hover:none){.stk-desk,.stk-insp{display:none}.stk-touch{display:inline}.stk-tiles{gap:6px}.stk-tile{display:inline-flex;align-items:center;gap:8px;width:auto;height:38px;padding:0 10px 0 4px}.stk-ti{border-radius:6px;background:rgb(var(--ink-rgb)/.07)}.stk-ti svg{width:17px;height:17px}.stk-tile .nm{position:static;padding:0;border:0;background:none;box-shadow:none;color:var(--text-2);font-size:12px;opacity:1;transform:none}.stk-tile:focus-visible,.stk-tile:focus-visible .nm,.stk-tile:hover,.stk-tile:hover .nm{transform:none}}@media (max-width:600px){.stk-map{grid-template-columns:1fr}}}.stk-prog [role=progressbar]>div{transition-duration:.5s}@keyframes stk-tile-in{0%{opacity:0;transform:scale(.7)}}