:root{--bg: #2a2a2a;--text: #efefef;--surface: #2a2a2a;--surface-text: #efefef;--button-outline: #efefef;--button-start: #70a37f;--button-stop: #f67e7d;--button-reset: #3e78b2;--button-lap: #efefef;--panel-bg: rgba(239, 239, 239, .06);--panel-border: rgba(239, 239, 239, .18);--scroll-thumb: rgba(239, 239, 239, .45);--scroll-thumb-hover: rgba(239, 239, 239, .68)}body.theme-light{--bg: #efefef;--text: #2a2a2a;--surface: #efefef;--surface-text: #2a2a2a;--button-outline: #2a2a2a;--button-start: #b8ddbf;--button-stop: #f3b2b0;--button-reset: #c0d4ee;--button-lap: #d9c8ef;--panel-bg: rgba(42, 42, 42, .04);--panel-border: rgba(42, 42, 42, .12);--scroll-thumb: rgba(42, 42, 42, .32);--scroll-thumb-hover: rgba(42, 42, 42, .5)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Garamond,serif;background:var(--bg);color:var(--text)}#app{position:relative;min-height:100vh;height:100vh;overflow:hidden;display:grid;grid-template-rows:1fr 4fr;grid-template-columns:1fr auto;grid-template-areas:"title toggle" "main main";gap:16px;padding:24px}#app>h1{margin:0;grid-area:title;align-self:center;justify-self:center;text-align:center;font-size:clamp(2rem,4vw,3rem);color:var(--text)}.theme-toggle-wrap{grid-area:toggle;align-self:center;justify-self:end;margin-right:clamp(1rem,2vw,2rem);padding-right:clamp(2.35rem,.75vw,.9rem);display:flex;align-items:center;justify-content:flex-end}.theme-checkbox{--toggle-size: clamp(6px, .8vw, 16px);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:block;box-sizing:border-box;width:clamp(4.75em,6vw,6.25em);height:clamp(2.375em,3vw,3.125em);background:var(--bg);transition:.4s;border-radius:99em;cursor:pointer;font-size:var(--toggle-size);z-index:2;border:2px solid var(--text);overflow:hidden}.theme-checkbox:before{content:"";display:block;box-sizing:border-box;width:2.25em;height:2.25em;position:absolute;top:50%;transform:translateY(-50%);left:.438em;background:var(--text);border-radius:50%;transition:.4s}.theme-checkbox:checked:before{left:calc(100% - 2.688em)}.theme-checkbox:checked{background:var(--bg)}.main-area{grid-area:main;min-height:0;display:grid;grid-template-columns:3fr 1fr;gap:16px;overflow:hidden}.left{min-height:0;display:grid;grid-template-rows:3fr 1fr;gap:12px}.clock,.timelog,.controls,.lap-times{min-width:0;min-height:0}.clock{display:none}.timelog{display:flex;align-items:center;justify-content:center}.time{margin:0;font-family:monospace;font-size:clamp(5rem,5vw,4.5rem);color:var(--text)}.controls{display:flex;align-items:center;justify-content:space-evenly;gap:12px;flex-wrap:nowrap;padding:clamp(8px,1.2vw,16px)}.right{min-height:0}.lap-times{height:100%;display:flex;flex-direction:column;gap:8px;padding:clamp(8px,1vw,12px);border-radius:12px;background:var(--panel-bg);border:1px solid var(--panel-border);overflow:hidden}.lap-label{text-align:center;font-weight:600;color:var(--text);font-size:clamp(2rem,2vw,1.5rem)}.lap-entries{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent;display:flex;flex-direction:column;gap:8px;align-items:center;padding-inline:4px}.lap-entries p{width:100%;margin:0;text-align:center;color:var(--text);font-size:clamp(1.5rem,2vw,1.75rem)}.lap-entries::-webkit-scrollbar{width:10px}.lap-entries::-webkit-scrollbar-track{background:transparent}.lap-entries::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:999px;border:3px solid transparent;background-clip:content-box}.lap-entries::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);border-radius:999px;border:2px solid transparent;background-clip:content-box}button{font:inherit;color:var(--surface-text)}.btn{--button_radius: .75em;--button_outline_color: var(--button-outline);font-size:clamp(2rem,2.3vw,1.75rem);font-weight:700;border:none;cursor:pointer;border-radius:var(--button_radius);background:var(--button_outline_color);padding:0}.button_top{display:block;box-sizing:border-box;border:2px solid var(--button_outline_color);border-radius:var(--button_radius);padding:clamp(.6em,1vw,.75em) clamp(1.1em,2vw,1.5em);background:var(--button_color, #e8e8e8);color:var(--button_text_color, var(--surface-text));transform:translateY(-.2em);transition:transform .1s ease,background-color .2s ease,color .2s ease}.btn:hover .button_top{transform:translateY(-.33em)}.btn:active .button_top{transform:translateY(0)}.btn-start{--button_color: var(--button-start)}.btn-stop{--button_color: var(--button-stop)}.btn-reset,.btn-lap{--button_color: var(--button-reset)}.btn-start,.btn-stop,.btn-reset,.btn-lap{min-width:clamp(5em,8vw,6.75em);max-width:100%}.btn-start .button_top,.btn-stop .button_top,.btn-reset .button_top,.btn-lap .button_top{color:var(--surface-text)}body.theme-light .btn-start .button_top,body.theme-light .btn-stop .button_top,body.theme-light .btn-reset .button_top,body.theme-light .btn-lap .button_top{color:#2a2a2a}.btn-stop .button_top{color:#efefef}.left{padding:clamp(8px,1vw,12px)}.timelog{justify-content:center;align-items:center}.controls{width:100%}.right{display:flex;align-items:stretch;justify-content:stretch}.lap-times{width:100%}.lap-entries{align-items:center}.lap-entries p{width:100%}@media(min-width:1024px){#app>h1{font-size:clamp(2.2rem,4.8vw,3.6rem)}.time{font-size:clamp(3rem,6vw,5.4rem)}.btn{font-size:clamp(1.2rem,2.76vw,2.1rem)}}@media(max-width:820px),(max-aspect-ratio:3/4){#app{padding:14px;gap:10px}#app>h1{font-size:clamp(1.8rem,7vw,2.6rem)}.theme-toggle-wrap{margin-right:.5rem;padding-right:.35rem}.theme-checkbox{--toggle-size: clamp(6px, 1.8vw, 10px)}.main-area{grid-template-columns:1fr;grid-template-rows:3fr 2fr;gap:10px}.left{grid-template-rows:3fr 1fr;gap:10px;padding:6px}.timelog{overflow:hidden}.time{font-size:clamp(2.1rem,12vw,4rem);text-align:center;max-width:100%}.controls{justify-content:center;flex-wrap:wrap;gap:8px;padding:8px 4px}.btn{font-size:clamp(.9rem,4.8vw,1.35rem)}.btn-start,.btn-stop,.btn-reset,.btn-lap{min-width:clamp(4.1em,36vw,5.4em)}.right{min-height:0}.lap-times{padding:10px}.lap-label{font-size:clamp(2rem,4.5vw,1.35rem)}}