:root{color-scheme:dark;--bg: #0b1020;--bg-photo: none;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .66);--muted2: rgba(255, 255, 255, .5);--shadow: rgba(0, 0, 0, .35);--primary: #7c3aed;--primary2: #a78bfa;--danger: #ef4444;--ok: #22c55e;--warn: #f59e0b;--over: #fb7185;--radius: 18px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background-image:linear-gradient(180deg,#0b10201f,#0b102080 68%,#0b1020c7),var(--bg-photo);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed;background-color:var(--bg);color:var(--text)}.app{max-width:780px;margin:0 auto;padding:32px 18px 64px}.header{margin:6px 0 18px}.githubBtn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#00000038;color:#ffffffe6;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .12s ease,background .12s ease,border-color .12s ease}.githubBtnFixed{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));z-index:1000}.githubBtn:hover{transform:translateY(-1px);background:#ffffff1a;border-color:#ffffff3d}.githubBtn:active{transform:translateY(0)}.githubBtn:focus-visible{outline:2px solid rgba(124,58,237,.55);outline-offset:2px}.githubIcon{width:20px;height:20px}.title{font-size:28px;letter-spacing:.2px;margin:0}.subtitle{margin:8px 0 0;color:var(--muted);line-height:1.4}.panel{background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:18px;box-shadow:0 20px 60px var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.display{padding:14px 14px 12px;border-radius:14px;background:#00000038;border:1px solid rgba(255,255,255,.1)}.label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2)}.time{font-variant-numeric:tabular-nums;font-size:64px;line-height:1.05;margin-top:8px;letter-spacing:.5px}.time.overtime{color:var(--over)}.time.running{text-shadow:0 0 28px rgba(124,58,237,.18)}.meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.metaItem{padding:10px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:10px}.metaKey{color:var(--muted2)}.metaVal{font-variant-numeric:tabular-nums}.progressWrap{height:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:999px;overflow:hidden;margin:14px 2px 0}.progressBar{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--primary2));border-radius:999px;transition:width .12s linear}.controls{display:flex;gap:10px;margin-top:14px}.btn{appearance:none;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:var(--text);padding:12px 14px;border-radius:12px;cursor:pointer;font-weight:650;letter-spacing:.2px;flex:1;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);background:#ffffff1c;border-color:#ffffff38}.btn:active{transform:translateY(0)}.btn.primary{border-color:#7c3aed8c;background:#7c3aed2e}.btn.primary:hover{background:#7c3aed40}.btn.danger{border-color:#ef444473;background:#ef444421}.btn.danger:hover{background:#ef44442e}.setter{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.setterRow{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.field label{display:block;font-size:12px;color:var(--muted2);margin-bottom:6px}.field input{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000038;color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.field input:focus{outline:2px solid rgba(124,58,237,.45);outline-offset:2px}.quickSet{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:var(--text);padding:8px 10px;border-radius:999px;cursor:pointer;font-weight:650}.chip:hover{background:#ffffff1a}.hint{margin:12px 2px 0;color:var(--muted);line-height:1.4;font-size:13px}kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-bottom-color:#ffffff38;padding:2px 6px;border-radius:8px;font-size:12px}@media(max-width:520px){.time{font-size:52px}.controls{flex-direction:column}.setterRow{grid-template-columns:1fr}}