.hk-app{--hk-bg: #0d1b2a;--hk-card: #ffffff;--hk-line: #d7e0ec;--hk-text: #23303f;--hk-sub: #5a6a7d;--hk-accent: #ff7a3c;--hk-accent2: #2a9d8f;--hk-run: #e0552e;--hk-fly: #4a7dff;--hk-swim: #00a6a6;--hk-vehicle: #8a63ff;max-width:920px;margin:0 auto;padding:0 12px 8px;color:var(--hk-text)}.hk-app *,.hk-app *:before,.hk-app *:after{box-sizing:border-box}.hk-app h1,.hk-app h2,.hk-app h3{margin:0;color:inherit}.hk-app ul,.hk-app ol{list-style:none;margin:0;padding:0}.hk-app button{font-family:inherit;color:inherit}.hk-head{text-align:center;margin:6px 0 14px}.hk-head h1{font-size:26px;font-weight:800;margin-bottom:6px;letter-spacing:.02em}.hk-lead{font-size:13.5px;line-height:1.7;color:var(--hk-sub);max-width:640px;margin:0 auto}.hk-lead strong{color:var(--hk-accent)}.hk-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.hk-tab{font-size:15px;font-weight:700;padding:9px 20px;border-radius:999px;border:2px solid var(--hk-line);background:#fff;color:var(--hk-sub);cursor:pointer;transition:all .15s ease}.hk-tab.is-active{background:var(--hk-accent);border-color:var(--hk-accent);color:#fff}.hk-race-bar{display:flex;align-items:center;gap:8px;margin-bottom:10px}.hk-dist{display:flex;gap:6px}.hk-dist-btn{font-size:13px;font-weight:700;padding:7px 14px;border-radius:10px;border:2px solid var(--hk-line);background:#fff;color:var(--hk-sub);cursor:pointer}.hk-dist-btn.is-active{background:var(--hk-accent2);border-color:var(--hk-accent2);color:#fff}.hk-spacer{flex:1}.hk-icon-btn{width:38px;height:38px;border-radius:10px;border:2px solid var(--hk-line);background:#fff;font-size:17px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.hk-track-wrap{position:relative;width:100%;height:var(--hk-track-height, 260px);background:linear-gradient(180deg,#123047,#0d1b2a);border:1px solid #1d3a52;border-radius:16px;overflow:hidden}.hk-canvas{display:block;width:100%;height:100%}.hk-track-status{display:flex;justify-content:flex-end;min-height:32px;margin:-2px 4px 6px}.hk-clock{background:#e9eef5;color:var(--hk-sub);border:1px solid var(--hk-line);border-radius:10px;min-width:96px;padding:5px 11px;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center;pointer-events:none}.hk-clock.is-on{background:#0d1b2a;color:#ffd166;border-color:#596038}.hk-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hk-confetti .hk-piece{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;will-change:transform,opacity;animation:hk-fall linear forwards}@keyframes hk-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(120vh) rotate(720deg);opacity:.9}}@media (prefers-reduced-motion: reduce){.hk-confetti .hk-piece{animation-duration:.01s!important;opacity:0!important}}.hk-race-btns{display:flex;gap:10px;justify-content:center;margin:14px 0}.hk-start{font-size:19px;font-weight:800;padding:13px 40px;border-radius:14px;border:none;background:linear-gradient(180deg,#ff8a4c,#ef6a2a);color:#fff;cursor:pointer;box-shadow:0 4px #c9531d;transition:transform .08s ease}.hk-start:active{transform:translateY(2px);box-shadow:0 2px #c9531d}.hk-start:disabled{background:#b9c3cf;box-shadow:0 4px #9aa6b3;cursor:not-allowed}.hk-reset{font-size:15px;font-weight:700;padding:12px 22px;border-radius:14px;border:2px solid var(--hk-line);background:#fff;color:var(--hk-sub);cursor:pointer}.hk-result{background:#fff;border:1px solid var(--hk-line);border-radius:14px;padding:14px 16px;margin-bottom:16px}.hk-result h2{font-size:16px;margin-bottom:10px}.hk-result-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px dashed var(--hk-line);font-size:14px}.hk-result-row:last-child{border-bottom:none}.hk-result-rank{font-size:18px;width:30px;text-align:center;flex:none}.hk-result-emoji{font-size:22px;flex:none}.hk-result-name{font-weight:700;flex:1}.hk-result-time{color:var(--hk-sub);font-variant-numeric:tabular-nums;text-align:right}.hk-result-note{display:block;font-size:11.5px;color:var(--hk-sub);font-weight:400}.hk-pick{margin-top:6px}.hk-pick-title{font-size:16px;display:flex;align-items:center;gap:8px}.hk-pick-count{font-size:12px;font-weight:700;color:var(--hk-accent);background:#fff3ec;border-radius:999px;padding:2px 10px}.hk-pick-hint{font-size:12px;color:var(--hk-sub);margin:4px 0 10px}.hk-cat-block{margin-bottom:12px}.hk-cat-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;margin-bottom:8px;padding:2px 10px;border-radius:999px;color:#fff}.hk-cat-run{background:var(--hk-run)}.hk-cat-fly{background:var(--hk-fly)}.hk-cat-swim{background:var(--hk-swim)}.hk-cat-vehicle{background:var(--hk-vehicle)}.hk-chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}.hk-chip{display:flex;align-items:center;gap:8px;text-align:left;padding:8px 10px;border-radius:12px;border:2px solid var(--hk-line);background:#fff;cursor:pointer;transition:all .12s ease;position:relative}.hk-chip:hover{border-color:#b9c9dc}.hk-chip.is-on{border-color:var(--hk-accent);background:#fff6f0}.hk-chip.is-disabled{opacity:.45;cursor:not-allowed}.hk-chip-emoji{font-size:24px;flex:none}.hk-chip-body{min-width:0}.hk-chip-name{font-size:13px;font-weight:700;display:block;line-height:1.25}.hk-chip-speed{font-size:11.5px;color:var(--hk-sub)}.hk-chip.is-on:after{content:"✓";position:absolute;top:5px;right:7px;color:var(--hk-accent);font-weight:800;font-size:13px}.hk-cat-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.hk-cat-tab{font-size:13px;font-weight:700;padding:6px 13px;border-radius:999px;border:2px solid var(--hk-line);background:#fff;color:var(--hk-sub);cursor:pointer}.hk-cat-tab.is-active{background:var(--hk-text);border-color:var(--hk-text);color:#fff}.hk-rank-hint{font-size:12px;color:var(--hk-sub);margin:0 0 10px}.hk-rank-list{display:flex;flex-direction:column;gap:6px}.hk-rank-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;border-radius:12px;border:2px solid var(--hk-line);background:#fff;cursor:pointer;transition:all .12s ease}.hk-rank-row:hover{border-color:#b9c9dc}.hk-rank-row.is-on{border-color:var(--hk-accent);background:#fff6f0}.hk-rank-num{font-size:13px;font-weight:800;color:var(--hk-sub);width:26px;flex:none}.hk-rank-emoji{font-size:24px;flex:none}.hk-rank-body{flex:1;min-width:0}.hk-rank-name{font-size:14px;font-weight:700;display:block}.hk-rank-note{font-size:11px;color:var(--hk-sub)}.hk-rank-speed{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;text-align:right;flex:none}.hk-rank-speed span{font-size:11px;font-weight:600;color:var(--hk-sub)}.hk-rank-add{font-size:13px;font-weight:800;color:var(--hk-accent);flex:none;width:22px;text-align:center}.hk-privacy{font-size:12px;color:var(--hk-sub);text-align:center;margin:18px 0 4px}@media (prefers-color-scheme: dark){.hk-app{--hk-card: #172436;--hk-line: #2a3d54;--hk-text: #e8eef7;--hk-sub: #9fb0c4}.hk-head h1{color:#e8eef7}.hk-tab,.hk-dist-btn,.hk-icon-btn,.hk-reset,.hk-result,.hk-chip,.hk-cat-tab,.hk-rank-row,.hk-pick-count,.hk-clock{background:var(--hk-card)}.hk-pick-count,.hk-chip.is-on,.hk-rank-row.is-on{background:#2a2016}}