*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100%;min-height:100dvh;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto;background:#f0f6fc;font-family:Segoe UI,Roboto,sans-serif}.cat-timer-wrapper{--cat-bg-color:#ffffff;--cat-text-color:#333333;--cat-btn-color:#0073aa;--cat-btn-text-color:#ffffff;--cat-border-color:#e2e4e7;--cat-border-radius:12px;--cat-btn-color-start:#28a745;--cat-btn-color-stop:#dc3545;--cat-btn-color-card:#0073aa;--cat-btn-color-reset:#6c757d;display:flex;justify-content:center;margin:20px 0}.cat-timer{background-color:var(--cat-bg-color);color:var(--cat-text-color);padding:30px;border-radius:var(--cat-border-radius);border:1px solid var(--cat-border-color);box-shadow:0 4px 15px rgba(0,0,0,.1);text-align:center;width:100%;max-width:500px;font-family:Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s}.cat-timers-container{gap:15px;margin-bottom:25px}.cat-timer-block,.cat-timers-container{display:flex;flex-direction:column;align-items:center}.cat-timer-label{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--cat-text-color);opacity:.8;margin-bottom:5px}.cat-timer-display{font-size:80px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.cat-timer-display-small{font-size:40px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1;color:var(--cat-text-color)}.cat-controls{gap:15px;margin-bottom:25px}.cat-btn,.cat-controls{display:flex;justify-content:center}.cat-btn{background-color:var(--cat-btn-color);color:var(--cat-btn-text-color);border:none;padding:0;font-size:32px;border-radius:50%;cursor:pointer;transition:transform .1s,opacity .2s;font-weight:700;min-width:220px;min-height:220px;align-items:center;line-height:1.2;box-shadow:0 4px 10px rgba(0,0,0,.2);margin:0 auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cat-btn.cat-state-running{background-color:var(--cat-btn-color-start)}.cat-btn.cat-state-sp{background-color:var(--cat-btn-color-stop)}.cat-btn.cat-state-card{background-color:var(--cat-btn-color-card)}.cat-btn.cat-state-stopped{background-color:var(--cat-btn-color-reset)}.cat-btn:hover{transform:scale(1.05);opacity:1;box-shadow:0 6px 15px rgba(0,0,0,.25)}.cat-btn:active{transform:scale(.95);opacity:.9}.cat-btn-small:focus-visible,.cat-btn:focus-visible,.cat-confirm-bar button:focus-visible,.cat-footer a:focus-visible{outline:2px solid #0073aa;outline-offset:2px}@media (prefers-reduced-motion:reduce){.cat-btn{transition:none}.cat-btn:active,.cat-btn:hover{transform:none}.cat-timer{transition:none}}.cat-log-container{border-top:1px solid rgba(0,0,0,.1);padding-top:30px;margin-top:15px;text-align:left}.cat-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cat-log-title,.cat-timer .cat-log-header h2,.cat-timer .cat-log-header h3{margin:0;font-size:16px;color:var(--cat-text-color)!important;opacity:.9;line-height:1.4;font-weight:700}.cat-btn-small{background:transparent;border:1px solid;color:var(--cat-text-color);font-size:13px;padding:8px 12px;min-height:44px;min-width:44px;border-radius:4px;cursor:pointer;opacity:.7;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cat-confirm-bar{display:none;align-items:center;justify-content:space-between;gap:10px;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:8px 12px;margin-bottom:10px;font-size:13px;color:#664d03}.cat-confirm-bar.active{display:flex}.cat-confirm-bar span{flex:1 1}.cat-confirm-bar button{border:none;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600}.cat-confirm-yes{background:#dc3545;color:#fff}.cat-confirm-no{background:#6c757d;color:#fff}.cat-log-list{list-style:none;padding:0;margin:0}.cat-log-item,.cat-timer .cat-log-list li{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:14px;font-weight:600;color:var(--cat-text-color)!important;margin:0;list-style-type:none;line-height:1.5}.cat-save-error{background:#f8d7da;border:1px solid #f5c2c7;border-radius:6px;color:#842029;font-size:13px;margin-bottom:10px;padding:8px 12px}.cat-log-list li:last-child{border-bottom:none}.cat-log-label{font-weight:500;opacity:.8}.cat-log-time{font-weight:600}.cat-version{margin-top:20px;font-size:10px;opacity:.5;text-align:center}.cat-page-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100dvh;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0);padding-top:env(safe-area-inset-top,0)}.cat-headline{font-family:Segoe UI,Roboto,sans-serif;font-size:28px;font-weight:700;color:#1d2327;text-align:center;margin:0}.cat-header{max-width:540px;padding:30px 20px 0;text-align:center}.cat-intro{font-size:15px;line-height:1.5;color:#50575e;margin:12px 0 0}.cat-footer,.cat-intro{font-family:Segoe UI,Roboto,sans-serif}.cat-footer{font-size:12px;color:#999;text-align:center;padding:15px 0 30px;text-transform:uppercase}.cat-footer a{color:inherit;text-decoration:underline}.cat-footer a:focus-visible{outline:2px solid #0073aa;outline-offset:2px}.cat-offline-card{background:#fff;border:1px solid #e2e4e7;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin:40px 20px;max-width:500px;padding:30px;text-align:center}.cat-offline-link{color:#0073aa;display:inline-block;font-weight:600;margin-top:16px;text-decoration:underline}.cat-offline-link:focus-visible{outline:2px solid #0073aa;outline-offset:2px}.cat-pwa-banner{background:#fff;border-bottom:1px solid #e2e4e7;box-shadow:0 2px 8px rgba(0,0,0,.08);font-family:Segoe UI,Roboto,sans-serif;font-size:14px;left:0;line-height:1.4;padding:calc(12px + env(safe-area-inset-top, 0)) 16px 12px;position:fixed;right:0;top:0;z-index:1000}.cat-pwa-banner-update{background:#f0f6fc}.cat-pwa-banner p{color:#333;margin:0 0 10px}.cat-pwa-banner-actions{display:flex;flex-wrap:wrap;gap:8px}.cat-pwa-btn-primary,.cat-pwa-btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;min-height:44px;padding:8px 16px;touch-action:manipulation}.cat-pwa-btn-primary{background:#0073aa;color:#fff}.cat-pwa-btn-primary:disabled{cursor:not-allowed;opacity:.5}.cat-pwa-btn-secondary{background:transparent;border:1px solid #999;color:#555}.cat-pwa-btn-primary:focus-visible,.cat-pwa-btn-secondary:focus-visible{outline:2px solid #0073aa;outline-offset:2px}@media screen and (max-width:600px){.cat-page-wrapper{min-height:auto;justify-content:flex-start}.cat-header{padding:20px 15px 0}.cat-intro{font-size:14px}.cat-timer-wrapper{width:auto;align-self:stretch;padding:0 15px}.cat-timer{padding:15px;max-width:100%;border-radius:10px}.cat-timer-display{font-size:62px}.cat-timer-display-small{font-size:42px}.cat-btn{min-width:180px;min-height:180px;font-size:24px}.cat-timer-block{margin-bottom:15px;width:100%}.cat-timer-label{font-size:12px;margin-bottom:2px}.cat-timer .cat-log-list li{flex-direction:column;align-items:flex-start;gap:5px}.cat-timer .cat-log-list li span{display:block;width:100%}}