:root{--bg:#fff;--surface:#f6f7f6;--fg:#151816;--muted:#5f6762;--line:#dfe3e0;--line-strong:#b9c0bb;--accent:#1f6f43;--danger:#b3261e;--heat-0:#ebedf0;--heat-1:#b5e3c1;--heat-2:#6cc488;--heat-3:#2e9a57;--heat-4:#17613a;--cell:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e1110;--surface:#161a18;--fg:#e6ebe8;--muted:#97a19b;--line:#262c29;--line-strong:#3a423e;--accent:#5fc58a;--danger:#f2867e;--heat-0:#1f2522;--heat-1:#1d4a2f;--heat-2:#24713f;--heat-3:#39a35e;--heat-4:#6fdc95;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (min-width:720px){:root{--cell:16px}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2{text-wrap:balance;margin:0;line-height:1.2}h1{font-size:clamp(26px,5vw,34px);font-weight:650}h2{font-size:17px;font-weight:600}p{margin:0}.page{max-width:860px;padding-inline:16px;padding-block:max(24px, env(safe-area-inset-top)) 64px;flex-direction:column;gap:16px;margin:0 auto;display:flex}.page.narrow{max-width:420px;padding-top:18vh}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.eyebrow{color:var(--muted);margin-bottom:4px;font-size:13px}.error{color:var(--danger);font-size:14px}.notice{background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;padding:10px 12px;font-size:14px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.center{flex-wrap:wrap;justify-content:center}.stack{flex-direction:column;gap:14px;display:flex}.center-text{text-align:center;align-items:center}.grow{flex:1;min-width:160px}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;padding-bottom:4px;display:flex}.card{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:16px;min-width:0;padding:18px;display:flex}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field.inline{min-width:0}input,select{background:var(--bg);border:1px solid var(--line-strong);border-radius:8px;min-width:0;padding:8px 10px}.big-input{width:100%;padding:12px 14px;font-size:17px}.btn{border:1px solid var(--fg);background:var(--fg);color:var(--bg);border-radius:8px;padding:10px 16px;font-weight:600}.btn.ghost{color:var(--fg);border-color:var(--line-strong);background:0 0;font-weight:500}.btn:disabled{opacity:.45}.link{color:var(--accent);text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.link.muted{color:var(--muted)}.link.danger{color:var(--danger)}.chip{border:1px solid var(--line-strong);background:0 0;border-radius:999px;padding:6px 12px;font-size:14px}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.durations{flex-wrap:wrap;gap:16px 28px;display:flex}.minutes{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.minutes input{text-align:right;width:72px;color:var(--fg)}.bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.bar>i{background:var(--accent);height:100%;display:block}.today-bar{flex-direction:column;gap:6px;display:flex}.heatmap{flex-direction:column;gap:10px;display:flex}.heat-scroll{padding-bottom:4px;overflow-x:auto}.heat-grid{grid-template-rows:auto repeat(7, var(--cell));gap:3px;width:max-content;display:grid}.heat-month{color:var(--muted);white-space:nowrap;width:0;font-size:11px;overflow:visible}.heat-day{color:var(--muted);font-size:10px;line-height:var(--cell);padding-right:6px}.cell{width:var(--cell);height:var(--cell);background:var(--heat-0);border:0;border-radius:3px;padding:0;display:block}.cell[data-level="1"]{background:var(--heat-1)}.cell[data-level="2"]{background:var(--heat-2)}.cell[data-level="3"]{background:var(--heat-3)}.cell[data-level="4"]{background:var(--heat-4)}.cell.future{box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.cell.exam{background:var(--fg)}.cell.today{box-shadow:0 0 0 1.5px var(--fg)}.cell.selected{box-shadow:0 0 0 2px var(--accent)}.heat-foot{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.legend{align-items:center;gap:3px;display:inline-flex}.legend .cell{width:11px;height:11px}.legend .legend-gap{margin-left:10px}.stats{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:14px;display:flex}.segmented{border:1px solid var(--line-strong);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{background:0 0;border:0;padding:6px 12px;font-size:14px}.segmented button+button{border-left:1px solid var(--line-strong)}.segmented button[aria-selected=true]{background:var(--fg);color:var(--bg)}.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}@media (max-width:520px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.tiles div{flex-direction:column;gap:2px;display:flex}.tiles dd{margin:0;font-size:24px;font-weight:600}.tiles small{color:var(--muted);font-size:14px;font-weight:400}.log{margin:0;padding:0;list-style:none}.log li{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr) auto auto;align-items:baseline;gap:12px;padding:8px 0;display:grid}.log-what{overflow-wrap:anywhere}.tag{color:var(--muted);margin-left:8px;font-size:12px}.tag.done{color:var(--accent)}.tag.missed{color:var(--danger)}.add-time{flex-direction:column;gap:8px;display:flex}.add-time .minutes input{width:64px}.settings{gap:12px}.settings:not([open]){gap:0}.settings summary{cursor:pointer;font-weight:600}.settings[open] summary{margin-bottom:4px}.overlay{z-index:10;background:var(--bg);padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.overlay-top{justify-content:space-between;align-items:center;min-height:28px;display:flex}.overlay-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;width:100%;max-width:900px;margin:0 auto;display:flex}.clock{letter-spacing:-.03em;font-size:clamp(72px,24vw,280px);font-weight:600;line-height:1}.clock.paused{opacity:.4}.overlay[data-phase=break] .clock{color:var(--muted)}.overlay-goal{text-align:center;overflow-wrap:anywhere;max-width:36ch;font-size:clamp(18px,3vw,26px)}.next-block{text-align:left;width:100%;max-width:560px;margin-top:12px}.next-block .durations{justify-content:center}.overlay-progress{background:var(--line);height:3px;position:fixed;bottom:0;left:0;right:0}.overlay-progress>i{background:var(--accent);height:100%;transition:width .25s linear;display:block}.fade{transition:opacity .6s}.overlay.calm .fade{opacity:0;pointer-events:none}.overlay.calm{cursor:none}@media (max-width:520px){.log li{grid-template-columns:minmax(0,1fr) auto auto}.log-time{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}