:root{color-scheme:dark;--bg:#10151a;--surface:#1a2229;--surface-raised:#202c33;--ink:#e6edf2;--muted:#a0b3be;--accent:#02dc99;--on-accent:#06291e;--line:#36454e;--warning:#f1c680;--danger:#ffb2a7;font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:16px;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}main{width:min(100%,780px);margin:auto;padding:28px 20px calc(30px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}h1{font-size:26px;line-height:1.25;letter-spacing:-.02em;margin:0 0 8px;font-weight:700}h2{font-size:20px;line-height:1.4;margin:0 0 12px}h3{font-size:18px;margin:0}p{margin:0 0 16px;line-height:1.65}header p{font-size:14px;color:var(--muted);margin:0}button,input,.button-link{font:inherit;border-radius:12px;min-height:48px}button{padding:12px 17px;border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);cursor:pointer;transition:background-color .18s ease-out}button:hover{background:#2b3b44}button:active{background:#344950}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--accent);color:var(--on-accent);font-weight:700;border-color:var(--accent)}.primary:hover{background:#30e7b0}.full{width:100%}.subtle{color:var(--accent);background:transparent;border-color:transparent;padding:10px 8px;white-space:nowrap}.subtle:hover{background:var(--surface)}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input{display:block;width:100%;padding:13px 14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);margin:8px 0 22px;caret-color:var(--accent)}input::placeholder{color:#9babb5}label{font-size:14px;color:var(--muted)}#pairPanel{padding-top:8px}#pairCode{font-size:26px;letter-spacing:.08em;font-variant-numeric:tabular-nums}#pairForm{margin:26px 0}.secondary{color:var(--muted);font-size:14px;line-height:1.65}.compact{margin-top:-4px;margin-bottom:20px}.notice{background:#30291f;border-radius:12px;padding:14px 16px;color:var(--warning);font-size:14px;line-height:1.6;margin:0 0 22px;overflow-wrap:anywhere}.connection-dot{width:9px;height:9px;border-radius:50%;background:var(--line);flex-shrink:0}.connection-dot.online{background:var(--accent)}.reminder-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 22px;border-bottom:1px solid var(--line)}.reminder-strip strong{font-size:15px}.reminder-strip p{font-size:13px;color:var(--muted);margin:6px 0 0}nav{display:flex;gap:12px;margin:18px 0 26px;border-bottom:1px solid var(--line)}.tab{border:0;background:none;color:var(--muted);border-radius:0;padding:12px 8px;position:relative}.tab.selected{color:var(--ink)}.tab.selected:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:-1px;left:8px;right:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{margin:0}.account{padding:22px 0 30px;border-top:1px solid var(--line)}.account:first-child{border-top:0;padding-top:0}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.account-name{display:flex;align-items:center;gap:10px;min-width:0}.account-name h3{overflow-wrap:anywhere}.kind{font-size:12px;font-weight:600;color:#a8e4d1;background:#234138;border-radius:6px;padding:4px 7px;flex-shrink:0}.status-line{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:18px;overflow-wrap:anywhere}.work-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #26323a}.work-row:last-child{border-bottom:0}.work-place{font-size:13px;color:var(--muted);margin-bottom:6px}.work-item{font-size:16px;line-height:1.5;overflow-wrap:anywhere}.work-time{text-align:right;min-width:100px}.timer{font-size:23px;line-height:1.3;font-weight:650;font-variant-numeric:tabular-nums;color:var(--accent)}.timer.due{font-size:14px;color:var(--warning)}.finish{font-size:12px;color:var(--muted);margin-top:7px}.empty{padding:26px 0;color:var(--muted);font-size:14px;line-height:1.7}.history-row{padding:18px 0;border-bottom:1px solid var(--line)}.history-row strong{font-size:16px;line-height:1.6}.history-row p{font-size:14px;color:var(--muted);margin:8px 0}.history-row time{font-size:12px;color:var(--muted)}footer{margin-top:20px;border-top:1px solid var(--line);padding-top:22px;font-size:12px;line-height:1.8;color:var(--muted)}.button-link{display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);padding:12px 16px;color:var(--ink)}::selection{background:#17694f;color:white}a{color:var(--accent);text-underline-offset:4px}[hidden]{display:none!important}@media(min-width:640px){main{padding:40px 32px 50px}.accounts{display:grid;grid-template-columns:1fr 1fr;gap:28px}.account{border-top:0;padding-top:0}.work-row{grid-template-columns:1fr}.work-time{text-align:left}.timer{font-size:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}