.ou-stopwatch-page{padding:20px 0 44px}.ou-stopwatch-page__title{margin-bottom:0}.ou-stopwatch{margin-top:14px;display:grid;gap:14px;justify-items:center;width:100%;max-width:100%;overflow-x:clip}.ou-stopwatch__display-card,.ou-stopwatch__laps-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.ou-stopwatch__display-card{display:flex;flex-direction:column;gap:14px;background:transparent;border:0;box-shadow:none;padding:0;min-width:0}.ou-stopwatch__time{margin:0;width:100%;max-width:100%;border:0;border-radius:0;background:transparent;color:var(--text);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(4.8rem,18vw,18.5rem);font-weight:800;line-height:1.04;letter-spacing:.045em;font-variant-numeric:tabular-nums;padding:clamp(4px,1vw,10px) 0;white-space:nowrap;overflow:hidden}.ou-stopwatch__time.is-hours{font-size:clamp(3.9rem,14vw,13rem);letter-spacing:.02em}.ou-stopwatch__controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}.ou-stopwatch__controls,.ou-stopwatch__laps-card{width:min(100%,960px);margin-inline:auto;justify-self:center;min-width:0}.ou-stopwatch__display-card{width:100%;max-width:100%;margin-inline:auto;justify-self:center}.ou-stopwatch__btn{appearance:none;min-height:54px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);font-size:1.02rem;font-weight:700;padding:10px 12px;cursor:pointer;transition:transform .08s ease,filter .18s ease,border-color .18s ease}.ou-stopwatch__btn:hover{border-color:#2563eb59;filter:brightness(1.01)}.ou-stopwatch__btn:active{transform:translateY(1px)}.ou-stopwatch__btn:focus-visible{outline:3px solid rgba(37,99,235,.24);outline-offset:2px}.ou-stopwatch__btn:disabled{opacity:.52;cursor:not-allowed;filter:saturate(.8)}.ou-stopwatch__btn:disabled:active{transform:none}.ou-stopwatch__btn--primary{border-color:#2563eb47;background:linear-gradient(180deg,var(--brand),var(--brand-2));color:#fff}.ou-stopwatch__btn--ghost{background:var(--surface-2)}.ou-stopwatch__laps-title{margin:0 0 10px;line-height:1.2;font-size:1.2rem}.ou-stopwatch__laps-empty{margin:0;border:1px dashed var(--border);border-radius:12px;background:var(--surface-2);color:var(--muted);padding:12px;font-size:.98rem}.ou-stopwatch__laps-wrap{border:1px solid var(--border);border-radius:12px;background:#fff;overflow:auto;max-height:460px}.ou-stopwatch__laps-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.ou-stopwatch__laps-table th,.ou-stopwatch__laps-table td{border-bottom:1px solid var(--border);padding:10px 12px;white-space:nowrap}.ou-stopwatch__laps-table thead th{position:sticky;top:0;z-index:1;background:#f8faff;color:var(--muted);font-size:.92rem;font-weight:700;letter-spacing:.01em}.ou-stopwatch__laps-table th:first-child,.ou-stopwatch__laps-table td:first-child{text-align:left;width:90px}.ou-stopwatch__laps-table th:not(:first-child),.ou-stopwatch__laps-table td:not(:first-child){text-align:right}.ou-stopwatch__laps-table tbody tr:nth-child(2n){background:#2563eb08}.ou-stopwatch__laps-table tbody tr:last-child td{border-bottom:0}.ou-stopwatch:fullscreen{background:var(--bg);padding:clamp(12px,2vw,28px);margin:0;width:100vw;height:100vh;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;gap:14px}.ou-stopwatch:fullscreen .ou-stopwatch__display-card{width:100%;max-width:none;margin:0}.ou-stopwatch:fullscreen .ou-stopwatch__laps-card{width:min(100%,960px);max-width:none;margin-inline:auto;justify-self:center}.ou-stopwatch:fullscreen .ou-stopwatch__time{font-size:clamp(7rem,19vw,20rem);letter-spacing:.02em;padding:clamp(8px,1vw,12px) 0}.ou-stopwatch:fullscreen .ou-stopwatch__time.is-hours{font-size:clamp(5.2rem,14vw,14rem)}.ou-stopwatch:fullscreen .ou-stopwatch__laps-wrap{max-height:min(42vh,420px)}.ou-stopwatch-page.is-fallback-fullscreen{position:fixed;inset:0;z-index:9999;background:var(--bg);overflow:auto;padding:12px 0}.ou-stopwatch-page.is-fallback-fullscreen .wrap{width:100%;max-width:none;padding-left:12px;padding-right:12px;margin:0}.ou-stopwatch-page.is-fallback-fullscreen .ou-stopwatch-page__title{display:none}.ou-stopwatch-page.is-fallback-fullscreen .ou-stopwatch{margin-top:0;min-height:calc(100svh - 24px);grid-template-columns:minmax(0,1fr);align-content:center}.ou-stopwatch-page.is-fallback-fullscreen .ou-stopwatch__time{font-size:clamp(5.2rem,20vw,13.5rem)}.ou-stopwatch-page.is-fallback-fullscreen .ou-stopwatch__time.is-hours{font-size:clamp(4.3rem,16vw,10.5rem)}@media(max-width:960px){.ou-stopwatch__controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.ou-stopwatch-page{padding-top:16px}.ou-stopwatch__display-card,.ou-stopwatch__laps-card{padding:12px}.ou-stopwatch__display-card{padding:0}.ou-stopwatch__time{font-size:clamp(4rem,19vw,7.8rem);letter-spacing:.03em}.ou-stopwatch__time.is-hours{font-size:clamp(3rem,13vw,5.4rem);letter-spacing:.01em}.ou-stopwatch__btn{min-height:50px;font-size:.98rem}.ou-stopwatch__btn[data-action=fullscreen]{display:none}.ou-stopwatch__controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}@media(max-width:460px){.ou-stopwatch__controls{grid-template-columns:repeat(3,minmax(0,1fr))}.ou-stopwatch__btn{padding:8px 6px;font-size:.92rem}}