@layer components{.tabs{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.tabs>.list{gap:var(--space-1);scrollbar-width:none;display:flex;position:relative;overflow-x:auto}.tabs>.list>.trigger{align-items:center;gap:var(--space-2);height:2.25rem;padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-medium);white-space:nowrap;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);flex-shrink:0;display:inline-flex}.tabs>.list>.trigger>svg{width:1rem;height:1rem}.tabs>.list>.trigger:hover,.tabs>.list>.trigger[data-selected]{color:var(--text)}.tabs>.list>.trigger[data-focus-visible]{outline:2px solid var(--focus-ring);outline-offset:-2px}.tabs>.list>.trigger[data-disabled]{opacity:.5;cursor:not-allowed}.tabs>.content{outline:none;min-width:0}.tabs.horizontal>.list{border-bottom:1px solid var(--border)}.tabs.horizontal>.list>.trigger{border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tabs.horizontal>.list>.indicator{left:var(--left);width:var(--width);background:var(--accent);height:2px;transition:left var(--dur) var(--ease), width var(--dur) var(--ease);border-radius:2px;position:absolute;bottom:0}.tabs.vertical{gap:var(--space-8);flex-direction:row}.tabs.vertical>.list{flex-direction:column;flex-shrink:0;width:12rem}.tabs.vertical>.list>.trigger[data-selected]{background:var(--accent-soft);color:var(--accent)}.tabs.vertical>.list>.trigger:hover:not([data-selected]){background:var(--hover)}.tabs.vertical>.content{flex:1}@media (width<=760px){.tabs.vertical{gap:var(--space-4);flex-direction:column}.tabs.vertical>.list{width:auto;margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4);flex-direction:row}}.site-audience-tabs{column-gap:var(--space-12);row-gap:var(--space-6);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,4fr) minmax(0,7fr);display:grid}@media (width<=760px){.site-audience-tabs{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}}.site-audience-tabs>.tabs.vertical{display:contents}.site-audience-tabs>.tabs.vertical>.list{align-self:start;gap:var(--space-2);grid-area:2/1;width:auto}.site-audience-tabs>.tabs.vertical>.list>.trigger{height:auto;padding:var(--space-3) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--glass-tint);font-size:var(--text-base);font-weight:var(--fw-semibold);justify-content:flex-start}.site-audience-tabs>.tabs.vertical>.list>.trigger:hover:not([data-selected]){border-color:var(--glass-edge);background:var(--glass-tint)}.site-audience-tabs>.tabs.vertical>.list>.trigger[data-selected]{background:var(--brand-tint);color:var(--accent);border-color:#0000}@media (width<=760px){.site-audience-tabs>.tabs.vertical>.list{flex-direction:row;grid-row:2;margin-inline:0;padding-inline:0}.site-audience-tabs>.tabs.vertical>.list>.trigger{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}}.site-audience-tabs>.tabs.vertical>.content{grid-area:1/2/span 2;align-self:center}.site-audience-tabs>.tabs.vertical>.content[data-state=open]{animation:.45s site-feature-in}@media (prefers-reduced-motion:reduce){.site-audience-tabs>.tabs.vertical>.content[data-state=open]{animation:none}}@media (width<=760px){.site-audience-tabs>.tabs.vertical>.content{grid-area:3/1}}.site-section-heading{margin-bottom:var(--space-10);text-align:center}.site-section-heading>.eyebrow{align-items:center;gap:var(--space-2);color:var(--brand-cyan);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;display:inline-flex}.site-section-heading>.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}.site-section-heading>.title{margin-block:var(--space-3);font-size:var(--text-section);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:var(--leading-tight)}.site-section-heading>.lead{max-width:620px;color:var(--text-muted);font-size:var(--text-base);margin-inline:auto}.site-source-tile{border-radius:22%;flex:none;display:inline-flex}.site-source-tile>img{width:28px;height:28px;display:block}.site-source-tile>.light{display:none}:root[data-theme=light] .site-source-tile{box-shadow:var(--shadow-sm)}:root[data-theme=light] .site-source-tile>.dark{display:none}:root[data-theme=light] .site-source-tile>.light{display:block}.site-window-frame{border:1px solid var(--glass-edge);border-radius:var(--radius-lg);background:var(--glass-strong);box-shadow:var(--shadow-lg);text-align:left;overflow:hidden}.site-window-frame>.titlebar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--glass-tint);display:flex}.site-window-frame>.titlebar>.control{border-radius:50%;width:11px;height:11px}.site-window-frame>.titlebar>.control.close{background:var(--danger)}.site-window-frame>.titlebar>.control.minimize{background:var(--warning)}.site-window-frame>.titlebar>.control.zoom{background:var(--success)}.site-window-frame>.titlebar>.title{margin-left:var(--space-3);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--fw-semibold)}.site-window-frame>.body{padding:var(--space-5)}.site-comparison{border:1px solid var(--glass-edge);border-radius:var(--radius-lg);background:var(--glass);backdrop-filter:blur(8px);margin-block:var(--space-10);padding-inline:var(--space-10);background:var(--glass-strong)}@media (width<=760px){.site-comparison{padding-inline:var(--space-5)}}.site-comparison>.split{align-items:start;gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}@media (width<=760px){.site-comparison>.split{grid-template-columns:minmax(0,1fr);justify-items:stretch}}.site-comparison>.split>figure>.label{margin-bottom:var(--space-4);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.08em;text-align:center;text-transform:uppercase}.site-comparison>.split>.after>.label{color:var(--brand-cyan)}.site-comparison>.split>.before>.mess{gap:var(--space-4);padding:var(--space-6);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);filter:saturate(.35);opacity:.85;flex-direction:column;display:flex;position:relative}.site-comparison>.split>.before>.mess>*{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);box-shadow:var(--shadow-sm)}.site-comparison>.split>.before>.mess>.sticky{background:color-mix(in srgb, var(--warning) 70%, var(--surface));width:9.5rem;color:var(--bg);font-weight:var(--fw-semibold);border-color:#0000;align-self:flex-start;transform:rotate(-4deg)}.site-comparison>.split>.before>.mess>.email{align-items:center;gap:var(--space-2);margin-left:var(--space-6);display:flex;transform:rotate(2deg)}.site-comparison>.split>.before>.mess>.email>svg{flex:none;width:1rem;height:1rem}.site-comparison>.split>.before>.mess>.email>.from{font-weight:var(--fw-semibold)}.site-comparison>.split>.before>.mess>.email>.subject{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.site-comparison>.split>.before>.mess>.email>.flag{color:var(--danger)}.site-comparison>.split>.before>.mess>.todo{width:80%;transform:rotate(-1.5deg)}.site-comparison>.split>.before>.mess>.todo>li{align-items:center;gap:var(--space-2);padding-block:var(--space-1);display:flex}.site-comparison>.split>.before>.mess>.todo>li>.box{border:1px solid var(--border-strong);border-radius:var(--radius-xs);justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.site-comparison>.split>.before>.mess>.todo>li>.box>svg{width:10px;height:10px}.site-comparison>.split>.before>.mess>.todo>li.done{color:var(--text-faint);text-decoration:line-through}.site-comparison>.split>.before>.mess>.slack{align-items:center;gap:var(--space-3);margin-left:var(--space-4);display:flex;transform:rotate(1.5deg)}.site-comparison>.split>.arrow{align-self:center;width:64px;height:24px}.site-comparison>.split>.arrow>path{stroke:url(#site-gradient);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}@media (width<=760px){.site-comparison>.split>.arrow{justify-self:center;transform:rotate(90deg)}}.site-comparison>.split>.after>.board>.body{padding:var(--space-2)}.site-comparison>.split>.after>.board>.body>.rows>li{align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border);display:flex}.site-comparison>.split>.after>.board>.body>.rows>li:last-child{border-bottom:none}.site-comparison>.split>.after>.board>.body>.rows>li>.tag{width:6.5rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--tone) 14%, transparent);color:var(--tone);font-size:var(--text-2xs);font-weight:var(--fw-semibold);text-align:center;flex:none}.site-comparison>.split>.after>.board>.body>.rows>li>.tag.owe{--tone:var(--task-yours)}.site-comparison>.split>.after>.board>.body>.rows>li>.tag.waiting{--tone:var(--task-waiting)}.site-comparison>.split>.after>.board>.body>.rows>li>.tag.quiet{--tone:var(--brand-violet)}.site-comparison>.split>.after>.board>.body>.rows>li>.title{min-width:0;font-size:var(--text-sm);font-weight:var(--fw-medium);flex:1}@media (width<=560px){.site-comparison>.split>.after>.board>.body>.rows>li{flex-wrap:wrap}.site-comparison>.split>.after>.board>.body>.rows>li>.tag{width:auto;margin-left:calc(28px + var(--space-3));order:1}.site-comparison>.split>.after>.board>.body>.rows>li>.title{flex-basis:calc(100% - 28px - var(--space-3))}}.site-loop-outline{pointer-events:none}.site-loop-outline>path{stroke:url(#site-gradient);stroke-width:2px}.site-cta-band{border:1px solid var(--glass-edge);border-radius:var(--radius-lg);background:var(--glass);backdrop-filter:blur(10px);max-width:860px;margin:var(--space-10) auto 0;padding:var(--space-12) var(--space-8);text-align:center;position:relative;overflow:hidden}.site-cta-band>:not(.loop){position:relative}.site-cta-band>.loop{opacity:.14;width:640px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=760px){.site-cta-band>.loop{display:none}}.site-cta-band>.title{margin-bottom:var(--space-3);font-size:var(--text-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em}.site-cta-band>.text{margin-bottom:var(--space-6);color:var(--text-muted)}@media (width<=560px){.site-cta-band{padding:var(--space-10) var(--space-5)}.site-cta-band>.title{font-size:var(--text-xl)}}.site-faq{align-items:start;gap:var(--space-12);grid-template-columns:minmax(0,4fr) minmax(0,7fr);display:grid}@media (width<=760px){.site-faq{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}}.site-faq>.aside{top:calc(var(--header-height) + var(--space-8));position:sticky}@media (width<=760px){.site-faq>.aside{position:static}}.site-faq>.aside>.eyebrow{align-items:center;gap:var(--space-2);color:var(--brand-cyan);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;display:inline-flex}.site-faq>.aside>.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}.site-faq>.aside>.title{margin-block:var(--space-3) var(--space-4);font-size:var(--text-section);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:var(--leading-tight)}.site-faq>.aside>.contact{color:var(--text-muted)}.site-faq>.aside>.contact>a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.site-faq>.list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--glass);backdrop-filter:blur(8px)}.site-faq>.list>.item{border-bottom:1px solid var(--border)}.site-faq>.list>.item:last-child{border-bottom:none}.site-faq>.list>.item>.question{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);font-weight:var(--fw-semibold);cursor:pointer;list-style:none;display:flex}.site-faq>.list>.item>.question::-webkit-details-marker{display:none}.site-faq>.list>.item>.question:hover{color:var(--accent-hover)}.site-faq>.list>.item>.question:focus-visible{box-shadow:inset var(--shadow-focus);border-radius:var(--radius-lg);outline:none}.site-faq>.list>.item>.question>.chevron{width:1.1rem;height:1.1rem;color:var(--text-faint);flex:none;transition:transform .15s}.site-faq>.list>.item[open]>.question>.chevron{transform:rotate(180deg)}.site-faq>.list>.item>.answer{padding:0 var(--space-6) var(--space-5);color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.site-feature-explorer>.tabs.horizontal{gap:var(--space-8)}.site-feature-explorer>.tabs.horizontal>.list{justify-content:center;gap:var(--space-2);border-bottom:0;flex-wrap:wrap;overflow:visible}.site-feature-explorer>.tabs.horizontal>.list>.indicator{display:none}.site-feature-explorer>.tabs.horizontal>.list>.trigger{height:auto;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--glass-tint);font-weight:var(--fw-semibold)}.site-feature-explorer>.tabs.horizontal>.list>.trigger:hover{border-color:var(--glass-edge)}.site-feature-explorer>.tabs.horizontal>.list>.trigger[data-selected]{background:var(--brand-tint);color:var(--accent);border-color:#0000}.site-feature-explorer>.tabs.horizontal>.content[data-state=open]{animation:.45s site-feature-in}@media (prefers-reduced-motion:reduce){.site-feature-explorer>.tabs.horizontal>.content[data-state=open]{animation:none}}@keyframes site-feature-in{0%{opacity:0;transform:translateY(10px)}}.site-feature-panel{gap:var(--space-10);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}@media (width<=760px){.site-feature-panel{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}}.site-feature-panel>.text>.eyebrow{align-items:center;gap:var(--space-2);color:var(--brand-cyan);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;display:inline-flex}.site-feature-panel>.text>.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}.site-feature-panel>.text>.eyebrow{margin-bottom:var(--space-3)}.site-feature-panel>.text>.title{margin-bottom:var(--space-3);font-size:var(--text-2xl);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}@media (width<=560px){.site-feature-panel>.text>.title{font-size:var(--text-xl)}}.site-feature-panel>.text>.lead{color:var(--text-muted);font-size:var(--text-base)}.site-feature-panel>.mock{border:1px solid var(--glass-edge);border-radius:var(--radius-lg);background:var(--glass);backdrop-filter:blur(8px);padding:var(--space-5);position:relative;overflow:hidden}.site-feature-panel>.mock:before{content:"";background:radial-gradient(70% 60% at 30% 0, var(--brand-tint), transparent 70%);pointer-events:none;position:absolute;inset:0}.site-feature-panel>.mock{gap:var(--space-3);flex-direction:column;display:flex}.site-feature-panel>.mock>*{position:relative}.site-feature-panel>.mock>.message{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--glass-tint);display:flex}.site-feature-panel>.mock>.message>.copy>.where{color:var(--text-faint);font-size:var(--text-2xs)}.site-feature-panel>.mock>.message>.copy>.said{font-size:var(--text-sm)}.site-feature-panel>.mock>.flow{color:var(--brand-cyan);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--fw-bold);letter-spacing:.1em;text-align:center}.site-feature-panel>.mock>.reply>.body>.subject{font-size:var(--text-base);font-weight:var(--fw-semibold)}.site-feature-panel>.mock>.reply>.body>.draft{align-items:flex-start;gap:var(--space-2);margin-block:var(--space-4);padding:var(--space-3);border:1px solid var(--brand-edge);border-radius:var(--radius-md);background:var(--glass-tint);font-size:var(--text-sm);flex-direction:column;display:flex}.site-feature-panel>.mock>.reply>.body>.draft>.label{text-transform:uppercase}.site-feature-panel>.mock>.reply>.body>.buttons{gap:var(--space-2);display:flex}.source-icon{background:var(--src);width:1.25rem;height:1.25rem;color:var(--on-src);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.source-icon>svg{stroke-width:2.4px;width:.75rem;height:.75rem}.source-icon.sm{border-radius:4px;width:1rem;height:1rem}.source-icon.sm>svg{width:.625rem;height:.625rem}.source-icon.lg{border-radius:var(--radius-sm);width:2rem;height:2rem}.source-icon.lg>svg{stroke-width:2px;width:1.125rem;height:1.125rem}.source-icon.slack{--src:var(--src-slack)}.source-icon.telegram{--src:var(--src-telegram)}.source-icon.teams{--src:var(--src-teams)}.source-icon.outlook{--src:var(--src-outlook)}.source-icon.gmail{--src:var(--src-gmail)}.source-icon.transcript{--src:var(--src-transcript)}.source-icon.manual{--src:var(--src-manual)}.task-state-tag{--tone:var(--task-yours)}.task-state-tag[data-lens=waiting]{--tone:var(--task-waiting)}.task-state-tag[data-lens=done]{--tone:var(--task-done)}.task-state-tag[data-lens=suggested]{--tone:var(--task-suggested)}.task-state-tag{height:1.5rem;padding-inline:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-medium);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.task-state-tag>svg{flex-shrink:0;width:.8125rem;height:.8125rem}.task-state-tag{border-color:color-mix(in srgb, var(--tone) 30%, transparent);background:color-mix(in srgb, var(--tone) 10%, transparent);color:var(--tone);max-width:14rem;font-weight:var(--fw-semibold)}.task-state-tag>.dot{background:var(--tone);border-radius:50%;flex-shrink:0;width:6px;height:6px}.task-state-tag>.text{text-overflow:ellipsis;overflow:hidden}.task-state-tag>.caret{width:.75rem;height:.75rem}.task-state-tag.editable{cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)}.task-state-tag.editable:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.task-state-tag.editable:hover{background:color-mix(in srgb, var(--tone) 18%, transparent)}.collapsible{flex-direction:column;display:flex}.collapsible>.head{align-items:center;gap:var(--space-2);display:flex}.collapsible>.head>.trigger{align-items:center;gap:var(--space-2);min-height:2rem;padding-block:var(--space-1);border-radius:var(--radius-xs);text-align:left;flex:1;display:flex}.collapsible>.head>.trigger>.title{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.collapsible>.head>.trigger>.meta{font-size:var(--text-xs);color:var(--text-faint)}.collapsible>.head>.trigger>.chevron{width:.875rem;height:.875rem;color:var(--text-faint);transition:transform var(--dur) var(--ease);margin-left:auto}.collapsible>.head>.trigger[data-state=closed]>.chevron{transform:rotate(-90deg)}.collapsible>.head>.trigger[data-state=open]>.meta{display:none}.collapsible>.head>.trigger:hover>.title{color:var(--text)}.collapsible>.head>.trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.collapsible>.head>.action{flex-shrink:0}.collapsible>.content{overflow:hidden}.collapsible>.content[data-state=open]{animation:expand var(--dur) var(--ease)}.collapsible>.content[data-state=closed]{animation:collapse var(--dur) var(--ease)}.collapsible>.content>.inner{padding-top:var(--space-2)}@keyframes expand{0%{height:0}to{height:var(--height)}}@keyframes collapse{0%{height:var(--height)}to{height:0}}.kbd{color:var(--text-muted);font-size:var(--text-2xs);align-items:center;gap:2px;display:inline-flex}.kbd>kbd{border:1px solid var(--border-strong);background:var(--surface);min-width:1.25rem;height:1.25rem;font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--fw-medium);border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding-inline:4px;line-height:1;display:inline-flex}.kbd>.plus{color:var(--text-faint)}.tooltip{align-items:center;gap:var(--space-2);max-width:16rem;padding:5px var(--space-2);border-radius:var(--radius-xs);background:var(--text);color:var(--bg);font-size:var(--text-xs);font-weight:var(--fw-medium);line-height:var(--leading-snug);box-shadow:var(--shadow-lg);display:inline-flex}.tooltip[data-state=open]{animation:fade-in var(--dur-fast) var(--ease)}.tooltip[data-state=closed]{animation:fade-out var(--dur-fast) var(--ease)}.tooltip .kbd>kbd{border-color:color-mix(in srgb, var(--bg) 30%, transparent);color:var(--bg);background:0 0}.collapsible.call-row{border-bottom:1px solid var(--border)}.collapsible.call-row:last-child{border-bottom:0}.collapsible.call-row{--indent:calc(var(--space-4) + 1.25rem + var(--space-3))}.collapsible.call-row>.head{padding-right:var(--space-2)}@media (hover:hover){.collapsible.call-row>.head>.action{visibility:hidden}.collapsible.call-row>.head:hover>.action,.collapsible.call-row>.head:focus-within>.action{visibility:visible}}.collapsible.call-row>.head>.trigger{min-height:3.25rem;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:0}.collapsible.call-row>.head>.trigger>.title{align-items:center;column-gap:var(--space-3);min-width:0;font-size:var(--text-base);font-weight:var(--fw-medium);letter-spacing:normal;text-transform:none;color:var(--text);flex:1;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.collapsible.call-row>.head>.trigger>.title>.name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collapsible.call-row>.head>.trigger>.title>.facts{gap:var(--space-4);font-size:var(--text-xs);font-weight:var(--fw-regular);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;display:flex}.collapsible.call-row>.head>.trigger>.title>.facts>.when{text-align:right;min-width:7.5rem}@media (width<=560px){.collapsible.call-row>.head>.trigger>.title{grid-template-columns:auto minmax(0,1fr)}.collapsible.call-row>.head>.trigger>.title>.facts{gap:var(--space-3);grid-column:2}.collapsible.call-row>.head>.trigger>.title>.facts>.when{text-align:left;min-width:0}}.collapsible.call-row>.head>.trigger>.chevron{margin-left:0}.collapsible.call-row>.head>.trigger:focus-visible{outline-offset:-2px}.collapsible.call-row>.content>.inner{align-items:flex-start;gap:var(--space-1);padding:0 var(--space-4) var(--space-3) var(--indent);flex-direction:column;display:flex}@media (width<=560px){.collapsible.call-row>.content>.inner{padding-left:var(--space-4)}}.collapsible.call-row>.content>.inner>.tasks{flex-direction:column;align-self:stretch;display:flex}.collapsible.call-row>.content>.inner>.tasks>.task{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px dashed var(--border);font-size:var(--text-sm);display:flex}.collapsible.call-row>.content>.inner>.tasks>.task>.name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.morning-brief{border:1px solid color-mix(in srgb, var(--warning) 28%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--warning) 8%, var(--surface));gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.morning-brief>.head{align-items:center;gap:var(--space-2);display:flex}.morning-brief>.head>svg{width:1.125rem;height:1.125rem;color:var(--warning)}.morning-brief>.head>.title{font-weight:var(--fw-semibold);flex:1}.morning-brief>.sections{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=560px){.morning-brief>.sections{grid-template-columns:minmax(0,1fr)}}.morning-brief>.sections>.section{--tone:var(--task-yours)}.morning-brief>.sections>.section[data-lens=waiting]{--tone:var(--task-waiting)}.morning-brief>.sections>.section[data-lens=done]{--tone:var(--task-done)}.morning-brief>.sections>.section[data-lens=suggested]{--tone:var(--task-suggested)}.morning-brief>.sections>.section{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.morning-brief>.sections>.section>.heading{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);display:flex}.morning-brief>.sections>.section>.heading>.dot{background:var(--tone);border-radius:50%;flex-shrink:0;width:6px;height:6px}.morning-brief>.sections>.section .task{align-items:baseline;gap:var(--space-2);width:100%;padding:3px var(--space-1);margin-left:calc(-1 * var(--space-1));border-radius:var(--radius-xs);font-size:var(--text-sm);text-align:left;display:flex}.morning-brief>.sections>.section .task>.title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.morning-brief>.sections>.section .task>.who{font-size:var(--text-xs);color:var(--text-faint);flex-shrink:0}.morning-brief>.sections>.section .task:hover{background:var(--hover)}.morning-brief>.sections>.section .task:focus-visible{outline:2px solid var(--focus-ring)}.morning-brief>.sections>.section>.more{font-size:var(--text-xs);color:var(--text-faint)}.morning-brief>.foot{align-items:center;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--text-sm);display:flex}.morning-brief>.foot>.stale{color:var(--danger);font-weight:var(--fw-medium)}.bar-chart{align-items:stretch;gap:var(--space-2);display:flex}.bar-chart.md{height:11rem}.bar-chart.sm{max-width:15rem;height:4.5rem}.bar-chart.sm>.bar>.track{border-radius:4px 4px 0 0;max-width:1.125rem}.bar-chart.dense{gap:3px}.bar-chart>.bar{align-items:stretch;gap:var(--space-1);border-radius:var(--radius-xs);flex-direction:column;flex:1;min-width:0;padding:0;display:flex}.bar-chart>.bar>.value,.bar-chart>.bar>.label{height:1rem;font-size:var(--text-2xs);font-variant-numeric:tabular-nums;text-align:center}.bar-chart>.bar>.value{color:var(--text-muted)}.bar-chart>.bar>.label{color:var(--text-faint)}.bar-chart>.bar>.track{border-radius:3px 3px 0 0;flex:1;align-self:center;width:100%;max-width:3rem;height:auto}.bar-chart>.bar>.track>rect{fill:color-mix(in srgb, var(--accent) 40%, transparent);transition:fill var(--dur-fast) var(--ease)}.bar-chart>.bar.highlight>.track>rect{fill:var(--accent)}.bar-chart>button.bar:hover>.track>rect{fill:color-mix(in srgb, var(--accent) 70%, transparent)}.bar-chart>button.bar[aria-pressed=true]>.track>rect{fill:var(--accent)}.bar-chart>button.bar[aria-pressed=true]>.value,.bar-chart>button.bar[aria-pressed=true]>.label{color:var(--text);font-weight:var(--fw-semibold)}.bar-chart>button.bar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.card>.head{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-3) var(--space-4) 0;display:flex}.card>.head>.title{align-items:center;gap:var(--space-2);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);display:flex}.card>.head>.title>svg{width:.875rem;height:.875rem}.card>.head>.action{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin-left:auto;display:flex}.card>.body{padding:var(--space-4)}.card.flush>.body{padding:0}.card.flush>.head{padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.card.interactive{cursor:pointer;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease)}.card.interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card.interactive:focus-visible{box-shadow:var(--shadow-focus);outline:none}.card.progress-widget>.body{gap:var(--space-1);flex-direction:column;display:flex}.card.progress-widget .today{color:var(--text-muted)}.card.progress-widget .today>.value{font-size:var(--text-xl);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;color:var(--text);margin-right:2px}.card.progress-widget .streak{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);display:flex}.card.progress-widget .streak>svg{width:.875rem;height:.875rem;color:var(--task-yours)}.card.progress-widget .bar-chart{margin-top:var(--space-3)}.merge-hint{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 8%, var(--surface));gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.merge-hint>.icon{width:1.125rem;height:1.125rem;color:var(--accent);flex-shrink:0;margin-top:1px}.merge-hint>.text{min-width:0;font-size:var(--text-sm);flex-direction:column;flex:1;gap:2px;display:flex}.merge-hint>.text>.lead>strong{font-weight:var(--fw-semibold)}.merge-hint>.text>.reason{font-size:var(--text-xs);color:var(--text-muted)}.merge-hint>.text>.actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.badge{--tone:var(--text-muted);align-items:center;gap:var(--space-1);max-width:100%;height:1.375rem;padding-inline:var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-medium);white-space:nowrap;border:1px solid #0000;line-height:1;display:inline-flex}.badge>svg{flex-shrink:0;width:.75rem;height:.75rem}.badge>.text{text-overflow:ellipsis;overflow:hidden}.badge>.dot{background:var(--tone);border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge.accent{--tone:var(--accent)}.badge.success{--tone:var(--success)}.badge.warning{--tone:var(--warning)}.badge.danger{--tone:var(--danger)}.badge.soft{background:color-mix(in srgb, var(--tone) 12%, transparent);color:var(--tone)}.badge.soft.neutral{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.badge.solid{background:var(--tone);color:var(--surface)}.badge.solid.neutral{background:var(--text-muted)}.badge.outline{border-color:color-mix(in srgb, var(--tone) 40%, transparent);color:var(--tone)}.badge.outline.neutral{border-color:var(--border-strong)}.checkbox{align-items:flex-start;gap:var(--space-2);cursor:pointer;display:inline-flex}.checkbox>.control{border:1.5px solid color-mix(in srgb, var(--text-faint) 70%, transparent);background:var(--surface);width:1.0625rem;height:1.0625rem;color:var(--on-accent);transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.checkbox>.control:hover{border-color:var(--text-faint)}.checkbox>.control[data-state=checked],.checkbox>.control[data-state=indeterminate]{border-color:var(--accent);background:var(--accent)}.checkbox>.control[data-focus-visible]{box-shadow:var(--shadow-focus)}.checkbox>.control>.mark>svg{stroke-width:3px;width:.75rem;height:.75rem}.checkbox>.text{font-size:var(--text-sm);flex-direction:column;display:flex}.checkbox>.text>.label{color:var(--text);cursor:pointer}.checkbox>.text>.description{font-size:var(--text-xs);color:var(--text-muted)}.checkbox[data-disabled]{cursor:not-allowed;opacity:.5}.task-meta{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;display:flex}.task-meta>.where{text-overflow:ellipsis;color:var(--text-faint);overflow:hidden}.task-meta>.where:before{content:"·";margin-right:var(--space-2)}.task-meta>:not(.who,.where){z-index:1;position:relative}.task-meta.emphasis>.who{color:var(--task-yours);font-weight:var(--fw-medium)}.star-toggle{z-index:1;border-radius:var(--radius-xs);width:1.5rem;height:1.5rem;color:var(--text-faint);transition:color var(--dur-fast) var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.star-toggle>svg{width:.9375rem;height:.9375rem}.star-toggle:hover,.star-toggle[aria-pressed=true]{color:var(--warning)}.star-toggle[aria-pressed=true]>svg{fill:currentColor}.star-toggle:focus-visible{outline:2px solid var(--focus-ring)}.task-title{align-items:center;gap:2px;min-width:0;display:flex}.task-title>.star-toggle{margin-left:-4px}.task-title>.open{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text);outline:none;overflow:hidden}.task-title>.open:after{content:"";position:absolute;inset:0}.task-title>.open:focus-visible:after{border-radius:var(--radius-xs);box-shadow:inset 0 0 0 2px var(--focus-ring)}.task-title.unread>.open{font-weight:var(--fw-semibold)}.task-title.done>.open{color:var(--text-muted)}@media (width<=560px){.task-title.wrap>.open{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}.suggestion-row{border-bottom:1px solid var(--border)}.suggestion-row:last-child{border-bottom:0}.suggestion-row{align-items:center;gap:var(--space-3);min-height:3.75rem;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);background:var(--surface);display:flex;position:relative}.suggestion-row:hover{background:var(--hover)}.suggestion-row>.select{z-index:1;position:relative}.suggestion-row>.main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.suggestion-row>.actions{z-index:1;flex-shrink:0;align-items:center;gap:2px;display:flex;position:relative}.suggestion-row>.actions>.track{background:var(--task-suggested);color:var(--on-task-suggested)}.suggestion-row>.actions>.track:hover{background:var(--task-suggested-hover)}.suggestion-row>.actions>.track{margin-right:var(--space-1)}.suggestion-row.handled{box-shadow:inset 3px 0 0 var(--task-done)}@media (width<=560px){.suggestion-row{flex-wrap:wrap;align-items:flex-start}.suggestion-row>.actions{width:100%;padding-left:calc(1.25rem + var(--space-3))}.suggestion-row>.actions>.track{flex:1}}.task-mark{width:1.25rem;height:1.25rem;color:var(--task-done);flex-shrink:0}.task-mark.sm{width:1rem;height:1rem}.task-row{border-bottom:1px solid var(--border)}.task-row:last-child{border-bottom:0}.task-row{background:var(--surface-2);position:relative;overflow:hidden}.task-row>.pane{z-index:1;align-items:center;gap:var(--space-3);min-height:3.75rem;padding:var(--space-2) var(--space-4);background:var(--surface);transform:translateX(var(--swipe-x,0));transition:background-color var(--dur-fast) var(--ease), transform var(--dur) cubic-bezier(.32, .72, 0, 1);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:relative}.task-row>.pane[data-dragging]{transition:none}.task-row>.pane:hover{background:var(--hover)}.task-row>.pane>.main{flex-direction:column;gap:2px;min-width:0;display:flex}.task-row>.pane>.chips,.task-row>.pane>.actions{z-index:1;justify-content:flex-end;align-items:center;gap:var(--space-1);grid-area:1/3;display:flex;position:relative}.task-row>.pane>.chips{gap:var(--space-2)}.task-row>.pane>.actions{visibility:hidden}.task-row>.swipe-start,.task-row>.swipe-end{display:flex;position:absolute;top:0;bottom:0}.task-row>.swipe-start{left:0}.task-row>.swipe-end{right:0}.task-row .swipe-action{--tone:var(--text-muted);background:color-mix(in srgb, var(--tone) 16%, var(--surface));width:4.25rem;color:var(--tone);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.task-row .swipe-action>svg{width:1.25rem;height:1.25rem}.task-row .swipe-action>.label{font-size:var(--text-2xs);font-weight:var(--fw-semibold)}.task-row .swipe-action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.task-row .swipe-action.star{--tone:var(--warning)}.task-row .swipe-action.read{--tone:var(--task-waiting)}.task-row .swipe-action.done,.task-row .swipe-action.reopen{--tone:var(--success)}.task-row .swipe-action.delete{--tone:var(--danger)}@media (hover:hover){.task-row>.swipe-start,.task-row>.swipe-end{display:none}.task-row>.pane:hover>.chips,.task-row>.pane:focus-within>.chips{visibility:hidden}.task-row>.pane:hover>.actions,.task-row>.pane:focus-within>.actions{visibility:visible}}@media (hover:none){.task-row>.pane{touch-action:pan-y}.task-row>.pane>.actions{display:none}}@media (width<=560px){.task-row>.pane{padding-block:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:start}.task-row>.pane>.chips{grid-area:2/2;justify-content:flex-start}.task-row>.pane>.chips:empty,.task-row>.pane>.actions{display:none}}.site-gradient-defs{position:absolute}.site-gradient-defs stop:first-child{stop-color:var(--brand-indigo)}.site-gradient-defs stop:nth-child(2){stop-color:var(--brand-violet)}.site-gradient-defs stop:nth-child(3){stop-color:var(--brand-cyan)}.app-page-header{gap:var(--space-4);flex-direction:column;display:flex}.app-page-header>.heading{align-items:baseline;column-gap:var(--space-3);row-gap:var(--space-1);flex-wrap:wrap;display:flex}.app-page-header>.heading>.title{font-size:var(--text-xl)}.app-page-header>.heading>.meta{color:var(--text-faint)}.app-page-header>.heading>.action{align-self:center;margin-left:auto}@media (width<=560px){.app-page-header>.heading{grid-template-columns:minmax(0,1fr) auto;display:grid}.app-page-header>.heading>.meta{grid-row:2}.app-page-header>.heading>.action{grid-area:1/2/3}}.app-page-header>.toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.count-pill{border-radius:var(--radius-pill);background:var(--surface-2);min-width:1.25rem;height:1.25rem;color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding-inline:5px;line-height:1;display:inline-flex}.count-pill.accent{background:var(--accent);color:var(--on-accent)}.count-pill.danger{background:var(--danger);color:var(--on-danger)}.app-sidebar{flex-direction:column;gap:2px;min-width:0;display:flex}.app-sidebar.rail{width:13.25rem;height:100%;padding:var(--space-4) var(--space-3);border-right:1px solid var(--border);background:var(--surface-2);overflow-y:auto}.app-sidebar>.brand{height:2rem;margin:0 var(--space-2) var(--space-4);border-radius:var(--radius-xs);align-items:center;display:flex}.app-sidebar>.brand>img{width:auto;height:1.125rem}.app-sidebar>.brand:focus-visible{outline:2px solid var(--focus-ring)}.app-sidebar>.section{margin:var(--space-4) var(--space-2) var(--space-1);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.app-sidebar>.section:first-of-type{margin-top:0}.app-sidebar>.views,.app-sidebar>.sources{flex-direction:column;gap:1px;display:flex}.app-sidebar .item{align-items:center;gap:var(--space-2);width:100%;height:2.125rem;padding-inline:var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-medium);text-align:left;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);display:flex}.app-sidebar .item>svg{flex-shrink:0;width:1rem;height:1rem}.app-sidebar .item>.label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-sidebar .item>.state{font-size:var(--text-2xs);color:var(--text-faint)}.app-sidebar .item:hover{background:var(--hover);color:var(--text)}.app-sidebar .item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.app-sidebar .item[aria-current=page]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--border)}.app-sidebar .item[aria-current=page]>svg{color:var(--accent)}.app-sidebar .item[aria-pressed=false]>.source-icon,.app-sidebar .item[aria-pressed=false]>.label{opacity:.45}.app-sidebar>.spacer{min-height:var(--space-4);flex:1}.app-sidebar.in-sheet .item{height:2.75rem;font-size:var(--text-base)}.dashboard-layout{container-type:inline-size}.dashboard-layout>.grid{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1fr) 18rem;display:grid}.dashboard-layout>.grid>.main,.dashboard-layout>.grid>.rail{gap:var(--space-5);flex-direction:column;min-width:0;display:flex}@container (width<=860px){.dashboard-layout>.grid{grid-template-columns:minmax(0,1fr)}}.card.list-widget>.body{padding:var(--space-2)}.card.list-widget .items{flex-direction:column;display:flex}.card.list-widget .item{align-items:center;gap:var(--space-2);width:100%;min-height:2.25rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);text-align:left;font-size:var(--text-sm);display:flex}.card.list-widget .item>.label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.card.list-widget .item>.meta{color:var(--text-muted);font-size:var(--text-xs);flex-shrink:0;display:inline-flex}.card.list-widget .item:hover{background:var(--hover)}.card.list-widget .item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.card.list-widget .empty{padding-inline:var(--space-2)}.stat-card-group{container-type:inline-size}.stat-card-group>.grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@container (width<=720px){.stat-card-group>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=440px){.stat-card-group>.grid{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr);gap:0;overflow:hidden}}.stat-card{--tone:var(--task-yours)}.stat-card[data-lens=waiting]{--tone:var(--task-waiting)}.stat-card[data-lens=done]{--tone:var(--task-done)}.stat-card[data-lens=suggested]{--tone:var(--task-suggested)}.stat-card{align-items:center;row-gap:var(--space-1);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);text-align:left;transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label icon""value value""caption caption";display:grid}.stat-card>.label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-muted);grid-area:label}.stat-card>.icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--tone) 12%, transparent);width:1.75rem;height:1.75rem;color:var(--tone);grid-area:icon;justify-content:center;align-items:center;display:inline-flex}.stat-card>.icon>svg{width:.9375rem;height:.9375rem}.stat-card>.value{margin-top:var(--space-2);font-size:var(--text-2xl);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;color:var(--tone);grid-area:value;line-height:1}.stat-card>.caption{font-size:var(--text-xs);color:var(--text-faint);grid-area:caption}.stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.stat-card:focus-visible{box-shadow:var(--shadow-focus);outline:none}@container (width<=440px){.stat-card{column-gap:var(--space-3);padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--border);box-shadow:none;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon label value"}.stat-card:last-child{border-bottom:0}.stat-card:hover{box-shadow:none;background:var(--hover);transform:none}.stat-card>.label{font-size:var(--text-base);color:var(--text)}.stat-card>.value{font-size:var(--text-xl);margin-top:0}.stat-card>.caption{display:none}}.suggestion-queue{overflow:hidden}.suggestion-queue>.head{background:color-mix(in srgb, var(--task-suggested) 6%, var(--surface))}.suggestion-queue>.head>.title{color:var(--task-suggested)}.site-product-window{max-width:var(--container);margin:var(--space-12) auto 0;text-align:left;position:relative}.site-product-window:before{content:"";z-index:-1;background:radial-gradient(60% 55% at 50% 40%, var(--brand-glow), transparent 72%);filter:blur(20px);position:absolute;inset:-40px -20px 40px}@media (prefers-reduced-motion:no-preference){.site-product-window{animation:7s ease-in-out infinite site-float}}.site-product-window>.frame{border:1px solid var(--glass-edge);border-radius:var(--radius-lg);background:var(--glass-strong);box-shadow:var(--shadow-lg);overflow:hidden}.site-product-window>.frame>.titlebar{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--glass-tint);display:flex}.site-product-window>.frame>.titlebar>.control{border-radius:50%;width:11px;height:11px}.site-product-window>.frame>.titlebar>.control.close{background:var(--danger)}.site-product-window>.frame>.titlebar>.control.minimize{background:var(--warning)}.site-product-window>.frame>.titlebar>.control.zoom{background:var(--success)}.site-product-window>.frame>.body{grid-template-columns:auto minmax(0,1fr);display:grid}.site-product-window>.frame>.body>.view{min-width:0;padding:var(--space-6)}@media (width<=760px){.site-product-window>.frame>.body{grid-template-columns:minmax(0,1fr)}.site-product-window>.frame>.body>.app-sidebar{display:none}.site-product-window>.frame>.body>.view{padding:var(--space-4)}.site-product-window>.frame>.body>.view>.dashboard-layout>.grid>.rail{display:none}}@keyframes site-float{50%{transform:translateY(-10px)}}.site-hero{padding-block:4.875rem var(--space-8);text-align:center;position:relative}.site-hero>:not(.loop){z-index:1;position:relative}.site-hero>.loop{opacity:.16;width:900px;max-width:150%;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.site-hero>.status{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-2) var(--space-4);border:1px solid var(--glass-edge);border-radius:var(--radius-pill);background:var(--glass-tint);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);display:inline-flex}.site-hero>.status:before{content:"";background:var(--success);width:7px;height:7px;box-shadow:0 0 9px var(--success);border-radius:50%}.site-hero>h1{margin-bottom:var(--space-5);font-size:var(--text-display);font-weight:var(--fw-bold);letter-spacing:-.03em;line-height:1.05}.site-hero>h1>.highlight{background:var(--brand-gradient);-webkit-text-fill-color:transparent;color:#0000;background-clip:text;display:inline-block;position:relative}.site-hero>h1>.highlight>.underline{pointer-events:none;width:106%;height:.4em;position:absolute;bottom:-.2em;left:-3%;overflow:visible}.site-hero>h1>.highlight>.underline path{fill:none;stroke:url(#site-gradient);stroke-width:3.6px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:400;stroke-dashoffset:400px;animation:1.15s cubic-bezier(.6,.1,.2,1) .4s forwards site-draw}@media (prefers-reduced-motion:reduce){.site-hero>h1>.highlight>.underline path{stroke-dashoffset:0;animation:none}}.site-hero>.lead{max-width:648px;margin:0 auto var(--space-8);color:var(--text-muted);font-size:var(--text-lg)}.site-hero>.actions{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.site-hero>.note{color:var(--text-faint);font-size:var(--text-xs)}@media (width<=760px){.site-hero{padding-top:var(--space-12)}.site-hero>.loop{display:none}}@media (width<=560px){.site-hero>.actions{flex-direction:column;align-items:center}.site-hero>.actions>.btn{width:100%;max-width:320px}}@keyframes site-draw{to{stroke-dashoffset:0}}.site-how>.steps{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=760px){.site-how>.steps{grid-template-columns:minmax(0,1fr)}}.site-how>.steps>li>.step{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--glass);backdrop-filter:blur(8px);height:100%}.site-how>.steps>li>.step>.body{padding:var(--space-6)}.site-how>.steps>li>.step>.body>.number{width:36px;height:36px;margin-bottom:var(--space-4);border:1px solid var(--glass-edge);border-radius:var(--radius-md);background:var(--brand-tint);color:var(--accent);font-weight:var(--fw-bold);justify-content:center;align-items:center;display:flex}.site-how>.steps>li>.step>.body>.name{margin-bottom:var(--space-2);font-size:var(--text-lg)}.site-how>.steps>li>.step>.body>.text{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.plan-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}@media (width<=760px){.plan-grid{grid-template-columns:minmax(0,1fr)}}.site-plans>.grid{max-width:960px;margin-inline:auto}.site-plans>.grid.pair{max-width:680px}.site-plans>.grid.pair>.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=760px){.site-plans>.grid.pair>.plan-grid{grid-template-columns:minmax(0,1fr)}}.site-plans>.grid>.plan-grid>.plan{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--glass);backdrop-filter:blur(8px);padding:var(--space-6);flex-direction:column;display:flex;position:relative}.site-plans>.grid>.plan-grid>.plan.pro,.site-plans>.grid>.plan-grid>.plan.team{border:1.5px solid #0000}.site-plans>.grid>.plan-grid>.plan.pro{background:linear-gradient(var(--glass-strong), var(--glass-strong)) padding-box, var(--brand-gradient) border-box}.site-plans>.grid>.plan-grid>.plan.team{background:linear-gradient(var(--glass-strong), var(--glass-strong)) padding-box, var(--brand-gradient-team) border-box}.site-plans>.grid>.plan-grid>.plan>.ribbon{top:-11px;left:var(--space-6);text-transform:uppercase;position:absolute}.site-plans>.grid>.plan-grid>.plan>.name{margin-bottom:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase}.site-plans>.grid>.plan-grid>.plan>.price{margin-bottom:var(--space-1);font-size:var(--text-2xl);font-weight:var(--fw-bold);letter-spacing:-.02em}.site-plans>.grid>.plan-grid>.plan>.price>.period{color:var(--text-faint);font-size:var(--text-sm);font-weight:var(--fw-medium)}.site-plans>.grid>.plan-grid>.plan>.tagline{min-height:2.5rem;margin-bottom:var(--space-5);color:var(--text-muted);font-size:var(--text-sm)}.site-plans>.grid>.plan-grid>.plan>.features{margin-bottom:var(--space-5);flex:1}.site-plans>.grid>.plan-grid>.plan>.features>li{gap:var(--space-2);padding-block:var(--space-2);font-size:var(--text-sm);display:flex}.site-plans>.grid>.plan-grid>.plan>.features>li>svg{width:1rem;height:1rem;color:var(--brand-cyan);flex:none;margin-top:.15rem}.site-plans>.grid>.plan-grid>.plan>.features>li.off,.site-plans>.grid>.plan-grid>.plan>.features>li.off>svg{color:var(--text-faint)}.site-plans>.grid>.plan-grid>.plan>.btn{width:100%}.site-plans>.team-note{max-width:620px;margin:var(--space-8) auto 0;color:var(--text-muted);font-size:var(--text-sm);text-align:center}.site-problem{align-items:center;gap:var(--space-12);margin-top:var(--space-12);grid-template-columns:minmax(0,5fr) minmax(0,6fr);display:grid}@media (width<=760px){.site-problem{gap:var(--space-8);margin-top:var(--space-4);grid-template-columns:minmax(0,1fr)}}.site-problem>.copy>.eyebrow{align-items:center;gap:var(--space-2);color:var(--brand-cyan);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;display:inline-flex}.site-problem>.copy>.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}.site-problem>.copy>.title{margin-block:var(--space-3) var(--space-4);font-size:var(--text-section);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:var(--leading-tight)}.site-problem>.copy>.lead{color:var(--text-muted);font-size:var(--text-base)}.site-problem>.stage{position:relative}.site-problem>.stage>.loop{opacity:.12;width:130%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=760px){.site-problem>.stage>.loop{display:none}}.site-problem>.stage>.thread{position:relative}.site-problem>.stage>.thread>.body{gap:var(--space-4);flex-direction:column;display:flex}.site-problem>.stage>.thread>.body>.message{align-items:start;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}@media (width<=560px){.site-problem>.stage>.thread>.body>.message{grid-template-columns:auto minmax(0,1fr)}.site-problem>.stage>.thread>.body>.message>.caught{grid-column:2;justify-self:start}}.site-problem>.stage>.thread>.body>.message>.avatar{border-radius:var(--radius-md);background:var(--surface-2);width:34px;height:34px;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-bold);justify-content:center;align-items:center;display:flex}.site-problem>.stage>.thread>.body>.message>.avatar.you{background:var(--brand-gradient);color:var(--on-brand)}.site-problem>.stage>.thread>.body>.message>.said>.meta{gap:var(--space-2);align-items:baseline;display:flex}.site-problem>.stage>.thread>.body>.message>.said>.meta>.author{font-size:var(--text-sm);font-weight:var(--fw-bold)}.site-problem>.stage>.thread>.body>.message>.said>.meta>.time{color:var(--text-faint);font-size:var(--text-2xs)}.site-problem>.stage>.thread>.body>.message>.said>.text{color:var(--text-muted);font-size:var(--text-sm)}.site-problem>.stage>.thread>.body>.message>.caught{padding:var(--space-1) var(--space-3);border:1px solid color-mix(in srgb, var(--brand-cyan) 40%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--brand-cyan) 12%, transparent);color:var(--brand-cyan);font-size:var(--text-2xs);font-weight:var(--fw-semibold);white-space:nowrap;align-self:center}.site-problem>.stage>.thread>.body>.divider{align-items:center;gap:var(--space-3);color:var(--text-faint);font-size:var(--text-2xs);font-style:italic;display:flex}.site-problem>.stage>.thread>.body>.divider:before,.site-problem>.stage>.thread>.body>.divider:after{content:"";background:var(--border);flex:1;height:1px}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.site-problem>.stage>.thread>.body>.message>.caught{animation:linear both site-caught-in view();animation-range:entry 30% cover 40%}}}@keyframes site-caught-in{0%{opacity:0;transform:translate(-8px)scale(.92)}}.site-security{align-items:center;gap:var(--space-12);grid-template-columns:minmax(0,6fr) minmax(0,5fr);display:grid}@media (width<=760px){.site-security{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.site-security>.copy{order:-1}}.site-security>.mock>.draft>.body{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);flex-direction:column;display:flex}.site-security>.mock>.draft>.body>.subject{font-size:var(--text-lg);font-weight:var(--fw-bold)}.site-security>.mock>.draft>.body>.text{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--glass-tint);color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.site-security>.mock>.draft>.body>.buttons{gap:var(--space-2);align-self:flex-end;display:flex}.site-security>.mock>.draft>.body>.buttons>.send{box-shadow:0 0 0 4px var(--brand-tint), 0 0 24px var(--brand-glow)}.site-security>.mock>.caption{margin-top:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);text-align:center}.site-security>.copy>.eyebrow{align-items:center;gap:var(--space-2);color:var(--brand-cyan);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;display:inline-flex}.site-security>.copy>.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}.site-security>.copy>.title{margin-block:var(--space-3) var(--space-6);font-size:var(--text-section);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:var(--leading-tight)}.site-security>.copy>.checklist{gap:var(--space-4);flex-direction:column;display:flex}.site-security>.copy>.checklist>li{gap:var(--space-3);display:flex}.site-security>.copy>.checklist>li>.check{stroke:url(#site-gradient);flex:none;width:1.25rem;height:1.25rem;margin-top:.1rem}.site-security>.copy>.checklist>li>div>.name{font-size:var(--text-base)}.site-security>.copy>.checklist>li>div>.text{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.site-security>.copy>.more{margin-top:var(--space-6);color:var(--text-muted);font-size:var(--text-sm)}.site-security>.copy>.more>a{color:var(--text);text-underline-offset:3px;text-decoration:underline}.site-source-marquee{padding-block:var(--space-12) var(--space-2);text-align:center}.site-source-marquee>.label{margin-bottom:var(--space-5);color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.site-source-marquee>.viewport{mask-image:linear-gradient(90deg, transparent 0, var(--bg) 9%, var(--bg) 91%, transparent 100%);position:relative;overflow:hidden}.site-source-marquee>.viewport:hover>.track{animation-play-state:paused}.site-source-marquee>.viewport>.track{align-items:center;width:max-content;animation:34s linear infinite site-marquee;display:flex}.site-source-marquee>.viewport>.track>li{align-items:center;gap:var(--space-3);margin-right:var(--space-16);color:var(--text-muted);font-size:var(--text-lg);font-weight:var(--fw-semibold);white-space:nowrap;flex:none;display:flex}.site-source-marquee>.viewport>.track>li>.tile{border-radius:22%;flex:none;display:inline-flex}.site-source-marquee>.viewport>.track>li>.tile>img{width:44px;height:44px;display:block}.site-source-marquee>.viewport>.track>li>.tile>.light{display:none}:root[data-theme=light] .site-source-marquee>.viewport>.track>li>.tile{box-shadow:0 2px 6px #1414280f,0 8px 24px #1414280f}:root[data-theme=light] .site-source-marquee>.viewport>.track>li>.tile>.dark{display:none}:root[data-theme=light] .site-source-marquee>.viewport>.track>li>.tile>.light{display:block}@media (prefers-reduced-motion:reduce){.site-source-marquee>.viewport>.track{justify-content:center;row-gap:var(--space-5);flex-wrap:wrap;width:auto;animation:none}.site-source-marquee>.viewport>.track>li[aria-hidden=true]{display:none}}@keyframes site-marquee{to{transform:translate(-50%)}}.site-statement{text-align:center;position:relative}.site-statement:before{content:"";inset-block:0;z-index:-1;background:radial-gradient(50% 70% at 50% 50%, var(--brand-glow), transparent 75%);opacity:.55;pointer-events:none;width:100vw;position:absolute;left:50%;transform:translate(-50%)}.site-statement>.line{margin-bottom:var(--space-8);font-size:var(--text-display);font-weight:var(--fw-bold);letter-spacing:-.03em;line-height:1.1}.site-statement>.line>.visual>.words{text-align:left;justify-items:start;display:inline-grid}.site-statement>.line>.visual>.words>.word{opacity:0;grid-area:1/1;animation:10s ease-in-out infinite both site-word}.site-statement>.line>.visual>.words>.word>.term{background:var(--brand-gradient);-webkit-text-fill-color:transparent;color:#0000;background-clip:text;display:inline-block;position:relative}.site-statement>.line>.visual>.words>.word>.term>.underline{width:106%;height:.4em;position:absolute;bottom:-.2em;left:-3%;overflow:visible}.site-statement>.line>.visual>.words>.word>.term>.underline>path{fill:none;stroke:url(#site-gradient);stroke-width:3.6px;stroke-linecap:round;vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:reduce){.site-statement>.line>.visual>.words>.word{animation:none}.site-statement>.line>.visual>.words>.word:first-child{opacity:1}.site-statement>.line>.visual>.words>.word:not(:first-child){visibility:hidden}}@keyframes site-word{0%{opacity:0;transform:translateY(.25em)}5%,22%{opacity:1;transform:none}27%,to{opacity:0;transform:translateY(-.25em)}}.site-who-heading{grid-area:1/1}.site-who-heading>.eyebrow{align-items:center;gap:var(--space-2);color:var(--brand-cyan);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;display:inline-flex}.site-who-heading>.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}.site-who-heading>.title{margin-top:var(--space-3);font-size:var(--text-section);font-weight:var(--fw-bold);letter-spacing:-.02em;line-height:var(--leading-tight)}.site-role-panel>.line{margin-bottom:var(--space-4);color:var(--text-muted);font-size:var(--text-lg)}.site-role-panel>.window>.body{padding:var(--space-2)}.site-role-panel>.window>.body>.rows>li{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);display:flex}.site-role-panel>.window>.body>.rows>li:last-child{border-bottom:none}.site-role-panel>.window>.body>.rows>li>.title{min-width:0;font-size:var(--text-sm);font-weight:var(--fw-medium);flex:1}@media (width<=560px){.site-role-panel>.window>.body>.rows>li{flex-wrap:wrap}.site-role-panel>.window>.body>.rows>li>.title{flex-basis:calc(100% - 28px - var(--space-3))}.site-role-panel>.window>.body>.rows>li>.task-state-tag{margin-left:calc(28px + var(--space-3))}}.dialog-backdrop{z-index:var(--z-modal);background:var(--scrim);backdrop-filter:blur(2px);position:fixed;inset:0}.dialog-backdrop[data-state=open]{animation:fade-in var(--dur) var(--ease)}.dialog-backdrop[data-state=closed]{animation:fade-out var(--dur-fast) var(--ease)}.dialog-positioner{z-index:var(--z-modal);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (width<=560px){.dialog-positioner{align-items:flex-end;padding:0}}.dialog{width:100%;max-width:30rem;max-height:calc(100dvh - var(--space-8));border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);outline:none;flex-direction:column;display:flex;position:relative}.dialog.sm{max-width:25rem}.dialog.lg{max-width:40rem}.dialog[data-state=open]{animation:dialog-in var(--dur) var(--ease)}.dialog[data-state=closed]{animation:fade-out var(--dur-fast) var(--ease)}.dialog>.head{gap:var(--space-1);padding:var(--space-5) var(--space-12) 0 var(--space-6);flex-direction:column;display:flex;position:relative}.dialog>.head>.eyebrow{font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.dialog>.head>.title{font-size:var(--text-lg);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight)}.dialog>.head>.description{color:var(--text-muted)}.dialog>.head>.close{top:var(--space-4);right:var(--space-4);padding:var(--space-1);border-radius:var(--radius-xs);color:var(--text-faint);display:inline-flex;position:absolute}.dialog>.head>.close:hover{background:var(--hover);color:var(--text)}.dialog>.head>.close:focus-visible{outline:2px solid var(--focus-ring)}.dialog>.head>.close>svg{width:1.125rem;height:1.125rem}.dialog>.body{gap:var(--space-4);min-height:0;padding:var(--space-4) var(--space-6);flex-direction:column;display:flex;overflow-y:auto}.dialog>.body>.confirm-body{color:var(--text-muted)}.dialog>.foot{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-5);display:flex}@media (width<=560px){.dialog{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:none;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0}.dialog.sm,.dialog.lg{max-width:none}.dialog[data-state=open]{animation:sheet-up var(--dur) var(--ease)}.dialog>.foot{flex-direction:column-reverse}.dialog>.foot>.btn{width:100%;height:2.75rem}}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes sheet-up{0%{transform:translateY(100%)}}.trash-row{border-bottom:1px solid var(--border)}.trash-row:last-child{border-bottom:0}.trash-row{align-items:center;gap:var(--space-3);min-height:3.5rem;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);background:var(--surface);display:flex}.trash-row>.source-icon{opacity:.6}.trash-row>.main{flex:1;min-width:0}.trash-row>.main>.title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm);color:var(--text-muted);overflow:hidden}.trash-row>.main>.task-meta{color:var(--text-faint)}.trash-row>.actions{gap:var(--space-1);flex-shrink:0;display:flex}@media (width<=560px){.trash-row{flex-wrap:wrap}.trash-row>.actions{width:100%;padding-left:calc(1.25rem + var(--space-3))}}.site-demo-board{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.site-demo-board>.greeting{font-size:var(--text-lg);font-weight:var(--fw-bold)}.site-demo-board>.greeting>.summary{color:var(--text-faint);font-size:var(--text-sm);font-weight:var(--fw-medium)}.combobox>.control{align-items:center;display:flex;position:relative}.combobox>.control>.input{padding-right:2.25rem}.combobox>.control>.trigger{right:var(--space-2);border-radius:var(--radius-xs);color:var(--text-faint);padding:2px;display:inline-flex;position:absolute}.combobox>.control>.trigger:hover{color:var(--text)}.combobox>.control>.trigger>svg{width:1rem;height:1rem}.combobox-content{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);outline:none}.combobox-content[data-state=open]{animation:floating-in var(--dur-fast) var(--ease)}.combobox-content[data-state=closed]{animation:fade-out var(--dur-fast) var(--ease)}.combobox-content{max-height:16rem;padding:var(--space-1);overflow-y:auto}.combobox-content>.empty{padding:var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.combobox-content>.item{align-items:center;gap:var(--space-2);min-height:2.25rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);font-size:var(--text-sm);cursor:pointer;display:flex}.combobox-content>.item[data-highlighted]{background:var(--hover)}.combobox-content>.item>.icon{flex-shrink:0;display:inline-flex}.combobox-content>.item>.text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.combobox-content>.item>.description{font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0}.combobox-content>.item>.check{color:var(--accent);display:inline-flex}.combobox-content>.item>.check>svg{width:1rem;height:1rem}.composer-actions{align-items:center;gap:var(--space-2);display:flex}.composer-actions>.hint,.composer-actions>.status{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-faint);margin-right:auto;display:inline-flex}@media (hover:none){.composer-actions>.hint{visibility:hidden}}.reply-composer.collapsed{align-items:center;gap:var(--space-2);width:100%;height:2.5rem;padding-inline:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);text-align:left;transition:border-color var(--dur-fast) var(--ease);display:flex}.reply-composer.collapsed>svg{width:1rem;height:1rem;color:var(--accent)}.reply-composer.collapsed:hover{border-color:var(--accent);color:var(--text)}.reply-composer.collapsed:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-focus);outline:none}.reply-composer.open{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);flex-direction:column;display:flex}.reply-composer.open>.quote{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-left:2px solid var(--accent);border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:var(--surface);font-size:var(--text-xs);color:var(--text-muted);margin:0;display:flex}.reply-composer.open>.quote>svg{width:.875rem;height:.875rem;color:var(--accent);flex-shrink:0;margin-top:1px}.reply-composer.open>.quote>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reply-composer.open>.quote strong{color:var(--text);font-weight:var(--fw-semibold)}.reply-composer.open .sent{align-items:center;gap:var(--space-1);color:var(--success);font-weight:var(--fw-medium);display:inline-flex}.reply-composer.open .sent>svg{width:.875rem;height:.875rem}.reply-composer.notice{gap:var(--space-2);padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-muted);display:flex}.reply-composer.notice>svg{flex-shrink:0;width:1rem;height:1rem;margin-top:2px}.reply-composer.notice strong{color:var(--text)}.task-detail-footer{gap:var(--space-2);width:100%;display:flex}.task-detail-footer>.grow{flex:1}.task-detail-footer>.track{background:var(--task-suggested);color:var(--on-task-suggested)}.task-detail-footer>.track:hover{background:var(--task-suggested-hover)}.task-detail-footer.suggested{flex-wrap:wrap}@media (width<=560px){.task-detail-footer.suggested>.track{flex-basis:100%}.task-detail-footer.suggested>:not(.track){flex:1}}.timeline .messages{gap:var(--space-1);flex-direction:column;display:flex}.timeline .messages>.divider{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-muted);display:flex}.timeline .messages>.divider:after{content:"";background:var(--border);flex:1;height:1px}.timeline .messages>.divider:first-child{margin-top:0}.timeline .messages>.message{padding:var(--space-2) var(--space-3);border-left:2px solid var(--border-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;flex-direction:column;gap:2px;display:flex}.timeline .messages>.message:hover{background:var(--hover)}.timeline .messages>.message.mine{border-left-color:var(--accent)}.timeline .messages>.message.mine .author{color:var(--accent)}.timeline .messages>.message>.head{align-items:center;gap:var(--space-2);min-height:1.5rem;font-size:var(--text-xs);display:flex}.timeline .messages>.message>.head>.author{font-weight:var(--fw-semibold);color:var(--text)}.timeline .messages>.message>.head>time{color:var(--text-faint)}.timeline .messages>.message>.head>.actions{gap:2px;margin-left:auto;display:flex}.timeline .messages>.message>.text{font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre-wrap;overflow-wrap:anywhere}@media (hover:hover){.timeline .messages>.message>.head>.actions{visibility:hidden}.timeline .messages>.message:hover>.head>.actions,.timeline .messages>.message:focus-within>.head>.actions{visibility:visible}}.timeline .messages>.marker{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--text-muted);display:flex}.timeline .messages>.marker>svg{width:.875rem;height:.875rem;color:var(--text-faint);flex-shrink:0}.timeline .messages>.marker>time{color:var(--text-faint)}.search-input{align-items:center;gap:var(--space-2);min-width:0;height:2.25rem;padding-inline:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);display:flex}.search-input:hover{border-color:var(--border-strong)}.search-input:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:var(--shadow-focus)}.search-input>.icon{width:1rem;height:1rem;color:var(--text-faint);flex-shrink:0}.search-input>.input{min-width:0;height:100%;font-size:var(--text-sm);background:0 0;border:0;outline:none;flex:1}.search-input>.input::placeholder{color:var(--text-faint)}.search-input>.input::-webkit-search-cancel-button{appearance:none}@media (width<=760px){.search-input>.input{font-size:var(--text-base)}}.search-input>.meta{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--text-muted);flex-shrink:0}.search-input>.clear{border-radius:var(--radius-xs);color:var(--text-faint);flex-shrink:0;padding:2px;display:inline-flex}.search-input>.clear:hover{background:var(--hover);color:var(--text)}.search-input>.clear:focus-visible{outline:2px solid var(--focus-ring)}.search-input>.clear>svg{width:.875rem;height:.875rem}.search-input.sm{height:2rem}.waiting-on-picker{gap:var(--space-3);flex-direction:column;display:flex}.waiting-on-picker>.options{flex-direction:column;gap:2px;display:flex}.waiting-on-picker>.options .option{--tone:var(--task-yours)}.waiting-on-picker>.options .option[data-lens=waiting]{--tone:var(--task-waiting)}.waiting-on-picker>.options .option[data-lens=done]{--tone:var(--task-done)}.waiting-on-picker>.options .option[data-lens=suggested]{--tone:var(--task-suggested)}.waiting-on-picker>.options .option{align-items:center;gap:var(--space-3);width:100%;min-height:2.75rem;padding-inline:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:left;display:flex}.waiting-on-picker>.options .option:hover{background:var(--hover)}.waiting-on-picker>.options .option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.waiting-on-picker>.options .option[aria-pressed=true]{background:color-mix(in srgb, var(--tone) 10%, transparent)}.waiting-on-picker>.options .option>.dot{background:var(--tone);border-radius:50%;flex-shrink:0;width:8px;height:8px}.waiting-on-picker>.options .option>svg{width:1rem;height:1rem;color:var(--accent);flex-shrink:0}.waiting-on-picker>.options .option>.label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.waiting-on-picker>.options .option>.label>strong{font-weight:var(--fw-semibold)}.waiting-on-picker>.options .option>.check{color:var(--tone)}.waiting-on-picker>.options .option.add{color:var(--accent)}.sheet-backdrop{z-index:var(--z-modal);background:var(--scrim);position:fixed;inset:0}.sheet-backdrop[data-state=open]{animation:fade-in var(--dur) var(--ease)}.sheet-backdrop[data-state=closed]{animation:fade-out var(--dur-fast) var(--ease)}.sheet-positioner{z-index:var(--z-modal);pointer-events:none;justify-content:flex-end;display:flex;position:fixed;inset:0}@media (width<=760px){.sheet-positioner{justify-content:stretch;align-items:flex-end}}.sheet{border-left:1px solid var(--border);background:var(--surface);width:100%;max-width:29rem;height:100%;box-shadow:var(--shadow-lg);pointer-events:auto;transform:translate3d(var(--drawer-translate-x,0), var(--drawer-translate-y,0), 0);outline:none;flex-direction:column;display:flex;position:relative}.sheet:not([data-dragging]){transition:transform var(--dur) cubic-bezier(.32, .72, 0, 1)}.sheet[data-swipe-direction=right][data-state=open]{animation:slide-in-right var(--dur) cubic-bezier(.32, .72, 0, 1)}.sheet[data-swipe-direction=right][data-state=closed]{animation:slide-out-right var(--dur-fast) var(--ease)}.sheet[data-swipe-direction=down]{max-width:none;height:calc(100dvh - var(--space-8));border-left:0;border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom)}.sheet[data-swipe-direction=down][data-state=open]{animation:slide-in-bottom var(--dur) cubic-bezier(.32, .72, 0, 1)}.sheet[data-swipe-direction=down][data-state=closed]{animation:slide-out-bottom var(--dur-fast) var(--ease)}.sheet>.grabber{padding:var(--space-2) 0 var(--space-1);cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;display:flex}.sheet>.grabber>.indicator{border-radius:var(--radius-pill);background:var(--border-strong);width:2.25rem;height:4px}.sheet>.head{gap:var(--space-2);padding:var(--space-5) var(--space-12) var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex;position:relative}.sheet>.head>.title{font-size:var(--text-lg)}.sheet>.head>.close{top:var(--space-4);right:var(--space-4);padding:var(--space-1);border-radius:var(--radius-xs);color:var(--text-faint);display:inline-flex;position:absolute}.sheet>.head>.close:hover{background:var(--hover);color:var(--text)}.sheet>.head>.close:focus-visible{outline:2px solid var(--focus-ring)}.sheet>.head>.close>svg{width:1.125rem;height:1.125rem}.sheet[data-swipe-direction=down]>.head{padding-top:var(--space-2)}.sheet[data-swipe-direction=down]>.head>.close{top:0}.sheet>.body{overscroll-behavior:contain;min-height:0;padding:var(--space-5);flex:1;overflow-y:auto}.sheet>.foot{gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;display:flex}@keyframes slide-in-right{0%{transform:translate(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-in-bottom{0%{transform:translateY(100%)}}@keyframes slide-out-bottom{to{transform:translateY(100%)}}.menu{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);outline:none}.menu[data-state=open]{animation:floating-in var(--dur-fast) var(--ease)}.menu[data-state=closed]{animation:fade-out var(--dur-fast) var(--ease)}.menu{min-width:11rem;max-width:18rem;padding:var(--space-1)}.menu .item{align-items:center;gap:var(--space-2);min-height:2.125rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);font-size:var(--text-sm);color:var(--text);cursor:pointer;display:flex}.menu .item>svg{width:1rem;height:1rem;color:var(--text-muted);flex-shrink:0}.menu .item>.label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.menu .item>.meta{font-size:var(--text-xs);color:var(--text-faint)}.menu .item[data-highlighted]{background:var(--hover)}.menu .item.danger,.menu .item.danger>svg{color:var(--danger)}.menu .item.danger[data-highlighted]{background:color-mix(in srgb, var(--danger) 10%, transparent)}.menu .item[data-disabled]{opacity:.5;cursor:not-allowed}.menu .item>.indicator{color:var(--accent);display:flex}.menu .item>.indicator>svg{width:1rem;height:1rem}.menu .separator{height:1px;margin:var(--space-1) calc(-1 * var(--space-1));background:var(--border)}.menu .group-label{padding:var(--space-2) var(--space-2) var(--space-1);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.channel-chip{height:1.5rem;padding-inline:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-medium);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.channel-chip>svg{flex-shrink:0;width:.8125rem;height:.8125rem}.channel-chip{background:var(--surface-2);max-width:16rem;color:var(--text-muted);padding-left:4px}.channel-chip>.name{text-overflow:ellipsis;overflow:hidden}.channel-chip>.plus{color:var(--text-faint);flex-shrink:0}.channel-chip>.caret{width:.75rem;height:.75rem}.channel-chip.more{cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)}.channel-chip.more:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.channel-chip.more:hover,.channel-chip.more[data-state=open]{border-color:var(--border-strong);color:var(--text)}.date-picker{gap:var(--space-1);flex-direction:column;display:flex}.date-picker>.label{font-size:var(--text-sm);font-weight:var(--fw-medium)}.date-picker .date-field{align-items:center;gap:var(--space-2);width:100%;min-width:12rem;height:2.5rem;padding-inline:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm);text-align:left;display:inline-flex}.date-picker .date-field>svg{width:1rem;height:1rem;color:var(--text-faint)}.date-picker .date-field>.empty{color:var(--text-faint)}.date-picker .date-field:hover{border-color:var(--text-faint)}.date-picker .date-field:focus-visible,.date-picker .date-field[data-state=open]{border-color:var(--accent);box-shadow:var(--shadow-focus);outline:none}.date-picker-content{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);outline:none}.date-picker-content[data-state=open]{animation:floating-in var(--dur-fast) var(--ease)}.date-picker-content[data-state=closed]{animation:fade-out var(--dur-fast) var(--ease)}.date-picker-content{padding:var(--space-3)}.date-picker-content.inline{border-color:var(--border);width:fit-content;box-shadow:none;animation:none}.date-picker-content .calendar{gap:var(--space-2);flex-direction:column;display:flex}.date-picker-content .nav{justify-content:space-between;align-items:center;display:flex}.date-picker-content .nav>.month{font-size:var(--text-sm);font-weight:var(--fw-semibold)}.date-picker-content .nav>.step{padding:var(--space-1);border-radius:var(--radius-xs);color:var(--text-muted);display:inline-flex}.date-picker-content .nav>.step:hover{background:var(--hover);color:var(--text)}.date-picker-content .nav>.step>svg{width:1rem;height:1rem}.date-picker-content .grid{border-collapse:collapse}.date-picker-content .grid .weekday{width:2.25rem;height:1.75rem;font-size:var(--text-2xs);font-weight:var(--fw-medium);color:var(--text-faint)}.date-picker-content .grid .day{border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:pointer;justify-content:center;align-items:center;display:flex}.date-picker-content .grid .day:hover{background:var(--hover)}.date-picker-content .grid .day[data-today]{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent);font-weight:var(--fw-semibold)}.date-picker-content .grid .day[data-selected]{background:var(--accent);color:var(--on-accent);box-shadow:none}.date-picker-content .grid .day[data-outside-range]{color:var(--text-faint);opacity:.6}.date-picker-content .grid .day[data-focus]{outline:2px solid var(--focus-ring)}.date-picker-content .grid .day[data-disabled]{opacity:.35;cursor:not-allowed}.date-picker-content .foot{padding-top:var(--space-2);border-top:1px solid var(--border);justify-content:space-between;display:flex}.date-picker-content .foot>.link{padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--accent)}.date-picker-content .foot>.link:hover{background:var(--accent-soft)}.popover{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);outline:none}.popover[data-state=open]{animation:floating-in var(--dur-fast) var(--ease)}.popover[data-state=closed]{animation:fade-out var(--dur-fast) var(--ease)}.popover{--arrow-size:10px;--arrow-background:var(--surface);gap:var(--space-3);max-width:min(22rem, 100vw - var(--space-8));padding:var(--space-4);flex-direction:column;display:flex}.popover>.arrow>.tip{border-top:1px solid var(--border);border-left:1px solid var(--border)}.popover>.title{font-size:var(--text-sm);font-weight:var(--fw-semibold)}.popover.flush{padding:0}.site-demo-header{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.site-demo-header>.top{align-items:flex-start;gap:var(--space-1);margin-left:-4px;display:flex}.site-demo-header>.top>.title{min-width:0;padding:1px var(--space-1);font-size:var(--text-lg);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);flex:1}.site-demo-header>.meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.site-demo-header>.meta>.due{height:1.5rem;padding-inline:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-medium);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.site-demo-header>.meta>.due>svg{flex-shrink:0;width:.8125rem;height:.8125rem}.site-demo-header>.meta>.due{cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease)}.site-demo-header>.meta>.due:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.site-demo-header>.meta>.due{border-color:var(--border-strong);color:var(--text-muted);border-style:dashed}.site-demo-header>.meta>.due:hover,.site-demo-header>.meta>.due[data-state=open]{border-color:var(--text-faint);color:var(--text)}.site-demo-header>.meta>.due.set{--tone:var(--accent);border-color:color-mix(in srgb, var(--tone) 30%, transparent);background:color-mix(in srgb, var(--tone) 10%, transparent);color:var(--tone);border-style:solid}.site-demo-header>.meta>.due[data-tone=danger]{--tone:var(--danger)}.site-demo-header>.meta>.due[data-tone=warning]{--tone:var(--warning)}.site-demo-detail>.body>.sections{gap:var(--space-4);flex-direction:column;display:flex}.site-demo-detail>.body>.sections>.sent,.site-demo-detail>.body>.sections>.drafted{align-items:center;gap:var(--space-2);display:flex}.site-demo-detail>.body>.sections>.sent{color:var(--success);font-weight:var(--fw-semibold)}.site-demo-detail>.body>.sections>.sent>svg{flex-shrink:0;width:1rem;height:1rem}.site-demo-detail>.body>.sections>.drafted{margin-bottom:calc(-1 * var(--space-2));color:var(--text-faint);font-size:var(--text-xs)}.site-demo-intro{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);text-align:center;flex-direction:column;display:flex}.site-demo-intro>.mark{border-radius:var(--radius-lg);background:var(--accent-soft);justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:flex}.site-demo-intro>.mark>img{width:2.125rem;height:2.125rem}.site-demo-intro>.title{font-size:var(--text-xl);font-weight:var(--fw-bold)}.site-demo-intro>.steps{gap:var(--space-3);text-align:left;flex-direction:column;max-width:28rem;display:flex}.site-demo-intro>.steps>li{align-items:flex-start;gap:var(--space-3);color:var(--text-muted);display:flex}.site-demo-intro>.steps>li>p>strong{color:var(--text);font-weight:var(--fw-semibold)}.site-demo-intro>.steps>li>.num{background:var(--accent-soft);width:1.5rem;height:1.5rem;color:var(--accent);font-size:var(--text-xs);font-weight:var(--fw-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.site-demo-intro>.note{max-width:27rem;color:var(--text-faint);font-size:var(--text-xs)}.site-demo-intro>.note>strong{color:var(--accent);font-weight:var(--fw-semibold)}@media (width<=760px){.site-demo-intro{padding-inline:var(--space-4)}.site-demo-intro>.btn{width:100%}}.site-demo-nav{padding:var(--space-2) var(--space-4) 0;flex-shrink:0}.site-demo-nav>ul{gap:var(--space-1);border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}.site-demo-nav>ul>li>button{align-items:center;gap:var(--space-2);height:2.25rem;padding-inline:var(--space-3);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-medium);white-space:nowrap;flex-shrink:0;display:inline-flex;box-shadow:inset 0 -2px #0000}.site-demo-nav>ul>li>button>svg{width:1rem;height:1rem}.site-demo-nav>ul>li>button[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent);color:var(--text)}.site-demo-nav>ul>li>button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.site-demo-notice{bottom:var(--space-3);z-index:1;width:min(30rem, 100% - var(--space-6));pointer-events:none;position:absolute;left:50%;translate:-50%}@media (width<=760px){.site-demo-notice{left:auto;bottom:var(--space-2);margin-inline:auto;position:sticky;translate:none}}.site-demo-notice>.message{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);pointer-events:auto;border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 8%, var(--surface));display:flex}@media (prefers-reduced-motion:no-preference){.site-demo-notice>.message{animation:site-demo-notice-in var(--dur) var(--ease)}}.site-demo-notice>.message>svg{width:1.125rem;height:1.125rem;color:var(--accent);flex-shrink:0;margin-top:1px}.site-demo-notice>.message>.text{min-width:0;color:var(--text-muted);flex:1}.site-demo-notice>.message>.text>.title,.site-demo-notice>.message>.text>p>strong{color:var(--text);font-weight:var(--fw-semibold)}.site-demo-notice>.message>.dismiss{padding:var(--space-1);border-radius:var(--radius-xs);color:var(--text-faint);display:inline-flex}.site-demo-notice>.message>.dismiss:hover{background:var(--hover);color:var(--text)}.site-demo-notice>.message>.dismiss:focus-visible{outline:2px solid var(--focus-ring)}.site-demo-notice>.message>.dismiss>svg{width:1rem;height:1rem}@keyframes site-demo-notice-in{0%{opacity:0;transform:translateY(.5rem)}}.site-demo-carousel{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--border);background:var(--surface-2);flex:none}@media (prefers-reduced-motion:no-preference){.site-demo-carousel{animation:site-demo-pulse 1.3s var(--ease) 2}}.site-demo-carousel>.label{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-2xs);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);display:flex}.site-demo-carousel>.label>svg{flex-shrink:0;width:.875rem;height:.875rem}.site-demo-carousel>.label>.reset{text-transform:none;letter-spacing:0;height:auto;padding:0}.site-demo-carousel>.strip{position:relative}.site-demo-carousel>.strip>.arrow{z-index:1;background:var(--surface);border-radius:50%;position:absolute;top:50%;translate:0 -50%}.site-demo-carousel>.strip>.arrow.previous{left:calc(-1 * var(--space-2))}.site-demo-carousel>.strip>.arrow.next{right:calc(-1 * var(--space-2))}@media (width<=760px){.site-demo-carousel>.strip>.arrow{display:none}}.site-demo-carousel>.strip>.track{gap:var(--space-3);padding:2px 2px var(--space-1);overscroll-behavior:contain;scroll-snap-type:x proximity;scrollbar-width:none;display:flex;overflow-x:auto}.site-demo-carousel>.strip>.track::-webkit-scrollbar{display:none}.site-demo-carousel>.strip>.track>.message{gap:var(--space-1);width:16.625rem;min-height:5.5rem;padding:var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);text-align:left;scroll-snap-align:start;transition:transform var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), opacity var(--dur) var(--ease);border-left-width:3px;flex-direction:column;flex:none;display:flex}.site-demo-carousel>.strip>.track>.message[data-direction=in]{border-left-color:var(--task-waiting)}.site-demo-carousel>.strip>.track>.message[data-direction=out]{border-left-color:var(--task-done)}.site-demo-carousel>.strip>.track>.message:hover:not([aria-disabled=true]){border-color:var(--accent);transform:translateY(-2px)}.site-demo-carousel>.strip>.track>.message:focus-visible{box-shadow:var(--shadow-focus);outline:none}.site-demo-carousel>.strip>.track>.message[aria-disabled=true]{cursor:default}.site-demo-carousel>.strip>.track>.message[aria-disabled=true]:not([aria-busy]){opacity:.32}@media (width<=760px){.site-demo-carousel>.strip>.track>.message{width:80vw;max-width:18.75rem}}.site-demo-carousel>.strip>.track>.message>.top{justify-content:space-between;align-items:center;display:flex}.site-demo-carousel>.strip>.track>.message>.who{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-bold)}.site-demo-carousel>.strip>.track>.message>.text{color:var(--text);font-size:var(--text-xs);line-height:var(--leading-normal)}.site-demo-carousel>.strip>.track>.message>.reading{justify-content:center;align-items:center;gap:var(--space-2);color:var(--accent);font-size:var(--text-xs);font-weight:var(--fw-bold);flex:1;display:flex}.site-demo-carousel>.strip>.track>.message>.reading>svg{width:1rem;height:1rem}@keyframes site-demo-pulse{0%,to{box-shadow:inset 0 0 #0000}50%{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent)}}}.dialog.site-demo-dialog{max-width:63rem}.dialog.site-demo-dialog>.head>.title>.sub{color:var(--text-faint);font-weight:var(--fw-medium)}.dialog.site-demo-dialog>.body{padding:var(--space-4) 0 0;gap:0}.dialog.site-demo-dialog>.foot{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius-lg) var(--radius-lg);justify-content:space-between;align-items:center}.dialog.site-demo-dialog>.foot>.hint{color:var(--text-faint);font-size:var(--text-xs)}@media (width<=760px){.dialog.site-demo-dialog>.foot>.hint{display:none}}.site-demo-stage{flex-direction:column;flex:auto;min-height:0;display:flex}.site-demo-stage>.app{border-top:1px solid var(--border);flex:32rem;min-height:14rem;display:flex;position:relative;overflow:hidden}.site-demo-stage>.app>.main{overscroll-behavior:contain;min-width:0;padding:var(--space-4) var(--space-5);flex:1;overflow-y:auto}@media (width<=760px){.site-demo-stage>.app{flex-direction:column;flex:none;min-height:0;overflow:visible}.site-demo-stage>.app>.main{padding:var(--space-3) var(--space-4);overflow:visible}}
