@font-face{font-family:Rubik;src:url(/assets/Rubik-VariableFont_wght-CV_BkMil.ttf)}*{--black: #191919;--gray: #1c1c1c;--light-gray: #939393;--white: #ffffff}body{position:relative;margin:0;padding:0;font-family:Rubik,Arial,sans-serif;background-color:var(--black)}*{scrollbar-width:auto;scrollbar-color:#959595 #000000}*::-webkit-scrollbar{width:16px}*::-webkit-scrollbar-track{background:#000}*::-webkit-scrollbar-thumb{background-color:#959595;border-radius:10px;border:3px solid #959595}#main{height:100%;width:100%;display:flex;flex-direction:column}header{display:grid;grid-template-columns:auto auto;padding:15px}header .stats-container{display:flex;justify-content:left;align-items:center;gap:15px}header .actions-container{display:flex;justify-content:right;align-items:center;gap:15px}main .timer-controls{display:flex;justify-content:center;align-items:center;gap:40px;margin:20px 0}footer{display:flex;justify-content:center;align-items:center}.copyright{position:absolute;left:50%;transform:translate(-50%);font-size:12px;font-weight:500;text-decoration:none;color:#343434}.stats{width:fit-content;display:flex;justify-content:center;align-items:center;gap:12px;padding:15px 30px;border-radius:50rem;background-color:var(--gray);box-shadow:0 0 4px #0003;cursor:default}.stats img{width:27px;height:27px}.stats p{margin:0;padding:0;color:var(--white);font-size:18px;font-weight:600}.action{width:57px;height:57px;display:flex;justify-content:center;align-items:center;border-radius:50rem;background-color:var(--gray);box-shadow:0 0 4px #0003;cursor:pointer}.action img{width:27px;height:27px;transition:.3s}.action:hover img{filter:brightness(.6)}.timer{width:fit-content;display:flex;justify-content:center;align-items:center;margin:0 auto;padding:30px 60px;border-radius:50rem;background-color:var(--gray);box-shadow:0 0 4px #0003;cursor:default}.timer p{margin:0;padding:0;color:var(--white);font-size:40px;font-weight:700}.history{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;margin:20px auto;border:6px solid var(--gray);border-radius:50px;box-shadow:0 0 4px #0000001a}.history .history-item{width:100%;display:grid;grid-template-columns:auto auto;align-items:center;padding:10px 0;border-bottom:6px solid var(--gray)}.history .history-item:last-child{border-bottom:none}.history .history-item .history-item-header{display:flex;align-items:center;gap:10px;padding-left:40px}.history .history-item .history-item-header img{width:27px;height:27px}.history .history-item .history-item-header p{font-size:18px;font-weight:600;color:var(--white)}.history .history-item .history-item-time{display:flex;justify-content:flex-end;align-items:center;padding-right:40px}.history .history-item .history-item-time p{font-size:14px;color:var(--light-gray);font-weight:400}.history .history-load-more{width:100%;padding:10px;background-color:var(--gray);color:var(--white);border:none;border-radius:0 0 50px 50px;cursor:pointer;font-size:14px;font-weight:500;font-family:Rubik,Arial,sans-serif}.settings-modal-backdrop{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.settings-modal{background:var(--gray);color:var(--white);padding:32px 24px;border-radius:24px;min-width:320px;box-shadow:0 0 16px #0005;display:flex;flex-direction:column;gap:16px}.settings-modal h2{margin:0 0 12px;font-size:1.4rem}.settings-modal label{display:flex;flex-direction:column;margin-bottom:12px;font-size:1rem;gap:4px}.settings-modal input[type=number]{padding:6px 10px;border-radius:8px;border:1px solid var(--light-gray);font-size:1rem;background:var(--black);color:var(--white)}.settings-modal-actions{display:flex;gap:12px;justify-content:flex-end}.settings-modal button{padding:8px 18px;border-radius:8px;border:none;background:var(--light-gray);color:var(--black);font-weight:600;cursor:pointer;font-size:1rem}