@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";:root{--primary-bg-color:#242424;--primary-text-color:#46ffbe;--secondary-bg-color:#46ffbe;--secondary-text-color:#444;--button-background-color:transparent;--button-icon-filter:inherit;--button-border:1px solid #fff;--primary-dark-color:#1ea97a;--clock-font-size:min(13vw,36vh);--timer-name-font-size:min(3vw,32px);--timers-columns:1;--timers-rows:1}body.timers-2{--clock-font-size:min(6.6vw,30vh);--timer-name-font-size:min(2vw,26px);--timers-columns:2;--timers-rows:1}body.timers-4{--clock-font-size:min(6.6vw,16vh);--timer-name-font-size:min(1.6vw,22px);--timers-columns:2;--timers-rows:2}@media screen and (width<=768px){body.timers-2,body.timers-4{--clock-font-size:min(16vw,18vh);--timer-name-font-size:16px;--timers-columns:1}body.timers-2{--timers-rows:2}body.timers-4{--timers-rows:4}}.versus-theme{--primary-bg-color:#ed5026;--primary-text-color:#fff;--secondary-bg-color:#000;--secondary-text-color:#444;--button-background-color:transparent;--button-icon-filter:brightness(100);--button-border:1px solid #fff}*{box-sizing:border-box;font-family:Orbitron,sans-serif}body,html{background-color:var(--primary-bg-color);color:var(--primary-text-color);flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100dvw;height:100dvh;margin:0;display:flex;overflow:hidden}body::selection,html::selection{background:var(--secondary-bg-color);color:var(--secondary-text-color)}body ::-moz-selection{background:var(--secondary-bg-color);color:var(--secondary-text-color)}html ::-moz-selection{background:var(--secondary-bg-color);color:var(--secondary-text-color)}body.inverted,html.inverted{background-color:var(--secondary-bg-color);color:var(--primary-bg-color)}body.inverted .input-stopwatch-container input,html.inverted .input-stopwatch-container input{color:var(--primary-bg-color)}.timers-grid{grid-template-columns:repeat(var(--timers-columns),minmax(0,1fr));flex:1;grid-auto-rows:minmax(0,1fr);place-items:stretch stretch;gap:32px 96px;width:100%;min-height:0;padding:32px 64px 96px;display:grid}.timer-card{border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:0;padding:16px 24px;transition:background-color .25s,color .25s;display:flex;overflow:hidden}.timer-card.inverted{background-color:var(--secondary-bg-color);color:var(--primary-bg-color)}.timer-card.inverted .input-stopwatch-container input,.timer-card.inverted .timer-name{color:var(--primary-bg-color)}.timer-card.inverted .action-button-container button{border-color:var(--primary-bg-color)}.timer-countdown{font-size:calc(var(--clock-font-size)*1.7);line-height:1;transition:color .25s}.timer-countdown.is-message{font-size:calc(var(--clock-font-size)*.75);letter-spacing:.08em}.timer-card.is-countdown{box-shadow:inset 0 0 0 2px}.timer-name{width:100%;max-width:100%;color:inherit;font-size:var(--timer-name-font-size);letter-spacing:.08em;text-align:center;text-transform:uppercase;background:0 0;border:none;border-radius:8px;outline:none;margin:0;padding:4px 8px;transition:all .3s}.timer-name::placeholder{color:currentColor;opacity:.4}.timer-name:focus{background:#ffffff1a}.countdown-container{background:var(--primary-bg-color);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:absolute}.countdown-container .countdown-number{font-size:min(30vw,60vh);line-height:1;transition:all .5s}.countdown-container .countdown-number.is-message{letter-spacing:.08em;font-size:min(12vw,18vh)}.countdown-container.odd{background:var(--secondary-bg-color);color:var(--secondary-text-color)}.countdown-container.even{background:var(--primary-bg-color);color:var(--primary-text-color)}.countdown-container.inverted{background:var(--secondary-bg-color);color:var(--primary-bg-color)}.countdown-container.inverted .action-button-container button{border-color:var(--primary-bg-color)}.input-stopwatch-container{width:100%;font-size:var(--clock-font-size);justify-content:center;align-items:center;line-height:1.1;transition:color .5s;display:flex}.input-stopwatch-container input{font-variant-numeric:tabular-nums;width:2ch;min-width:2ch;max-width:2ch;color:var(--primary-text-color);text-align:center;font-size:inherit;background:0 0;border:none;border-radius:5px;outline:none;margin:0;padding:0}.input-stopwatch-container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-stopwatch-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-stopwatch-container input[type=number]{appearance:none;-moz-appearance:textfield}.action-button-container{flex-direction:row;gap:32px;display:flex}button.as-icon{background-color:var(--button-background-color);border:var(--button-border);width:32px;height:32px;color:inherit;cursor:pointer;border-radius:99px;justify-content:center;align-items:center;padding:0;font-size:20px;transition:all .5s;display:flex}button.as-icon img{max-width:20px;max-height:20px;filter:var(--button-icon-filter);display:block}button.as-icon:hover{transform:scale(1.05)}button.as-icon:active,button.as-icon:focus,button.as-icon:focus-visible,button.as-icon:focus-within{box-shadow:0 0 10px var(--secondary-bg-color);background-color:#ffffff26;outline:none}.global-controls{z-index:5;align-items:center;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.hide{display:none!important}.theme-dropdown-label{color:#fff9;letter-spacing:.1em;text-transform:uppercase;padding:0 12px;font-size:11px}.layout-options{gap:8px;padding:0 4px;display:flex}.layout-options .layout-button{color:#fff;text-align:center;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;flex:1;padding:8px 0;font-size:14px;transition:all .3s}.layout-options .layout-button:hover{background:#ffffff1a}.layout-options .layout-button.is-active{background:#ffffff40;border-color:#fff9}.theme-menu-container{z-index:10;position:fixed;bottom:32px;right:32px}.theme-dropdown{backdrop-filter:blur(10px);background:#ffffff14;border-radius:16px;flex-direction:column;gap:8px;min-width:180px;padding:12px;display:flex;position:absolute;bottom:60px;right:0;box-shadow:0 10px 30px #0003}.theme-dropdown button{cursor:pointer;color:#fff;text-align:left;background:0 0;border:none;border-radius:8px;padding:12px;font-size:14px;transition:all .3s}.theme-dropdown button:hover{background:#ffffff1a}