:root{color-scheme:light;--plane: #f9f9f7;--surface: #fcfcfb;--ink: #0b0b0b;--ink-2: #52514e;--ink-muted: #898781;--hairline: #e1e0d9;--baseline: #c3c2b7;--accent: #2a78d6;--accent-track: #cde2fb;--good: #0ca30c;--warning: #fab219;--critical: #d03b3b;--focus: #2a78d6;--step-1: 4px;--step-2: 8px;--step-3: 12px;--step-4: 20px;--step-5: 32px;--step-6: 48px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--plane: #0d0d0d;--surface: #1a1a19;--ink: #ffffff;--ink-2: #c3c2b7;--ink-muted: #898781;--hairline: #2c2c2a;--baseline: #383835;--accent: #3987e5;--accent-track: #184f95;--good: #0ca30c;--warning: #fab219;--critical: #d03b3b;--focus: #3987e5}}:root[data-theme=dark]{color-scheme:dark;--plane: #0d0d0d;--surface: #1a1a19;--ink: #ffffff;--ink-2: #c3c2b7;--ink-muted: #898781;--hairline: #2c2c2a;--baseline: #383835;--accent: #3987e5;--accent-track: #184f95;--focus: #3987e5}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--plane);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}button{font:inherit;color:inherit}.page{max-width:34rem;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + var(--step-4)) var(--step-4) calc(env(safe-area-inset-bottom,0px) + var(--step-6))}.page-center{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:var(--step-4)}.periods{display:flex;gap:var(--step-1);margin-bottom:var(--step-5)}.period{flex:1;padding:var(--step-2) var(--step-3);border:1px solid var(--hairline);border-radius:7px;background:transparent;color:var(--ink-2);font-size:14px;cursor:pointer;transition:background-color .14s cubic-bezier(.2,.8,.3,1),color .14s cubic-bezier(.2,.8,.3,1)}.period:hover{background:color-mix(in oklab,var(--accent) 8%,transparent);color:var(--ink)}.period.is-current{background:var(--ink);border-color:var(--ink);color:var(--plane)}.section{padding-block:var(--step-5) var(--step-4);border-top:1px solid var(--hairline)}.section:first-of-type{border-top:0;padding-top:0}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--step-3);margin-bottom:var(--step-3);color:var(--ink-muted)}.section-head h2{margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.section-aside{display:flex;align-items:center;gap:var(--step-2);color:var(--ink-muted)}.section-note{font-size:12px}.hero{margin-bottom:var(--step-4)}.hero-value{font-size:clamp(2.75rem,12vw,3.5rem);font-weight:620;line-height:1;letter-spacing:-.03em}.hero-label{margin-top:var(--step-2);color:var(--ink-2);font-size:14px}.figures{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:var(--step-4) var(--step-3);margin-bottom:var(--step-4)}.figure-value{font-size:1.5rem;font-weight:600;line-height:1.15;letter-spacing:-.015em}.figure-label{margin-top:2px;color:var(--ink-2);font-size:13px}.tone-good{color:var(--good)}.tone-warning{color:color-mix(in oklab,var(--warning) 78%,var(--ink))}.tone-critical{color:var(--critical)}.meter+.meter{margin-top:var(--step-3)}.meter-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;color:var(--ink-2);margin-bottom:var(--step-1)}.meter-value{font-variant-numeric:tabular-nums;font-weight:600;color:var(--ink)}.meter.tone-plain{color:var(--accent)}.meter-track{height:6px;border-radius:3px;background:color-mix(in oklab,currentColor 20%,var(--plane));overflow:hidden}.meter-fill{display:block;width:100%;height:100%;background:currentColor;transform-origin:left center;transform:scaleX(var(--fill, 0));transition:transform .26s cubic-bezier(.2,.8,.3,1)}.bars{list-style:none;margin:0;padding:0}.bars li{display:grid;grid-template-columns:8.5rem 1fr auto;align-items:center;gap:var(--step-3);padding-block:var(--step-2)}.bar-label{font-size:14px;color:var(--ink-2)}.bar-track{display:block;height:14px}.bar-fill{display:block;height:100%;min-width:2px;border-radius:0 4px 4px 0;background:var(--accent)}.bar-value{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--step-2);font-variant-numeric:tabular-nums;font-weight:600;min-width:1.75rem;text-align:right}.bar-note{min-width:2.5rem;font-size:12px;font-weight:400;color:var(--ink-muted)}.rows{list-style:none;margin:0;padding:0}.rows li{display:grid;grid-template-columns:1fr auto;gap:0 var(--step-3);padding-block:var(--step-3);border-top:1px solid var(--hairline)}.rows li:first-child{border-top:0;padding-top:0}.row-main{font-weight:500}.row-side{color:var(--ink-2);font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}.row-sub{grid-column:1 / -1;margin-top:2px;color:var(--ink-muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lede{margin:0 0 var(--step-3);font-size:15px;font-weight:500}.empty{margin:0;color:var(--ink-2);font-size:14px}.note{margin:var(--step-3) 0 0;color:var(--ink-muted);font-size:12.5px;max-width:38ch}.banner{margin:0;padding:var(--step-2) var(--step-4);background:color-mix(in oklab,var(--critical) 12%,var(--plane));color:var(--ink);font-size:13px;text-align:center}.page-foot{margin-top:var(--step-5);padding-top:var(--step-3);border-top:1px solid var(--hairline);color:var(--ink-muted);font-size:12px}.signin-title{margin:0;font-size:1.375rem;font-weight:600;letter-spacing:-.01em}.signin{display:flex;flex-direction:column;gap:var(--step-2)}.signin label{font-size:13px;color:var(--ink-2)}.signin input{padding:var(--step-3);border:1px solid var(--baseline);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit}.signin input::placeholder{color:var(--ink-muted)}.button{padding:var(--step-3) var(--step-4);border:0;border-radius:7px;background:var(--ink);color:var(--plane);font-weight:550;cursor:pointer;transition:opacity .14s cubic-bezier(.2,.8,.3,1)}.button:disabled{opacity:.45;cursor:not-allowed}.button:not(:disabled):hover{opacity:.86}[aria-busy=true]{opacity:.6;transition:opacity .18s cubic-bezier(.2,.8,.3,1)}@media (prefers-reduced-motion: reduce){*{transition-duration:1ms!important}}.app{min-height:100svh;display:flex;flex-direction:column}.screen{flex:1;width:100%;max-width:34rem;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + var(--step-4)) var(--step-4) calc(env(safe-area-inset-bottom,0px) + 4.5rem)}.screen-center{min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:var(--step-4)}.screen-head h1{margin:0 0 var(--step-3);font-size:22px;font-weight:620;letter-spacing:-.02em}.tabbar{position:fixed;inset-inline:0;bottom:0;z-index:5;display:flex;justify-content:space-around;gap:var(--step-1);max-width:34rem;margin:0 auto;padding:var(--step-2) var(--step-2) calc(env(safe-area-inset-bottom,0px) + var(--step-2));background:color-mix(in oklab,var(--plane) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--hairline)}.tablink{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:44px;padding:var(--step-1);border:0;border-radius:8px;background:transparent;color:var(--ink-muted);cursor:pointer}.tablink.is-current{color:var(--accent)}.tablink-label{font-size:11px;max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search{display:flex;align-items:center;gap:var(--step-2);padding:var(--step-2) var(--step-3);margin-bottom:var(--step-3);border:1px solid var(--hairline);border-radius:9px;background:var(--surface);color:var(--ink-muted)}.search input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit}.search input:focus{outline:none}.tabs{display:flex;flex-wrap:wrap;gap:var(--step-1);margin-bottom:var(--step-3)}.tabs::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;padding:var(--step-2) var(--step-3);border:1px solid var(--hairline);border-radius:999px;background:transparent;color:var(--ink-2);font-size:12px;white-space:nowrap;cursor:pointer}.tab.is-current{background:var(--ink);border-color:var(--ink);color:var(--plane)}.tab-count{font-variant-numeric:tabular-nums;font-size:12px;opacity:.75}.threads,.cards,.buckets{list-style:none;margin:0;padding:0}.thread-row,.card{display:grid;gap:3px;width:100%;padding:var(--step-3) 0;border:0;border-top:1px solid var(--hairline);background:transparent;text-align:start;cursor:pointer}.threads li:first-child .thread-row{border-top:0}.thread-top,.card-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--step-3)}.thread-name,.card-name{display:flex;align-items:center;gap:var(--step-2);font-weight:560;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread{flex:none;width:7px;height:7px;border-radius:50%;background:var(--accent)}.wait,.thread-when,.card-age{flex:none;font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-muted)}.wait.tone-warning{color:var(--warning)}.wait.tone-critical{color:var(--critical)}.thread-text,.card-text{color:var(--ink-2);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you{color:var(--ink-muted)}.thread-meta,.card-meta{display:flex;align-items:center;gap:var(--step-2);font-size:12px;color:var(--ink-muted)}.chip{padding:2px var(--step-2);border:1px solid var(--hairline);border-radius:999px;font-size:12px;color:var(--ink-2);white-space:nowrap}.chip-button{background:transparent;cursor:pointer}.thread-assignee.is-none{color:var(--warning)}.bucket{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--step-3) 0;border:0;border-top:1px solid var(--hairline);background:transparent;cursor:pointer}.buckets li:first-child .bucket{border-top:0}.bucket-name{font-weight:560}.bucket.is-open .bucket-name{color:var(--accent)}.bucket-count{font-variant-numeric:tabular-nums;font-size:18px;font-weight:620}.cards{padding-inline-start:var(--step-3);border-inline-start:2px solid var(--accent-track);margin-bottom:var(--step-3)}.thread-screen{display:flex;flex-direction:column;height:100svh;padding:0}.thread-head{display:flex;align-items:center;gap:var(--step-3);padding:calc(env(safe-area-inset-top,0px) + var(--step-2)) var(--step-3) var(--step-2);border-bottom:1px solid var(--hairline);background:var(--plane)}.icon-button{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);cursor:pointer}.thread-head-main{flex:1;min-width:0}.thread-head-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-head-sub{font-size:12px;color:var(--ink-muted)}.thread-assign{display:flex;align-items:center;gap:var(--step-2);padding:var(--step-2) var(--step-3);border-bottom:1px solid var(--hairline);font-size:12px;color:var(--ink-muted)}.thread-assign select{flex:1;min-width:0;border:0;background:transparent;color:var(--ink-2);font:inherit}.thread-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--step-3) var(--step-3) var(--step-4);display:flex;flex-direction:column;gap:var(--step-2)}.day,.thread-older,.system-line{align-self:center;max-width:26rem;margin:var(--step-2) 0;text-align:center;font-size:12px;color:var(--ink-muted)}.system-line{max-width:22rem;padding:var(--step-1) var(--step-3);line-height:1.35;opacity:.75}.bubble{max-width:min(80%,26rem);padding:var(--step-2) var(--step-3);border-radius:14px;background:var(--surface);border:1px solid var(--hairline)}.bubble.is-mine{align-self:flex-end;background:color-mix(in oklab,var(--accent) 12%,var(--surface));border-color:color-mix(in oklab,var(--accent) 22%,var(--hairline))}.bubble.is-theirs{align-self:flex-start}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble-image{display:block;max-width:100%;border-radius:9px;margin-bottom:var(--step-1)}.bubble-file{display:flex;align-items:center;gap:var(--step-2);padding:var(--step-2) var(--step-3);margin-bottom:var(--step-1);border-radius:9px;background:color-mix(in oklab,var(--ink) 5%,transparent);font-size:13px;color:var(--ink-2);text-decoration:none}.bubble-file-name{overflow-wrap:anywhere}.bubble-file-size{margin-left:auto;padding-left:var(--step-2);color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.bubble-audio{display:block;width:100%;min-width:13rem;margin-bottom:var(--step-1)}.bubble-foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--step-2);margin-top:2px;font-size:11px;color:var(--ink-muted);font-variant-numeric:tabular-nums}.bubble-who{font-weight:560}.composer{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--step-2);padding:var(--step-2) var(--step-3) calc(env(safe-area-inset-bottom,0px) + var(--step-2));border-top:1px solid var(--hairline);background:var(--plane)}.composer textarea{flex:1;min-height:40px;max-height:9rem;padding:var(--step-2) var(--step-3);border:1px solid var(--hairline);border-radius:18px;background:var(--surface);color:var(--ink);font:inherit;resize:none}.composer textarea:focus{outline:none;border-color:var(--accent)}.composer-note{flex:1 0 100%;margin:0;font-size:12px}.attach{width:40px;height:40px;color:var(--ink-muted)}.send{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:999px;background:var(--accent);color:#fff;cursor:pointer}.send:disabled{background:var(--baseline);cursor:not-allowed}.composer-blocked{padding:var(--step-3);margin:0;border-top:1px solid var(--hairline);text-align:center;font-size:13px;color:var(--critical)}.field{display:flex;align-items:center;justify-content:space-between;gap:var(--step-3);padding:var(--step-2) 0;font-size:14px;color:var(--ink-2)}.field select,.field input{flex:1;max-width:60%;padding:var(--step-2);border:1px solid var(--hairline);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.row-actions{display:flex;gap:var(--step-2);margin-top:var(--step-3)}.row-actions .button{flex:1}.button-quiet{background:transparent;border:1px solid var(--hairline);color:var(--ink-2)}.facts{margin:0;display:grid;gap:var(--step-2)}.facts div{display:flex;justify-content:space-between;gap:var(--step-3);font-size:14px}.facts dt{color:var(--ink-muted)}.facts dd{margin:0;text-align:end;overflow-wrap:anywhere}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:auto 1fr auto;gap:var(--step-2);padding:var(--step-2) 0;border-top:1px solid var(--hairline);font-size:13px}.timeline li:first-child{border-top:0}.timeline-when{color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-who{color:var(--ink-muted);white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.assign{display:inline-flex;align-items:center;padding-block:0;cursor:pointer}.assign select{border:0;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}.assign.is-none{color:var(--ink-muted)}.bucket-side{display:flex;align-items:baseline;gap:var(--step-3)}.bucket-waiting{font-size:12px;color:var(--critical)}.account{position:relative;flex:1;display:flex}.account .tablink{width:100%}.account-menu{position:absolute;bottom:calc(100% + var(--step-2));right:0;display:flex;flex-direction:column;align-items:stretch;padding:var(--step-1);border:1px solid var(--hairline);border-radius:10px;background:var(--surface);box-shadow:0 8px 24px #0000001f}.account-item{padding:var(--step-2) var(--step-4);border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer}.account-out{padding:var(--step-2) var(--step-4);border:0;border-radius:7px;background:transparent;color:var(--critical);white-space:nowrap;cursor:pointer}
