:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.44rem;--text-2xl:1.728rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--z-raised:10;--z-sticky:200;--z-sticky-nav:300;--color-paper:oklch(41% .1 154);--color-paper-2:oklch(47% .105 154);--color-paper-3:oklch(34% .09 156);--color-ink:oklch(99% .005 90);--color-ink-2:oklch(94% .02 120);--color-muted:oklch(90% .03 150);--color-rule:oklch(55% .1 154);--color-accent:oklch(83% .115 56);--color-accent-2:oklch(74% .15 46);--color-accent-ink:oklch(30% .07 40);--color-focus:oklch(88% .14 85);--color-card:oklch(97% .012 85);--color-card-ink:oklch(24% .05 160);--color-card-muted:oklch(42% .04 160);--color-warn:oklch(89% .12 78);--color-skeleton:oklch(52% .095 154);--font-display:"Gabarito", ui-sans-serif, system-ui, sans-serif;--font-body:"Manrope", ui-sans-serif, system-ui, sans-serif;--radius-card:24px;--radius-control:16px;--radius-row:12px;--radius-pill:999px;--rule-hair:1px;--rule-bar:2px;--shadow-card:0 14px 32px -16px oklch(22% .05 160/.5);--tracking-display:-.025em;--display-weight:800;--column:64rem;--tray-room:104px}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html,body,#root{min-height:100%}body{padding-top:env(safe-area-inset-top,0px)}html{scrollbar-color:var(--color-muted) var(--color-paper)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-weight:500;font-size:var(--text-md);-webkit-font-smoothing:antialiased;caret-color:var(--color-accent);margin:0;line-height:1.4}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:var(--z-sticky-nav);background:var(--color-paper);position:fixed;inset:0 0 auto}::selection{background:color-mix(in oklab, var(--color-accent) 45%, transparent);color:var(--color-card-ink)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight);font-synthesis:none;letter-spacing:var(--tracking-display);overflow-wrap:break-word;text-wrap:balance;min-width:0;margin:0;line-height:1.05}p{text-wrap:pretty;margin:0}button,input,textarea{font:inherit;color:inherit}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums lining-nums}kbd{font:700 var(--text-xs)/1 var(--font-body);padding:var(--space-3xs) var(--space-2xs);background:var(--color-paper-3);border-radius:6px}.wrap{width:100%;max-width:calc(var(--column) + 2 * var(--space-lg));padding-left:max(var(--space-sm), env(safe-area-inset-left,0px));padding-right:max(var(--space-sm), env(safe-area-inset-right,0px));margin-inline:auto}@media (width>=40rem){.wrap{padding-left:max(var(--space-lg), env(safe-area-inset-left,0px));padding-right:max(var(--space-lg), env(safe-area-inset-right,0px))}}.bar{top:env(safe-area-inset-top,0px);z-index:var(--z-sticky);background:var(--color-paper);border-bottom:var(--rule-bar) solid var(--color-rule);position:sticky}.bar .wrap{padding-block:var(--space-sm);gap:var(--space-xs);display:grid}.bar-head{align-items:baseline;gap:var(--space-sm);min-width:0;display:flex}.bar h1{font-size:var(--text-xl)}.summary{color:var(--color-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.keys{color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;margin-left:auto;display:none}@media (width>=60rem) and (hover:hover){.keys{display:block}}.controls{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.filters{gap:var(--space-2xs);scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.pill{align-items:center;gap:var(--space-2xs);min-height:36px;padding:0 var(--space-sm);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-ink);font-weight:700;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);border:0;display:inline-flex;position:relative}.pill:before{content:"";position:absolute;inset:-4px -1px}@media (hover:hover){.pill:hover{background:var(--color-rule)}}.pill:active{transform:translateY(1px)}.pill[aria-pressed=true]{background:var(--color-paper-3);box-shadow:inset 0 0 0 3px var(--color-accent)}.pill .num{font-family:var(--font-display);font-weight:800}.controls .check{flex-shrink:0;margin-left:auto}.check{align-items:center;gap:var(--space-xs);min-width:44px;min-height:44px;font-weight:700;font-size:var(--text-sm);cursor:pointer;justify-content:center;display:inline-flex}.check input{appearance:none;border:var(--rule-bar) solid var(--color-ink);cursor:pointer;width:22px;height:22px;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border-radius:7px;flex-shrink:0;place-content:center;margin:0;display:grid}.check input:after{content:"";border:solid var(--color-accent-ink);opacity:0;border-width:0 0 3px 3px;width:11px;height:6px;transform:translateY(-2px)rotate(-45deg)}.check input:checked,.check input:indeterminate{background:var(--color-accent);border-color:var(--color-accent)}.check input:checked:after{opacity:1}.check input:indeterminate:after{opacity:1;border-width:0 0 3px;width:10px;height:0;transform:none}@media (hover:hover){.check:hover input:not(:checked):not(:disabled){background:var(--color-paper-2)}}.check input:disabled{opacity:.55;cursor:not-allowed}.check:has(input:disabled){cursor:not-allowed}main .wrap{padding-block:var(--space-sm) calc(var(--tray-room) + env(safe-area-inset-bottom,0px));gap:var(--space-sm);display:grid}.section{gap:var(--space-xs);display:grid}.section+.section{margin-top:var(--space-lg)}.group-head{top:calc(env(safe-area-inset-top,0px) + var(--bar-h,112px));z-index:var(--z-raised);align-items:center;gap:var(--space-2xs);min-height:48px;padding:var(--space-2xs) var(--space-xs) var(--space-2xs) var(--space-2xs);background:var(--color-paper);display:flex;position:sticky}.group-titles{min-width:0;display:grid}.group-title{font-size:var(--text-lg);overflow-wrap:anywhere;min-width:0;line-height:1.15}.group-kind{color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.group-note{padding-left:var(--space-sm);text-align:right;font-size:var(--text-sm);white-space:nowrap;margin-left:auto;font-weight:700;line-height:1.2}.group-note .num{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:-.02em;display:block}.group-note .of{color:var(--color-muted);font-size:var(--text-xs);display:block}.group{background:var(--color-paper-2);border-radius:var(--radius-control);padding:var(--space-2xs)}.section.is-none .group{background:var(--color-paper-3);color:var(--color-ink)}.section.is-none .group-title{color:var(--color-muted)}.rows{margin:0;padding:0;list-style:none}.row{border-radius:var(--radius-row);transition:background-color var(--dur-micro) var(--ease-out);grid-template-columns:44px minmax(0,1fr);align-items:start;display:grid}.row+.row{box-shadow:0 calc(-1 * var(--rule-hair)) 0 var(--color-rule)}.row.is-selected{background:var(--color-paper-3);box-shadow:inset 0 0 0 2px var(--color-accent)}.row.is-selected+.row{box-shadow:none}.row.is-done{opacity:.72}.row.is-done:focus-within{opacity:1}.row>.check{min-height:48px}.row-main{width:100%;min-width:0;padding:var(--space-xs) var(--space-sm) var(--space-xs) 0;text-align:left;cursor:pointer;border-radius:var(--radius-row);background:0 0;border:0;display:block}.row-main:focus-visible{outline-offset:-2px}.line{align-items:baseline;gap:var(--space-xs);min-width:0;display:flex}.handle{font-weight:700;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ago{color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;font-weight:700}.left{font-family:var(--font-display);font-weight:800;font-size:var(--text-sm);letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;margin-left:auto}.left.is-soon{color:var(--color-warn)}.state-tag{font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:var(--space-2xs);margin-left:auto;font-weight:700;display:inline-flex}.state-tag.is-failed{color:var(--color-warn)}.state-tag svg{width:14px;height:14px}.pair{gap:var(--space-3xs);margin-top:var(--space-3xs);display:grid}@media (width>=48rem){.pair{gap:var(--space-md);grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}.theirs,.mine{overflow-wrap:anywhere}.theirs{color:var(--color-muted)}.clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width>=48rem){.theirs.clamp-1{-webkit-line-clamp:2}}.mine .src{min-height:20px;padding:0 var(--space-xs);margin-right:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-paper-3);font-size:var(--text-xs);vertical-align:2px;align-items:center;font-weight:700;display:inline-flex}.row.is-selected .mine .src{background:var(--color-paper-2)}.extra{color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.detail{padding:0 var(--space-sm) var(--space-sm) 0;gap:var(--space-sm);grid-column:2;display:grid}.thread{gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-row);background:var(--color-paper-3);display:grid}.row.is-selected .thread{background:var(--color-paper)}.thread p{overflow-wrap:anywhere}.thread .ago{display:block}.place{gap:var(--space-xs);display:grid}.place+.place{padding-top:var(--space-sm);border-top:var(--rule-bar) solid var(--color-rule)}.place-head{align-items:center;gap:var(--space-xs);display:flex}.place-head .ic{flex-shrink:0;width:20px;height:20px}.place-head>span{min-width:0;display:grid}.place-title{font-weight:700;font-size:var(--text-sm);overflow-wrap:anywhere}.place-sub{color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.thread .ago{font-size:var(--text-xs)}.c-author{font-size:var(--text-xs);color:var(--color-muted);font-weight:700}.reply{margin-top:var(--space-xs);margin-left:var(--space-sm);padding-left:var(--space-sm);border-left:var(--rule-bar) solid var(--color-ink-2);gap:var(--space-2xs);display:grid}.reply-text{overflow-wrap:anywhere}.bubble{max-width:92%;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-control) var(--radius-control) var(--space-2xs) var(--radius-control);background:var(--color-ink);color:var(--color-card-ink);overflow-wrap:anywhere;justify-self:end}.draft{gap:var(--space-2xs);display:grid}.draft-foot{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.place>.draft .draft-foot{justify-content:flex-end}.draft-foot .src{color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.none-note{color:var(--color-muted);font-size:var(--text-sm);font-weight:700}.mines{gap:var(--space-3xs);min-width:0;display:grid}.dest{align-items:center;gap:var(--space-3xs);min-height:20px;padding:0 var(--space-xs);margin-right:var(--space-2xs);border-radius:var(--radius-pill);font-size:var(--text-xs);vertical-align:1px;background:var(--color-ink);color:var(--color-card-ink);font-weight:700;display:inline-flex}.dest--public{color:var(--color-ink);box-shadow:inset 0 0 0 var(--rule-bar) var(--color-ink);background:0 0}.dest .ic{width:12px;height:12px}.actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.actions .push{margin-left:auto}.input{resize:vertical;width:100%;min-height:5.5rem;padding:var(--space-xs) var(--space-sm);border:var(--rule-bar) solid var(--color-muted);border-radius:var(--radius-row);background:var(--color-paper-3);color:var(--color-ink);font-size:var(--text-md);outline-offset:-4px;outline:2px solid #0000;line-height:1.45}.input:focus-visible{outline-color:var(--color-focus)}.input[aria-invalid=true]{border-color:var(--color-warn)}.helper{min-height:1lh;color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.helper.is-error{color:var(--color-warn)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);min-height:36px;padding:0 var(--space-sm);border:var(--rule-bar) solid var(--color-ink);border-radius:var(--radius-row);color:var(--color-ink);font-weight:700;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);background:0 0;display:inline-flex;position:relative}.btn:before{content:"";position:absolute;inset:-4px}@media (hover:hover){.btn:hover:not(:disabled){background:var(--color-paper-3)}}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--text{padding-inline:var(--space-xs);text-underline-offset:.2em;border-color:#0000;text-decoration:underline;text-decoration-thickness:1px}@media (hover:hover){.btn--text:hover:not(:disabled){-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);background:0 0}}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-ink);min-height:44px;padding:0 var(--space-lg);font-size:var(--text-md);border-radius:var(--radius-control)}@media (hover:hover){.btn--primary:hover:not(:disabled){background:var(--color-accent-2);border-color:var(--color-accent-2)}}.btn--primary:focus-visible{outline-color:var(--color-card-ink)}.btn[aria-busy=true]{cursor:progress}.spinner{border-radius:var(--radius-pill);border:2px solid;border-right-color:#0000;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.fail-note{color:var(--color-ink-2);font-size:var(--text-sm)}.add{gap:var(--space-2xs);display:grid}.gen{align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);min-height:36px;font-weight:700;display:flex}.skipped{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-2xs) var(--space-sm) var(--space-2xs) 44px;color:var(--color-muted);font-size:var(--text-sm);grid-column:1/-1;font-weight:700;display:flex}.closed{padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-control);background:var(--color-paper-3)}.closed summary{justify-content:space-between;align-items:center;gap:var(--space-sm);cursor:pointer;min-height:44px;font-weight:700;font-size:var(--text-sm);list-style:none;display:flex}.closed summary::-webkit-details-marker{display:none}.closed summary .chev{width:18px;height:18px;transition:transform var(--dur-short) var(--ease-out)}.closed[open] summary .chev{transform:rotate(180deg)}.closed .rows{padding-bottom:var(--space-xs)}.closed li{padding:var(--space-xs) 0;gap:var(--space-3xs);display:grid}.closed li+li{border-top:var(--rule-hair) solid var(--color-rule)}.closed .reason{color:var(--color-ink-2);font-size:var(--text-sm)}.state{padding-block:var(--space-2xl);gap:var(--space-sm);justify-items:start;display:grid}.state h2{font-size:var(--text-xl);max-width:22ch}.state p{color:var(--color-muted);max-width:44ch}.sk-group{background:var(--color-paper-2);border-radius:var(--radius-control);padding:var(--space-sm) var(--space-sm) var(--space-sm) 44px;gap:var(--space-md);display:grid}.sk-row{gap:var(--space-xs);display:grid}.sk{border-radius:var(--radius-pill);background:var(--color-skeleton);height:12px;display:block}.tray{z-index:var(--z-sticky);padding-bottom:calc(var(--space-xs) + env(safe-area-inset-bottom,0px));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.tray-card{pointer-events:auto;background:var(--color-card);color:var(--color-card-ink);border-radius:var(--radius-control);box-shadow:var(--shadow-card);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.tray-card :focus-visible{outline-color:var(--color-card-ink)}.tray-text{min-width:0}.tray-count{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;line-height:1.1;display:block}.tray-sub{color:var(--color-card-muted);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.tray-actions{align-items:center;gap:var(--space-2xs);flex-shrink:0;display:flex}.tray .btn--text{color:var(--color-card-ink)}@media (width<=420px){.tray-clear{display:none}}#groups{display:grid}.closed{margin-top:var(--space-lg)}.loading-view{gap:var(--space-sm);display:grid}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-50{width:50%}.w-60{width:60%}.w-70{width:70%}.w-80{width:80%}.w-85{width:85%}.w-90{width:90%}.thread .ago.inline{display:inline}.check.is-small{min-height:36px}.bar-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;margin-left:auto;display:flex}.bar-actions .keys{margin-left:0}.drafting{align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);font-weight:700;display:inline-flex}.notice{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-row);background:var(--color-paper-3);color:var(--color-warn);font-size:var(--text-sm);font-weight:700;display:flex}.login{min-height:100%;padding-block:var(--space-2xl);place-items:center;display:grid}.login form{gap:var(--space-md);width:min(100%,22rem);display:grid}.login h1{font-size:var(--text-2xl)}.login p{color:var(--color-muted)}.login .field{gap:var(--space-2xs);display:grid}.login label{font-weight:700;font-size:var(--text-sm)}.login .input{resize:none;min-height:48px}.login .btn--primary{width:100%}.check input:checked{animation:pop var(--dur-short) var(--ease-out)}.tray-card{transition:transform var(--dur-short) var(--ease-out)}.tray.has-selection .tray-card{transform:translateY(-2px)}.tray-text{position:relative}@keyframes pop{50%{transform:scale(1.14)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.spinner{animation-duration:1.6s!important}}
