.hc-moment{align-items:center;padding-bottom:24px;position:relative}.hc-moment .q3-stat-number{margin:10px 8px 0 0;display:inline-block;position:relative}.hc-moment .q3-stat-number .figma-frame{inset:-5px -7px}.hc-moment .hc-moment-side{text-align:left;align-self:center;padding-bottom:0;position:relative}.hc-moment .hc-moment-list{--stat-gap:clamp(24px, 3vw, 44px);justify-content:flex-start;align-items:baseline;gap:20px var(--stat-gap);flex-wrap:wrap}.hc-moment .hc-moment-list li{white-space:nowrap;flex-wrap:nowrap;align-items:baseline;gap:8px;font-size:13px;line-height:1;position:relative}.hc-moment .hc-moment-list li+li:before{content:"";background:var(--border-strong);width:1px;height:16px;position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--stat-gap) / -2);transform:translateY(-50%)}.hc-moment .hc-moment-list .figma-badge{color:var(--text-3);margin-right:2px}.hc-moment .hc-moment-n{font-size:22px;font-weight:400;line-height:1}@media (min-width:768px){.hc-moment .hc-moment-tools{width:max-content;position:absolute;top:100%;right:0}}.hc-moment .hc-moment-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;font-size:11px;display:flex}.hc-moment-tools .q3-tool-pill{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-1);color:var(--text-2);align-items:center;gap:6px;padding:4px 9px;font-size:11px;text-decoration:none;display:inline-flex}.q3-tool-pill img{object-fit:contain}.hc-feature-no .hc-feature-digits{display:inline-block}.hc-feature-no>small{align-items:center;gap:5px;display:flex}.hc-feature .hc-actions{gap:24px;position:relative}.hc-feature .hc-index-row{gap:14px;min-height:76px;padding:24px 10px 24px 18px;transition:none}.hc-feature .hc-index-row[data-active]{background:0 0;padding-left:18px}.hc-wall-item>.figma-frame,.hc-feature-cover>.figma-frame{--figma-line:var(--accent);inset:7px}.hc-wall-item>.figma-frame{aspect-ratio:16/9;height:auto;bottom:auto}.hc-wall-item>.figma-frame .figma-frame-label,.hc-feature-cover>.figma-frame .figma-frame-label{background:var(--brand-ink);color:var(--accent);padding:2px 6px;top:6px;bottom:auto;left:7px}.hc-wall-item>.figma-frame:before,.hc-feature-cover>.figma-frame:before{border-color:#0000}.hc-wall-item>.figma-frame,.hc-feature-cover>.figma-frame{transform:none}.hc-wall-item>.figma-rotate-cursor,.hc-feature-cover>.figma-rotate-cursor{top:16px;right:16px}.q3-stat-cursor{top:70%;left:calc(100% - 8px)}.q3-stat-small .q3-stat-cursor{top:calc(100% + 14px);left:6px}.q3-stat-number .hc-moment-digits,.q3-stat-small .hc-moment-n{z-index:1;position:relative}.q3-stat-number:before{content:"";background:var(--accent);opacity:var(--figma-active,0);transform:scaleX(calc(.92 + var(--figma-active,0) * .08));transform-origin:0;transition:transform .22s var(--ease-ui), opacity .18s var(--ease-ui);position:absolute;inset:-3px -5px}.q3-stat-number:focus .hc-moment-digits{color:var(--brand-ink)}.q3-stat-small .hc-moment-n{background:linear-gradient(var(--figma-selection), var(--figma-selection)) no-repeat 0 0;background-size:calc(var(--figma-active,0) * 100%) 100%;margin-inline:-.06em;padding-inline:.06em;display:inline-block}.q3-stat-small:after{content:"";background:var(--accent-ink);opacity:0;pointer-events:none;border-radius:1px;width:2px;position:absolute;top:.04em;bottom:-.02em;right:-.12em}.q3-stat-small:is([data-figma-entered],:focus):after{animation:1.06s steps(2,jump-none) infinite q3-caret-blink}.q3-stat-small:is([data-figma-entered],:focus) .hc-moment-n{color:var(--text-1)}@keyframes q3-caret-blink{0%{opacity:1}to{opacity:0}}[data-theme=dark] .q3-stat-small:after{background:var(--accent)}.hc-moment .q3-stat-small{align-items:baseline;line-height:1;display:inline-flex}.hc-moment .q3-weekly{align-items:baseline}.q3-weekly-signature{position:absolute;inset-block-start:50%;inset-inline-start:calc(100% + 4px);transform:translateY(-50%)}.q3-weekly-signature svg{width:15px;height:18px}.hc-feature-no .figma-comment{writing-mode:horizontal-tb;letter-spacing:normal}.hc-feature-no>small .figma-badge{color:var(--text-3)}.hc-feature .hc-index-no{border-radius:4px;width:max-content;margin-left:-6px;padding:3px 6px}.hc-feature .hc-index-row:focus .hc-index-no{background:var(--accent);color:var(--brand-ink)}.q3-row-measure{height:24px;opacity:var(--figma-active,0);transform:translateX(calc(-4px + var(--figma-active,0) * 4px));transition:transform .2s var(--ease-ui), opacity .18s var(--ease-ui);position:absolute;bottom:0;left:3px}.q3-row-measure>i{border:1px solid;border-inline:0;width:5px;height:24px}.q3-row-measure>i:after{border-top:0;border-left:1px solid;inset:0 auto 0 2px}.q3-row-measure>i:last-child{display:none}@media (hover:hover) and (pointer:fine){.q3-stat-number:hover .hc-moment-digits{color:var(--brand-ink)}.hc-feature .hc-index-row:hover .hc-index-no{background:var(--accent);color:var(--brand-ink)}}.hc-feature .hc-index-access{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface-1);color:var(--text-2);letter-spacing:.02em;flex:none;align-items:center;padding:3px 8px;font-size:10px;font-weight:400;display:inline-flex}.hc-feature .hc-index-access[data-free]{background:color-mix(in srgb, var(--accent) 10%, var(--surface-1));color:var(--accent-ink);border-color:color-mix(in srgb, var(--accent-ink) 20%, var(--border))}.hc-feature .hc-index-peek{background:var(--surface-1);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.hc-index-peek .hc-index-peek-media{height:100%;position:relative;inset:auto}.q3-peek-link{height:100%;color:var(--text-1);flex-direction:column;text-decoration:none;display:flex}.q3-peek-image{aspect-ratio:16/10;background:var(--surface-2);flex:none;display:block;position:relative;overflow:hidden}.q3-peek-image img{object-fit:contain}.q3-peek-panel{border-top:1px solid var(--border);flex-direction:column;flex:1;gap:14px;padding:22px 24px 20px;display:flex}.q3-peek-top{color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.q3-peek-title{-webkit-line-clamp:2;letter-spacing:-.02em;-webkit-box-orient:vertical;font-size:20px;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.q3-peek-meta{color:var(--text-2);align-items:center;gap:8px;font-size:11px;display:flex}.q3-peek-action{border-top:1px solid var(--border);color:var(--text-1);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.q3-peek-action>svg{border:1px solid var(--border);border-radius:50%;width:26px;height:26px;padding:5px}@media (max-width:1100px){.hc-moment .hc-moment-list{--stat-gap:24px}.hc-moment .hc-moment-list li{flex-wrap:nowrap;gap:8px}.hc-moment .hc-moment-list .figma-badge{display:none}}@media (max-width:767px){.hc-moment{grid-template-columns:1fr;gap:38px;padding-top:36px}.hc-moment .hc-moment-side{justify-self:stretch}.hc-moment .hc-moment-list{--stat-gap:24px;justify-content:flex-start;gap:20px var(--stat-gap)}.hc-moment .hc-moment-list li{gap:6px;font-size:12px}.hc-moment .hc-moment-list .figma-badge{display:inline-flex}.hc-moment .hc-moment-tools{margin-top:32px}.q3-stat-cursor{display:none}.hc-moment .q3-weekly-signature{display:inline-flex}.hc-feature .hc-index-row{grid-template-columns:60px minmax(0,1fr) auto;gap:10px;padding:24px 8px}.hc-feature .hc-index-row[data-active]{padding-left:8px}.hc-feature .hc-index-series,.hc-feature .hc-index-arrow{display:none}.hc-feature .hc-index-no{font-size:10px}.hc-feature .hc-index-title{font-size:14px}.q3-row-measure{left:0}.hc-feature-no .figma-comment{width:clamp(92px,100vw - 220px,160px);top:16px;left:calc(100% + 32px)}.hc-feature-no .figma-comment>span{white-space:normal;flex:1;min-width:0}.hc-feature-no .figma-annotation{inset:-6px 1px}}@media (prefers-reduced-motion:reduce){.q3-row-measure{display:none}.q3-stat-number:before{transition:none;transform:none}.q3-stat-small:is([data-figma-entered],:focus):after{opacity:1;animation:none}}.hc-feature-cta{display:inline-flex;position:relative}.hc-cta-measure{opacity:0;pointer-events:none;width:24px;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:100%}.hc-actions:is(:hover,:focus-within) .hc-cta-measure{opacity:1;width:24px;position:absolute;inset-block-start:calc(100% + 4px);inset-inline-start:100%}