@font-face{font-family:NaN-Medium;font-weight:500;src:url(/Fonts/NaNFiasco-Medium.woff2)format("woff2");font-style:normal;font-display:swap}:root{--black:#000a12;--orange:#f90;--grey:#232323;--white:#e0e0e0;--orange-dark:color-mix(in srgb, var(--orange) 78%, var(--black));--orange-soft:color-mix(in srgb, var(--orange) 18%, var(--grey));--orange-pale:color-mix(in srgb, var(--orange) 10%, var(--grey));--orange-light:color-mix(in srgb, var(--orange) 55%, var(--white));--error:#ff5f56;--background:var(--black);--surface:var(--grey);--sidebar:color-mix(in srgb, var(--grey) 75%, #000);--stage-start:color-mix(in srgb, var(--orange) 42%, var(--white));--stage-end:color-mix(in srgb, var(--orange) 22%, var(--grey));--stage-footer:var(--orange);--muted:color-mix(in srgb, var(--white) 58%, var(--black));--muted-dark:color-mix(in srgb, var(--white) 72%, var(--black));--line:color-mix(in srgb, var(--white) 18%, var(--grey));--line-dark:color-mix(in srgb, var(--orange) 25%, transparent);--focus:var(--orange);--portrait-shadow:color-mix(in srgb, var(--black) 60%, transparent);--monogram:color-mix(in srgb, var(--orange) 32%, transparent);--fib-1:.1em;--fib-2:.2em;--fib-3:.3em;--fib-5:.5em;--fib-6:.6em;--fib-7:.7em;--fib-8:.8em;--fib-9:.9em;--fib-10:1em;--fib-11:1.1em;--fib-13:1.3em;--fib-17:1.7em;--fib-21:2.1em;--fib-27:2.7em;--fib-34:3.4em;--fib-44:4.4em;--fib-55:5.5em;--fib-67:6.7em;--fib-89:8.9em;--fib-144:14.4em;--fib-155:15.5em;--fib-189:18.9em;--fib-233:23.3em;--fib-300:30em;--fib-377:37.7em;--border:var(--fib-1) solid var(--line)}@media (aspect-ratio<=16/9){@media (orientation:portrait){:root{--border:var(--fib-1) solid var(--line)}}}@media screen and (width<=479px){:root{--border:var(--fib-1) solid var(--line)}}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-user-select:none;user-select:none;overscroll-behavior:none;width:100%;height:100%;color:var(--white);-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-family:NaN-Medium}body{background-color:var(--background);font-size:.5625vw;overflow:hidden}@media (aspect-ratio<=16/9){@media (orientation:portrait){body{font-size:1.2vw}}}@media screen and (width<=479px){body{font-size:2.5vw;overflow-y:auto}}a{color:inherit;text-decoration:none;display:block}button,input{all:unset;cursor:pointer;font:inherit}button{border:var(--border);border-radius:var(--fib-8);padding:var(--fib-13) var(--fib-21);color:inherit;font-family:NaN-Medium;font-size:var(--fib-13);background:0 0;line-height:100%;transition:background-color .18s,opacity .18s}button:hover:not(:disabled){background:var(--orange-soft)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:var(--fib-3) solid var(--focus);outline-offset:var(--fib-3)}[hidden]{display:none!important}img,video{width:100%;height:auto}h1,h2,h3,h4,h5,h6,.eyebrow{font-family:NaN-Medium;font-weight:500;line-height:100%}p{line-height:155%}h1,h2{font-size:var(--fib-55)}.eyebrow{font-family:NaN-Medium;font-size:var(--fib-13)}.button--primary{border-color:var(--orange);color:var(--black);background:var(--orange)}.button--primary:hover:not(:disabled){background:var(--orange-dark)}#app{width:100vw;height:100svh;overflow:hidden}@media screen and (width<=479px){#app{width:100%;height:auto;min-height:100svh;overflow:visible}}.demo{gap:var(--fib-34);width:100%;height:100svh;min-height:0;padding:var(--fib-34) var(--fib-67);flex-direction:column;margin:auto;display:flex;overflow:hidden}@media (aspect-ratio<=16/9){@media (orientation:portrait){.demo{gap:var(--fib-21);padding:var(--fib-21)}}}@media screen and (width<=479px){.demo{gap:var(--fib-21);height:auto;min-height:100svh;padding:var(--fib-13);overflow:visible}}.demo__header{justify-content:space-between;align-items:center;gap:var(--fib-21);padding-bottom:var(--fib-34);border-bottom:var(--border);display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.demo__header{padding-bottom:var(--fib-21);flex-wrap:wrap}}}@media screen and (width<=479px){.demo__header{padding-bottom:var(--fib-21);flex-direction:column;align-items:stretch}}.demo__brand{color:var(--orange);border-radius:var(--fib-8);align-items:center;line-height:100%;display:flex;overflow:hidden}.demo__brand img{width:auto;height:var(--fib-55);object-fit:contain}@media (aspect-ratio<=16/9){@media (orientation:portrait){.demo__brand img{height:var(--fib-55)}}}@media screen and (width<=479px){.demo__brand img{height:var(--fib-44)}}.demo__identity{align-items:center;gap:var(--fib-21);min-width:0;display:flex}.demo__identity h1{color:var(--white);font-size:var(--fib-34)}@media (aspect-ratio<=16/9){@media (orientation:portrait){.demo__identity h1{font-size:var(--fib-27)}}}@media screen and (width<=479px){.demo__identity h1{font-size:var(--fib-21)}}.demo__brand{flex-shrink:0}.demo__description{color:var(--muted);font-size:var(--fib-17);white-space:nowrap;text-align:right}@media (aspect-ratio<=16/9){@media (orientation:portrait){.demo__description{white-space:normal;text-align:left;font-size:var(--fib-13)}}}@media screen and (width<=479px){.demo__description{white-space:normal;text-align:left;font-size:var(--fib-13)}}.demo__toolbar{justify-content:space-between;align-items:center;gap:var(--fib-21);display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.demo__toolbar{flex-wrap:wrap}}}@media screen and (width<=479px){.demo__toolbar{flex-direction:column;align-items:stretch}}.demo__toolbar>div{gap:var(--fib-8);display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.demo__toolbar>div{flex-wrap:wrap}}}@media screen and (width<=479px){.demo__toolbar>div{flex-wrap:wrap}}.demo__toolbar>span{max-width:50%;color:var(--muted);font-size:var(--fib-13)}@media (aspect-ratio<=16/9){@media (orientation:portrait){.demo__toolbar>span{max-width:100%}}}@media screen and (width<=479px){.demo__toolbar>span{max-width:100%}}.demo__content{border-radius:var(--fib-13);background:var(--surface);flex:1;align-items:stretch;min-height:0;display:flex;overflow:hidden}@media screen and (width<=479px){.demo__content{flex-direction:column;flex:none}}.demo__content>[data-sequence]{flex:0 0 var(--fib-377);min-height:0;display:flex;overflow:hidden}@media (aspect-ratio<=16/9){@media (orientation:portrait){.demo__content>[data-sequence]{flex-basis:34%}}}@media screen and (width<=479px){.demo__content>[data-sequence]{z-index:30;background:var(--sidebar);visibility:hidden;overscroll-behavior:contain;flex:none;width:min(88vw,38rem);height:100svh;position:fixed;inset:0 auto auto 0;transform:translate(-100%)}.demo__content>[data-sequence][data-open]{visibility:visible;transform:translate(0)}}.demo__content>[data-dialogue]{flex:1;min-width:0;min-height:0;overflow:hidden}@media screen and (width<=479px){.demo__content>[data-dialogue]{height:85svh;min-height:var(--fib-377);flex:none}}.demo__footer{justify-content:space-between;align-items:center;gap:var(--fib-21);color:var(--muted);font-size:var(--fib-13);display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.demo__footer{align-items:baseline}}}@media screen and (width<=479px){.demo__footer{font-size:var(--fib-11);align-items:baseline}}.demo__footer>span:last-child{flex-shrink:0}.demo__drawer-toggle,.demo__drawer-close{display:none}@media screen and (width<=479px){.demo__drawer-toggle,.demo__drawer-close{box-sizing:content-box;width:1em;height:1em;padding:var(--fib-13);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}}@media screen and (width<=479px){.demo__drawer-toggle{top:var(--fib-8);z-index:10;align-self:flex-start;position:sticky}}.demo__drawer-toggle svg,.demo__drawer-close svg{width:100%;height:100%;display:block}.demo__drawer-backdrop{display:none}@media screen and (width<=479px){.demo__drawer-backdrop:not([hidden]){z-index:20;touch-action:none;background:#0009;display:block;position:fixed;inset:0}}.dialogue{flex-direction:column;justify-content:space-between;height:100%;min-height:0;display:flex}.dialogue__stage{background:radial-gradient(ellipse at 64% 70%, var(--stage-start), var(--stage-end));flex:0 0 40%;min-height:0;position:relative;overflow:hidden}.dialogue__location{z-index:2;gap:var(--fib-8);max-width:65%;padding:var(--fib-21);color:var(--white);flex-direction:column;display:flex;position:relative}.dialogue__location strong{color:var(--white);font-family:NaN-Medium;font-size:var(--fib-34);font-weight:500;line-height:100%}@media (aspect-ratio<=16/9){@media (orientation:portrait){.dialogue__location strong{font-size:var(--fib-27)}}}@media screen and (width<=479px){.dialogue__location strong{font-size:var(--fib-27)}}.dialogue__location>span:last-child{color:var(--white);font-size:var(--fib-13)}.dialogue__portrait{right:var(--fib-89);height:var(--fib-300);object-fit:contain;object-position:bottom;max-width:48%;filter:drop-shadow(0 var(--fib-13) var(--fib-21) var(--portrait-shadow));position:absolute;bottom:0}@media (aspect-ratio<=16/9){@media (orientation:portrait){.dialogue__portrait{right:var(--fib-13);height:85%}}}@media screen and (width<=479px){.dialogue__portrait{right:var(--fib-8);height:80%}}.dialogue__monogram{right:var(--fib-89);bottom:var(--fib-55);color:var(--monogram);font-family:NaN-Medium;font-size:var(--fib-189);font-weight:500;line-height:100%;position:absolute}.dialogue__stage-footer{justify-content:space-between;align-items:center;gap:var(--fib-13);padding:var(--fib-17) var(--fib-21);color:var(--black);background:var(--stage-footer);font-size:var(--fib-17);display:flex;position:absolute;bottom:0;left:0;right:0}@media (aspect-ratio<=16/9){@media (orientation:portrait){.dialogue__stage-footer{font-size:var(--fib-13);padding:var(--fib-13)}}}@media screen and (width<=479px){.dialogue__stage-footer{font-size:var(--fib-11);padding:var(--fib-13);flex-wrap:wrap}}.dialogue__stage-footer span:last-child{flex-shrink:0}.dialogue__panel{gap:var(--fib-21);min-height:0;padding:var(--fib-21);flex-direction:column;flex:0 0 60%;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.dialogue__panel{gap:var(--fib-13)}}}@media screen and (width<=479px){.dialogue__panel{gap:var(--fib-13)}}.dialogue__body{gap:var(--fib-21);flex-direction:column;flex:1;min-height:0;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.dialogue__body{overflow:hidden auto}}}@media screen and (width<=479px){.dialogue__body{overflow:hidden auto}}.dialogue__speaker{justify-content:space-between;align-items:center;gap:var(--fib-13);color:var(--orange);display:flex}.dialogue__audio-state{color:var(--muted);font-size:var(--fib-13);text-align:right}.dialogue__text{overflow-wrap:anywhere;color:var(--white);font-family:NaN-Medium;font-size:var(--fib-21);font-weight:500;line-height:155%}@media (aspect-ratio<=16/9){@media (orientation:portrait){.dialogue__text{font-size:var(--fib-17)}}}@media screen and (width<=479px){.dialogue__text{font-size:var(--fib-17)}}.dialogue__bottom{justify-content:space-between;align-items:center;gap:var(--fib-17);border-top:var(--border);padding-top:var(--fib-21);display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.dialogue__bottom{flex-direction:column;flex-shrink:0;align-items:stretch}}}@media screen and (width<=479px){.dialogue__bottom{flex-direction:column;flex-shrink:0;align-items:stretch}}.dialogue__bottom>span{color:var(--muted);font-size:var(--fib-13);line-height:155%}.dialogue__controls{justify-content:end;align-items:center;gap:var(--fib-8);flex-wrap:wrap;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.dialogue__controls{justify-content:flex-start}}}@media screen and (width<=479px){.dialogue__controls{justify-content:flex-start}}.dialogue__controls button{flex-shrink:0}.dialogue__choices{gap:var(--fib-10);flex-direction:column;display:flex}.dialogue__choices:empty{display:none}.dialogue__choices button{text-align:left}.dialogue__form{gap:var(--fib-13);flex-direction:column;display:flex}.dialogue__form label{font-size:var(--fib-17);display:block}.dialogue__form>div{gap:var(--fib-10);width:100%;min-width:0;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.dialogue__form>div{flex-direction:column}}}@media screen and (width<=479px){.dialogue__form>div{flex-direction:column}}.dialogue__form input{box-sizing:border-box;width:auto;min-width:0;padding:var(--fib-13);border:var(--border);border-radius:var(--fib-8);color:var(--white);background:var(--black);flex:auto}@media (aspect-ratio<=16/9){@media (orientation:portrait){.dialogue__form input{font-size:var(--fib-17)}}}@media screen and (width<=479px){.dialogue__form input{width:100%;font-size:var(--fib-17);flex:none}}.dialogue__form button{flex-shrink:0}.dialogue__form small{color:var(--muted);font-size:var(--fib-13);line-height:155%;display:block}.dialogue__blocked{gap:var(--fib-13);min-height:var(--fib-144);padding:var(--fib-21);border:var(--fib-2) solid var(--error);border-radius:var(--fib-8);background:color-mix(in srgb, var(--error) 12%, var(--grey));flex-direction:column;flex:1;justify-content:center;display:flex}.dialogue__blocked strong{color:var(--error);font-family:NaN-Medium;font-size:var(--fib-17);font-weight:500}.dialogue__blocked p{color:var(--muted-dark);font-size:var(--fib-13);line-height:155%}.dialogue__blocked code{color:var(--white);font-family:inherit}.sequence{gap:var(--fib-21);height:100%;min-height:0;padding:var(--fib-34) var(--fib-27);background:var(--sidebar);flex-direction:column;flex:1;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.sequence{padding:var(--fib-21) var(--fib-13);gap:var(--fib-13)}}}@media screen and (width<=479px){.sequence{padding:var(--fib-21);gap:var(--fib-13)}}.sequence__heading{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.sequence__heading>[data-count]{color:var(--white);font-family:NaN-Medium;font-size:var(--fib-27);font-weight:500;line-height:100%}.sequence__content{gap:var(--fib-27);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}@media (aspect-ratio<=16/9){@media (orientation:portrait){.sequence__content{gap:var(--fib-17)}}}@media screen and (width<=479px){.sequence__content{gap:var(--fib-17)}}.sequence h2{color:var(--white);font-family:NaN-Medium;font-size:var(--fib-21);font-weight:500;line-height:100%}.sequence__content>p{color:var(--muted);font-size:var(--fib-17);line-height:155%}@media (aspect-ratio<=16/9){@media (orientation:portrait){.sequence__content>p{font-size:var(--fib-13)}}}@media screen and (width<=479px){.sequence__content>p{font-size:var(--fib-13)}}.sequence [data-list]{gap:var(--fib-6);margin:0 calc(0em - var(--fib-8));flex-direction:column;padding:0;list-style:none;display:flex}.sequence__card{gap:var(--fib-13);padding:var(--fib-5);border:var(--fib-2) solid transparent;border-radius:var(--fib-8);flex-direction:column;display:flex}.sequence__card.is-active .sequence__play strong{color:var(--orange)}.sequence__card.is-dragging{opacity:.5}.sequence__card.is-drag-over{border-color:var(--orange);background:var(--orange-pale)}.sequence__play{gap:var(--fib-13);padding:var(--fib-13) var(--fib-5);text-align:left;border:0;flex:1;display:flex}.sequence__play strong{color:var(--muted-dark);font-size:var(--fib-10);font-weight:500;line-height:144%}.sequence__details{align-items:baseline;gap:var(--fib-13);width:100%;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.sequence__details{gap:var(--fib-8)}}}@media screen and (width<=479px){.sequence__details{gap:var(--fib-8)}}.sequence__number,.sequence__actions{color:var(--muted);font-size:var(--fib-13);flex-shrink:0}.sequence__play{overflow-wrap:anywhere;min-width:0}.sequence__actions{align-items:center;gap:var(--fib-8);display:flex}.sequence__toggle{padding:var(--fib-5);border:0}.sequence__dialogues{gap:var(--fib-13);padding:0 0 var(--fib-13) var(--fib-27);flex-direction:column;margin:0;list-style:none;display:flex}@media (aspect-ratio<=16/9){@media (orientation:portrait){.sequence__dialogues{padding-left:var(--fib-13)}}}@media screen and (width<=479px){.sequence__dialogues{padding-left:var(--fib-13)}}.sequence__line{align-items:baseline;gap:var(--fib-10);color:var(--muted-dark);font-size:var(--fib-13);overflow-wrap:anywhere;cursor:pointer;line-height:144%;display:flex}.sequence__line:hover,.sequence__line:focus-visible{color:var(--white)}.sequence__line>span:first-child{color:var(--muted);flex-shrink:0}.sequence__line.is-current,.sequence__line.is-current>span:first-child{color:var(--orange)}.sequence__note{border-top:var(--border);color:var(--muted);font-size:var(--fib-13);padding-top:var(--fib-13);line-height:155%}.sequence__state{gap:var(--fib-13);flex-direction:column;display:flex}.sequence__state .eyebrow{color:var(--muted);font-size:var(--fib-13)}.sequence__state p{overflow-wrap:anywhere;font-size:var(--fib-13);line-height:155%}