.ugd-demo{--ugd-bar: 92px}.ugd-stage{padding-top:var(--ugd-bar)}.ugd-stage .ugw-sidebar{top:var(--ugd-bar)}@media(max-width:760px){.ugd-stage .ugw-topbar{top:var(--ugd-bar)}}.ugd-bar{position:fixed;inset:0 0 auto;z-index:70;padding:10px 24px 8px;background:var(--ugt-code-bg, #252e27);color:var(--ugt-code-ink, #eef0e6);font-size:var(--ug-text-md)}.ugd-bar-top{display:flex;align-items:center;gap:var(--ug-space-4)}.ugd-label{margin:0;white-space:nowrap;letter-spacing:.01em}.ugd-label strong{display:inline-block;padding:2px 8px;margin-inline-end:2px;border:1px solid var(--ugt-code-ink, #eef0e6);border-radius:var(--ug-radius-pill);font:500 var(--ug-text-2xs)/1.5 var(--ug-font-mono);letter-spacing:.1em;text-transform:uppercase}.ugd-controls{display:flex;align-items:center;gap:6px;margin-inline-start:auto}.ugd-control{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:var(--ug-radius-md);background:none;color:inherit;font:inherit;cursor:pointer}.ugd-control:hover{border-color:var(--ugt-code-ink, #eef0e6)}.ugd-try{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:var(--ug-radius-md);background:var(--ugt-code-ink, #eef0e6);color:var(--ugt-code-bg, #252e27);font-weight:600;text-decoration:none;white-space:nowrap}.ugd-bar :is(button,a):focus-visible,.ugd-end :is(button,a):focus-visible{outline:var(--ug-focus-width) solid currentColor;outline-offset:var(--ug-focus-offset)}.ugd-bar .ugd-try:focus-visible{outline-color:var(--ugt-code-ink, #eef0e6)}.ugd-chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:8px 0 0;padding:0;list-style:none}.ugd-chapters button{display:grid;gap:5px;width:100%;padding:4px 0;border:0;background:none;color:inherit;font:inherit;font-size:var(--ug-text-xs);text-align:start;cursor:pointer;opacity:.7}.ugd-chapters button[aria-current=step],.ugd-chapters button:hover{opacity:1}.ugd-chapter-track{position:relative;height:3px;border-radius:var(--ug-radius-xs);overflow:hidden}.ugd-chapter-track:before,.ugd-chapter-track>span{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ugt-code-ink, #eef0e6);transform-origin:left}.ugd-chapter-track:before{opacity:.25}.ugd-chapter-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ugd-caption{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}.ugd-caption-step{font-weight:600}.ugd-proof,.ugd-end{position:fixed;z-index:65;border:1px solid var(--ugt-line-3, #d7dccb);border-radius:var(--ug-radius-lg);background:var(--ugt-lift-5, #fff);box-shadow:var(--ug-shadow-5);color:var(--ugt-text, #3d4a3c)}.ugd-proof{top:calc(var(--ugd-bar) + 72px);inset-inline-end:24px;width:min(420px,calc(100vw - 48px));max-height:calc(100vh - var(--ugd-bar) - 96px);overflow:auto;padding:22px 22px 18px}.ugd-eyebrow{margin:0 0 12px;font:var(--ug-eyebrow-weight) var(--ug-eyebrow-size)/1.5 var(--ug-font-mono);letter-spacing:var(--ug-eyebrow-tracking);text-transform:uppercase;color:var(--ugt-clay-text, #8a4b32)}.ugd-proof h2,.ugd-end h2{margin:0 0 8px;font:500 var(--ug-text-2xl)/1.2 var(--ug-font-serif);color:var(--ugt-ink, #152d23)}.ugd-proof p,.ugd-end p{margin:0;font-size:var(--ug-text-base);line-height:1.5}.ugd-proof-steps{display:grid;gap:var(--ug-space-2);margin:16px 0;padding:0;list-style:none}.ugd-proof-steps li{display:flex;align-items:center;gap:10px;font-size:var(--ug-text-base);color:var(--ugt-ink, #152d23);opacity:0;transform:translateY(4px);transition:opacity var(--ug-standard),transform var(--ug-standard)}.ugd-proof-steps li.is-shown{opacity:1;transform:none}.ugd-proof-number{display:inline-grid;place-items:center;flex:0 0 22px;height:22px;border:1px solid var(--ugt-line-4, #b9c7ab);border-radius:50%;font:500 var(--ug-text-xs)/1 var(--ug-font-mono);color:var(--ugt-muted, #5e6d56)}.ugd-proof-facts{display:grid;gap:6px;margin:0 0 14px;padding:12px 14px;border-radius:var(--ug-radius-md);background:var(--ugt-wash-1, #f5f8f0);font-size:var(--ug-text-md);opacity:0;transition:opacity var(--ug-standard)}.ugd-proof-facts.is-shown{opacity:1}.ugd-proof-facts div{display:flex;justify-content:space-between;gap:var(--ug-space-3)}.ugd-proof-facts dt{color:var(--ugt-muted, #5e6d56)}.ugd-proof-facts dd{margin:0;color:var(--ugt-ink, #152d23);text-align:end;overflow-wrap:anywhere}.ugd-proof-facts .is-mono{font:500 var(--ug-text-sm)/1.5 var(--ug-font-mono)}.ugd-proof .ugd-proof-note{font-size:var(--ug-text-md);color:var(--ugt-muted, #5e6d56)}.ugd-end{left:50%;top:calc(50% + var(--ugd-bar) / 2);width:min(460px,calc(100vw - 32px));padding:26px 26px 22px;transform:translate(-50%,-50%)}.ugd-end-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.ugd-end .ugd-try{background:var(--ugt-accent, #2f5e46);color:var(--ugt-on-accent, #fff)}.ugd-end .ugd-control{border-color:var(--ugt-line-3, #d7dccb);color:var(--ugt-ink, #152d23)}@media(max-width:760px){.ugd-bar{padding:8px 16px 6px}.ugd-bar-top{gap:var(--ug-space-2)}.ugd-label{font-size:var(--ug-text-sm)}.ugd-controls{gap:2px}.ugd-control{min-width:36px;justify-content:center;padding:0 8px}.ugd-bar .ugd-control span,.ugd-bar .ugd-try{display:none}.ugd-chapters{gap:var(--ug-space-1)}.ugd-chapter-name{display:none}.ugd-chapters button{padding:8px 0}.ugd-caption{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:var(--ug-text-sm);line-height:1.4}.ugd-proof{top:auto;inset-inline-end:12px;inset-inline-start:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;max-height:calc(100vh - var(--ugd-bar) - 40px);padding:18px 16px 14px}.ugd-proof h2,.ugd-end h2{font-size:var(--ug-text-2xl)}}@media(prefers-reduced-motion:reduce){.ugd-proof-steps li,.ugd-proof-facts{transition:none;transform:none}}.ugd-control:disabled{opacity:.4;cursor:default}.ugd-control:disabled:hover{border-color:transparent}.ugd-clock{padding:0 6px;font:500 var(--ug-text-xs)/1 var(--ug-font-mono);font-variant-numeric:var(--ug-figures-ui);white-space:nowrap;opacity:.8}.ugd-control.is-skip{border-color:var(--ugt-code-ink, #eef0e6)}.ugd-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:24px;width:min(400px,calc(100vw - 32px));max-height:calc(100vh - var(--ugd-bar) - 24px);overflow:auto;padding:var(--ug-space-2);border-radius:var(--ug-radius-lg);background:var(--ugt-code-bg, #252e27);color:var(--ugt-code-ink, #eef0e6);box-shadow:var(--ug-shadow-4);animation:ugd-menu-in var(--ug-quick) var(--ug-ease)}@keyframes ugd-menu-in{0%{opacity:0;transform:translateY(-4px)}}.ugd-menu-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.ugd-menu-list button{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:var(--ug-space-3);align-items:start;width:100%;padding:10px var(--ug-space-3);border:1px solid transparent;border-radius:var(--ug-radius-md);background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.ugd-menu-list button:hover{border-color:var(--ugt-code-ink, #eef0e6)}.ugd-menu-list button[aria-current=step]{background:var(--ugt-code-ink, #eef0e6);color:var(--ugt-code-bg, #252e27)}.ugd-menu-number{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font:500 var(--ug-text-xs)/1 var(--ug-font-mono)}.ugd-menu-text{display:grid;gap:2px}.ugd-menu-text strong{font-weight:600}.ugd-menu-text span{font-size:var(--ug-text-sm);line-height:1.4;opacity:.8}.ugd-menu-time{font:500 var(--ug-text-xs)/22px var(--ug-font-mono);font-variant-numeric:var(--ug-figures-ui);opacity:.8}.ugd-menu-actions{display:flex;flex-wrap:wrap;gap:var(--ug-space-2);margin-top:var(--ug-space-2);padding:var(--ug-space-2) var(--ug-space-1) 2px;border-top:1px solid var(--ugt-code-ink, #eef0e6)}.ugd-menu .ugd-control{border-color:var(--ugt-code-ink, #eef0e6)}.ugd-menu :is(button):focus-visible{outline:var(--ug-focus-width) solid currentColor;outline-offset:var(--ug-focus-offset)}.ugd-end-chapters{margin-top:var(--ug-space-5);padding-top:var(--ug-space-4);border-top:1px solid var(--ugt-line-3, #d7dccb)}.ugd-end .ugd-end-chapters p{margin:0 0 var(--ug-space-2);font-size:var(--ug-text-md);color:var(--ugt-muted, #5e6d56)}.ugd-end-chapters ul{display:flex;flex-wrap:wrap;gap:var(--ug-space-2);margin:0;padding:0;list-style:none}.ugd-end-chapters button{padding:6px 12px;border:1px solid var(--ugt-line-3, #d7dccb);border-radius:var(--ug-radius-pill);background:none;color:var(--ugt-ink, #152d23);font:inherit;font-size:var(--ug-text-md);cursor:pointer}.ugd-end-chapters button:hover{border-color:var(--ugt-accent, #2f5e46)}@media(max-width:1150px){.ugd-control.is-skip,.ugd-clock{display:none}}@media(max-width:760px){.ugd-control.is-previous,.ugd-control.is-restart{display:none}.ugd-bar .ugd-menu .ugd-control span{display:inline}.ugd-menu{inset-inline:0;width:auto;margin-inline:auto;max-width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){.ugd-menu{animation-name:ugd-menu-fade}@keyframes ugd-menu-fade{0%{opacity:0}}}