.tick-character{display:inline-flex;position:relative;flex:none;vertical-align:middle;align-items:center;justify-content:center;overflow:visible}.tick-runtime,.tick-static{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tick-static{object-fit:contain}.tick-static-covered{visibility:hidden}.tick-glyph{flex:none;overflow:visible}.tick-runtime canvas{display:block}[data-dashboard-personality=calm] .tick-character :is(.tick-runtime,.tick-static,.tick-glyph){visibility:hidden}.tick-calm-label{position:absolute;font-size:.875rem;text-align:center;color:var(--muted-foreground,var(--muted))}.tick-lab{--tick-gap:1rem;--tick-gap-lg:1.5rem;--tick-paper:#f5f4ed;--tick-white:#fff;--tick-sage:#e6ebdd;--tick-dark:#0b1512;--tick-dark-surface:#12201b;--tick-dark-ink:#eef2ec}.tick-lab :is(h1,h2){font-size:1.5rem;letter-spacing:-.035em}.tick-lab h3{font-size:1rem}.tick-context-grid,.tick-lab-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--tick-gap-lg)}.tick-lab-controls{position:relative}.tick-pose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tick-gap)}.tick-pose-card{flex-direction:column;text-align:center;gap:var(--tick-gap)}.tick-pose-card,.tick-stage{display:flex;align-items:center}.tick-stage{justify-content:center;min-width:220px;min-height:220px;border-radius:1rem}.tick-stage-light{background:var(--tick-paper)}.tick-stage-dark{background:var(--tick-dark)}.tick-section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--tick-gap)}.tick-section-heading .db-field{min-width:140px}.tick-size-ladder{display:flex;gap:var(--tick-gap);align-items:end;min-width:max-content}.tick-size-ladder figure{display:flex;flex-direction:column;align-items:center;gap:var(--tick-gap);margin:0}.tick-size-ladder figcaption{font-size:.75rem;white-space:nowrap}.tick-ladder-surface{padding:var(--tick-gap-lg);border-radius:1rem;overflow-x:auto}.tick-ladder-surface h3{margin-bottom:var(--tick-gap)}.tick-asset-list:focus-visible,.tick-ladder-surface:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.tick-surface-0{background:var(--tick-paper);color:var(--lime-ink)}.tick-surface-1{background:var(--tick-white);color:var(--lime-ink)}.tick-surface-2{background:var(--tick-sage);color:var(--lime-ink)}.tick-surface-3{background:var(--tick-dark);color:var(--tick-dark-ink)}.tick-surface-4{background:var(--tick-dark-surface);color:var(--tick-dark-ink)}.tick-transition-demo{display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,1fr);gap:var(--tick-gap-lg);align-items:center}.tick-matrix-scroll{overflow-x:auto}.tick-matrix{display:grid;grid-template-columns:repeat(10,minmax(44px,1fr));min-width:540px;font-size:.75rem;align-items:center;text-align:center;gap:.25rem}.tick-matrix-row{display:contents}.tick-matrix button{min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:var(--radius-chip,.45rem);background:var(--surface);color:var(--ink)}.tick-matrix button[aria-pressed=true]{background:var(--lime);color:var(--lime-ink);border-color:var(--ink)}.tick-matrix button:disabled{opacity:.45}.tick-matrix button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.tick-smile-demo{align-items:center;text-align:center}.tick-context-row{display:flex;align-items:center;gap:var(--tick-gap)}.tick-empty-demo{text-align:center}.tick-empty-demo .db-empty-symbol{display:none}.tick-empty-demo .db-empty{padding-top:var(--tick-gap)}.tick-registry-demo{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--tick-gap)}.tick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--tick-gap-lg)}.tick-stats dt{color:var(--muted-foreground,var(--muted));font-size:.875rem}.tick-stats dd{margin:0;font-weight:600}.tick-asset-list{max-height:320px;overflow:auto}.tick-asset-list table{width:100%;font-size:.75rem}.tick-asset-list td,.tick-asset-list th{text-align:start;padding:.375rem;border-bottom:1px solid var(--line)}.tick-recap-demo{align-items:center;text-align:center}@media (max-width:900px){.tick-pose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.tick-context-grid,.tick-lab-control-grid,.tick-pose-grid,.tick-transition-demo{grid-template-columns:1fr}.tick-section-heading{align-items:start;flex-direction:column}.tick-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.tick-stage{min-width:0}}