:root{--sp-bg: #fbfaf8;--sp-bg-elev: #ffffff;--sp-fg: #1c1a17;--sp-fg-dim: #6b645c;--sp-fg-faint: #a49b91;--sp-accent: #b45309;--sp-on-accent: #ffffff;--sp-accent-soft: #fdf0e2;--sp-border: #e7e2db;--sp-cursor-rule: #cfc7bc;--sp-link-rule: #e5c39a;--sp-shadow: 0 12px 40px rgb(28 26 23 / 12%);--sp-font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--sp-font-doc: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--sp-font-clock: ui-monospace, "SF Mono", "Menlo", monospace;--sp-measure: 46rem;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--sp-bg: #14130f;--sp-bg-elev: #1e1c18;--sp-fg: #ece7df;--sp-fg-dim: #9b938a;--sp-fg-faint: #665f57;--sp-accent: #f0a04b;--sp-on-accent: #1c1a17;--sp-accent-soft: #2b2216;--sp-border: #2c2924;--sp-cursor-rule: #4a443c;--sp-link-rule: #6b5433;--sp-shadow: 0 12px 40px rgb(0 0 0 / 45%);color-scheme:dark}}:root[data-theme=dark]{--sp-bg: #14130f;--sp-bg-elev: #1e1c18;--sp-fg: #ece7df;--sp-fg-dim: #9b938a;--sp-fg-faint: #665f57;--sp-accent: #f0a04b;--sp-on-accent: #1c1a17;--sp-accent-soft: #2b2216;--sp-border: #2c2924;--sp-cursor-rule: #4a443c;--sp-link-rule: #6b5433;--sp-shadow: 0 12px 40px rgb(0 0 0 / 45%);color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--sp-bg);color:var(--sp-fg);font-family:var(--sp-font-ui);-webkit-font-smoothing:antialiased}#app{display:grid;grid-template-rows:auto auto auto minmax(0,1fr)}.sp-bar{display:flex;align-items:center;gap:16px;width:min(var(--sp-measure),100% - 32px);margin:0 auto;padding:14px 0 10px}.sp-bar__brand{flex:none;font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--sp-fg-faint)}.sp-bar__pad{display:flex;align-items:center;gap:7px;margin-right:auto;margin-left:14px;min-width:0;border:1px solid var(--sp-border);border-radius:999px;background:transparent;padding:3px 10px;color:var(--sp-fg-dim);font-family:inherit;font-size:11px;cursor:pointer}.sp-bar__pad:hover{border-color:var(--sp-fg-faint);color:var(--sp-fg)}.sp-bar__padname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-bar__dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--sp-fg-faint)}.sp-bar__pad[data-state=local] .sp-bar__dot{background:transparent;box-shadow:inset 0 0 0 1px var(--sp-fg-faint)}.sp-bar__pad[data-state=synced] .sp-bar__dot{background:#4f9d69}.sp-bar__pad[data-state=error] .sp-bar__dot,.sp-bar__pad[data-state=conflict] .sp-bar__dot,.sp-bar__pad[data-state=locked] .sp-bar__dot{background:var(--sp-accent)}.sp-bar__pad[data-state=working] .sp-bar__dot{animation:sp-pulse 1.1s ease-in-out infinite}@keyframes sp-pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.sp-bar__pad[data-state=working] .sp-bar__dot{animation:none}}.sp-bar__actions{display:flex;flex:none;gap:4px;margin-left:auto}.sp-bar__button{border:0;border-radius:6px;background:transparent;padding:4px 8px;color:var(--sp-fg-faint);font-family:inherit;font-size:12px;cursor:pointer}.sp-bar__button:hover{background:var(--sp-border);color:var(--sp-fg-dim)}.sp-bar__glyph{display:none}@media(hover:none)and (pointer:coarse){.sp-bar__keys{display:none}.sp-bar__glyph{display:inline;font-size:16px;line-height:1}.sp-bar__button{min-width:44px;min-height:44px}.sp-check:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:36px;transform:translate(-50%,-50%)}.sp-check{position:relative}.sp-focus__task{font-size:16px}}.sp-focus{width:min(var(--sp-measure),100% - 32px);margin:0 auto;padding:18px 20px 20px;border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-bg-elev);text-align:center;outline:none;transition:border-color .12s ease}.sp-focus:focus-visible{border-color:var(--sp-accent)}.sp-focus[data-kind=idle]{border-style:dashed;background:transparent}.sp-focus[data-kind=running],.sp-focus[data-kind=expired]{border-color:var(--sp-accent)}.sp-focus__label{margin:0;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sp-fg-faint)}.sp-focus[data-kind=running] .sp-focus__label,.sp-focus[data-kind=expired] .sp-focus__label{color:var(--sp-accent)}.sp-focus__task{margin:8px 0 0;font-size:17px;font-weight:500;line-height:1.35;color:var(--sp-fg)}.sp-focus[data-kind=idle] .sp-focus__task{font-weight:400;color:var(--sp-fg-dim)}.sp-focus__also{margin:3px 0 0;font-size:12px;color:var(--sp-fg-faint)}.sp-focus__clock{font-family:var(--sp-font-clock);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.sp-focus__clock[data-variant=time]{margin-top:10px;font-size:44px;font-weight:300;line-height:1.1}.sp-focus__clock[data-editable=true]{cursor:text;border-radius:8px;transition:background .12s ease}.sp-focus__clock[data-editable=true]:hover{background:var(--sp-accent-soft)}.sp-focus__length{width:4ch;padding:0;border:0;background:none;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:center;outline:none}.sp-focus__clock[data-variant=summary]:not(:empty){margin-top:8px;font-size:13px;color:var(--sp-fg-dim)}.sp-focus[data-kind=paused] .sp-focus__clock{color:var(--sp-fg-faint)}.sp-focus[data-kind=break] .sp-focus__also{margin:3px 0 0;font-size:12px;color:var(--sp-fg-faint)}.sp-focus__also:empty{display:none}.sp-focus__clock{color:var(--sp-fg-dim)}.sp-grip{position:fixed;z-index:6;width:20px;height:24px;border-radius:5px;cursor:grab;touch-action:none}.sp-grip[hidden],.sp-drop[hidden]{display:none!important}.sp-grip:before{content:"";position:absolute;inset:0;background-color:var(--sp-fg-faint);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Ccircle cx='2' cy='2' r='1.4'/%3E%3Ccircle cx='6' cy='2' r='1.4'/%3E%3Ccircle cx='2' cy='7' r='1.4'/%3E%3Ccircle cx='6' cy='7' r='1.4'/%3E%3Ccircle cx='2' cy='12' r='1.4'/%3E%3Ccircle cx='6' cy='12' r='1.4'/%3E%3C/svg%3E") center / 8px 14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 14'%3E%3Ccircle cx='2' cy='2' r='1.4'/%3E%3Ccircle cx='6' cy='2' r='1.4'/%3E%3Ccircle cx='2' cy='7' r='1.4'/%3E%3Ccircle cx='6' cy='7' r='1.4'/%3E%3Ccircle cx='2' cy='12' r='1.4'/%3E%3Ccircle cx='6' cy='12' r='1.4'/%3E%3C/svg%3E") center / 8px 14px no-repeat}.sp-grip:hover,.sp-grip.is-active{background:var(--sp-accent-soft)}.sp-grip:hover:before,.sp-grip.is-active:before{background-color:var(--sp-fg-dim)}.sp-drop{position:fixed;z-index:6;height:2px;border-radius:1px;background:var(--sp-accent);pointer-events:none}.sp-drop:before{content:"";position:absolute;top:-3px;left:-6px;width:8px;height:8px;box-sizing:border-box;border:2px solid var(--sp-accent);border-radius:50%;background:var(--sp-bg)}.cm-line.sp-line--lifted{opacity:.35}body.sp-dragging-rows,body.sp-dragging-rows *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.sp-park{width:min(30rem,100% - 32px);padding:18px 20px 20px;border-radius:14px;background:var(--sp-bg-elev);box-shadow:var(--sp-shadow)}.sp-park__label{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sp-fg-faint)}.sp-park__input{display:block;width:100%;margin-top:10px;padding:8px 0;border:0;border-bottom:1px solid var(--sp-border);background:none;color:var(--sp-fg);font-family:var(--sp-font-doc);font-size:17px;outline:none}.sp-park__input:focus{border-bottom-color:var(--sp-accent)}.sp-park__hint{margin:12px 0 0;font-size:12px;color:var(--sp-fg-faint)}.sp-parked{position:fixed;right:20px;bottom:20px;z-index:30;max-width:min(22rem,calc(100% - 40px));overflow:hidden;padding:10px 14px;border-radius:10px;background:var(--sp-fg);color:var(--sp-bg);font-size:13px;white-space:nowrap;text-overflow:ellipsis;box-shadow:var(--sp-shadow)}.sp-parked[hidden]{display:none!important}.sp-music{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;font-size:12px;color:var(--sp-fg-faint)}.sp-music__toggle{min-width:26px;height:26px;padding:0 6px;border:1px solid var(--sp-border);border-radius:999px;background:var(--sp-bg);color:var(--sp-fg-dim);font:inherit;font-size:11px;line-height:1;cursor:pointer}.sp-music__toggle:disabled{opacity:.4;cursor:default}.sp-music[data-state=playing] .sp-music__toggle{border-color:var(--sp-accent);color:var(--sp-accent)}.sp-music__station{max-width:12rem;border:0;background:none;color:var(--sp-fg-dim);font:inherit;font-size:12px;cursor:pointer}.sp-music__note{overflow:hidden;max-width:16rem;white-space:nowrap;text-overflow:ellipsis;color:var(--sp-fg-faint);text-decoration:none}.sp-music__note[href]:hover{text-decoration:underline;text-decoration-color:var(--sp-link-rule)}.sp-music[data-state=error] .sp-music__note{color:#c0523f}.sp-focus__actions{display:flex;justify-content:center;gap:8px;margin-top:14px}.sp-focus__actions:empty{display:none}.sp-btn{border:1px solid var(--sp-border);border-radius:7px;background:transparent;padding:6px 14px;color:var(--sp-fg-dim);font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.02em;cursor:pointer}.sp-btn:hover{border-color:var(--sp-fg-faint);color:var(--sp-fg)}.sp-btn--primary{border-color:var(--sp-accent);background:var(--sp-accent);color:var(--sp-on-accent)}.sp-btn--primary:hover{filter:brightness(1.08);color:var(--sp-on-accent)}.sp-btn:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.sp-workpad{width:min(var(--sp-measure),100% - 32px);margin:0 auto;padding-top:18px;min-height:0;overflow:hidden}.cm-editor{height:100%}.cm-scroller{overflow-y:auto}.sp-check{display:inline-block;width:18px;margin-left:-18px;text-align:center;color:var(--sp-fg-faint);cursor:pointer;-webkit-user-select:none;user-select:none}.sp-check:hover,.sp-check--on{color:var(--sp-accent)}.sp-line--cursor:before{content:"";position:absolute;left:0;top:4px;width:2px;height:18px;border-radius:1px;background:var(--sp-cursor-rule)}.sp-line--cursor.sp-line--header:before{top:12px}@media(pointer:coarse){.sp-line--cursor:before{top:10px}}.cm-line.sp-line--focused{background:var(--sp-accent-soft);box-shadow:-6px 0 0 0 var(--sp-accent-soft),inset 2px 0 0 0 var(--sp-accent)}.sp-link{color:var(--sp-accent);text-decoration:underline;text-decoration-color:var(--sp-link-rule);text-underline-offset:2px;cursor:pointer}.sp-link:hover{text-decoration-color:var(--sp-accent)}.sp-line--done .sp-link{color:var(--sp-fg-faint);text-decoration-color:transparent}.sp-line--done{color:var(--sp-fg-faint);text-decoration:line-through;text-decoration-color:var(--sp-fg-faint)}.sp-line--header{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sp-fg-faint)}.sp-line--focused{position:relative;border-radius:5px}.cm-content{padding:0}.cm-placeholder{color:var(--sp-fg-faint)}.cm-panels{border-color:var(--sp-border)!important;background:var(--sp-bg-elev)!important;color:var(--sp-fg);font-family:var(--sp-font-ui)}.cm-panel.cm-search input,.cm-panel.cm-search button{border:1px solid var(--sp-border);border-radius:5px;background:var(--sp-bg);padding:3px 6px;color:var(--sp-fg);font-family:inherit;font-size:12px}.cm-selectionBackground,.cm-editor .cm-selectionBackground,.cm-editor.cm-focused .cm-selectionBackground{background:var(--sp-accent-soft)!important}.sp-overlay[hidden]{display:none}.sp-overlay{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;background:#14130f52}.sp-palette,.sp-history{width:min(32rem,100% - 32px);max-height:60vh;overflow:auto;border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-bg-elev);box-shadow:var(--sp-shadow)}.sp-palette__input{width:100%;border:0;border-bottom:1px solid var(--sp-border);background:transparent;padding:14px 16px;color:var(--sp-fg);font-family:inherit;font-size:15px;outline:none}.sp-palette__list{margin:0;padding:6px;list-style:none}.sp-palette__item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:7px;padding:8px 10px;font-size:13px;cursor:pointer}.sp-palette__item.is-active{background:var(--sp-accent-soft);color:var(--sp-accent)}.sp-palette__item kbd{color:var(--sp-fg-faint);font-family:var(--sp-font-clock);font-size:11px}.sp-palette__empty{padding:10px;color:var(--sp-fg-faint);font-size:13px;list-style:none}.sp-history{padding:18px 20px 20px;outline:none}.sp-history__title{margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sp-fg-faint)}.sp-history__table{width:100%;border-collapse:collapse;font-size:13px}.sp-history__table td{padding:7px 0;border-bottom:1px solid var(--sp-border)}.sp-history__time{width:5.5rem;color:var(--sp-fg-dim);font-family:var(--sp-font-clock);font-variant-numeric:tabular-nums;text-align:right}.sp-history__total td{border-bottom:0;padding-top:12px;font-weight:600}.sp-history__total .sp-history__time{color:var(--sp-accent)}.sp-history__empty{margin:0;color:var(--sp-fg-faint);font-size:13px}.sp-settings{width:min(22rem,100% - 32px);padding:18px 20px 20px;border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-bg-elev);box-shadow:var(--sp-shadow)}.sp-settings__title{margin:0 0 14px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sp-fg-faint)}.sp-settings__row{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px}.sp-settings__row.is-muted{opacity:.45}.sp-settings__row>span:first-child{width:3.5rem}.sp-settings__input{width:4rem;border:1px solid var(--sp-border);border-radius:6px;background:var(--sp-bg);padding:5px 8px;color:var(--sp-fg);font-family:var(--sp-font-clock);font-size:13px;font-variant-numeric:tabular-nums}.sp-settings__input:focus-visible{outline:2px solid var(--sp-accent);outline-offset:1px}.sp-settings__unit{color:var(--sp-fg-faint)}.sp-settings__check{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:13px;color:var(--sp-fg-dim);cursor:pointer}.sp-settings__check input{accent-color:var(--sp-accent)}.sp-shortcuts{width:min(30rem,100% - 32px);max-height:72vh;overflow:auto;padding:18px 22px 22px;border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-bg-elev);box-shadow:var(--sp-shadow);outline:none}.sp-shortcuts__title{margin:18px 0 8px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sp-fg-faint)}.sp-shortcuts__title:first-child{margin-top:0}.sp-shortcuts__list{display:grid;grid-template-columns:5.5rem 1fr;gap:6px 12px;margin:0;font-size:13px}.sp-shortcuts__list dt{text-align:right}.sp-shortcuts__list dd{margin:0;color:var(--sp-fg-dim)}.sp-shortcuts__list kbd{display:inline-block;border:1px solid var(--sp-border);border-radius:5px;background:var(--sp-bg);padding:1px 6px;color:var(--sp-fg);font-family:var(--sp-font-clock);font-size:11px;white-space:nowrap}.sp-versions{width:min(28rem,100% - 32px);max-height:70vh;overflow:auto;padding:18px 16px 16px;border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-bg-elev);box-shadow:var(--sp-shadow);outline:none}.sp-versions__title{margin:0 4px 10px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sp-fg-faint)}.sp-versions__row{display:block;width:100%;border:0;border-radius:7px;background:transparent;padding:8px 10px;color:inherit;font-family:inherit;text-align:left;cursor:pointer}.sp-versions__row:hover,.sp-versions__row:focus-visible{background:var(--sp-accent-soft);outline:none}.sp-versions__when{display:block;font-size:13px;color:var(--sp-fg)}.sp-versions__detail{display:block;overflow:hidden;margin-top:1px;color:var(--sp-fg-faint);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.sp-versions__empty{margin:0 4px;color:var(--sp-fg-faint);font-size:13px}.sp-sync{width:min(26rem,100% - 32px);padding:18px 20px 20px;border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-bg-elev);box-shadow:var(--sp-shadow)}.sp-sync__title{margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sp-fg-faint)}.sp-sync__status{margin:0 0 10px;font-size:13px;color:var(--sp-fg)}.sp-sync__hint{margin:0 0 14px;font-size:12px;line-height:1.5;color:var(--sp-fg-faint)}.sp-sync__key{margin:0 0 6px;padding:7px 9px;border:1px solid var(--sp-border);border-radius:6px;background:var(--sp-bg);font-family:var(--sp-font-clock);font-size:12px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.sp-sync__row{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px}.sp-sync__row>span{width:5.5rem;flex:none}.sp-sync__input{flex:1;min-width:0;border:1px solid var(--sp-border);border-radius:6px;background:var(--sp-bg);padding:6px 8px;color:var(--sp-fg);font-family:inherit;font-size:13px}.sp-sync__input:focus-visible{outline:2px solid var(--sp-accent);outline-offset:1px}.sp-sync__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.sp-sync__later{margin-top:12px;padding:0;border:0;background:none;font:inherit;font-size:12px;color:var(--sp-fg-faint);cursor:pointer}.sp-sync__later:hover{color:var(--sp-fg);text-decoration:underline}.sp-pads{width:min(30rem,100% - 32px);max-height:76vh;overflow:auto;padding:18px 20px 20px;border:1px solid var(--sp-border);border-radius:12px;background:var(--sp-bg-elev);box-shadow:var(--sp-shadow)}.sp-pads__title,.sp-pads__subtitle{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sp-fg-faint)}.sp-pads__subtitle{margin-top:20px;margin-bottom:6px}.sp-pads__row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:6px 0 6px 10px;border-bottom:1px solid var(--sp-border)}.sp-pads__row.is-current{box-shadow:inset 2px 0 0 0 var(--sp-accent)}.sp-pads__label{min-width:0}.sp-pads__name{display:block;font-size:14px;overflow-wrap:anywhere}.sp-pads__note{display:block;margin-top:1px;color:var(--sp-fg-faint);font-size:12px}.sp-pads__actions{display:flex;flex-wrap:wrap;gap:6px;flex:none}.sp-pads>.sp-pads__actions{margin-top:14px}.sp-pads__hint{margin:0 0 12px;color:var(--sp-fg-faint);font-size:12px;line-height:1.5}.sp-pads__field{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px}.sp-pads__field>span{width:4.5rem;flex:none}.sp-pads__input{flex:1;min-width:0;border:1px solid var(--sp-border);border-radius:6px;background:var(--sp-bg);padding:6px 8px;color:var(--sp-fg);font-family:inherit;font-size:13px}.sp-pads__input:focus-visible{outline:2px solid var(--sp-accent);outline-offset:1px}.sp-pads__problem{margin:6px 0 0 calc(4.5rem + 10px);color:var(--sp-accent);font-size:12px;line-height:1.4}.sp-pads__problem:empty{display:none}.sp-btn--danger{border-color:#b3261e;color:#b3261e}.sp-btn--danger:hover{background:#b3261e;color:#fff}@media(pointer:coarse){.cm-editor.cm-editor,.sp-palette__input,.sp-settings__input,.sp-sync__input,.sp-pads__input{font-size:16px}}.sp-touchbar{display:none}@media(pointer:coarse){.sp-touchbar{display:flex;gap:6px;width:min(var(--sp-measure),100% - 32px);margin:14px auto 0}.sp-touchbar__button{flex:1;min-height:44px;border:1px solid var(--sp-border);border-radius:8px;background:transparent;color:var(--sp-fg-dim);font-family:inherit;font-size:17px;line-height:1;cursor:pointer}.sp-touchbar__button:active{background:var(--sp-border);color:var(--sp-fg)}}