:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0f2a3d;--muted:#5d7385;--line:#0f2a3d1a;--blue:#0a71d8;--green:#4c8a00;--red:#c7364d;--purple:#7b4dff;--glass:#ffffff85;--glass-strong:#ffffffc7;--glass-border:#ffffffb3;--shadow:0 10px 34px #1450781f;--radius:22px;--ring:#8bc400;--ring-over:#3f7d00;--ring-track:#0f2a3d1a}*{box-sizing:border-box}html{background:#9fdcf6;min-height:100%}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(60% 45% at 85% 55%,#ffaa788c,#0000 70%),radial-gradient(50% 40% at 10% 95%,#ff966e73,#0000 70%),linear-gradient(175deg,#c9f0ff 0%,#9fdcf6 45%,#8fd3f2 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1{letter-spacing:-.03em;font-size:clamp(1.7rem,7vw,2.2rem);font-weight:750;line-height:1.1}h2{letter-spacing:-.01em;font-size:1.12rem}.shell{width:min(100%,1040px);padding:calc(18px + env(safe-area-inset-top)) 16px calc(120px + env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.eyebrow{color:var(--muted);font-size:.85rem;font-weight:650}.avatar{width:44px;height:44px;color:var(--ink);background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:750;text-decoration:none;display:grid}.head-actions{align-items:center;gap:8px;display:flex}button.avatar{cursor:pointer;padding:0}.guide h2{margin-bottom:8px}.guide ul{gap:6px;margin:0;padding-left:20px;display:grid}.guide p+ul,.guide ul+p{margin-top:8px}@media print{body{background:#fff}.tabbar,.head-actions,.subnav{display:none!important}.glass,.card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;break-inside:avoid;background:#fff;border:1px solid #ddd}.shell{padding:0}}dialog.sheet{width:min(100% - 24px,480px);max-height:calc(100dvh - 32px);color:var(--ink);background:#f5fbff;border:0;border-radius:26px;padding:0;box-shadow:0 30px 100px #102a4352}dialog.sheet::backdrop{-webkit-backdrop-filter:blur(5px);background:#0c203061}.sheet-body{padding:22px}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.sheet-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:4px;display:grid}.sheet-actions .btn{margin:0}.icon-close{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:15px;flex:none;font-size:1.4rem;line-height:1}.entry-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tabbar{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(22px)saturate(1.4);background:#f5fcffb8;border:1px solid #ffffffd9;border-radius:999px;grid-template-columns:repeat(5,1fr);gap:2px;width:min(100% - 24px,520px);padding:7px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 16px 44px #14466438}.tabbar a{height:56px;color:var(--ink);border-radius:999px;align-content:center;place-items:center;gap:1px;font-size:.68rem;font-weight:700;text-decoration:none;display:grid}.tabbar a.active{color:var(--blue);background:#ffd6bebf}.card,.glass{border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(1.3)}.pad{padding:18px}.grid-2{gap:16px;display:grid}@media (min-width:820px){.grid-2{grid-template-columns:1.05fr .95fr;align-items:start}}.stack{gap:12px;display:grid}.grid-2>*,.stack>*{min-width:0}.muted{color:var(--muted)}.small{font-size:.85rem}.positive{color:var(--green)}.negative{color:var(--red)}.big-clock{text-align:center;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#294457;margin:14px 0 6px;font-size:clamp(4.2rem,21vw,7.5rem);font-weight:200;line-height:1}.clock-status{text-align:center;color:var(--muted);justify-content:center;align-items:center;gap:8px;min-height:24px;font-weight:650;display:flex}.pulse{background:#a9b7c3;border-radius:99px;width:9px;height:9px}.pulse.on{background:#67a900;box-shadow:0 0 0 6px #67a9002e}.pulse.pause{background:var(--purple);box-shadow:0 0 0 6px #7b4dff2e}.today-card{gap:14px;margin-top:18px;padding:16px;display:grid}.today-head{align-items:center;gap:16px;display:flex}.today-head .grow{flex:1;min-width:0}.percent{font-variant-numeric:tabular-nums;font-size:2.1rem;font-weight:300;line-height:1}.tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{text-align:center;background:#ffffff8c;border:1px solid #fff9;border-radius:16px;padding:10px 6px}.tile strong{font-variant-numeric:tabular-nums;font-size:1.02rem;display:block}.tile>span{color:var(--muted);font-size:.74rem}.quick{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 12px;display:grid}.pill-btn{min-height:48px;color:var(--ink);background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:650;text-decoration:none;display:flex}.start-row{grid-template-columns:1fr 64px;align-items:start;gap:10px;display:grid}.btn-start{color:#fff;cursor:pointer;background:linear-gradient(#5da400,#3b7c00);border:0;border-radius:999px;width:100%;min-height:64px;font-size:1.25rem;font-weight:750;transition:transform .12s;box-shadow:0 12px 28px #3b7c004d}.btn-start.stop{background:linear-gradient(#ef6474,#c0334b);box-shadow:0 12px 28px #c0334b47}.btn-start:active{transform:scale(.985)}.btn-round{border:1px solid var(--glass-border);cursor:pointer;width:64px;height:64px;color:var(--ink);background:var(--glass-strong);box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid}.btn-round.active{color:#fff;background:var(--purple);border-color:#0000}.btn-round:disabled,.btn-start:disabled,.btn:disabled{opacity:.6;cursor:progress}.timeline-bar{background:#0f2a3d14;border-radius:999px;height:22px;position:relative;overflow:hidden}.timeline .seg{position:absolute;top:0;bottom:0}.timeline .seg.work{background:linear-gradient(#8fd100,#62a800)}.timeline .seg.break{background:var(--purple)}.timeline-times{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;font-size:.74rem;display:flex}.timeline.empty .timeline-bar{opacity:.6}.ring{flex:none;place-items:center;display:inline-grid;position:relative}.ring svg{position:absolute;inset:0}.ring-label{font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:650;position:relative}.period-head{align-items:center;gap:14px;margin-bottom:12px;padding:14px 16px;display:flex}.period-head .grow{flex:1;min-width:0}.period-head h2{font-size:1.2rem}.period-head .total{text-align:right;white-space:nowrap;font-weight:650}.period-head .total small{font-size:.82rem;font-weight:700;display:block}.period-nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.icon-link{width:44px;height:44px;color:var(--ink);background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:50%;flex:none;place-items:center;text-decoration:none;display:grid}.day-list{gap:10px;display:grid}.day-card{color:var(--ink);background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:flex;box-shadow:0 6px 20px #14507814}.day-card.today{background:var(--glass-strong);outline:2px solid #0a71d859}.day-card.off{box-shadow:none;background:#ffffff4d}.day-card .grow{flex:1;min-width:0}.day-card strong{font-size:1.02rem;display:block}.day-card .sub{color:var(--muted);font-size:.85rem}.day-card .amount{text-align:right;white-space:nowrap;font-weight:600}.day-card .amount small{font-size:.74rem;font-weight:700;display:block}.day-card .tag{color:var(--blue);font-size:.72rem;font-weight:700}.month-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.month-grid .dow{text-align:center;color:var(--muted);font-size:.72rem;font-weight:700}.month-cell{min-height:56px;color:var(--ink);background:#ffffff73;border:1px solid #ffffff8c;border-radius:16px;align-content:center;place-items:center;gap:3px;padding:6px 2px;font-size:.82rem;font-weight:650;text-decoration:none;display:grid}.month-cell.outside{opacity:.3}.month-cell.today{outline:2px solid var(--blue)}.month-cell .mini{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.62rem;font-weight:700;overflow:hidden}.month-cell.special .mini{color:var(--blue)}.toolbar{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:14px;display:flex}.toolbar label{flex:200px}.segmented{background:#ffffff73;border-radius:999px;gap:4px;width:fit-content;padding:4px;display:flex}.segmented a{color:var(--ink);border-radius:999px;padding:7px 16px;font-size:.88rem;font-weight:650;text-decoration:none}.segmented a.active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #0f2a3d14}.segmented.wrap{border-radius:18px;flex-wrap:wrap}.day-head{gap:14px;margin-bottom:14px;padding:16px;display:grid}.day-head .row{align-items:center;gap:14px;display:flex}.day-head .grow{flex:1;min-width:0}.pills{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pills div{text-align:center;background:#fff9;border-radius:999px;padding:9px 6px}.pills strong{font-variant-numeric:tabular-nums;font-size:.95rem;display:block}.pills div>span{color:var(--muted);font-size:.72rem}.block-card{grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.block-times{font-variant-numeric:tabular-nums;gap:4px;font-size:1.25rem;display:grid}.block-times span{align-items:center;gap:8px;display:flex}.block-times .in{color:var(--green)}.block-times .out{color:var(--red)}.block-times .brk{color:var(--purple)}.block-meta{color:var(--muted);text-align:right;justify-items:end;gap:3px;font-size:.84rem;display:grid}.block-meta span{align-items:center;gap:6px;display:flex}details.edit{grid-column:1/-1}details.edit summary{cursor:pointer;color:var(--blue);font-size:.88rem;font-weight:650;list-style:none}details.edit summary::-webkit-details-marker{display:none}details.edit[open] summary{margin-bottom:10px}.chart{grid-template-columns:repeat(var(--n), 1fr);border-bottom:1px solid var(--line);align-items:end;gap:6px;height:190px;padding-top:8px;display:grid}.chart .col{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.chart .bar{background:#1b86f0;border-radius:2px}.chart .bar:first-child{border-top-left-radius:7px;border-top-right-radius:7px}.chart .bar.over{background:#8bc400}.chart .bar.under{opacity:.85;background:#e35d73}.chart-labels{grid-template-columns:repeat(var(--n), 1fr);color:var(--muted);text-align:center;gap:6px;margin-top:6px;font-size:.7rem;display:grid}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:.8rem;display:flex}.legend i{border-radius:99px;width:9px;height:9px;margin-right:5px;display:inline-block}.stats{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}@media (min-width:560px){.stats{grid-template-columns:repeat(4,1fr)}}.stat{text-align:center;padding:14px 6px}.stat strong{font-variant-numeric:tabular-nums;font-size:1.1rem;display:block}.stat>span{color:var(--muted);font-size:.8rem}.btn{cursor:pointer;border:1px solid var(--glass-border);width:100%;min-height:48px;color:var(--ink);background:#ffffff9e;border-radius:16px;margin-top:10px;font-weight:700}.btn.blue{color:#fff;background:var(--blue);border:0}.btn.inline{border-radius:999px;width:auto;min-height:36px;margin:0;padding:0 14px;font-size:.85rem}a.btn.inline{align-items:center;text-decoration:none;display:inline-flex}.btn.danger{color:var(--red)}.btn.inline.stop-inline{color:#fff;background:var(--red);border:0}.section-head{justify-content:space-between;align-items:end;gap:10px;margin:2px 2px 12px;display:flex}.entries{gap:10px;display:grid}.entry{background:#fff9;border:1px solid #fff9;border-radius:18px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:13px 15px;display:grid}.empty{text-align:center;color:var(--muted);padding:22px 16px}.card-row{background:#fff9;border:1px solid #fff9;border-radius:18px;padding:14px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.entry-edit{gap:8px;display:grid}.metric{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:11px 0;display:flex}.metric:last-child{border-bottom:0}.metric>span{color:var(--muted)}.metric strong{font-variant-numeric:tabular-nums}.log-list{display:grid}.log-item{border-bottom:1px solid var(--line);gap:2px;padding:11px 2px;display:grid}.log-item:last-child{border-bottom:0}.log-item .top{justify-content:space-between;gap:10px;display:flex}.log-item .top span{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8rem}.log-item p{color:var(--muted);overflow-wrap:anywhere;font-size:.86rem}.link-list{display:grid}.link-list a{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;padding:13px 2px;font-weight:600;text-decoration:none;display:flex}.link-list a:last-child{border-bottom:0}.form{gap:13px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row.four{grid-template-columns:repeat(2,1fr)}@media (min-width:700px){.form-row.four{grid-template-columns:1fr 1fr 1fr 2fr}}label{color:var(--muted);gap:6px;font-size:.84rem;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#ffffffd9;border-radius:14px;padding:10px 12px}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #0a71d866}label.check{color:var(--ink);cursor:pointer;align-items:flex-start;gap:10px;font-size:.92rem;font-weight:600;display:flex}label.check input{width:20px;height:20px;min-height:0;accent-color:var(--blue);flex:none;margin-top:2px}label.check small{color:var(--muted);margin-top:2px;font-size:.8rem;font-weight:500;display:block}fieldset.plan{border:1px solid var(--line);border-radius:16px;gap:10px;margin:0;padding:12px;display:grid}fieldset.plan legend{color:var(--muted);padding:0 6px;font-size:.84rem;font-weight:700}.plan-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.plan-grid label{text-align:center;font-size:.75rem}.plan-grid input{text-align:center;min-height:42px;padding:6px 2px}.alert{border-radius:14px;padding:10px 14px;font-size:.9rem;font-weight:600}.alert.error{color:#9b1c33;background:#fde8eb}.alert.warn{color:#6b4d00;background:#fff4d6}.alert.ok{color:#2f5d00;background:#e8f6da}.auth-wrap{place-items:center;min-height:100vh;padding:20px 16px;display:grid}.auth-card{width:min(100%,420px);padding:28px 24px}.auth-card .brand{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px;display:flex}.auth-card .brand img{width:60px;height:60px}.subnav{background:#ffffff73;border-radius:18px;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;margin:-4px 0 16px;padding:5px;display:flex}.subnav a{color:var(--ink);border-radius:999px;padding:7px 14px;font-size:.86rem;font-weight:650;text-decoration:none}.subnav a.active{color:var(--blue);background:#fff;box-shadow:0 2px 8px #0f2a3d14}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.76rem}th.num,td.num{text-align:right;font-variant-numeric:tabular-nums}tfoot td{border-bottom:0;border-top:2px solid var(--line)}tr.inactive td{opacity:.5}td.tags{white-space:normal}.badge{color:var(--blue);background:#0a71d81a;border-radius:99px;padding:2px 9px;font-size:.75rem;font-weight:700;display:inline-block}.badge.in{color:#3f7200;background:#67a90029}.badge.pause{color:#5a2fd6;background:#7b4dff24}.badge.off{color:var(--muted);background:#0f2a3d14}.downloads{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.downloads .btn{justify-content:center;align-items:center;gap:6px;margin:0;text-decoration:none;display:flex}.downloads.four{grid-template-columns:repeat(2,1fr)}@media (min-width:560px){.downloads.four{grid-template-columns:repeat(4,1fr)}}.plan-grid.readonly div{text-align:center;background:#fff9;border-radius:14px;padding:8px 2px}.plan-grid.readonly span{color:var(--muted);font-size:.72rem;font-weight:700;display:block}.hint{background:var(--glass-strong);border:1px solid #0a71d840;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:.92rem;font-weight:600;display:flex}.hint.arrived{background:#eaf7dce6;border-color:#4f8a0059}.hint.left{background:#fdecefe6;border-color:#c7364d4d}.hint-actions{align-items:start;gap:6px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}}details.plan-details{border:1px solid var(--line);border-radius:16px;padding:12px}details.plan-details summary{cursor:pointer;color:var(--blue);font-size:.9rem;font-weight:700}@media (max-width:380px){.period-nav{gap:6px}.period-nav .segmented a{padding:7px 11px}.icon-link{width:40px;height:40px}}.install-steps{gap:10px;margin:0 0 14px;padding-left:22px;line-height:1.45;display:grid}