:root{--bg:#0d1117;--card:#161b22;--card2:#1c2330;--line:#2a3343;--text:#e6edf3;--muted:#8b97a7;--accent:#3b82f6;--accent-soft:#60a5fa;--green:#22c55e;--amber:#f59e0b;--red:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:radial-gradient(1100px 760px at 72% -12%,#1a2740 0,var(--bg) 58%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;padding:clamp(14px,2.4vmin,28px);gap:clamp(10px,2vmin,22px)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand h1{font-size:clamp(18px,3vmin,28px);font-weight:700;letter-spacing:-.01em;line-height:1.1}.brand p{color:var(--muted);font-size:clamp(11px,1.5vmin,14px);margin-top:2px}.iconbtn{background:var(--card);border:1px solid var(--line);color:var(--text);width:clamp(40px,5.4vmin,52px);height:clamp(40px,5.4vmin,52px);border-radius:14px;font-size:clamp(18px,2.6vmin,24px);cursor:pointer;display:grid;place-items:center;transition:background .15s,border-color .15s,transform .1s}.iconbtn:hover{background:var(--card2);border-color:var(--accent)}.iconbtn:active{transform:scale(.95)}.breakbar{display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,rgba(245,158,11,.22),rgba(239,68,68,.18));border:1px solid var(--amber);color:#ffe9c2;padding:clamp(10px,1.8vmin,16px) clamp(14px,2.4vmin,22px);border-radius:14px;font-size:clamp(13px,1.9vmin,17px);font-weight:600;animation:pulseGlow 1.8s ease-in-out infinite}.breakbar .grow{flex:1 1}.breakbar button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:10px;padding:8px 14px;font-weight:600;cursor:pointer;font-size:clamp(12px,1.6vmin,15px)}.breakbar button:hover{background:rgba(255,255,255,.2)}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 rgba(245,158,11,0)}50%{box-shadow:0 0 28px 2px rgba(245,158,11,.35)}}.main{gap:clamp(12px,2vmin,22px)}.main,.stage{flex:1 1;min-height:0;display:flex}.stage{min-width:0;flex-direction:column;justify-content:center;gap:clamp(12px,2.6vmin,28px)}.badge,.stage{align-items:center}.badge{display:inline-flex;gap:10px;padding:clamp(8px,1.4vmin,12px) clamp(16px,2.2vmin,22px);border-radius:999px;font-size:clamp(13px,1.9vmin,17px);font-weight:600;border:1px solid var(--line);background:var(--card)}.dot{width:11px;height:11px;border-radius:50%;background:var(--muted)}.badge.live{border-color:rgba(34,197,94,.5);color:#c6f6d5;background:rgba(34,197,94,.12)}.badge.live .dot{background:var(--green);box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:blip 1.4s infinite}.badge.other{border-color:rgba(245,158,11,.5);color:#ffe9c2;background:rgba(245,158,11,.12)}.badge.other .dot{background:var(--amber)}@keyframes blip{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.ring-wrap{position:relative;width:clamp(220px,42vmin,460px);height:clamp(220px,42vmin,460px)}.ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{stroke:var(--line)}.ring-fill,.ring-track{fill:none;stroke-width:14}.ring-fill{stroke-linecap:round;transition:stroke-dashoffset .6s ease,stroke .4s ease}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}.ring-center .clock{font-size:clamp(34px,8vmin,76px);font-weight:800;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.ring-center .pct{font-size:clamp(13px,2vmin,19px);color:var(--muted);font-weight:600}.ring-center .of{font-size:clamp(11px,1.6vmin,15px);color:var(--muted)}.next-time{display:inline-flex;align-items:baseline;gap:8px;font-size:clamp(16px,3vmin,26px);font-weight:600;color:var(--muted)}.next-time strong{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.next-time.break{color:var(--amber)}.next-time.leave{color:var(--accent-soft)}.next-time.done{color:var(--green)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:clamp(10px,1.8vmin,18px);gap:clamp(10px,1.8vmin,18px);width:min(720px,100%)}.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:clamp(12px,2vmin,20px);text-align:center}.stat .label{color:var(--muted);font-size:clamp(10px,1.4vmin,13px);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat .value{font-size:clamp(18px,3.2vmin,30px);font-weight:700;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat .value.green{color:var(--green)}.stat .value.amber{color:var(--amber)}.stat .value-sub{margin-top:4px;min-height:1em;color:var(--muted);font-size:clamp(10px,1.5vmin,13px);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat .value-sub.amber{color:var(--amber)}.side{width:clamp(240px,24vw,360px);min-height:0;display:flex;flex-direction:column;gap:clamp(10px,1.8vmin,18px)}.side-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:clamp(12px,1.8vmin,18px)}.side-card.history-card{flex:1 1;min-height:0;display:flex;flex-direction:column}.side-title{color:var(--muted);font-size:clamp(10px,1.4vmin,12px);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:10px}.now-desc{font-size:clamp(15px,2.2vmin,20px);font-weight:700;line-height:1.25;word-break:break-word}.now-meta{color:var(--accent-soft);font-size:clamp(11px,1.6vmin,14px);margin-top:3px}.now-time{margin-top:8px;font-size:clamp(22px,4vmin,34px);font-weight:800;letter-spacing:-.01em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--green)}.now-idle{color:var(--muted);font-size:clamp(12px,1.7vmin,15px)}.day-tabs{display:flex;gap:6px;margin-bottom:10px}.day-tab{flex:1 1;background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:7px 10px;font-size:clamp(11px,1.5vmin,13px);font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.day-tab.active,.day-tab:hover{border-color:var(--accent)}.day-tab.active{background:var(--card2);color:var(--text)}.history-list{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.history-list::-webkit-scrollbar{width:8px}.history-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.hist-item{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:var(--bg)}.hist-item.live{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.08)}.hist-item.brk{border-style:dashed;border-color:var(--line);background:transparent;opacity:.7}.hist-item.brk .hist-desc{color:var(--muted);font-weight:600}.gap-marker{display:flex;align-items:center;gap:8px;padding:2px 0}.gap-marker:after,.gap-marker:before{content:"";flex:1 1;border-top:1px dashed var(--red);opacity:.6}.gap-text{flex:0 0 auto;color:var(--red);font-size:clamp(10px,1.4vmin,12px);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.hist-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.hist-desc{font-size:clamp(12px,1.7vmin,14px);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-dur{flex:0 0 auto;font-size:clamp(11px,1.6vmin,13px);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.hist-bottom{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font-size:clamp(10px,1.4vmin,12px);color:var(--muted)}.hist-proj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-proj.current{color:var(--accent-soft);font-weight:600}.hist-time{flex:0 0 auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.unrep-card{border-color:rgba(245,158,11,.35)}.unrep-group+.unrep-group{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.unrep-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:clamp(12px,1.7vmin,14px);font-weight:700;margin-bottom:6px}.unrep-head .amber{color:var(--amber);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.unrep-head .ok{color:var(--green);font-weight:600}.unrep-head .ok,.unrep-row{font-size:clamp(11px,1.5vmin,13px)}.unrep-row{display:flex;justify-content:space-between;gap:8px;padding:3px 0;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.unrep-row .unrep-dur{flex:0 0 auto;color:var(--text);font-weight:600}@media (max-width:860px){.side{display:none}}.footer{text-align:center;color:var(--muted);font-size:clamp(11px,1.5vmin,14px)}.footer .err{color:var(--red)}.footer .budget.warn{color:var(--amber)}.footer .budget.over{color:var(--red);font-weight:600}.overlay{position:fixed;inset:0;background:rgba(5,8,14,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;z-index:50}.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;width:min(460px,100%);max-height:92vh;overflow:auto;padding:clamp(20px,3vmin,32px);display:flex;flex-direction:column;gap:18px}.panel h2{font-size:22px;font-weight:700}.panel .hint{color:var(--muted);font-size:13px;line-height:1.5}.panel .hint a{color:var(--accent-soft)}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.field input[type=password],.field input[type=text],.field select{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 14px;font-size:15px;width:100%}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.toggle .t-text strong{display:block;font-size:14px}.toggle .t-text span{color:var(--muted);font-size:12px}.switch{position:relative;width:46px;height:26px;flex:0 0 auto}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:var(--line);border-radius:999px;cursor:pointer;transition:background .2s}.slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translateX(20px)}.row{display:flex;gap:10px;justify-content:flex-end}.btn{border-radius:12px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:var(--card2);color:var(--text)}.btn-primary,.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.err-msg{color:var(--red);font-size:13px}.center-msg{height:100vh;height:100dvh;display:grid;place-items:center;color:var(--muted);font-size:16px}