@layer components{.cluster{--spot:oklch(var(--spot-l) var(--spot-c) var(--hue));--deep:oklch(var(--deep-l) var(--deep-c) var(--hue));--round:22px;--shadow:0 24px 48px -28px color-mix(in srgb, var(--ink) 55%, transparent);width:100%;max-width:480px;margin-inline:auto;position:relative;container-type:inline-size}.cluster>*{animation:.8s cubic-bezier(.34,1.25,.64,1) both arrive;animation-delay:calc(var(--i,0) * 90ms)}@keyframes arrive{0%{opacity:0;translate:0 24px;scale:.92}}.cl-card{z-index:2;border-radius:var(--round);background:radial-gradient(ellipse 90% 80% at 100% 130%, color-mix(in srgb, var(--spot) 34%, transparent), transparent), var(--ink);color:var(--paper);box-shadow:var(--shadow);align-content:start;gap:14px;padding:20px 22px;display:grid;position:relative}.cl-card .card-brand-rest svg:not(.icon){height:19px}.cl-card p{color:color-mix(in srgb, var(--paper) 84%, transparent);text-wrap:pretty;font-size:14px;line-height:1.5}.cl-chip{z-index:1;align-content:center;gap:var(--s1);padding:var(--s3) 18px;border-radius:var(--round);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent), var(--shadow);font-size:var(--small);color:var(--ink);background:#fff;line-height:1.35;display:grid;position:relative}.cl-k{color:var(--label);font-size:12px}[data-co=harmonica]{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-areas:"top top""card side";gap:12px;display:grid}[data-co=harmonica] .cl-card{grid-area:card}.cl-photo{aspect-ratio:2.1;border-radius:var(--round);box-shadow:var(--shadow);grid-area:top;overflow:hidden}.cl-photo img{object-fit:cover;width:100%;height:100%;display:block}.cl-vitals{grid-area:side;overflow:hidden}.cl-vitals .cl-k{align-items:center;gap:6px;display:flex}.cl-beat{background:var(--deep);width:7px;height:7px;animation:beat .9375s var(--ease) infinite;border-radius:50%}@keyframes beat{0%,to{opacity:.6;scale:.7}18%{opacity:1;scale:1.25}}.cl-vitals .cl-v{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:500;line-height:1.1}.cl-vitals small{color:var(--label);margin-left:3px;font-size:13px}.cl-ecg{width:calc(100% + 36px);height:30px;margin:var(--s1) -18px 0;overflow:visible;-webkit-mask:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.cl-ecg path{fill:none;stroke:var(--deep);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;animation:.9375s linear infinite trace}@keyframes trace{to{translate:-40px}}[data-co=in]{height:400px}[data-co=in]>*{translate:var(--push,0 0);transition:translate .5s var(--ease);animation-name:burst;animation-duration:.9s;position:absolute}@keyframes burst{0%{opacity:0;translate:var(--from);scale:.6}40%{opacity:1}}[data-co=in] .cl-card{z-index:3;--from:0 0;width:64%;top:22%;left:18%}[data-co=in] .cl-script{z-index:1;--from:25cqi 32%;width:44%;top:0;left:5%;rotate:-3deg}[data-co=in] .cl-ratios{z-index:1;--from:-25cqi 30%;width:42%;top:3%;right:5%;rotate:3deg}[data-co=in] .cl-cut{z-index:2;--from:0 -40%;width:84%;padding-top:68px;top:50%;left:8%}[data-co=in]:hover .cl-script{--push:-10px -6px}[data-co=in]:hover .cl-ratios{--push:10px -6px}[data-co=in]:hover .cl-cut{--push:0 10px}.cl-script{box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent), var(--shadow);font:400 10.5px/1.35 var(--font-courier), "Courier New", monospace;color:var(--ink);background:#fff;border-radius:6px;align-content:start;gap:7px;padding:22px 16px 18px;display:grid}.cl-slug{font-weight:700}.cl-who{margin:4px 0 -6px 34%}.cl-paren{margin:0 0 -6px 26%}.cl-line{margin:0 10% 0 16%}.cl-page{font-size:10px;position:absolute;top:8px;right:12px}.cl-cut{gap:10px;padding:14px 16px 16px}.cl-cut b{margin-left:var(--s2);font-variant-numeric:tabular-nums;color:var(--ink);font-weight:500}.cl-tracks{height:62px;position:relative}.cl-tracks i{border-left:2px solid var(--deep);background:color-mix(in srgb, var(--spot) 40%, white);height:16px;font:400 9.5px/16px var(--sans);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:0 6px;position:absolute;overflow:hidden}.cl-tracks i[data-track="2"]{top:0}.cl-tracks i[data-track="1"]{top:20px}.cl-score{width:100%;height:20px;fill:color-mix(in srgb, var(--deep) 70%, transparent);position:absolute;bottom:0;left:0}.cl-playhead{background:var(--ink);border-radius:1px;width:2px;animation:6s linear both playhead;position:absolute;top:-4px;bottom:0}@keyframes playhead{0%{left:0}to{left:100%}}.cl-ratios{justify-items:center;gap:var(--s2)}.cl-ratios svg{fill:none;width:100%;height:56px;stroke:color-mix(in srgb, var(--ink) 30%, transparent);stroke-width:1.2px}.cl-ratios rect:last-child{stroke:var(--deep);stroke-width:2px}.cl-ratio-labels{gap:var(--s3);display:flex}[data-co=tessera]{height:430px}[data-co=tessera] .cl-card{width:70%;position:absolute;top:21%;left:0}.cl-mosaic{position:absolute;inset:0}.cl-mosaic i{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);background:color-mix(in oklch, var(--spot) calc(var(--n) * 10%), white);box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 6%, transparent);transform:rotate(var(--a)) translateX(var(--d)) rotate(calc(-1 * var(--a) + var(--k) * 9deg));animation:1.1s cubic-bezier(.2,1.1,.3,1) both thrown;animation-delay:calc(.12s + var(--k) * 30ms);border-radius:5px;position:absolute;top:38%;left:35%}.cl-mosaic i:nth-child(5){background:var(--ink)}@keyframes thrown{0%{opacity:0;transform:rotate(var(--a)) translateX(0) scale(.3)}}[data-co=tessera] .cl-mosaic{animation:none}.cl-said{gap:6px;width:66%;padding:72px 20px 16px;position:absolute;top:42%;right:0}.cl-tags{margin-bottom:var(--s1);flex-wrap:wrap;gap:6px;display:flex}.cl-tags s,.cl-tags b{border-radius:var(--radius-pill);padding:2px 10px;font-weight:400}.cl-tags s{color:var(--label);box-shadow:inset 0 0 0 1px var(--hair)}.cl-tags b{background:var(--spot)}[data-co=waypoints]{row-gap:var(--s4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.cl-route{gap:var(--s3);grid-column:1/6;padding:18px 20px}[data-co=waypoints] .cl-card{order:1;grid-column:2/7}.cl-path{width:100%;height:100%;animation:none;position:absolute;inset:0;overflow:visible}.cl-path path{fill:none;stroke:var(--deep);stroke-width:2px;stroke-dasharray:5 6;vector-effect:non-scaling-stroke;opacity:.55;animation:route 1.2s var(--ease) .2s both}@keyframes route{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.cl-route ol{grid-template-columns:repeat(4,1fr);display:grid}.cl-route li{padding:20px 8px 0 0;font-size:12.5px;line-height:1.25;position:relative}.cl-route li:before{content:"";z-index:1;width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--hair);background:#fff;border-radius:50%;position:absolute;top:0;left:0}.cl-route li:not(:last-child):after{content:"";background:var(--hair);height:2px;position:absolute;top:5px;left:12px;right:0}.cl-route li[data-state=done]:before{background:var(--deep);box-shadow:none}.cl-route li[data-state=done]:after{background:var(--deep)}.cl-route li[data-state=now]:before{box-shadow:inset 0 0 0 2px var(--deep), 0 0 0 5px color-mix(in srgb, var(--spot) 35%, transparent)}.cl-route li[data-state=next]{color:var(--label)}.cl-ai{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--spot) 28%, white);justify-self:start;padding:3px 10px;font-size:12px}.cl-next{grid-column:3/7;gap:6px}.cl-next-goal{color:var(--deep);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.cl-next-goal svg{background:var(--deep);fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;border-radius:50%;width:18px;height:18px;padding:3px}@media (max-width:700px){[data-co=in]{height:470px}[data-co=in] .cl-card{top:18%}[data-co=in] .cl-cut{padding-top:44px;top:60%}[data-co=tessera] .cl-card{width:78%;top:12%}.cl-said{width:74%;padding-top:64px;top:38%}}@media (prefers-reduced-motion:reduce){.cl-beat,.cl-ecg path,.cl-playhead,.cluster>*,.cl-mosaic i,.cl-path path{animation:none}}}