:root{--bg:#0b0c0e;--panel:#15171a;--panel2:#1d2024;--text:#fff;--muted:#9da3aa;--orange:#ff5a1f;--red:#e31b23;--yellow:#ffd23f;--line:#2b2f34;--good:#32d583;--warn:#ffbd2e;--danger:#ff4d4d;--radius:20px;--shadow:0 18px 45px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100dvh;overflow-x:hidden}.app-shell{min-height:100dvh;max-width:720px;margin:auto;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);position:relative}.brand-header{text-align:center;padding:16px 0 10px}.hw-logo{display:block;width:min(205px,62vw);height:auto;max-height:72px;object-fit:contain;margin:0 auto 8px}.app-name{font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:1.25rem}.app-tagline{color:var(--muted);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;margin-top:3px}main{padding:8px 0 100px}.screen{min-height:calc(100dvh - 120px);display:flex;flex-direction:column;justify-content:center;gap:18px}.card{background:linear-gradient(145deg,var(--panel),#101214);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.hero{text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-60% 20% auto -20%;height:180px;background:linear-gradient(90deg,transparent,var(--orange),transparent);opacity:.12;transform:rotate(-14deg)}h1,h2,h3,p{margin:0}.hero h1{font-size:clamp(2rem,9vw,4rem);line-height:.95;text-transform:uppercase;font-style:italic;letter-spacing:-.04em}.hero h1 span{color:var(--orange)}.hero p{color:var(--muted);max-width:430px;margin:12px auto 0;line-height:1.5}.eyebrow{color:var(--orange);font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.btn{border:0;border-radius:14px;min-height:52px;padding:12px 18px;font:inherit;font-weight:850;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--orange),var(--red));box-shadow:0 10px 22px rgba(255,72,20,.18);touch-action:manipulation}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--panel2);border:1px solid var(--line);box-shadow:none}.btn.ghost{background:transparent;border:1px solid var(--line);box-shadow:none}.btn.danger{background:#5d1717}.btn.small{min-height:42px;padding:8px 13px;font-size:.88rem}.actions{display:grid;gap:10px}.actions.row{grid-template-columns:1fr 1fr}.notice{padding:13px 15px;border-radius:14px;background:#191c20;border:1px solid var(--line);color:#dfe3e7;font-size:.9rem;line-height:1.45}.notice.good{border-color:rgba(50,213,131,.35)}.notice.warn{border-color:rgba(255,189,46,.4)}.notice.error{border-color:rgba(255,77,77,.4)}.meter{height:9px;border-radius:99px;background:#292d31;overflow:hidden}.meter>i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--yellow));transition:width .12s}.noise-value{font-size:2rem;font-weight:900;margin:4px 0}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:var(--muted);margin-right:7px}.status-dot.good{background:var(--good);box-shadow:0 0 14px rgba(50,213,131,.7)}.status-dot.warn{background:var(--warn)}.status-dot.bad{background:var(--danger)}.race-screen{min-height:calc(100dvh - 100px);justify-content:flex-start;padding-top:8px}.race-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.race-status{font-size:.76rem;color:#dce0e4;text-transform:uppercase;letter-spacing:.12em}.lap-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:52dvh;position:relative;overflow:hidden}.lap-card:after{content:"";position:absolute;width:160%;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);top:18%;transform:rotate(-8deg);opacity:.4}.lap-label{font-size:.8rem;font-weight:900;letter-spacing:.28em;color:var(--muted);text-transform:uppercase}.lap-number{font-size:clamp(7rem,33vw,15rem);line-height:.8;font-weight:1000;letter-spacing:-.08em;font-variant-numeric:tabular-nums;text-shadow:0 0 45px rgba(255,80,20,.14);margin:30px 0}.lap-number.pulse{animation:lapPulse .25s ease-out}.race-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.stat{background:#111316;border:1px solid var(--line);border-radius:15px;padding:12px}.stat small{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.stat strong{display:block;font-size:1.15rem;margin-top:4px;font-variant-numeric:tabular-nums}.race-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.manual{grid-column:span 2}.nav-controls{display:flex;gap:8px}.bottom-nav{position:fixed;z-index:20;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(690px,calc(100% - 24px));display:grid;grid-template-columns:repeat(3,1fr);background:rgba(20,22,25,.95);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;padding:6px;box-shadow:var(--shadow)}.nav-btn{border:0;background:transparent;color:#8f969e;border-radius:13px;min-height:52px;font:inherit;cursor:pointer}.nav-btn.active{background:#292d32;color:#fff}.nav-btn span{display:block;font-size:1.05rem}.nav-btn small{font-size:.7rem}.hidden{display:none!important}.settings-list{display:grid;gap:10px}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#121416}.setting-info strong{display:block}.setting-info small{color:var(--muted);line-height:1.35}.segmented{display:flex;background:#0c0e10;border:1px solid var(--line);border-radius:12px;padding:3px}.segmented button{border:0;background:transparent;color:#8e959d;padding:9px 10px;border-radius:9px;font-weight:800;cursor:pointer}.segmented button.active{background:#34383e;color:#fff}.switch{appearance:none;width:48px;height:28px;background:#33383d;border-radius:99px;position:relative;cursor:pointer}.switch:before{content:"";position:absolute;width:22px;height:22px;top:3px;left:3px;background:#fff;border-radius:50%;transition:.18s}.switch:checked{background:var(--orange)}.switch:checked:before{transform:translateX(20px)}.history-item{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:15px;background:#121416}.history-item strong{font-size:1.1rem}.history-item small{color:var(--muted)}.history-actions{display:flex;gap:6px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.lap-list{max-height:45dvh;overflow:auto;display:grid;gap:6px}.lap-row{display:grid;grid-template-columns:45px 1fr 70px;gap:8px;padding:9px 11px;border-bottom:1px solid #24282c;font-variant-numeric:tabular-nums}.lap-row small{color:var(--muted)}.fullscreen-exit{position:fixed;right:14px;top:max(14px,env(safe-area-inset-top));z-index:30}.countdown{align-items:center;text-align:center}.countdown-num{font-size:clamp(7rem,32vw,13rem);font-weight:1000;font-style:italic;color:var(--orange);animation:count .7s ease-out}.finish{text-align:center}.finish h1{font-size:clamp(3rem,15vw,6rem);font-style:italic;color:var(--orange)}.finish .big{font-size:3rem;font-weight:1000}.diagnostic{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;line-height:1.65}.wave{width:100%;height:90px;background:#0d0f11;border:1px solid var(--line);border-radius:12px}.toast{position:fixed;z-index:50;left:50%;bottom:90px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#f2f3f4;color:#111;padding:11px 14px;border-radius:12px;font-weight:800;box-shadow:var(--shadow);transition:.18s}.toast.show{opacity:1;transform:translate(-50%,0)}.divider{height:1px;background:var(--line);margin:3px 0}.muted{color:var(--muted)}.center{text-align:center}.kbd{font-family:ui-monospace,monospace;background:#292d32;border:1px solid var(--line);padding:2px 6px;border-radius:5px}.modal-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.72);display:flex;align-items:flex-end;justify-content:center;padding:14px}.modal{width:min(680px,100%);background:#15171a;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.modal h3{font-size:1.3rem}.modal p{color:var(--muted);margin:8px 0 16px;line-height:1.45}@keyframes lapPulse{0%{transform:scale(1)}50%{transform:scale(1.045)}100%{transform:scale(1)}}@keyframes count{0%{transform:scale(1.35);opacity:0}100%{transform:scale(1);opacity:1}}@media(min-width:700px){.app-shell{padding-left:22px;padding-right:22px}.race-screen{min-height:calc(100dvh - 80px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}