.sp{--sp-x:108px;--sp-gut:var(--step-5);max-width:880px;margin:0 auto;padding:0 var(--sp-gut) var(--step-8);position:relative}@media (max-width:720px){.sp{--sp-x:58px;--sp-gut:var(--step-4)}}.sp-docked{padding-bottom:calc(122px + env(safe-area-inset-bottom))}body:has(.sp-dock) .footer{margin-bottom:calc(96px + env(safe-area-inset-bottom))}.sp-intro{padding:var(--step-6) 0 var(--step-5);max-width:var(--measure)}.sp-intro h1{font-family:var(--serif);font-size:var(--t-xl);font-weight:500;letter-spacing:var(--tr-display);line-height:var(--lh-snug);margin:0 0 var(--step-3);text-wrap:balance}.sp-intro p{font-size:var(--t-sm);color:var(--text-secondary);line-height:var(--lh-body);margin:0}.sp-intro .pl-sample{margin-top:var(--step-3)}.sp-tally{display:flex;gap:var(--step-5);flex-wrap:wrap;padding:var(--step-4) 0 var(--step-5)}.sp-tally>div{font-size:var(--t-xs);color:var(--text-tertiary)}.sp-tally b{display:block;font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--t-lg);font-weight:600;color:var(--text-primary);line-height:var(--lh-snug)}.sp-tally .sp-late b{color:var(--signal-text)}.sp-chain{display:flex;align-items:center;gap:var(--step-4);padding-bottom:var(--step-6);flex-wrap:wrap}.sp-chain-label{font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:var(--tr-label);color:var(--text-tertiary)}.sp-pips{display:flex;flex-wrap:wrap;gap:var(--step-3);list-style:none;margin:0;padding:0}.sp-pip-t{display:flex;flex-direction:column;align-items:flex-start;line-height:var(--lh-snug);text-align:left}.sp-pip-t b{font-family:var(--sans);font-size:var(--t-xs);font-weight:600;color:var(--text-primary);white-space:nowrap}.sp-pip-t i{font-family:var(--mono);font-style:normal;font-size:var(--t-3xs);color:var(--text-tertiary)}.sp-pip{display:flex;align-items:center;gap:var(--step-2);min-height:44px;padding:var(--step-1) var(--step-2) var(--step-1) var(--step-1);border:var(--bw-hair) solid transparent;border-radius:var(--r-lg);background:none;cursor:pointer;position:relative;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.sp-pip:hover{background:var(--surface-raised);border-color:var(--border-subtle)}.sp-pip-n{flex:none;width:30px;height:30px;border-radius:50%;border:var(--bw-rule) solid var(--text-tertiary);font-family:var(--mono);font-size:var(--t-xs);color:var(--text-secondary);display:grid;place-items:center}.sp-pip:hover .sp-pip-n{border-color:var(--accent-fill)}.sp-pip[data-state=done] .sp-pip-n{background:var(--text-tertiary);border-color:var(--text-tertiary);color:var(--surface-canvas)}.sp-pip[data-state=next] .sp-pip-n,.sp-pip[data-state=overdue] .sp-pip-n{background:var(--signal-fill);border-color:var(--signal-fill);color:var(--text-on-signal);font-weight:700}.sp-row{display:grid;grid-template-columns:var(--sp-x) 0 minmax(0,1fr);align-items:start;position:relative;--sp-ny:22px}.sp-row:before{content:"";position:absolute;left:var(--sp-x);top:0;bottom:0;width:var(--bw-rule);background:var(--border-strong)}.sp-row.sp-first:before{top:var(--sp-ny)}.sp-row.sp-terminus:before{bottom:auto;height:var(--sp-ny)}.sp-when{grid-column:1;text-align:right;padding-right:var(--sp-gut);padding-top:calc(var(--sp-ny) - 9px);font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--t-xs);color:var(--text-secondary);white-space:nowrap}.sp-when .sp-yr{display:block;font-size:var(--t-3xs);color:var(--text-tertiary);letter-spacing:.02em}.sp-node{grid-column:2;width:14px;height:14px;border-radius:50%;border:var(--bw-rule) solid var(--text-tertiary);background:var(--surface-canvas);translate:-6px calc(var(--sp-ny) - 7px);position:relative;z-index:1}.sp-body{grid-column:3;padding-left:var(--sp-gut);padding-bottom:var(--step-5);min-width:0}.sp-row[data-state=done] .sp-node{background:var(--text-tertiary);border-color:var(--text-tertiary)}.sp-row[data-state=claimed] .sp-node{background:var(--accent-surface);border-color:var(--accent-fill)}.sp-row[data-state=next]{--sp-ny:40px}.sp-row[data-state=next] .sp-node{width:18px;height:18px;translate:-8px calc(var(--sp-ny) - 9px);box-shadow:0 0 0 4px var(--signal-surface)}.sp-row[data-state=next] .sp-node,.sp-row[data-state=overdue] .sp-node{background:var(--signal-fill);border-color:var(--signal-fill)}.sp-row[data-state=claimed] .sp-title,.sp-row[data-state=done] .sp-title{color:var(--text-tertiary)}.sp-step{width:-moz-fit-content;width:fit-content;max-width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:var(--step-2) var(--step-3);margin-left:calc(-1 * var(--step-3));border-radius:var(--r-lg);display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--step-3);font-family:var(--sans);min-height:44px;transition:background var(--fast) var(--ease)}.sp-step:hover{background:var(--surface-sunken)}.sp-title{font-family:var(--serif);font-size:var(--t-md);color:var(--text-primary)}.sp-owner{font-size:var(--t-xs);color:var(--text-tertiary);white-space:nowrap}.sp-law{font-size:var(--t-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:var(--bw-hair) solid var(--border-strong);border-radius:var(--r-sm);padding:1px 5px}.sp-chev,.sp-law{color:var(--text-tertiary);align-self:center}.sp-chev{transition:transform var(--fast) var(--ease);display:flex}.sp-step[aria-expanded=true] .sp-chev{transform:rotate(90deg)}.sp-late-note{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--signal-text);font-weight:600}.sp-late-note,.sp-wait-note{font-size:var(--t-xs);align-self:center;white-space:nowrap}.sp-wait-note{color:var(--text-tertiary);font-style:italic}.sp-detail{max-width:58ch;color:var(--text-secondary);line-height:var(--lh-body);padding:0 0 var(--step-3)}.sp-detail,.sp-gate{font-size:var(--t-sm)}.sp-gate{margin-top:var(--step-3);padding-top:var(--step-3);border-top:var(--bw-hair) dashed var(--border-strong)}.sp-gate b{color:var(--text-primary);font-weight:600}.sp-evidence{margin-top:var(--step-2);font-size:var(--t-xs);color:var(--text-tertiary)}.sp-detail-actions{display:flex;gap:var(--step-2);margin-top:var(--step-3);flex-wrap:wrap}.sp-live{background:var(--surface-raised);border:var(--bw-hair) solid var(--border-strong);border-radius:var(--r-lg);padding:var(--step-6);box-shadow:var(--shadow-md);margin-bottom:var(--step-4);max-width:40rem}.sp-live .sp-status{font-family:var(--mono);font-size:var(--t-sm);color:var(--signal-text);text-transform:uppercase;letter-spacing:var(--tr-label);font-weight:700}.sp-live h2{font-family:var(--serif);font-size:var(--t-2xl);font-weight:500;letter-spacing:var(--tr-display);line-height:var(--lh-display);margin:var(--step-3) 0 var(--step-4);text-wrap:balance}.sp-live .sp-what{font-size:var(--t-md);color:var(--text-secondary);line-height:var(--lh-body);max-width:44ch;margin:0}.sp-live .sp-tags{display:flex;gap:var(--step-2);flex-wrap:wrap;margin-top:var(--step-4)}.sp-tag{font-size:var(--t-xs);padding:4px 10px;border-radius:var(--r-md);border:var(--bw-hair) solid var(--border-strong);color:var(--text-secondary)}.sp-tag.sp-mine{background:var(--accent-surface);color:var(--text-primary);border-color:transparent;font-weight:600}.sp-live .sp-gate{margin-top:var(--step-4);padding-top:var(--step-4)}.sp-today{display:grid;grid-template-columns:var(--sp-x) 0 minmax(0,1fr);align-items:center;margin:var(--step-4) 0 var(--step-6);scroll-margin-top:84px}.sp-today .sp-today-lbl{grid-column:1;text-align:right;padding-right:var(--sp-gut);font-family:var(--mono);font-size:var(--t-xs);font-weight:700;color:var(--signal-text);text-transform:uppercase;letter-spacing:var(--tr-label)}.sp-today .sp-today-line{grid-column:2/-1;height:var(--bw-rule);background:var(--signal-fill);margin-left:-7px}.sp-gap{display:grid;grid-template-columns:var(--sp-x) 0 minmax(0,1fr);align-items:center;position:relative;height:min(calc(44px + var(--sp-d) * 3.1px),180px)}.sp-gap:before{content:"";position:absolute;left:var(--sp-x);top:0;bottom:0;width:var(--bw-rule);background:repeating-linear-gradient(to bottom,var(--border-strong) 0 5px,var(--surface-canvas) 5px 11px)}.sp-gap .sp-gap-txt{grid-column:3;padding-left:var(--sp-gut);font-size:var(--t-sm);color:var(--text-tertiary)}.sp-gap .sp-gap-txt b{color:var(--text-secondary);font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.sp-gap.sp-quiet .sp-gap-txt{font-family:var(--serif);font-size:var(--t-lg);color:var(--text-primary);line-height:var(--lh-snug)}.sp-gap.sp-quiet .sp-gap-txt b{font-family:inherit;font-size:inherit}.sp-gap.sp-quiet .sp-gap-sub{display:block;font-family:var(--sans);font-size:var(--t-xs);color:var(--text-tertiary);margin-top:var(--step-1);max-width:38ch}.sp-past{border-top:var(--bw-hair) solid var(--border-strong);border-bottom:var(--bw-hair) solid var(--border-strong);margin-bottom:var(--step-5)}.sp-past>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--step-3);padding:var(--step-4) var(--step-2);min-height:44px;font-size:var(--t-sm);color:var(--text-secondary)}.sp-past>summary::-webkit-details-marker{display:none}.sp-past>summary b,.sp-past>summary:hover{color:var(--text-primary)}.sp-past>summary b{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sp-past>summary .sp-chev{transition:transform var(--fast) var(--ease)}.sp-past[open]>summary .sp-chev{transform:rotate(90deg)}.sp-past .sp-row .sp-title{font-size:var(--t-base)}.sp-day-card{border:var(--bw-rule) solid var(--gold);border-radius:var(--r-lg);padding:var(--step-6);background:var(--surface-raised);max-width:34rem}.sp-day-card h2{font-family:var(--serif);font-size:var(--t-xl);font-weight:500;letter-spacing:var(--tr-display);margin:var(--step-3) 0 0}.sp-day-card p{font-size:var(--t-sm);color:var(--text-secondary);margin:var(--step-2) 0 0;max-width:44ch}.sp-row.sp-terminus .sp-node{background:var(--gold);border-color:var(--gold)}.sp-talk{margin:0 0 var(--step-4) var(--step-3);max-width:34rem;border-left:var(--bw-rule) solid var(--border-strong);padding-left:var(--step-4);position:relative}.sp-talk:before{content:"";position:absolute;top:16px;height:var(--bw-rule);background:var(--border-strong);left:calc(-1 * (var(--step-3) + var(--sp-gut)));width:calc(var(--step-3) + var(--sp-gut))}.sp-msg{background:var(--surface-raised);border:var(--bw-hair) solid var(--border-strong);border-radius:var(--r-lg);padding:var(--step-3);font-size:var(--t-sm);line-height:var(--lh-body);color:var(--text-primary);margin-bottom:var(--step-2)}.sp-msg.sp-from-planner{background:var(--accent-surface);border-color:transparent}.sp-msg-meta{display:flex;align-items:center;gap:var(--step-2);font-size:var(--t-2xs);color:var(--text-tertiary);margin-bottom:var(--step-1)}.sp-msg-meta b{color:var(--text-secondary);font-weight:600}.sp-dock{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-nav);border-top:var(--bw-hair) solid var(--border-strong);background:var(--surface-raised);padding:var(--step-3) 0 max(var(--step-3),env(safe-area-inset-bottom))}.sp-dock-in{max-width:880px;margin:0 auto;padding:0 var(--sp-gut,var(--step-5))}.sp-dock form{display:flex;gap:var(--step-2);align-items:stretch}.sp-anchor{flex:none;max-width:34%;color:var(--text-secondary);font-size:var(--t-xs);padding:0 var(--step-2)}.sp-anchor,.sp-input{min-height:48px;border:var(--bw-hair) solid var(--control-edge);border-radius:var(--r-lg);background:var(--surface-canvas);font-family:var(--sans)}.sp-input{flex:1 1;min-width:0;padding:0 var(--step-4);color:var(--text-primary);font-size:var(--t-base)}.sp-input::placeholder{color:var(--text-tertiary)}.sp-anchor:focus-visible,.sp-input:focus-visible{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-surface)}.sp-send{flex:none;width:48px;min-height:48px;border:none;border-radius:var(--r-lg);background:var(--accent-fill);color:var(--text-on-accent);cursor:pointer;display:grid;place-items:center;transition:background var(--fast) var(--ease)}.sp-send:hover{background:var(--accent-fill-hover)}.sp-send:disabled{opacity:.5;cursor:default}.sp-dock-err{margin:var(--step-2) 0 0;font-size:var(--t-xs);color:var(--signal-text)}.sp-dock-hint{margin:var(--step-2) 0 0;font-size:var(--t-2xs);color:var(--text-tertiary)}.sp button:focus-visible,.sp summary:focus-visible{outline:var(--bw-rule) solid var(--border-focus);outline-offset:2px;box-shadow:0 0 0 5px var(--focus-halo)}.sp-live{transition:background var(--fast) var(--ease)}.sp-row.sp-lit>.sp-body>.sp-live,.sp-row.sp-lit>.sp-body>.sp-step{background:var(--accent-surface)}.sp-anchor-dd{flex:none;max-width:34%}.sp-anchor-dd .dd-trigger{min-height:48px;max-width:100%}.sp-anchor-dd .dd-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-anchor-dd .dd-deck{top:auto;bottom:calc(100% + var(--step-1))}.sp-who{grid-column:1/-1;font-size:var(--t-xs);color:var(--text-tertiary);line-height:var(--lh-body);max-width:var(--measure);margin:var(--step-2) 0 0}