:root{color-scheme:light;--bg: oklch(.975 .004 258);--grid: oklch(.93 .006 258);--surface: oklch(.995 .002 258);--surface-2: oklch(.955 .006 258);--line: oklch(.89 .008 258);--line-strong: oklch(.8 .01 258);--ink: oklch(.21 .02 258);--ink-2: oklch(.4 .018 258);--ink-3: oklch(.5 .015 258);--accent: oklch(.52 .19 262);--accent-ink: oklch(.99 0 0);--accent-soft: oklch(.94 .035 262);--accent-mid: oklch(.8 .08 262);--warn-ink: oklch(.46 .11 60);--warn-bg: oklch(.95 .055 85);--ok-ink: oklch(.45 .12 150);--shadow: 0 1px 2px oklch(.4 .03 258 / .08);--shadow-lg: 0 12px 40px oklch(.3 .03 258 / .18);--r: 8px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--font: "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--z-sticky: 10;--z-tooltip: 40}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: oklch(.17 .008 258);--grid: oklch(.205 .01 258);--surface: oklch(.215 .01 258);--surface-2: oklch(.25 .012 258);--line: oklch(.3 .012 258);--line-strong: oklch(.38 .014 258);--ink: oklch(.95 .005 258);--ink-2: oklch(.8 .01 258);--ink-3: oklch(.7 .012 258);--accent: oklch(.72 .14 262);--accent-ink: oklch(.17 .02 262);--accent-soft: oklch(.3 .06 262);--accent-mid: oklch(.45 .09 262);--warn-ink: oklch(.85 .11 80);--warn-bg: oklch(.32 .06 70);--ok-ink: oklch(.8 .13 150);--shadow: 0 0 0 1px oklch(1 0 0 / .02);--shadow-lg: 0 12px 40px oklch(0 0 0 / .5)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font:400 14px/1.5 var(--font);color:var(--ink);background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:32px 32px;background-attachment:fixed;font-variant-numeric:tabular-nums}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}a{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:8px;top:-48px;z-index:100;background:var(--accent);color:var(--accent-ink);padding:8px 12px;border-radius:var(--r)}.skip:focus{top:8px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{display:inline-flex;width:16px;height:16px;flex:none}.icon svg{width:100%;height:100%;fill:currentColor}.icon-lg{width:32px;height:32px}.topbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:16px;min-height:64px;padding:12px max(16px,env(safe-area-inset-left));background:color-mix(in oklch,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:saturate(140%) blur(8px)}.brand{display:flex;flex-direction:column;min-width:0;margin-right:auto}.brand-name{font-size:16px;font-weight:700;letter-spacing:-.01em}.brand-sub{font-size:12px;color:var(--ink-3)}.brand .badge{align-self:flex-start;margin-top:4px}.tabs{display:inline-flex;padding:4px;gap:4px;background:var(--surface-2);border-radius:var(--r)}.tab{border:0;background:transparent;padding:6px 12px;border-radius:6px;font-weight:500;color:var(--ink-2);cursor:pointer;min-height:32px;transition:background-color .15s ease,color .15s ease,transform .12s var(--ease-out)}.tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.tab:active{transform:scale(.97)}.tools{display:flex;align-items:center;gap:12px}.search{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;width:220px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);color:var(--ink-3)}.search:focus-within{border-color:var(--accent);outline:2px solid var(--accent-soft)}.search input{border:0;background:transparent;outline:none;min-width:0;width:100%;color:var(--ink)}.search input::placeholder{color:var(--ink-3)}.sync{font-size:12px;color:var(--ink-3);white-space:nowrap}.sync-warn{color:var(--warn-ink)}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--r);color:var(--ink-2);cursor:pointer;transition:transform .12s var(--ease-out),background-color .15s ease}.icon-btn:active{transform:scale(.97)}.icon-btn:disabled{opacity:.5;cursor:default}@media(hover:hover)and (pointer:fine){.icon-btn:hover:not(:disabled){background:var(--surface-2)}.tab:hover:not([aria-selected=true]){color:var(--ink)}}.spin svg{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{height:40px;padding:0 16px;border:0;border-radius:var(--r);background:var(--accent);color:var(--accent-ink);font-weight:600;cursor:pointer;transition:transform .12s var(--ease-out)}.btn:active{transform:scale(.97)}.main{padding:16px max(16px,env(safe-area-inset-left)) 48px}.runstrip{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3);margin-bottom:12px}.runstrip-warn{color:var(--warn-ink);background:var(--warn-bg);padding:8px 12px;border-radius:var(--r);font-weight:500}.chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:12px;white-space:nowrap}.chip-accent{background:var(--accent-soft);color:var(--ink);font-weight:600}.badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-warn{background:var(--warn-bg);color:var(--warn-ink)}.meta{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-3);white-space:nowrap}.meta .icon{width:14px;height:14px}.meta-ok{color:var(--ok-ink)}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(264px,1fr);gap:12px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;align-items:start}.lane{scroll-snap-align:start;background:color-mix(in oklch,var(--surface-2) 70%,transparent);border:1px solid var(--line);border-radius:12px;padding:8px;min-height:160px}.lane-closed{background:transparent;border-style:dashed}.lane-closed .card{opacity:.85}.lane-warn{border-color:var(--warn-ink)}.lane-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 4px 8px}.lane-head h2{font-size:13px;font-weight:600;color:var(--ink-2)}.count{min-width:24px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;font-size:12px;font-weight:600;background:var(--surface);color:var(--ink-2);border:1px solid var(--line)}.lane-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.lane-empty{font-size:12px;color:var(--ink-3);padding:16px 4px;text-align:center}.card{display:grid;gap:6px;width:100%;text-align:left;cursor:pointer;padding:12px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .12s var(--ease-out),border-color .15s ease}.card:active{transform:scale(.985)}@media(hover:hover)and (pointer:fine){.card:hover{border-color:var(--line-strong)}}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.card-name{font-weight:600;font-size:14px;line-height:1.3}.card-biz{font-size:12px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.card-next{font-size:12px;color:var(--ink);padding-top:6px;border-top:1px solid var(--line);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skeleton .lane{min-height:220px}.sk{background:var(--surface-2);border-radius:var(--r);position:relative;overflow:hidden}.sk-head{height:20px;width:60%;margin:4px 4px 12px}.sk-card{height:88px;margin-bottom:8px}.sk:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--surface) 60%,transparent),transparent);transform:translate(-100%);animation:shimmer 1.4s linear infinite}@keyframes shimmer{to{transform:translate(100%)}}.error{max-width:420px;margin:64px auto;text-align:center;display:grid;justify-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:32px 24px}.error .icon{color:var(--warn-ink)}.error h2{font-size:18px}.error p{color:var(--ink-2)}.drawer{padding:0;border:0;margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:min(480px,100vw);max-width:100vw;background:transparent;color:var(--ink)}.drawer::backdrop{background:#10161f59}.drawer-panel{height:100%;background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.drawer-body{overflow-y:auto;padding:20px 24px 48px;display:grid;gap:20px;align-content:start}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.drawer-head h2{font-size:20px;line-height:1.2;letter-spacing:-.01em}.drawer-sub{color:var(--ink-2);margin-top:4px}.drawer-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.next{background:var(--accent-soft);border-radius:var(--r);padding:12px}.next h3,.block h3{font-size:12px;font-weight:600;color:var(--ink-3);margin-bottom:4px}.next p{font-weight:500}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0}.field dt{font-size:12px;color:var(--ink-3)}.field dd{margin:0;overflow-wrap:anywhere}.block p{color:var(--ink);max-width:65ch;white-space:pre-line}.calls{list-style:none;margin:0;padding:0;display:grid;gap:10px}.calls li{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:baseline}.calls p{grid-column:1 / -1;color:var(--ink-2);font-size:13px}.call-outcome{font-weight:600}.call-outcome.ok{color:var(--ok-ink)}.call-when{font-size:12px;color:var(--ink-3)}.drawer[open] .drawer-panel{transform:translate(0);transition:transform .28s var(--ease-drawer)}.drawer[open]::backdrop{opacity:1;transition:opacity .2s ease}@starting-style{.drawer[open] .drawer-panel{transform:translate(100%)}.drawer[open]::backdrop{opacity:0}}.drawer.closing .drawer-panel{transform:translate(100%);transition:transform .2s var(--ease-out)}.drawer.closing::backdrop{opacity:0}.analytics{display:grid;gap:16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;background:var(--surface);border:1px solid var(--line);border-radius:12px}.stat{padding:16px 20px;border-left:1px solid var(--line)}.stat:first-child{border-left:0}.stat dt{font-size:12px;color:var(--ink-3)}.stat dd{margin:4px 0 0;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.stat-sub{display:block;font-size:12px;font-weight:400;color:var(--ink-3);letter-spacing:0;margin-top:2px}.stat-warn dd{color:var(--warn-ink)}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px 20px;display:grid;gap:12px;align-content:start;min-width:0}.panel-head h2{font-size:14px;font-weight:600}.panel-head p{font-size:12px;color:var(--ink-3);margin-top:2px}.panel-empty{font-size:13px;color:var(--ink-3);padding:12px 0}.panel-foot{font-size:12px;color:var(--ink-3)}.sub-head{font-size:12px;font-weight:600;color:var(--ink-2);margin-top:4px}.hbars,.funnel{list-style:none;margin:0;padding:0;display:grid;gap:8px}.hbars li,.funnel li{display:grid;grid-template-columns:minmax(96px,40%) 1fr auto;align-items:center;gap:12px}.hbar-label{font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{height:12px;display:flex;align-items:center}.hbar-fill{display:block;height:100%;width:var(--w, 0%);background:var(--accent);border-radius:0 4px 4px 0}.hbar-value{font-size:13px;font-weight:600;text-align:right;min-width:24px;white-space:nowrap}.hbar-note{font-weight:400;color:var(--ink-3);margin-left:6px}.cols-wrap{display:grid;gap:6px}.cols{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;height:140px;align-items:end;border-bottom:1px solid var(--line-strong)}.col{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;outline-offset:0}.col-bar{position:relative;display:block;width:min(100%,20px);height:var(--h, 0%);min-height:0;background:var(--accent-mid);border-radius:4px 4px 0 0}.cols-wrap:not(:has(.col-sub)) .col-bar{background:var(--accent)}.col-sub{position:absolute;left:0;right:0;bottom:0;height:var(--h, 0%);background:var(--accent);border-radius:4px 4px 0 0}.col:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px);opacity:0;pointer-events:none;z-index:var(--z-tooltip);background:var(--ink);color:var(--surface);font-size:12px;white-space:nowrap;padding:4px 8px;border-radius:6px;transition:opacity 125ms ease,transform 125ms var(--ease-out)}.col:focus-visible:after{opacity:1;transform:translate(-50%)}@media(hover:hover)and (pointer:fine){.col:hover:after{opacity:1;transform:translate(-50%)}.col:hover .col-bar{filter:brightness(.92)}}.cols .col:first-child:after{left:0;transform:translateY(4px)}.cols .col:last-child:after{left:auto;right:0;transform:translateY(4px)}.cols .col:first-child:is(:hover,:focus-visible):after,.cols .col:last-child:is(:hover,:focus-visible):after{transform:translate(0)}.cols-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3)}.legend{list-style:none;margin:0 0 8px;padding:0;display:flex;gap:16px;font-size:12px;color:var(--ink-2)}.legend li{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:3px}.swatch-a{background:var(--accent-mid)}.swatch-b{background:var(--accent)}.as-table summary{font-size:12px;color:var(--ink-3);cursor:pointer;width:max-content}.as-table table{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}.as-table th,.as-table td{text-align:left;padding:4px 8px 4px 0;border-bottom:1px solid var(--line)}.as-table th{color:var(--ink-3);font-weight:500}.stale-list{list-style:none;margin:0;padding:0;display:grid}.row-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:none;cursor:pointer;text-align:left}.stale-list li:last-child .row-btn{border-bottom:0}.row-main{font-weight:600;display:grid}.row-sub{font-weight:400;font-size:12px;color:var(--ink-3)}.row-side{font-size:12px;color:var(--warn-ink);white-space:nowrap}@media(max-width:860px){.topbar{flex-wrap:wrap;gap:12px}.brand{order:1}.tools{order:2}.tabs{order:3;width:100%}.tabs .tab{flex:1}.search{width:100%;flex:1;order:-1}.tools{width:100%;margin-left:0}.sync{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}}@media(max-width:860px)and (min-width:0){.tools:not(:has(.search)){width:auto}}@media(max-width:600px){.board{grid-auto-columns:86%;scroll-snap-type:x mandatory}.facts{grid-template-columns:1fr}.drawer-body{padding:16px 16px 48px}.panel{padding:16px}.stat{padding:12px 16px}.stat dd{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.drawer[open] .drawer-panel,.drawer.closing .drawer-panel{transition:none;transform:none}.card,.tab,.icon-btn,.btn{transition:none}.card:active,.tab:active,.icon-btn:active,.btn:active{transform:none}}.login-body{display:grid;place-items:center;padding:16px}.login{width:min(400px,100%);display:grid;justify-items:center;gap:8px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:40px 24px 32px;box-shadow:var(--shadow)}.login-mark{border-radius:10px;margin-bottom:8px}.login h1{font-size:20px;letter-spacing:-.01em}.login-sub{color:var(--ink-2);margin-bottom:16px}.login-btn{min-height:44px;display:grid;place-items:center}.login-msg{min-height:20px;font-size:13px;color:var(--ink-3);margin-top:8px;max-width:32ch}.login-msg-warn{color:var(--warn-ink)}.viewer{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-3)}.link-btn{border:0;background:none;padding:4px;color:var(--accent);cursor:pointer;font-size:12px}@media(max-width:860px){.viewer-email{display:none}}
