*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:#060606;height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,system-ui,Roboto,sans-serif}#root{justify-content:center;align-items:center;min-height:100svh;display:flex}.app-root{background:#060606;justify-content:center;align-items:center;width:100%;height:100%;min-height:100svh;display:flex}.card{background:#101012;border:1px solid #262218;border-radius:28px;flex-direction:column;align-items:center;gap:26px;width:min(420px,92vw);padding:36px 28px 28px;display:flex;box-shadow:0 20px 60px #0000008c}.time-display{justify-content:center;align-items:flex-start;gap:10px;display:flex}.time-block{flex-direction:column;align-items:center;gap:8px;display:flex}.time-value,.time-input{color:#f5f4f0;font-variant-numeric:tabular-nums;font-size:clamp(52px,12vw,76px);font-weight:700;line-height:1}.time-input{text-align:center;background:0 0;border:none;border-bottom:2px solid #3a3527;outline:none;width:2.1ch;padding:0 0 4px;font-family:inherit}.time-input:focus{border-bottom-color:#f5b301}.time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time-input[type=number]{appearance:textfield}.time-colon{color:#f5f4f0;align-self:center;margin-top:-14px;font-size:clamp(52px,12vw,76px);font-weight:700;line-height:1}.time-label{color:#8a8a8a;letter-spacing:.04em;font-size:13px}.sound-toggle{color:#cfcfcf;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:15px;display:flex}.sound-toggle input{accent-color:#f5b301;cursor:pointer;width:18px;height:18px}.controls{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.btn{cursor:pointer;color:#e6e6e6;background:#1c1c1f;border:none;border-radius:999px;flex:auto;min-width:84px;padding:12px 18px;font-size:15px;font-weight:700;transition:transform .12s,opacity .12s,background .12s}.btn:hover:not(:disabled){background:#26262a}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{color:#1a1200;background:linear-gradient(#ffce3d 0%,#f5b301 100%)}.btn.primary:hover:not(:disabled){background:linear-gradient(#ffd75c 0%,#ffbe1a 100%)}.btn.ghost{color:#a8a8a8;background:0 0;border:1px solid #333}.btn.ghost:hover{color:#f5b301;border-color:#f5b301}.fullscreen-view{cursor:pointer;-webkit-user-select:none;user-select:none;background:#000;justify-content:center;align-items:center;width:100vw;height:100svh;display:flex;position:relative}.fullscreen-time{color:#f5f4f0;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:clamp(14px,24vmin,320px);font-weight:700}.reset-btn-fs{color:#f5b301;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(22px,12vmin,48px);height:clamp(22px,12vmin,48px);font-size:clamp(12px,6vmin,22px);line-height:1;transition:transform .12s,background .12s;display:flex;position:absolute;top:clamp(6px,4vmin,28px);left:clamp(6px,4vmin,28px)}.reset-btn-fs:hover{background:#f5b30126;transform:scale(1.08)}.reset-btn-fs:active{background:#f5b30140;transform:scale(.94)}