.chip-cat{height:var(--chip-h);max-width:100%;padding:0 var(--chip-px);border-radius:var(--chip-radius);background:var(--_soft,var(--cat-8-soft));color:var(--_ink,var(--cat-8-ink));font-size:var(--chip-fs);font-weight:var(--fw-medium);white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex}.chip-cat.is-s{height:var(--chip-h-s);padding:0 var(--sp-2)}button.chip-cat{font:inherit;text-align:left;cursor:pointer;border:0}button.chip-cat:focus-visible{box-shadow:var(--focus-ring);outline:none}.chip-cat>.chip-dot,.chip-dot{background:var(--_cat,var(--cat-8));border-radius:50%;flex:none;width:7px;height:7px}.chip-cat>.chip-x{width:16px;height:16px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-right:-4px;padding:0;display:inline-grid}.chip-cat>.chip-x:hover{background:color-mix(in srgb, var(--_cat,var(--cat-8)) 22%, transparent)}.chip-cat>.chip-x:focus-visible{box-shadow:var(--focus-ring)}.chip-cat .ic{font-size:12px}.filter-chip{height:var(--chip-h);border:1px solid var(--border-strong);border-radius:var(--chip-radius);background:var(--surface);font-size:var(--chip-fs);align-items:stretch;max-width:100%;display:inline-flex;overflow:hidden}.filter-chip>button{padding:0 var(--sp-2);color:var(--text-2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;display:inline-flex}.filter-chip>span{padding:0 var(--sp-2);white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.filter-chip>button+button,.filter-chip>button+span,.filter-chip>span+button,.filter-chip>span+span{border-left:1px solid var(--border)}.filter-chip>button:hover{background:var(--state-hover);color:var(--text)}.filter-chip>button:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.filter-chip .fc-field{color:var(--text);font-weight:var(--fw-medium)}.filter-chip .fc-value{color:var(--accent-text);font-weight:var(--fw-medium)}.filter-chip .fc-x{padding:0 6px}.chip-tabs{gap:var(--sp-1);flex-wrap:wrap;display:inline-flex}.chip-tabs .chip-count{font-variant-numeric:tabular-nums;color:var(--text-3)}.chip-tabs [aria-pressed=true] .chip-count{color:var(--text-2)}.group-pill{align-items:center;gap:var(--sp-2);min-height:32px;padding:0 var(--sp-2);display:flex}.group-pill>.chip-cat{font-weight:var(--fw-semibold)}.group-pill .gp-count{font-size:var(--fs-xs);color:var(--text-3);font-variant-numeric:tabular-nums}.group-pill .gp-toggle .ic{transition:transform var(--dur-fast) var(--ease)}.group-pill .gp-toggle[aria-expanded=false] .ic{transform:rotate(-90deg)}.color-dots{flex-wrap:wrap;gap:6px;display:inline-flex}.color-dots>button{border:2px solid var(--surface);background:var(--_cat);width:22px;height:22px;box-shadow:0 0 0 1px var(--border);color:#fff;cursor:pointer;transition:transform var(--dur-fast) var(--ease-lift);border-radius:50%;place-items:center;padding:0;display:grid}.color-dots>button:hover{transform:scale(1.12)}.color-dots>button[aria-checked=true]{box-shadow:0 0 0 2px var(--_cat)}.color-dots>button:focus-visible{box-shadow:0 0 0 2px var(--_cat), 0 0 0 4px var(--focus-color)}.color-dots .ic{filter:drop-shadow(0 0 1px #0009);font-size:12px}.bubble-bar{z-index:var(--z-popover);border-radius:var(--radius-pill);background:var(--float-bg);border:1px solid var(--island-border);box-shadow:var(--shadow-float);animation:bubble-in var(--dur) var(--ease-lift);align-items:center;gap:2px;padding:4px;display:flex;position:fixed}.bubble-bar button{border-radius:var(--radius-pill);min-width:28px;height:28px;color:var(--text-2);font:var(--fw-semibold) var(--fs-s) / 1 var(--sans);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.bubble-bar button:hover{background:var(--state-hover);color:var(--text)}.bubble-bar button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.bubble-bar button.is-primary{background:var(--accent);color:var(--accent-ink)}.bubble-bar button.is-primary:hover{background:var(--accent-hover)}.bubble-bar button:focus-visible{box-shadow:var(--focus-ring);outline:none}.bubble-bar .bubble-sep{background:var(--border);width:1px;height:18px;margin:0 3px}@keyframes bubble-in{0%{opacity:0;transform:translateY(4px)scale(.96)}}.annotated{align-items:center;gap:var(--sp-4);padding:var(--sp-8) var(--sp-6);border:1px dashed var(--border-strong);border-radius:var(--radius-xl);background-color:var(--surface-2);background-image:var(--dot-grid-faint);background-size:var(--dot-grid-size) var(--dot-grid-size);text-align:center;flex-direction:column;display:flex;position:relative}.annotated.compact{padding:var(--sp-5) var(--sp-4)}.an-stage{width:min(440px,100%);position:relative}.an-preview{filter:blur(1.5px)saturate(.85);opacity:.72;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:start}.an-pin{left:var(--_x);top:var(--_y);border-radius:var(--radius-pill);background:var(--tooltip-bg);color:var(--tooltip-text);border:1px solid var(--tooltip-border,transparent);box-shadow:var(--shadow-float);font-size:var(--fs-xs);font-family:var(--mono);white-space:nowrap;align-items:center;gap:6px;padding:2px 9px 2px 3px;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.an-n{background:var(--accent);width:18px;height:18px;color:var(--accent-ink);font:var(--fw-semibold) 11px / 1 var(--sans);border-radius:50%;flex:none;place-items:center;display:inline-grid}.an-notes{gap:var(--sp-3);text-align:start;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));width:min(620px,100%);margin:0;padding:0;list-style:none;display:grid}.an-notes li{gap:var(--sp-2);font-size:var(--fs-s);color:var(--text-2);align-items:flex-start;display:flex}.annotated h3{font-size:var(--fs-l)}.annotated>.row{flex-wrap:wrap;justify-content:center}.annotated>p{max-width:52ch;color:var(--text-2)}.tl{--tl-name-w:140px;--tl-row-h:32px;gap:var(--sp-2);flex-direction:column;min-width:0;display:flex}.tl-transport{align-items:center;gap:var(--sp-1);padding:4px var(--sp-2);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);align-self:flex-start;max-width:100%;display:flex}.tl-code{border-radius:var(--radius-pill);background:var(--tooltip-bg);color:var(--tooltip-text);font:var(--fw-medium) var(--fs-s) / 1.3 var(--mono);font-variant-numeric:tabular-nums;padding:2px 8px}.tl-grid{flex-direction:column;min-width:0;display:flex;position:relative}.tl-row{grid-template-columns:var(--tl-name-w) minmax(0, 1fr);min-height:var(--tl-row-h);border-bottom:1px dashed var(--border);align-items:center;display:grid}.tl-row:last-child{border-bottom:0}.tl-name{min-width:0;padding-right:var(--sp-2);font-size:var(--fs-s);color:var(--text-2);align-items:center;gap:6px;display:flex}.tl-track{height:var(--tl-row-h);position:relative}.tl-ruler-row{border-bottom:1px solid var(--border-strong);min-height:22px}.tl-ruler-row .tl-track{height:22px}.tl-tick{left:calc(var(--_at) * 100%);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;padding-bottom:6px;font-size:10px;position:absolute;bottom:0;transform:translate(-50%)}.tl-tick:after{content:"";background:var(--border-strong);width:1px;height:4px;position:absolute;bottom:0;left:50%}.tl-tick:first-child{transform:none}.tl-tick:first-child:after{left:0}.tl-tick.is-end{transform:translate(-100%)}.tl-tick.is-end:after{left:auto;right:0}.tl-ruler-row.has-markers,.tl-ruler-row.has-markers .tl-track{height:42px;min-height:42px}.tl-marker{left:calc(var(--_at) * 100%);border-radius:var(--radius-pill);font:var(--fw-semibold) 10px / 16px var(--sans);text-transform:uppercase;letter-spacing:var(--tr-caps);background:var(--neutral-soft);color:var(--text-2);white-space:nowrap;z-index:1;padding:0 6px;position:absolute;top:0;transform:translate(-50%)}.tl-marker.is-now{background:var(--tooltip-bg);color:var(--tooltip-text)}.tl-marker.is-accent{background:var(--accent-soft);color:var(--accent-text)}.tl-clip{top:4px;bottom:4px;left:calc(var(--_from) * 100%);width:max(6px, calc((var(--_to) - var(--_from)) * 100%));border:1px solid color-mix(in srgb, var(--_cat,var(--accent-vivid)) 55%, transparent);border-radius:var(--radius-s);background:var(--_soft,var(--accent-soft));color:var(--_ink,var(--text));font:var(--fw-medium) var(--fs-xs) / 1 var(--sans);white-space:nowrap;text-overflow:ellipsis;cursor:default;align-items:center;padding:0 6px;display:flex;position:absolute;overflow:hidden}button.tl-clip{cursor:pointer}.tl-clip.is-ok{--_cat:var(--ok);--_soft:var(--ok-soft);--_ink:var(--text)}.tl-clip.is-fail{--_cat:var(--fail);--_soft:var(--fail-soft);--_ink:var(--text)}.tl-clip.is-warn{--_cat:var(--warn);--_soft:var(--warn-soft);--_ink:var(--text)}.tl-clip.is-running{--_cat:var(--info);--_soft:var(--info-soft);--_ink:var(--text)}.tl-clip[aria-pressed=true],.tl-clip.is-selected{border-color:var(--accent-vivid);box-shadow:0 0 0 1px var(--accent-vivid)}.tl-clip:focus-visible{box-shadow:var(--focus-ring);outline:none}.tl-key{left:calc(var(--_at) * 100%);border:1.5px solid var(--text-2);background:var(--surface);z-index:1;border-radius:1px;width:9px;height:9px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg)}.tl-key.is-filled{background:var(--text-2)}.tl-key.is-accent{border-color:var(--accent-vivid);background:var(--accent-vivid)}.tl-key.is-dashed{border-style:dashed}button.tl-key{cursor:pointer;padding:0}button.tl-key:focus-visible{box-shadow:var(--focus-ring);outline:none}.tl-key.is-warn{border-color:var(--warn);background:var(--warn)}.tl-playhead{top:0;bottom:0;left:calc(var(--tl-name-w) + (100% - var(--tl-name-w)) * var(--_at));background:var(--accent-vivid);pointer-events:none;z-index:2;width:2px;margin-left:-1px;position:absolute}.tl-playhead:before{content:"";border:5px solid #0000;border-top-color:var(--accent-vivid);position:absolute;top:-2px;left:-4px}.tl-scrub{width:100%;accent-color:var(--accent-vivid);margin:0}.now-pill{border-radius:var(--radius-pill);background:var(--tooltip-bg);height:18px;color:var(--tooltip-text);border:1px solid var(--tooltip-border,transparent);font:var(--fw-semibold) 11px / 1 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;padding:0 7px;display:inline-flex}.now-line{border-top:2px solid var(--accent-vivid);pointer-events:none;z-index:3;height:0;position:absolute;left:0;right:0}.now-line>.now-pill{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.now-line.is-inset>.now-pill{transform:translateY(-50%)}.choice-cards{gap:var(--sp-2);grid-template-columns:repeat(auto-fill, minmax(var(--_min,220px), 1fr));border:0;min-width:0;margin:0;padding:0;display:grid}.choice-cards>legend{margin-bottom:var(--sp-2);font-size:var(--fs-s);font-weight:var(--fw-semibold);color:var(--text-2);padding:0}.choice-card{gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);cursor:pointer;transition:border-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast) var(--ease);align-items:flex-start;display:flex;position:relative}.choice-card:hover{border-color:var(--border-strong)}.choice-card>input{opacity:0;pointer-events:none;position:absolute}.choice-card:has(input:checked){border-color:var(--accent-vivid);box-shadow:0 0 0 1px var(--accent-vivid);background:var(--accent-soft-2)}.choice-card:has(input:focus-visible){box-shadow:var(--focus-ring)}.choice-card:has(input:disabled){opacity:.55;cursor:not-allowed}.cc-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cc-title{font-weight:var(--fw-semibold);align-items:center;gap:var(--sp-2);display:flex}.cc-text{font-size:var(--fs-s);color:var(--text-2)}.cc-meta{font-size:var(--fs-xs);color:var(--text-3)}.cc-check{border:1.5px solid var(--border-strong);color:#0000;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.choice-card:has(input:checked) .cc-check{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.cc-check .ic{font-size:11px}.code-block{border-radius:var(--radius-l);background:var(--code-bg);color:var(--syn-text);border:1px solid var(--island-border);min-width:0;overflow:hidden}.code-block-head{align-items:center;gap:var(--sp-2);padding:6px var(--sp-2) 6px var(--sp-3);font-size:var(--fs-xs);color:var(--syn-com);border-bottom:1px solid #ffffff14;display:flex}.code-block-head .btn{color:var(--syn-text)}.code-block-head .btn:hover{background:#ffffff14}.code-block pre{padding:var(--sp-3) 0;font:var(--fs-s) / 1.6 var(--mono);counter-reset:ln;margin:0;overflow:auto}.code-block code{min-width:max-content;display:block}.code-block .cl{padding:0 var(--sp-4) 0 0;white-space:pre;display:block}.code-block.has-lines .cl:before{counter-increment:ln;content:counter(ln);width:3.2ch;margin-right:var(--sp-3);text-align:right;color:var(--syn-com);opacity:.7;-webkit-user-select:none;user-select:none;display:inline-block}.code-block:not(.has-lines) .cl{padding-left:var(--sp-4)}.get-started .gs-steps{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.gs-step{gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--radius-l);grid-template-columns:24px minmax(0,1fr);display:grid}.gs-step.is-current{background:var(--accent-soft-2)}.gs-mark{border:1.5px solid var(--border-strong);width:22px;height:22px;font:var(--fw-semibold) 11px / 1 var(--sans);color:var(--text-2);border-radius:50%;place-items:center;display:grid}.gs-step.is-done .gs-mark{background:var(--ok);border-color:var(--ok);color:var(--surface)}.gs-step.is-current .gs-mark{border-color:var(--accent-vivid);color:var(--accent-text)}.gs-title{font-weight:var(--fw-medium)}.gs-step.is-done .gs-title{color:var(--text-3);text-decoration:line-through;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.gs-body{font-size:var(--fs-s);color:var(--text-2);margin-top:2px}.gs-step .btn{margin-top:var(--sp-2)}.day-divider{align-items:center;gap:var(--sp-2);margin:var(--sp-3) 0;font-size:var(--fs-xs);color:var(--text-3);display:flex}.day-divider:before,.day-divider:after{content:"";background:var(--border);flex:1;height:1px}.day-divider>.dd-label{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-weight:var(--fw-semibold);color:var(--text-2);padding:2px 10px}.day-divider>.btn{border-radius:var(--radius-pill);height:22px;font-size:var(--fs-xs)}.doc-status{align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex}.doc-status .ds-state{align-items:center;gap:4px;display:inline-flex}.doc-status .ds-state:after{content:"";background:var(--ok);border-radius:50%;order:-1;width:6px;height:6px}.doc-status .ds-state.is-saving:after{background:var(--info);animation:1.4s ease-in-out infinite pulse}.doc-status .ds-state.is-dirty:after{background:var(--warn)}.doc-status .ds-state.is-error{color:var(--fail)}.doc-status .ds-state.is-error:after{background:var(--fail);border-radius:1px;transform:rotate(45deg)}.doc-status .ds-ver{border-radius:var(--radius-pill);background:var(--neutral-soft);color:var(--text-2);font-weight:var(--fw-medium);padding:0 6px}