:root{--watch-accent:#f4bd70;--watch-line:#2d3940}.watch-shell{max-width:1000px;margin:0 auto;padding:64px 28px 30px}.watch-intro{margin-bottom:36px}.watch-kicker{display:flex;align-items:center;gap:9px;color:#c3cfd4;font:600 12px var(--mono);letter-spacing:1.35px}.watch-kicker i{width:7px;height:7px;border-radius:50%;background:var(--watch-accent);box-shadow:0 0 12px #f4bd7080}.watch-intro h1{font-size:52px;line-height:1.14;letter-spacing:-2px;margin:20px 0 12px}.watch-intro h1 em{font-style:normal;color:var(--watch-accent)}.watch-intro p{font-size:16px;color:#bdc9ce}.watch-face{position:relative;overflow:hidden;padding:31px;border:1px solid #384047;border-radius:18px;background:radial-gradient(ellipse at 50% -20%,#f4bd7010,transparent 62%),linear-gradient(145deg,#151d24,#10171d);text-align:center;box-shadow:0 18px 45px #0003}.watch-face:after{content:"";position:absolute;width:390px;height:390px;left:50%;top:-305px;transform:translateX(-50%);border:1px solid #f4bd7017;border-radius:50%;box-shadow:0 0 0 32px #f4bd7008,0 0 0 68px #f4bd7005;pointer-events:none}.watch-status{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:8px;color:#bdc8cd;font-size:13px}.watch-status #status-dot{width:7px;height:7px;border-radius:50%;background:#75838b}.watch-face.running #status-dot{background:#9fdf8a;box-shadow:0 0 10px #9fdf8a88}.precision-label{margin-left:9px;padding:5px 9px;border:1px solid #3d484d;border-radius:99px;color:#adbbc0;font:10px var(--mono)}.elapsed-time{position:relative;z-index:1;margin:22px auto 26px;color:#f4f7f7;font:500 clamp(46px,9vw,86px)/1 var(--mono);letter-spacing:-3px;font-variant-numeric:tabular-nums}.centiseconds{color:var(--watch-accent);font-size:.66em;letter-spacing:-1px}.watch-actions{position:relative;z-index:1;display:flex;justify-content:center;gap:10px}.watch-actions button,.laps-heading>button{height:45px;padding:0 20px;border:1px solid #3b484f;border-radius:9px;background:#11191f;color:#d9e2e5;font-size:14px;font-weight:700;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.watch-actions button:hover:not(:disabled),.laps-heading>button:hover:not(:disabled){transform:translateY(-2px);border-color:var(--watch-accent)}.watch-actions button:disabled,.laps-heading>button:disabled{opacity:.4;cursor:not-allowed}.watch-actions .primary-watch{min-width:120px;border-color:var(--watch-accent);background:var(--watch-accent);color:#21170a}.watch-face.running .primary-watch{border-color:#b27d79;background:#442724;color:#ffd2ca}.laps-section{margin-top:42px}.laps-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:15px}.laps-heading h2{font-size:24px;margin:8px 0 0}.laps-heading h2 span{margin-left:6px;color:#c0cbd0;font:13px var(--mono)}.laps-heading>button{height:36px;padding:0 12px;font-size:12px}.lap-table-wrap{overflow-x:auto;border:1px solid #2d3940;border-radius:12px;background:#10171d}.lap-table{width:100%;border-collapse:collapse;min-width:560px}.lap-table th{padding:13px 17px;text-align:left;color:#abb9bf;background:#151e24;font-size:12px;font-weight:700}.lap-table td{padding:14px 17px;border-top:1px solid #263239;color:#e0e8eb;font:14px var(--mono);font-variant-numeric:tabular-nums}.lap-table tbody tr:not(.empty-row){transition:background .16s,box-shadow .16s}.lap-table tbody tr:not(.empty-row):hover{background:#1b2925;box-shadow:inset 3px 0 var(--watch-accent)}.lap-table td:first-child{width:80px;color:var(--watch-accent);font-weight:700}.lap-table td:last-child{color:#b8c7ca;font-size:12px}.empty-row td{text-align:center!important;color:#aab7bd!important;font:13px var(--sans)!important;padding:24px}.watch-guide{margin-top:52px;padding-top:30px;border-top:1px solid #29363d}.watch-guide>h2{font-size:28px;margin:11px 0 20px}.watch-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.watch-guide-grid article{padding:18px;border:1px solid #2c3940;border-radius:12px;background:#111920}.watch-guide-grid article>b{color:var(--watch-accent);font:600 13px var(--mono)}.watch-guide-grid h3{font-size:16px;margin:12px 0 7px}.watch-guide-grid p{margin:0;color:#bdc9cd;font-size:13px;line-height:1.7}.watch-note{text-align:center;margin:24px 0 0;color:#aab7bc;font-size:12px}@media(max-width:650px){.watch-shell{padding:45px 18px 24px}.watch-intro h1{font-size:42px}.watch-face{padding:25px 14px}.elapsed-time{letter-spacing:-2px;margin:25px auto}.watch-actions{gap:7px}.watch-actions button{height:42px;padding:0 13px;font-size:12px}.watch-actions .primary-watch{min-width:95px}.precision-label{font-size:9px}.watch-guide-grid{grid-template-columns:1fr}.watch-guide-grid article{padding:15px}.watch-guide-grid h3{font-size:15px}.laps-heading h2{font-size:21px}}
