.demo-body{background:var(--bg2);padding:92px 56px 72px}.demo-wrap{max-width:1460px;margin:0 auto}.demo-console{display:flex;flex-direction:column;gap:14px}.demo-dare{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:26px 28px}.demo-dare-intro{font-size:var(--type-body);margin:0 0 6px}.demo-dare-intro,.demo-dare-note{font-family:var(--body);color:var(--fg3);line-height:1.5;max-width:720px}.demo-dare-note{font-size:var(--type-body-sm);margin:0 0 16px}.demo-pick{position:relative;display:inline-block;max-width:100%}.demo-pick-trigger{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:8px 11px 8px 14px;font-family:var(--head);font-size:var(--type-card);font-weight:600;letter-spacing:-.2px;line-height:1.15;color:var(--fg);text-align:left;background:var(--bg2);border:1px solid var(--border2);border-radius:10px;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),box-shadow .15s var(--ease)}.demo-pick-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-pick-trigger:hover:not(:disabled){background:var(--white);border-color:var(--ac)}.demo-pick-trigger:focus-visible,.demo-pick-trigger[aria-expanded=true]{outline:none;background:var(--white);border-color:var(--ac);box-shadow:0 0 0 3px var(--ac-l)}.demo-pick-trigger:disabled{cursor:default;color:var(--fg2)}.demo-pick-chevron{width:16px;height:16px;flex-shrink:0;padding:3px;border-radius:5px;color:var(--fg3);background:var(--white);border:1px solid var(--border);transition:transform .18s var(--ease),color .15s var(--ease)}.demo-pick-trigger:hover:not(:disabled) .demo-pick-chevron,.demo-pick-trigger[aria-expanded=true] .demo-pick-chevron{color:var(--ac);border-color:var(--ac-bg)}.demo-pick-trigger[aria-expanded=true] .demo-pick-chevron{transform:rotate(180deg)}.demo-pick-overlay{position:fixed;inset:0;z-index:30}.demo-pick-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:31;margin:0;padding:6px;min-width:100%;width:max-content;max-width:min(420px,90vw);list-style:none;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 10px rgba(20,20,45,.06),0 18px 44px rgba(20,20,45,.16);animation:demoMenuIn .16s var(--ease)}@keyframes demoMenuIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-pick-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;text-align:left;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .12s var(--ease)}.demo-pick-item:hover{background:var(--bg2)}.demo-pick-item.sel{background:var(--ac-l)}.demo-pick-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ac-l)}.demo-pick-item-name{flex:1 1;min-width:0;font-family:var(--head);font-size:var(--type-body);font-weight:400;color:var(--fg2)}.demo-pick-item.sel .demo-pick-item-name{font-weight:600;color:var(--fg)}.demo-pick-item-check{width:15px;height:15px;flex-shrink:0;color:var(--ac)}.demo-dare-order{margin:14px 0 0;font-family:var(--body);font-size:var(--type-card);font-weight:500;line-height:1.5;color:var(--fg);max-width:960px;text-wrap:pretty}.demo-dare-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}.demo-play{display:inline-flex;align-items:center;gap:10px;border:1px solid transparent;padding:13px 26px;font-size:var(--type-body);font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(28,25,110,.16),0 10px 22px rgba(66,60,210,.22)}.demo-play:disabled{cursor:default;box-shadow:none}.demo-play-glyph{width:11px;height:13px;flex-shrink:0}.demo-play-spin{width:13px;height:13px;border-radius:50%;border:2px solid hsla(0,0%,100%,.45);border-top-color:#fff;animation:demoSpin .7s linear infinite}@keyframes demoSpin{to{transform:rotate(1turn)}}.demo-dare-cta{font-family:var(--mono);font-size:var(--type-body-sm);font-weight:600;color:var(--ac);white-space:nowrap}.demo-dare-cta:hover{color:var(--ac2)}.demo-log{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.demo-logline{display:flex;align-items:flex-start;gap:11px;animation:demoLineIn .28s var(--ease)}@keyframes demoLineIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.demo-log-mark{flex-shrink:0;width:20px;height:20px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg2);color:var(--fg3)}.demo-log-mark svg{width:12px;height:12px}.demo-logline.run .demo-log-what{color:var(--fg2)}.demo-logline.done.allowed .demo-log-mark{background:#eef3ed;color:#548164}.demo-logline.done.blocked .demo-log-mark{background:#faecec;color:#c4554d}.demo-logline.done.flagged .demo-log-mark,.demo-logline.done.held .demo-log-mark{background:#f6efda;color:#866a1e}.demo-log-spin{width:12px;height:12px;border-radius:50%;border:2px solid var(--border2);border-top-color:var(--ac);animation:demoSpin .7s linear infinite}.demo-log-text{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-family:var(--body);font-size:var(--type-body);color:var(--fg);line-height:1.4}.demo-log-text .gt-badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;animation:demoBadgeIn .16s var(--ease)}@keyframes demoBadgeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.demo-log-text .gt-badge,.demo-logline,.demo-outcome{animation:none}}.demo-log-text .gt-badge.block{background:#faecec;color:#c4554d}.demo-log-text .gt-badge.flag,.demo-log-text .gt-badge.gate{background:#f6efda;color:#866a1e}.demo-log-text .gt-badge.allow{background:#eef3ed;color:#548164}.demo-appsep{display:flex;align-items:center;gap:14px;margin-top:6px}.demo-appsep-label{font-family:var(--mono);font-size:var(--type-label);text-transform:uppercase;letter-spacing:.1em;color:var(--fg3);white-space:nowrap}.demo-appsep-rule{flex:1 1;height:0;border-top:1px dashed var(--border2)}.demo-stage-note{font-family:var(--body);font-size:var(--type-body-sm);color:var(--fg3);line-height:1.5;margin:8px 0 0;max-width:720px}.demo-outcome{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:16px;padding:11px 16px;background:#eef3ed;border:1px solid rgba(84,129,100,.22);border-radius:8px;animation:demoFadeUp .4s var(--ease)}@keyframes demoFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.demo-outcome-mark{width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#548164;color:#fff}.demo-outcome-mark svg{width:12px;height:12px}.demo-outcome-label{font-family:var(--mono);font-size:var(--type-label);font-weight:600;letter-spacing:.12em;color:#548164}.demo-outcome-text{flex:1 1 260px;min-width:0;font-family:var(--body);font-size:var(--type-body-sm);color:var(--fg);line-height:1.5}.demo-error{font-family:var(--mono);font-size:var(--type-body-sm);color:var(--warm);margin:12px 0 0}.demo-stage{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;background:var(--white);overflow:hidden;min-width:0}.demo-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg)}.demo-stage-title{gap:10px;min-width:0}.demo-stage-actions,.demo-stage-title{display:inline-flex;align-items:center}.demo-stage-actions{gap:14px}@media (hover:hover){.demo-stage-actions{opacity:0;transition:opacity .18s var(--ease)}.demo-stage:focus-within .demo-stage-actions,.demo-stage:hover .demo-stage-actions{opacity:1}}.demo-stage-open{font-family:var(--mono);font-size:var(--type-label);color:var(--ac);text-decoration:none;white-space:nowrap}.demo-stage-open:hover{color:var(--ac2)}.demo-stage-fs,.demo-stage-reset{font-family:var(--mono);font-size:var(--type-label);color:var(--fg2);background:var(--white);border:1px solid var(--border2);border-radius:6px;padding:5px 10px;cursor:pointer;white-space:nowrap;transition:border-color .2s var(--ease),color .2s var(--ease)}.demo-stage-fs:hover,.demo-stage-reset:hover:not(:disabled){border-color:var(--ac);color:var(--ac)}.demo-stage-reset:disabled{opacity:.5;cursor:default}.demo-stage-view{position:relative;height:clamp(810px,102vh,1200px);background:var(--bg3);overflow:hidden}.demo-stage:-webkit-full-screen{border:0;border-radius:0}.demo-stage:fullscreen{border:0;border-radius:0}.demo-stage:-webkit-full-screen .demo-stage-view{height:auto;flex:1 1}.demo-stage:fullscreen .demo-stage-view{height:auto;flex:1 1}.demo-frame{position:absolute;inset:0;width:100%;height:100%;max-width:none;border:0;visibility:hidden;background:var(--white)}.demo-frame.on{visibility:visible}.demo-stage-empty{position:absolute;inset:0;z-index:2;background:var(--bg3);display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-family:var(--mono);font-size:var(--type-body);line-height:1.6;color:var(--fg2)}.demo-cta{background:#15142e;color:#fff;padding:56px}.demo-cta-in{max-width:1460px;margin:0 auto}.demo-cta .kk{color:hsla(0,0%,100%,.45)}.demo-cta h2{font-family:var(--head);font-size:var(--type-section);font-weight:600;letter-spacing:-.8px;line-height:1.22;margin-bottom:12px}.demo-cta p:not(.kk){font-size:var(--type-body);color:hsla(0,0%,100%,.72);line-height:1.7;max-width:560px}.demo-cta-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.demo-cta .bo{background:transparent;color:#fff;border-color:hsla(0,0%,100%,.35)}.demo-cta .bo:hover{border-color:#fff;color:#fff}.demo-disclaimer{font-family:var(--mono);font-size:var(--type-label);color:hsla(0,0%,100%,.45);margin-top:26px;max-width:620px}@media (max-width:900px){.demo-cta{padding-left:24px;padding-right:24px}.demo-body{padding:80px 24px 48px}.demo-pick{display:block}.demo-pick-trigger{width:100%}.demo-pick-menu{min-width:0;width:100%;max-width:none}.demo-stage-view{height:clamp(360px,60vh,520px)}}@media (max-width:560px){.demo-stage-open{display:none}}