[data-accent=accent]{--sph-accent:var(--color-accent);--sph-wash:var(--color-accent-wash)}[data-accent=info]{--sph-accent:var(--color-info);--sph-wash:var(--color-info-wash)}[data-accent=ok]{--sph-accent:var(--color-ok);--sph-wash:var(--color-ok-wash)}[data-accent=warn]{--sph-accent:var(--color-warn);--sph-wash:var(--color-warn-wash)}[data-accent=danger]{--sph-accent:var(--color-danger);--sph-wash:var(--color-danger-wash)}[data-accent=money]{--sph-accent:var(--color-money);--sph-wash:var(--color-money-wash)}.sph-home__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-3)}.sph-cockpit-card{display:grid;grid-gap:var(--space-5);gap:var(--space-5);border:var(--hairline-strong);border-left:4px solid var(--sph-accent,var(--color-money));border-radius:var(--radius-lg);padding:var(--space-5);background:color-mix(in oklch,var(--sph-wash,var(--color-money-wash)) 55%,var(--color-surface));box-shadow:var(--sh-md)}.sph-cockpit-card__body{display:grid;grid-template-columns:auto 1fr auto;grid-gap:var(--space-4);gap:var(--space-4);align-items:center}.sph-cockpit-card__icon{display:grid;width:56px;height:56px;flex-shrink:0;place-items:center;border-radius:var(--radius-md);color:var(--sph-accent,var(--color-money));background:var(--sph-wash,var(--color-money-wash))}.sph-cockpit-card__copy{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.sph-cockpit-card__head-row{display:flex;align-items:center;gap:var(--space-2)}.sph-cockpit-card__name{margin:0;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-h2);font-weight:600;line-height:var(--lh-tight)}.sph-cockpit-card__desc{max-width:52ch;color:var(--color-ink-soft);font-size:var(--text-sm);line-height:var(--lh-snug)}.sph-cockpit-card__cta{flex-shrink:0}.sph-cockpit-card__trail{border-top:var(--hairline);padding-top:var(--space-4)}.sph-cockpit-card__trail .activity-trail__title{margin-bottom:var(--space-2);color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--track-label);text-transform:uppercase}.sph-cockpit-card__trail .activity-trail__empty{color:var(--color-ink-muted);font-size:var(--text-sm)}.sph-cockpit-card__trail .activity-trail__list{display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0;padding:0;list-style:none}.sph-cockpit-card__trail .activity-trail__item{display:grid;grid-template-columns:auto 1fr auto;grid-gap:var(--space-2);gap:var(--space-2);align-items:baseline;border-top:var(--hairline);padding-top:var(--space-2);font-size:var(--text-sm)}.sph-cockpit-card__trail .activity-trail__item:first-child{border-top:0;padding-top:0}.sph-cockpit-card__trail .activity-trail__type{color:var(--sph-accent,var(--color-money));font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--track-label);text-transform:uppercase}.sph-cockpit-card__trail .activity-trail__summary{color:var(--color-ink-soft)}.sph-cockpit-card__trail .activity-trail__time{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-meta);white-space:nowrap}.sph-home__controls{flex-wrap:wrap}.sph-home__controls,.sph-home__meta{display:flex;align-items:center;gap:var(--space-3)}.sph-home__meta{justify-content:space-between}.sph-home__reset{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-ink-muted)}.sph-home__reset:hover{color:var(--color-ink);text-decoration:none}.sph-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));grid-gap:var(--space-4);gap:var(--space-4)}.sph-card{position:relative;display:flex;border:var(--hairline);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--sh-sm);transition:transform var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.sph-card:before{content:"";position:absolute;inset:0;border-radius:inherit;border-left:3px solid var(--sph-accent,var(--color-accent));opacity:.85;pointer-events:none}.sph-card:focus-within,.sph-card:hover{transform:translateY(-2px);border-color:var(--color-line-strong);box-shadow:var(--sh-md)}.sph-card__link{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon head" "icon desc" "icon action";grid-gap:var(--space-1) var(--space-3);gap:var(--space-1) var(--space-3);flex:1 1;padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) + 3px);color:inherit;border-radius:inherit}.sph-card__link:focus-visible,.sph-card__link:hover{text-decoration:none}.sph-card__icon{grid-area:icon;display:grid;width:42px;height:42px;place-items:center;border-radius:var(--radius-md);color:var(--sph-accent,var(--color-accent));background:var(--sph-wash,var(--color-accent-wash))}.sph-card__head{grid-area:head;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sph-card__name{font-family:var(--font-display);font-size:var(--text-h3);font-weight:600;color:var(--color-ink)}.sph-card__desc{grid-area:desc;margin:0;max-width:none;color:var(--color-ink-soft);font-size:var(--text-sm);line-height:var(--lh-snug)}.sph-card__action{grid-area:action;display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);color:var(--sph-accent,var(--color-accent));font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--track-label);text-transform:uppercase}.sph-card__remove{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:var(--radius-sm);color:var(--color-ink-muted);background:transparent;opacity:0;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.sph-card:focus-within .sph-card__remove,.sph-card:hover .sph-card__remove,.sph-card__remove:focus-visible{opacity:1}.sph-card__remove:hover{color:var(--color-danger);background:var(--color-danger-wash)}.sph-card--skeleton{padding:var(--space-4)}.sph-empty{align-items:flex-start;text-align:left}.sph-empty__glyph{display:grid;width:52px;height:52px;place-items:center;border:var(--hairline-strong);border-radius:var(--radius-md);color:var(--color-accent);background:var(--color-accent-wash)}.sph-error{align-items:flex-start;text-align:left}.sph-error__glyph{display:grid;width:52px;height:52px;place-items:center;border:var(--hairline-strong);border-radius:var(--radius-md);color:var(--color-danger);background:var(--color-danger-wash)}.sph-forbidden{align-items:flex-start;text-align:left}.sph-forbidden__glyph{display:grid;width:52px;height:52px;place-items:center;border:var(--hairline-strong);border-radius:var(--radius-md);color:var(--color-warn);background:var(--color-warn-wash)}.sph-dialog-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in oklch,var(--bg-0) 62%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:sph-fade var(--duration-fast) var(--ease-out)}.sph-dialog{display:grid;grid-gap:var(--space-4);gap:var(--space-4);width:min(100%,640px);max-height:min(86vh,760px);overflow-y:auto;padding:var(--space-5);border-radius:var(--r-xl);animation:sph-rise var(--duration-base) var(--ease-out)}.sph-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.sph-dialog__tabs{justify-self:start}.sph-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.sph-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));grid-gap:var(--space-3);gap:var(--space-3);margin:0;padding:0;list-style:none}.sph-template{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon body" "cta cta";grid-gap:var(--space-2) var(--space-3);gap:var(--space-2) var(--space-3);width:100%;height:100%;padding:var(--space-3);border:var(--hairline);border-radius:var(--radius-md);background:var(--color-raised);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.sph-template:hover:not(:disabled){transform:translateY(-2px);border-color:var(--sph-accent,var(--color-accent))}.sph-template:disabled{cursor:default;opacity:.55}.sph-template__icon{grid-area:icon;display:grid;width:38px;height:38px;place-items:center;border-radius:var(--radius-sm);color:var(--sph-accent,var(--color-accent));background:var(--sph-wash,var(--color-accent-wash))}.sph-template__body{grid-area:body;display:grid;grid-gap:2px;gap:2px}.sph-template__name{font-family:var(--font-display);font-size:var(--text-h4);font-weight:600;color:var(--color-ink)}.sph-template__desc{color:var(--color-ink-soft);font-size:var(--text-meta);line-height:var(--lh-snug)}.sph-template__cta{grid-area:cta;display:inline-flex;align-items:center;gap:var(--space-1);color:var(--sph-accent,var(--color-accent));font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--track-label);text-transform:uppercase}.sph-choice{margin:0;padding:0;border:0}.sph-choice__row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.sph-choice__icon{display:grid;width:40px;height:40px;place-items:center;border:var(--hairline);border-radius:var(--radius-sm);color:var(--color-ink-soft);background:var(--color-raised);cursor:pointer}.sph-choice__icon[aria-checked=true]{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-wash)}.sph-choice__swatch{width:32px;height:32px;border:2px solid transparent;border-radius:var(--radius-pill);background:var(--sph-accent,var(--color-accent));cursor:pointer}.sph-choice__swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--sph-accent,var(--color-accent))}.sph-ws{min-height:100vh}.sph-ws__bar{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5)}.sph-ws__back{width:max-content}.sph-ws__head{display:flex;align-items:center;gap:var(--space-4)}.sph-ws__icon{display:grid;width:56px;height:56px;place-items:center;border-radius:var(--radius-md);color:var(--sph-accent,var(--color-accent));background:var(--sph-wash,var(--color-accent-wash))}.sph-ws__panel{max-width:var(--maxw-app)}.sph-ws__notfound{align-items:flex-start}@keyframes sph-fade{0%{opacity:0}to{opacity:1}}@keyframes sph-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.sph-cockpit-card__body{grid-template-columns:auto 1fr;grid-template-areas:"icon copy" "cta  cta";gap:var(--space-3)}.sph-cockpit-card__icon{grid-area:icon}.sph-cockpit-card__copy{grid-area:copy}.sph-cockpit-card__cta{grid-area:cta}.sph-cockpit-card__trail .activity-trail__item{grid-template-columns:1fr}.sph-home__bar{justify-content:space-between}.sph-dialog{padding:var(--space-4)}.sph-card__remove{opacity:1;width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.sph-card,.sph-dialog,.sph-dialog-overlay,.sph-template{transition:none;animation:none}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--color-canvas)}body{min-height:100vh;margin:0;color:var(--color-ink);background:radial-gradient(circle at 18% 0,color-mix(in oklch,var(--accent-wash) 42%,transparent),transparent 32rem),linear-gradient(180deg,var(--color-canvas),var(--color-bg));font-family:var(--font-body);font-size:var(--text-body);line-height:var(--lh-body);font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}a{color:var(--color-accent-strong);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:0;line-height:var(--lh-tight)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{max-width:var(--maxw-prose);color:var(--color-ink-soft)}:where(a,button,[role=button],input,select,textarea,summary,[tabindex]):focus-visible{outline:none;box-shadow:var(--ring)}.ds-page{width:min(100%,var(--maxw-app));margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-8)}.ds-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.ds-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.ds-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.ds-action-row,.ds-filter-bar,.ds-metric-strip,.ds-toolbar{display:flex;gap:var(--space-3);align-items:center}.ds-stack{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.ds-stack--tight{gap:var(--space-2)}.ds-label{letter-spacing:var(--track-label);text-transform:uppercase}.ds-label,.ds-meta{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-meta)}.ds-value{font-family:var(--font-mono)}.ds-value,.metric,.money,.num,[data-num]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-card,.ds-panel{border:var(--hairline);background:var(--color-surface);box-shadow:var(--sh-sm)}.ds-card{border-radius:var(--radius-md);padding:var(--space-4)}.ds-panel{border-radius:var(--radius-lg);padding:var(--space-5)}.ds-glass{border:var(--hairline);background:var(--color-overlay);box-shadow:inset 0 1px 0 color-mix(in oklch,var(--color-ink) 10%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ds-glow{box-shadow:var(--glow-accent)}.ds-divider{height:1px;border:0;background:var(--color-line)}.ds-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 14px;color:var(--color-ink);background:transparent;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:0;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.ds-button:hover{transform:translateY(-1px);text-decoration:none}.ds-button:active{transform:translateY(0)}.ds-button:disabled,.ds-button[aria-disabled=true]{cursor:not-allowed;opacity:.55;transform:none}.ds-button--primary{color:var(--color-bg);border-color:var(--color-accent-strong);background:var(--color-accent-strong)}.ds-button--primary:focus-visible,.ds-button--primary:hover{box-shadow:var(--glow-accent)}.ds-button--secondary{border-color:var(--color-line-strong);background:var(--color-raised)}.ds-button--ghost,.ds-button--quiet{border-color:var(--color-line)}.ds-button--danger{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-wash)}.ds-button--link{min-height:auto;padding:0;color:var(--color-accent-strong);border:0}.ds-icon-button{width:38px;min-width:38px;padding:0}.ds-badge,.ds-pill{display:inline-flex;align-items:center;gap:var(--space-1);width:max-content;border:1px solid;border-radius:var(--radius-pill);padding:3px 9px;font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:0}.is-ok{color:var(--color-ok)}.is-warn{color:var(--color-warn)}.is-danger{color:var(--color-danger)}.is-info{color:var(--color-info)}.is-unknown{color:var(--color-unknown)}.is-suspect{color:var(--color-suspect)}.ds-field{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.ds-field__label{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-meta)}.ds-input,.ds-select,.ds-textarea{min-height:40px;border:var(--hairline);border-radius:var(--radius-sm);padding:10px 12px;color:var(--color-ink);background:var(--color-raised)}.ds-textarea{min-height:92px;resize:vertical}.ds-input[aria-invalid=true],.ds-select[aria-invalid=true],.ds-textarea[aria-invalid=true]{border-color:var(--color-danger)}.ds-help{color:var(--color-ink-muted);font-size:var(--text-sm)}.ds-segmented,.ds-tabs{display:inline-flex;gap:var(--space-1);border:var(--hairline);border-radius:var(--radius-pill);padding:var(--space-1);background:var(--color-raised)}.ds-segment,.ds-tab{min-height:34px;border:0;border-radius:var(--radius-pill);padding:6px 12px;color:var(--color-ink-soft);background:transparent;cursor:pointer}.ds-segment[aria-pressed=true],.ds-tab[aria-selected=true]{color:var(--color-bg);background:var(--color-accent-strong)}.ds-tooltip{position:relative}.ds-tooltip__content{position:absolute;z-index:20;bottom:calc(100% + var(--space-2));left:50%;width:max-content;max-width:240px;transform:translateX(-50%);border:var(--hairline);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-ink);background:var(--color-raised);box-shadow:var(--sh-md);font-size:var(--text-sm);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.ds-tooltip:focus-within .ds-tooltip__content,.ds-tooltip:hover .ds-tooltip__content{opacity:1}.ds-skeleton{min-height:1rem}.ds-table-wrap{overflow:hidden;border:var(--hairline);border-radius:var(--radius-md)}.ds-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ds-table td,.ds-table th{border-bottom:var(--hairline);padding:12px;text-align:left;vertical-align:top}.ds-table th{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-meta);letter-spacing:var(--track-label);text-transform:uppercase}.ds-mobile-list{display:none;gap:var(--space-3)}.ds-shell{min-height:100vh}.ds-shell__top{position:-webkit-sticky;position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.ds-shell__brand{display:flex;align-items:center;gap:var(--space-3)}.ds-brandmark{display:grid;width:38px;height:38px;place-items:center;border:var(--hairline-strong);border-radius:var(--radius-sm);color:var(--color-accent);font-family:var(--font-mono);font-weight:700}.ds-shell__body{display:grid;grid-template-columns:220px minmax(0,1fr);grid-gap:var(--space-5);gap:var(--space-5);width:min(100%,var(--maxw-app));margin:0 auto;padding:var(--space-5)}.ds-shell__nav{display:grid;align-content:start;grid-gap:var(--space-2);gap:var(--space-2)}.ds-bottom-nav a,.ds-shell__nav a{border-radius:var(--radius-sm);padding:9px 10px;color:var(--color-ink-soft);font-family:var(--font-mono);font-size:var(--text-sm)}.ds-bottom-nav a[aria-current=page],.ds-shell__nav a[aria-current=page]{color:var(--color-bg);background:var(--color-accent-strong)}.ds-bottom-nav{position:fixed;right:0;bottom:0;left:0;display:none;grid-template-columns:repeat(5,1fr);gap:var(--space-1);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom))}.ds-modal,.ds-sheet{border:var(--hairline);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--sh-lg)}.ds-chart-frame{min-height:180px;border:var(--hairline);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface)}.ds-chart-bars{grid-gap:var(--space-3)}.ds-bar,.ds-chart-bars{display:grid;gap:var(--space-3)}.ds-bar{grid-template-columns:minmax(80px,1fr) minmax(0,4fr) auto;grid-gap:var(--space-3);align-items:center}.ds-bar__track{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-raised)}.ds-bar__fill{height:100%;border-radius:inherit;background:var(--color-accent)}.ds-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2)}.ds-matrix__cell{min-height:72px;border:var(--hairline);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-raised)}.account-menu{display:inline-flex;align-items:center;gap:var(--space-2)}.account-menu__email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-meta);color:var(--color-ink-muted)}.account-menu__logout{min-height:32px;padding:var(--space-1) var(--space-3)}.wip{display:grid;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-5);border:var(--hairline);border-radius:var(--radius-lg);background:var(--color-surface)}.wip__head{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.wip__title{margin:0;font-size:var(--text-lg,1.125rem);color:var(--color-ink)}.wip__lead{margin:0;max-width:64ch;font-size:var(--text-sm);color:var(--color-ink-soft)}.wip__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.wip__metric{display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-4);border:var(--hairline);border-radius:var(--radius-md);background:var(--color-raised)}.wip__metric-label{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--color-ink-muted)}.wip__metric-masked{font-size:var(--text-lg,1.125rem);letter-spacing:.12em;color:var(--color-ink-faint,var(--color-ink-muted));-webkit-user-select:none;-moz-user-select:none;user-select:none}.wip__note{margin:0;font-size:var(--text-meta);color:var(--color-ink-muted)}.activity-feed{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.activity-feed__filters{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:flex-end}.activity-feed__list{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.activity-feed__row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:var(--space-2);gap:var(--space-2);align-items:baseline;padding:var(--space-3) var(--space-4);border:var(--hairline);border-radius:var(--radius-md);background:var(--color-surface)}.activity-feed__type{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--color-accent-strong)}.activity-feed__meta{font-size:var(--text-sm);color:var(--color-ink-soft)}.activity-feed__time{font-size:var(--text-meta);color:var(--color-ink-muted);white-space:nowrap}