:root{color-scheme:dark;--bg:#090b10;--panel:#11151d;--panel2:#181d27;--text:#f6f7fb;--muted:#9ba4b5;--accent:#d5ff61;--border:#29303d;--danger:#ff8e8e}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top,#151923 0,#090b10 42%);color:var(--text);min-height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,select{font:inherit}button{min-height:46px;border:0;border-radius:14px;padding:.8rem 1rem;font-weight:800;cursor:pointer}.app{width:min(100%,720px);margin:0 auto;padding:18px 16px calc(56px + env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.brand h1{font-size:1rem;letter-spacing:.18em;margin:0}.link{color:var(--muted);font-size:.9rem;text-decoration:none}.hero{text-align:center;margin:10px 0 14px}.distance{font-size:clamp(3.5rem,18vw,6.5rem);line-height:.95;font-weight:950;letter-spacing:-.055em}.unit{font-size:.9rem;color:var(--muted);font-weight:800;letter-spacing:.18em;margin-top:8px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.stat{background:rgba(17,21,29,.82);border:1px solid var(--border);border-radius:16px;padding:13px;text-align:center}.stat strong{display:block;font-size:1.3rem}.stat span{color:var(--muted);font-size:.78rem}.controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.control{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:12px}.control label{display:block;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;margin-bottom:7px}.control select{width:100%;background:#0d1118;color:var(--text);border:1px solid var(--border);border-radius:11px;padding:.7rem}.breakline{text-align:center;color:var(--muted);font-weight:700;font-size:.92rem;margin:12px 0}.treadmill{position:relative;overflow:hidden;height:330px;border:1px solid #3a414f;border-radius:28px;background:#0d1016;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:inset 0 0 0 8px #151922}.belt{position:absolute;inset:18px;border-radius:18px;background:repeating-linear-gradient(to bottom,#202633 0,#202633 28px,#151a24 28px,#151a24 56px);background-position-y:var(--belt-offset,0px)}.belt:before,.belt:after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:74%;height:2px;background:#3d4657;opacity:.55}.belt:before{top:28%}.belt:after{bottom:28%}.swipehint{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;text-align:center}.swipehint .arrow{font-size:3rem;color:var(--accent);font-weight:900;line-height:1}.swipehint strong{display:block;margin-top:5px;font-size:1rem;letter-spacing:.12em}.swipehint small{display:block;color:var(--muted);margin-top:7px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.primary{background:var(--accent);color:#10130a;flex:1}.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--border);flex:1}.danger{background:#28191c;color:#ffd6d6;border:1px solid #573037}.modegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.mode{background:var(--panel);color:var(--text);border:1px solid var(--border)}.mode.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.intro{background:rgba(17,21,29,.86);border:1px solid var(--border);border-radius:22px;padding:18px;margin-top:20px}.intro h2,.result h2{margin:0 0 8px}.intro p{color:var(--muted);line-height:1.55}.result{text-align:center;background:rgba(17,21,29,.88);border:1px solid var(--border);border-radius:24px;padding:22px}.result .headline{font-size:clamp(1.7rem,7vw,2.8rem);font-weight:950;line-height:1.05;margin:18px 0}.result .rank{color:var(--accent);font-size:1.25rem;font-weight:900;letter-spacing:.08em;margin:16px 0}.resultgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.overlay{position:fixed;inset:0;z-index:50;background:rgba(2,4,8,.84);display:grid;place-items:center;padding:20px}.modal{width:min(100%,520px);background:#11151d;border:1px solid var(--border);border-radius:22px;padding:22px}.modal p{color:var(--muted);line-height:1.55}.countdown{font-size:3rem;font-weight:950;text-align:center;color:var(--accent);margin:15px 0}.toast{margin-top:12px;color:var(--muted);text-align:center;font-size:.88rem}.manual{width:100%;min-height:120px;margin-top:10px;border-radius:12px;background:#0d1118;color:var(--text);border:1px solid var(--border);padding:12px;font:inherit}.footer{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-size:.82rem}.footer a{color:inherit}.info{width:min(100%,720px);margin:0 auto;padding:28px 18px 48px}.info h1{font-size:2rem}.info p,.info li{color:#b6bdc9;line-height:1.65}.info a{color:var(--accent)}[x-cloak]{display:none!important}@media(max-width:420px){.controls{grid-template-columns:1fr}.treadmill{height:300px}.stats{gap:8px}.app{padding-left:12px;padding-right:12px}}.brand-primary{min-width:0}.sponsor-line{margin-top:4px;color:var(--muted);font-size:.76rem;line-height:1.3}.sponsor-line a{color:inherit;text-decoration:underline;text-underline-offset:2px}.silentknock-card{margin-top:16px;padding:13px 14px;border:1px solid var(--border);border-radius:18px;background:rgba(24,29,39,.58);text-align:left}.silentknock-eyebrow{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.silentknock-card h3{margin:4px 0 5px;font-size:1rem}.silentknock-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.4}.silentknock-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:10px;padding:.65rem .85rem;border-radius:12px;background:var(--panel2);border:1px solid var(--border);color:var(--text);font-weight:800;text-decoration:none}.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}@media(max-width:420px){.brand{align-items:flex-start}.sponsor-line{font-size:.72rem}.silentknock-card{text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.challenge-headline strong{display:block;color:var(--accent);font-size:clamp(2rem,9vw,3.4rem);line-height:1;margin-top:12px}.challenge-headline small{display:block;color:var(--text);font-size:.92rem;letter-spacing:.08em;margin-top:10px}.personal-best{display:inline-block;margin:0 auto 4px;padding:.4rem .7rem;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-size:.75rem;font-weight:900;letter-spacing:.08em}