:root{--bg:#fff;--bg-sheet:#f3f4f6;--fg:#111418;--fg-dim:#4b5563;--accent:#e8618c;--accent-active:#d64d78;--border:#e5e7eb;--ring-bg:#e5e7eb}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body{background:var(--bg);color:var(--fg);text-align:center;-webkit-font-smoothing:antialiased;touch-action:manipulation;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;font-size:18px;font-weight:600;display:flex}header img{vertical-align:middle;width:24px;height:24px;margin-right:8px}main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.status-text{color:var(--fg-dim);margin-bottom:8px;font-size:16px}.timer{font-variant-numeric:tabular-nums;margin-bottom:40px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:32px;font-weight:500}.kick-button-container{width:200px;height:200px;margin-bottom:40px;position:relative}.kick-ring{background:conic-gradient(var(--accent) var(--progress), var(--ring-bg) 0);width:100%;height:100%;-webkit-mask:repeating-conic-gradient(transparent 0, transparent 2deg, black 2deg, black 36deg);mask:repeating-conic-gradient(transparent 0, transparent 2deg, black 2deg, black 36deg);-webkit-mask:repeating-conic-gradient(transparent 0, transparent 2deg, black 2deg, black 36deg);pointer-events:none;border-radius:50%;position:absolute;top:0;left:0}.kick-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;min-width:44px;height:180px;min-height:44px;font-family:inherit;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 4px 12px #00000014}.kick-button:active{transform:scale(.96)}.kick-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.kick-button img{opacity:.8;width:48px;height:48px;margin-bottom:8px}.kick-button-text{color:var(--fg);font-size:28px;font-weight:700}.btn-secondary{border:1px solid var(--border);color:var(--fg);cursor:pointer;background:0 0;border-radius:24px;min-width:44px;min-height:44px;margin:8px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:500}.btn-secondary:active{background:var(--ring-bg)}.btn-secondary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-danger{color:#dc2626;cursor:pointer;background:0 0;border:none;min-width:44px;min-height:44px;margin-top:16px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:500}.btn-danger:focus-visible{outline-offset:2px;outline:2px solid #dc2626}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:24px;min-width:44px;min-height:44px;margin:8px;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:600}.btn-primary:active{background:var(--accent-active)}.btn-primary:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sheet-overlay{z-index:100;background:#00000080;flex-direction:column;justify-content:flex-end;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{background:0 0}to{background:#00000080}}@media (prefers-reduced-motion:reduce){.sheet-overlay{animation:none}}.sheet-content{background:var(--bg-sheet);border-top-left-radius:24px;border-top-right-radius:24px;padding:24px 20px 40px;animation:.3s ease-out slideUp;box-shadow:0 -4px 16px #0000001a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sheet-content{animation:none}}.sheet-content h3{margin:0 0 24px;font-size:20px}.sheet-actions{gap:12px;display:flex}.sheet-actions button{flex:1}.summary-card{text-align:center}.summary-card h2{margin:0 0 12px;font-size:40px;font-weight:700}@media (width<=400px){.summary-card h2{font-size:32px}}.summary-card p{color:var(--fg-dim);margin:6px 0;font-size:14px}.summary-card .btn-primary{margin-top:24px}.action-bar{justify-content:center;gap:12px;padding:12px 20px 20px;display:flex}.action-bar button{align-items:center;gap:8px;display:flex}footer{border-top:1px solid var(--border);justify-content:center;padding:16px 20px 32px;display:flex}.footer-links{justify-content:center;align-items:center;gap:24px;display:flex}.footer-links button,.footer-links a{color:var(--fg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;min-width:48px;min-height:48px;padding:12px;font-family:inherit;font-size:20px;text-decoration:none;display:flex}.footer-links .btn-secondary{border:1px solid var(--border);background:0 0;border-radius:24px;min-width:auto;min-height:44px;padding:10px 16px}.footer-links a{opacity:.7}.footer-links button:hover,.footer-links a:hover{opacity:.6}.footer-links button:focus-visible,.footer-links a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;opacity:1}