.helmora{--helmora-eyebrow: var(--bb-color-primary);--helmora-title: var(--bb-color-text);--helmora-line: var(--bb-color-text-muted);--helmora-shadow: 0 0 14px rgb(255 255 255 / 80%);--helmora-scrim-rgb: 255 255 255;--helmora-gutter: clamp(16px, 4vw, 48px);--bb-bleed-bg: var(--bb-color-bg);padding-block:var(--section-gap) 0;overflow-x:clip}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .helmora{--helmora-eyebrow: #ffff66;--helmora-title: #fff;--helmora-line: rgb(255 255 255 / 85%);--helmora-shadow: 0 1px 12px rgb(0 0 0 / 35%);--helmora-scrim-rgb: 10 10 10}}:root[data-theme=dark] .helmora{--helmora-eyebrow: #ffff66;--helmora-title: #fff;--helmora-line: rgb(255 255 255 / 85%);--helmora-shadow: 0 1px 12px rgb(0 0 0 / 35%);--helmora-scrim-rgb: 10 10 10}.helmora-head{max-width:46rem;margin-inline:auto;padding-inline:var(--bb-space-5);text-align:center;margin-bottom:var(--bb-space-8)}.helmora-head .eyebrow{margin:0 0 var(--bb-space-2);font-size:.8125rem;letter-spacing:.08em}.helmora-head h2{margin:0 0 var(--bb-space-4);font-family:var(--bb-font-display);font-size:clamp(2.25rem,4vw + 1rem,4rem);line-height:1.05;letter-spacing:-.03em}.helmora-head .lede{margin:0;color:var(--bb-color-text-muted);font-size:1.125rem;max-width:60ch;margin-inline:auto}.helmora-ticks,.helmora-scene{display:none}.helmora-chapters{display:grid;gap:clamp(2.5rem,7vw,5rem);padding-inline:var(--helmora-gutter)}.helmora-figure{position:relative;margin:0 auto;width:min(100%,1200px)}.helmora-frame{position:relative;border-radius:20px;overflow:hidden;background:var(--bb-color-surface);box-shadow:var(--bb-shadow-3),0 40px 80px -36px #0006}.helmora-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 64% 46% at 0 0,rgb(var(--helmora-scrim-rgb) / 94%),rgb(var(--helmora-scrim-rgb) / 90%) 62%,rgb(var(--helmora-scrim-rgb) / 0%))}.helmora-screen{position:relative;aspect-ratio:var(--hm-ar, 16 / 10);overflow:hidden;background:var(--bb-color-surface)}.helmora-img,.helmora-img img{display:block;width:100%;height:100%}.helmora-img img{object-fit:cover}.helmora-img--dark{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .helmora-img--light{display:none}:root:not([data-theme=light]) .helmora-img--dark{display:block}}:root[data-theme=dark] .helmora-img--light{display:none}:root[data-theme=dark] .helmora-img--dark{display:block}.helmora-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--bb-motion-duration-slow) var(--bb-motion-ease-standard)}.helmora-video.is-playing{opacity:1}.helmora-toggle,.helmora-tap{position:absolute;z-index:2;border:1px solid rgb(255 255 255 / 35%);border-radius:var(--bb-radius-pill);background:#00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font:inherit;font-size:var(--bb-font-size-xs);cursor:pointer}.helmora-toggle{top:12px;right:12px;min-height:28px;padding:0 var(--bb-space-3)}.helmora-tap{bottom:12px;right:12px;min-height:44px;padding:0 var(--bb-space-5);font-size:var(--bb-font-size-sm)}@media(min-width:600px){.helmora-tap{right:auto;left:38%}}.helmora-toggle:focus-visible,.helmora-tap:focus-visible{outline:2px solid var(--bb-color-focus);outline-offset:2px}.helmora-toggle[hidden],.helmora-tap[hidden]{display:none}.helmora-chapter{scroll-margin-top:calc(var(--bb-nav-height, 64px) + 16px)}.helmora-caption__head{position:absolute;z-index:1;inset:0 0 auto;padding:clamp(16px,4vw,40px) clamp(16px,4vw,40px) 0;color:var(--helmora-title);text-shadow:var(--helmora-shadow)}.helmora-eyebrow{margin:0 0 var(--bb-space-2);color:var(--helmora-eyebrow);font-size:13px;line-height:18px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.helmora-caption h3{margin:0;font-family:var(--bb-font-display);font-size:clamp(32px,4vw,56px);line-height:1.1;font-weight:700;letter-spacing:-.02em}.helmora-line{margin:var(--bb-space-4) 0 0;color:var(--bb-color-text-muted);font-size:1.125rem;line-height:1.55;max-width:40rem}@media(max-width:599.98px){.helmora-caption h3{font-size:clamp(28px,8vw,32px)}.helmora-screen{aspect-ratio:9 / 16}.helmora-frame:after{background:linear-gradient(to bottom,rgb(var(--helmora-scrim-rgb) / 94%),rgb(var(--helmora-scrim-rgb) / 70%) 60%,rgb(var(--helmora-scrim-rgb) / 0%));height:30%;inset:0 0 auto}.helmora-frame{border-radius:20px}}.helmora[data-mode=stacked] .helmora-chapter{opacity:0;transform:translateY(28px);transition:opacity var(--bb-motion-duration-reveal, .6s) var(--bb-motion-ease-out-expo),transform var(--bb-motion-duration-reveal, .6s) var(--bb-motion-ease-out-expo)}.helmora[data-mode=stacked] .helmora-chapter[data-in]{opacity:1;transform:none}.helmora-soon{margin-inline:auto;padding:var(--bb-space-8) var(--bb-space-5) 0;text-align:center}.helmora-soon__lead{margin:0 0 var(--bb-space-3);color:var(--bb-color-text-subtle);font-size:var(--bb-font-size-sm);letter-spacing:.08em;text-transform:uppercase}.helmora-soon ul{display:flex;flex-wrap:wrap;gap:var(--bb-space-3);justify-content:center;margin:0;padding:0;list-style:none}.helmora-soon li{max-width:26rem;padding:var(--bb-space-3) var(--bb-space-4);border:1px dashed var(--bb-color-border-strong);border-radius:var(--bb-radius-lg);color:var(--bb-color-text-muted);text-align:left}.helmora[data-mode=pinned]{padding-block-end:0}.helmora[data-mode=pinned] .helmora-pin{height:calc(100svh * (1 + .8 * var(--helmora-steps)))}.helmora[data-mode=pinned] .helmora-stage{position:sticky;top:0;height:100svh;background:var(--bb-color-bg);overflow:hidden}.helmora[data-mode=pinned] .helmora-scene{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.5;pointer-events:none;background:url(/three/zones-depth.svg) center / cover no-repeat}.helmora[data-mode=pinned] .helmora-scene[data-scene=live]{background:none}.helmora[data-mode=pinned] .helmora-chapters{position:absolute;top:72px;right:24px;bottom:64px;left:24px;display:block;padding:0}.helmora[data-mode=pinned] .helmora-chapter{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .4s var(--bb-motion-ease-out-expo),visibility 0s linear .4s}.helmora[data-mode=pinned] .helmora-chapter.is-active{opacity:1;visibility:visible;transition-delay:0s;z-index:1}.helmora[data-mode=pinned] .helmora-figure{width:min(100%,calc((100svh - 136px) * var(--hm-r, 1.6)));margin:0}.helmora[data-mode=pinned] .helmora-frame,.helmora[data-mode=pinned] .helmora-screen{width:100%;margin:0}.helmora[data-mode=pinned] .helmora-frame{border-radius:24px}.helmora[data-mode=pinned] .helmora-caption{position:absolute;z-index:1;top:48px;left:0;right:0;width:min(1200px,calc(100% - 96px));margin-inline:auto;pointer-events:none}.helmora[data-mode=pinned] .helmora-caption__head{position:static;padding:0}.helmora[data-mode=pinned] .helmora-line{margin-top:var(--bb-space-3);color:var(--helmora-line);font-size:18px;line-height:28px;max-width:min(44rem,58%);text-shadow:var(--helmora-shadow)}.helmora[data-mode=pinned] .helmora-caption>*{opacity:0;transform:translateY(12px);transition:opacity .24s var(--bb-motion-ease-out-expo),transform .24s var(--bb-motion-ease-out-expo)}.helmora[data-mode=pinned] .helmora-chapter.is-past .helmora-caption>*{transform:translateY(-12px)}.helmora[data-mode=pinned] .helmora-chapter.is-active .helmora-caption>*{opacity:1;transform:none;transition-duration:.32s;transition-delay:80ms}.helmora[data-mode=pinned] .helmora-ticks{display:flex;position:absolute;bottom:20px;left:0;right:0;justify-content:center;gap:0;z-index:2}.helmora-tick{position:relative;flex:none;width:36px;height:24px;margin-inline:0;padding:0;border:0;background:none;cursor:pointer;transition:width .32s var(--bb-motion-ease-out-expo)}.helmora-tick:before{content:"";position:absolute;top:10px;right:6px;bottom:10px;left:6px;border-radius:2px;background:var(--bb-color-border-strong);transition:background-color .24s var(--bb-motion-ease-standard)}.helmora-tick:hover:before{background:var(--bb-color-text-subtle)}.helmora-tick[aria-selected=true]{width:52px}.helmora-tick[aria-selected=true]:before{background:var(--bb-color-primary-fill)}.helmora-tick:focus-visible{outline:2px solid var(--bb-color-focus);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){.helmora *,.helmora *:before,.helmora *:after{transition-duration:0s!important;transition-delay:0s!important}}@media print{.helmora-pin{height:auto!important}.helmora-stage{position:static!important;height:auto!important}}.helmora-play{max-width:1200px;margin-inline:auto;padding-inline:clamp(16px,4vw,48px);margin-top:var(--section-gap);display:grid;gap:var(--section-gap)}.helmora-play .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.demo{display:grid;gap:var(--bb-space-4)}.demo[hidden]{display:none}.demo__head{text-align:center;max-width:40rem;margin-inline:auto}.demo__head h3,.kinds__head h3{margin:0 0 var(--bb-space-2);font-family:var(--bb-font-display);font-size:clamp(1.5rem,1.5vw + 1rem,2.25rem);letter-spacing:-.02em;line-height:1.1}.demo__head p{margin:0;color:var(--bb-color-text-muted)}.demo__tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--bb-space-3)}.demo__note{color:var(--bb-color-text-subtle);font-size:var(--bb-font-size-sm)}.demo__board{position:relative;height:clamp(420px,60svh,640px);border:1px solid var(--bb-color-border-strong);border-radius:20px;overflow:clip;container-type:size;background:radial-gradient(circle at 1px 1px,var(--bb-color-canvas-dot) 1.2px,transparent 1.6px) 0 0 / 24px 24px,var(--bb-color-canvas-bg);box-shadow:var(--bb-shadow-2),inset 0 1px color-mix(in srgb,var(--bb-color-on-accent) 8%,transparent);user-select:none;-webkit-user-select:none}.demo__board[data-placing]{cursor:crosshair;border-color:var(--bb-color-primary-border);box-shadow:var(--bb-shadow-2),0 0 0 4px color-mix(in srgb,var(--bb-color-primary) 22%,transparent)}.demo__zone{position:absolute;border-radius:18px;pointer-events:none;background:transparent;outline:1.5px solid transparent;outline-offset:0;transition:left .32s var(--bb-ease-out, ease-out),top .32s var(--bb-ease-out, ease-out),width .32s var(--bb-ease-out, ease-out),height .32s var(--bb-ease-out, ease-out),outline-color .16s ease-out,background-color .16s ease-out}.demo__zone.is-hover{outline-color:color-mix(in srgb,var(--bb-color-primary) 45%,transparent);background:color-mix(in srgb,var(--bb-color-primary) 4%,transparent)}.demo__zone-label{position:absolute;left:4px;bottom:100%;padding-bottom:5px;font-size:13px;line-height:18px;font-weight:600;letter-spacing:.01em;color:var(--bb-color-text-muted);white-space:nowrap}@media(prefers-reduced-motion:reduce){.demo__zone{transition:none}}.demo__links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.demo__links path{fill:none;stroke:color-mix(in srgb,var(--bb-color-primary) 70%,var(--bb-color-text-subtle));stroke-width:1.75;stroke-dasharray:5 5;stroke-linecap:round}.demo__links marker path{fill:color-mix(in srgb,var(--bb-color-primary) 70%,var(--bb-color-text-subtle));stroke:none;stroke-dasharray:none}.demo-card{--w: 11;--h: 7;--demo-tone: var(--bb-color-chart-1);font-size:.72rem;font-size:clamp(.72rem,1.15cqw,1rem);position:absolute;left:0;top:0;width:calc(var(--w) * 1em);height:calc(var(--h) * 1em);padding:.7em .8em;display:flex;flex-direction:column;gap:.5em;align-items:stretch;border:1px solid var(--bb-color-border-strong);border-radius:1em;color:var(--bb-color-text);text-align:left;font-family:inherit;cursor:grab;touch-action:none;background:linear-gradient(165deg,color-mix(in srgb,var(--demo-tone) 14%,var(--bb-color-surface)),var(--bb-color-surface) 65%);box-shadow:var(--bb-shadow-1);will-change:transform;-webkit-tap-highlight-color:transparent;transition:box-shadow var(--bb-motion-duration-base) var(--bb-motion-ease-standard),border-color var(--bb-motion-duration-fast) var(--bb-motion-ease-standard)}.demo-card--question{--w: 11;--h: 6;--demo-tone: var(--bb-color-chart-3)}.demo-card--kanban{--w: 14;--h: 8.5;--demo-tone: var(--bb-color-chart-1)}.demo-card--chart{--w: 10.5;--h: 8;--demo-tone: var(--bb-color-chart-2)}.demo-card--table{--w: 10;--h: 7;--demo-tone: var(--bb-color-chart-4)}.demo-card--timeline{--w: 10;--h: 5.5;--demo-tone: var(--bb-color-chart-5)}.demo-card--code{--w: 10;--h: 6;--demo-tone: var(--bb-color-chart-3)}.demo-card--media{--w: 10;--h: 6.5;--demo-tone: var(--bb-color-chart-4)}.demo-card--status{--w: 10;--h: 5.5;--demo-tone: var(--bb-color-chart-2)}.demo-card:hover{border-color:var(--bb-color-primary-border)}.demo-card:focus-visible{outline:3px solid var(--bb-color-focus);outline-offset:3px}.demo-card.is-held{z-index:3;cursor:grabbing;border-color:var(--bb-color-primary);box-shadow:var(--bb-shadow-3),0 22px 36px -14px #00000073,0 0 0 3px color-mix(in srgb,var(--bb-color-primary) 35%,transparent)}.demo-card.is-dragging{cursor:grabbing}.demo-card__head{display:flex;align-items:center;gap:.5em;min-width:0}.demo-card__icon{display:grid;place-items:center;flex:none;width:1.7em;height:1.7em;border-radius:.5em;color:var(--demo-tone);background:color-mix(in srgb,var(--demo-tone) 18%,var(--bb-color-surface))}.demo-card__icon svg{width:1.1em;height:1.1em}.demo-card__label{font-weight:var(--bb-font-weight-bold);font-size:1.05em;line-height:1.15}.demo-card__body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-between;gap:.5em}.demo-card__body i,.demo-card__body b,.demo-card__body em{display:block;font-style:normal}.mini-lanes{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:.4em;min-height:0}.mini-lane{display:flex;flex-direction:column;gap:.3em;padding:.3em;border-radius:.5em;background:color-mix(in srgb,var(--bb-color-border) 60%,transparent)}.mini-lane i{height:1em;border-radius:.3em;background:var(--bb-color-surface);border:1px solid var(--bb-color-border-strong)}.mini-lane i.is-done{background:var(--bb-color-chart-2);border-color:var(--bb-color-chart-2);position:relative}.mini-lane i.is-done:after{content:"";position:absolute;left:35%;top:12%;width:22%;height:46%;border:solid var(--bb-color-surface);border-width:0 .18em .18em 0;transform:rotate(45deg)}.mini-bars{flex:1;display:flex;align-items:flex-end;gap:.4em;padding-bottom:.1em;border-bottom:1px solid var(--bb-color-border-strong)}.mini-bars i{flex:1;border-radius:.25em .25em 0 0;background:linear-gradient(var(--bb-color-chart-2),color-mix(in srgb,var(--bb-color-chart-2) 55%,var(--bb-color-surface)))}.mini-q{display:flex;gap:.6em;align-items:flex-start}.mini-avatar{flex:none;width:1.7em;height:1.7em;border-radius:50%;background:linear-gradient(135deg,var(--bb-color-chart-3),var(--bb-color-chart-1))}.mini-ask{font-weight:var(--bb-font-weight-bold);font-size:1.05em;line-height:1.25}.mini-opts{display:flex;gap:.5em}.mini-opts em{padding:.15em .7em;border:1px solid var(--bb-color-border-strong);border-radius:99em;font-size:.9em;color:var(--bb-color-text-muted)}.mini-opts em:first-child{color:var(--bb-color-primary);border-color:var(--bb-color-primary-border)}.mini-table{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:.3em}.mini-table i{border-radius:.3em;background:color-mix(in srgb,var(--bb-color-border-strong) 70%,transparent)}.mini-table i.is-head{background:color-mix(in srgb,var(--demo-tone) 50%,var(--bb-color-border-strong))}.mini-line{position:relative;flex:1;display:flex;align-items:center;justify-content:space-between;padding-inline:.2em}.mini-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--bb-color-border-strong);transform:translateY(-50%)}.mini-line b{position:relative;width:.9em;height:.9em;border-radius:50%;background:var(--demo-tone);box-shadow:0 0 0 .25em var(--bb-color-surface)}.mini-code{flex:1;display:grid;align-content:center;gap:.4em;padding:.4em;border-radius:.5em;background:color-mix(in srgb,var(--bb-color-border) 60%,transparent)}.mini-code i{height:.5em;border-radius:.3em;background:color-mix(in srgb,var(--demo-tone) 65%,var(--bb-color-border-strong))}.mini-code i:nth-child(2){background:color-mix(in srgb,var(--bb-color-chart-2) 65%,var(--bb-color-border-strong))}.mini-media{flex:1;border-radius:.5em;background:linear-gradient(135deg,var(--bb-color-chart-4),var(--bb-color-chart-1));position:relative;overflow:hidden}.mini-media b{position:absolute;right:.8em;top:.6em;width:1em;height:1em;border-radius:50%;background:var(--bb-color-surface);opacity:.85}.mini-status{height:.6em;border-radius:99em;background:var(--bb-color-border-strong);overflow:hidden}.mini-status i{width:68%;height:100%;background:var(--bb-color-chart-2)}.mini-ticks{display:flex;gap:.4em}.mini-ticks b{width:.8em;height:.8em;border-radius:50%;background:var(--bb-color-chart-2)}.mini-ticks b:last-child{background:var(--bb-color-border-strong)}.demo__ghost{position:absolute;left:0;top:0;border:2px dashed var(--bb-color-primary);border-radius:14px;opacity:0;pointer-events:none;background:color-mix(in srgb,var(--bb-color-primary) 10%,transparent)}.demo__hint{margin:0;min-height:1.5em;text-align:center;color:var(--bb-color-text-muted);font-size:var(--bb-font-size-sm)}@media(max-width:66.49rem){.demo__board{height:22rem}}.kinds{display:grid;gap:var(--bb-space-4)}.kinds__head{display:flex;align-items:center;justify-content:space-between;gap:var(--bb-space-4)}.kinds__head h3{margin:0}.kinds__nav{display:flex;gap:var(--bb-space-2)}.kinds__btn{font-size:1.125rem}.kinds__rail{position:relative;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:var(--bb-space-3);--rail-edge: clamp(16px, 4vw, 48px);margin-inline:calc(var(--rail-edge) * -1);padding-inline:var(--rail-edge);scroll-padding-inline:var(--rail-edge);border-radius:16px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 32px,#000 calc(100% - 32px),transparent 100%)}@media(max-width:63.99rem){.kinds__nav{display:none}}.kinds__rail::-webkit-scrollbar{display:none}.kinds__rail:focus-visible{outline:3px solid var(--bb-color-focus);outline-offset:2px}.kinds__list{display:flex;gap:var(--bb-space-4);margin:0;padding:0;list-style:none;width:max-content}.kind{scroll-snap-align:start;flex:0 0 min(15rem,72vw);display:grid;gap:var(--bb-space-2);align-content:start;padding:var(--bb-space-5);border:1px solid var(--bb-color-border);border-radius:18px;background:var(--bb-color-surface);box-shadow:var(--bb-shadow-1);transition:transform var(--bb-motion-duration-base) var(--bb-motion-ease-out-expo),border-color var(--bb-motion-duration-fast) var(--bb-motion-ease-standard),box-shadow var(--bb-motion-duration-base) var(--bb-motion-ease-standard)}.kind:nth-child(5n+1){--kind-tone: var(--bb-color-chart-1)}.kind:nth-child(5n+2){--kind-tone: var(--bb-color-chart-2)}.kind:nth-child(5n+3){--kind-tone: var(--bb-color-chart-3)}.kind:nth-child(5n+4){--kind-tone: var(--bb-color-chart-4)}.kind:nth-child(5n+5){--kind-tone: var(--bb-color-chart-5)}.kind:hover{transform:translateY(-4px);border-color:var(--bb-color-primary-border);box-shadow:var(--bb-shadow-3)}.kind__icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:14px;color:var(--kind-tone);background:color-mix(in srgb,var(--kind-tone) 16%,var(--bb-color-surface))}.kind__name{margin:var(--bb-space-2) 0 0;font-size:var(--bb-font-size-lg)}.kind__line{margin:0;color:var(--bb-color-text-muted);font-size:var(--bb-font-size-sm)}.kind__add[hidden]{display:none}.kind__add{justify-self:start;margin-top:var(--bb-space-2);min-height:2rem}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){@keyframes kind-in{0%{opacity:.35;scale:.88}to{opacity:1;scale:1}}.kind{animation:kind-in linear both;animation-timeline:view(inline);animation-range:entry 0% entry 90%}}}@media(prefers-reduced-motion:reduce){.demo-card,.kind{transition:none}.kind:hover{transform:none}}