:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ground:#f3ede4;--panel:#fbf8f3;--field:#fff;--ink:#2b2b30;--ink-soft:#5f5c5a;--rule:#c9bfae;--accent:#b23a23;--hinge:#2b2b30;--claim:#1f5e38;--tally:#b23a23;--code:#2b2b30;--code-ink:#e9e3d9;--step:.75rem;--flag-right:24rem;--sans:"Barlow", system-ui, sans-serif;--condensed:"Barlow Condensed", "Barlow", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%232b2b30' stroke-width='1.6'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#1c1c20;--panel:#24242a;--field:#2b2b30;--ink:#f3ede4;--ink-soft:#aaa49a;--rule:#3a3a41;--accent:#f08068;--hinge:#4a4a52;--claim:#9fd3ad;--tally:#f08068;--code:#141417;--code-ink:#e9e3d9;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23f3ede4' stroke-width='1.6'/%3E%3C/svg%3E")}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#1c1c20;--panel:#24242a;--field:#2b2b30;--ink:#f3ede4;--ink-soft:#aaa49a;--rule:#3a3a41;--accent:#f08068;--hinge:#4a4a52;--claim:#9fd3ad;--tally:#f08068;--code:#141417;--code-ink:#e9e3d9;--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23f3ede4' stroke-width='1.6'/%3E%3C/svg%3E")}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--rule)}::-webkit-scrollbar-track{background:0 0}html,body{height:100%}html{background:var(--ground);color:var(--ink);font:400 1rem / 1.45 var(--sans)}body{flex-direction:column;margin:0;padding:0;display:flex}.masthead{align-items:center;gap:calc(var(--step) * 1.5);padding:.5rem calc(var(--step) * 2);border-bottom:1px solid var(--rule);flex:none;display:flex}.home{flex:none;display:flex}.logo{flex:none;width:2.25rem;height:2.25rem}.masthead h1{min-width:0;font-family:var(--condensed);letter-spacing:.01em;flex:1;margin:0;font-size:1.375rem;font-weight:600;line-height:1}.chooser,.theme-toggle{color:var(--ink-soft);background:0 0;flex:none;align-items:center;gap:.5rem;padding:.4rem .8rem;line-height:1;display:inline-flex}.theme-toggle{justify-content:center;width:2rem;height:2rem;padding:0}.theme-toggle svg{width:1.1rem;height:1.1rem;display:block}.chooser:hover,.theme-toggle:hover{color:var(--ink);border-color:var(--ink)}.chooser svg{flex:none;width:1em;height:1em;display:block}.pages{flex:none;align-items:center;display:flex}.pages-toggle{display:none}.pages-list{align-items:center;gap:calc(var(--step) * 1.5);width:auto;height:auto;color:inherit;background:0 0;border:0;margin:0;padding:0;display:flex;position:static;top:auto;bottom:auto;left:auto;right:auto;overflow:visible}.page-link{border:1px solid var(--rule);color:var(--ink-soft);border-radius:999px;flex:none;padding:.4rem .8rem;line-height:1;text-decoration:none}.page-link:hover{color:var(--ink);border-color:var(--ink)}.log{font:12px / 1.5 var(--mono);color:var(--ink-soft);max-height:16rem;margin:0;padding:0;list-style:none;overflow-y:auto}.github{width:2rem;height:2rem;color:var(--ink-soft);border:1px solid var(--rule);flex:none;justify-content:center;align-items:center;display:inline-flex}.github:hover{color:var(--ink);border-color:var(--ink)}.github svg{fill:currentColor;width:1rem;height:1rem}.rig{grid-template-columns:minmax(0, 1fr) var(--flag-right);gap:calc(var(--step) * 2);min-height:0;padding:calc(var(--step) * 2);flex:1;grid-template-areas:"frame right";align-items:stretch;display:grid}.frame,.flag-right{scrollbar-gutter:stable;min-width:0;min-height:0;overflow-y:auto}.frame{padding-right:var(--step);grid-area:frame}.flag-right{grid-area:right}.flag-bottom{margin-top:calc(var(--step) * 2)}.flag{padding:calc(var(--step) * 1.5) calc(var(--step) * 1.5) calc(var(--step) * 2);background:var(--panel);border:1px solid var(--rule);border-top:3px solid var(--hinge);min-width:0}.flag-head{justify-content:space-between;align-items:center;gap:var(--step);margin-bottom:var(--step);display:flex}.flag h2,.flag legend,.composition-title{font-family:var(--condensed);margin:0;padding:0;font-size:1.125rem;font-weight:600;line-height:1.2}.flag h3{font-family:var(--condensed);color:var(--ink-soft);margin:0 0 .35rem;font-size:.9375rem;font-weight:600}mattebox-player{border:1px solid var(--rule);background:#000;display:block}mattebox-player[hidden]{display:none}mattebox-player>video{object-fit:contain;max-height:72vh}mattebox-player[fullscreen]>video{height:100%;max-height:none}mattebox-player::part(error){gap:calc(var(--step) * 1.5);padding:.55rem var(--step);background:var(--code);color:var(--code-ink);font:400 .875rem / 1.4 var(--sans)}mattebox-player::part(error){color:#f0b5a8;border-top:1px solid #3a3a41}.status{min-height:1.4em;font-family:var(--mono);color:var(--ink-soft);margin:.5rem 0 0;font-size:.8125rem}.status.ok{color:var(--claim)}.status.bad{color:var(--tally)}select,input,button{font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--rule);min-width:0;padding:.45rem .6rem}input::-webkit-input-placeholder{color:var(--ink-soft);opacity:.8}input::-moz-placeholder{color:var(--ink-soft);opacity:.8}input::-ms-input-placeholder{color:var(--ink-soft);opacity:.8}input::placeholder{color:var(--ink-soft);opacity:.8}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;text-overflow:ellipsis;background-image:var(--chevron);background-position:right .75rem center;background-repeat:no-repeat;background-size:.75rem .5rem;padding-right:2.2rem;overflow:hidden}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{font-family:var(--condensed);cursor:pointer;font-size:1rem;font-weight:600}button:hover{border-color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.wide{width:100%;margin-top:var(--step);display:block}.row{gap:var(--step);margin-top:var(--step);display:flex}.grow{flex:1}.hint{color:var(--ink-soft);margin:.5rem 0 0;font-size:.875rem}.hint.bad{color:var(--tally)}.group{margin:calc(var(--step) * 2) 0 0;border:0;padding:0}.group legend+*{margin-top:var(--step)}.field{margin-top:var(--step);flex-direction:column;gap:.3rem;font-size:.9375rem;display:flex}.field>span{color:var(--ink-soft)}.field input,.field select{width:100%}.pair{gap:0 var(--step);grid-template-columns:1fr 1fr;display:grid}.checks{gap:.5rem calc(var(--step) * 1.5);margin-top:var(--step);flex-wrap:wrap;display:flex}.check{cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;display:flex}.check input{width:1rem;height:1rem;accent-color:var(--accent);margin:0;padding:0}#content-dialog{background:var(--panel);width:min(58rem,100vw - 2rem);height:min(38rem,100vh - 2rem);color:var(--ink);border:1px solid var(--rule);border-top:3px solid var(--hinge);flex-direction:column;margin:auto;padding:0;display:none}#content-dialog[open]{display:flex}#content-dialog::-ms-backdrop{background:rgba(0,0,0,.55)}#content-dialog::backdrop{background:rgba(0,0,0,.55)}#content-dialog .flag-head{padding:calc(var(--step) * 1.5) calc(var(--step) * 2) var(--step);border-bottom:1px solid var(--rule);flex:none;margin:0}#content-dialog .flag-head h2{font-family:var(--condensed);margin:0 auto 0 0;font-size:1.125rem;font-weight:600;line-height:1.2}#content-dialog [role=tabpanel]{min-height:0;padding:0 calc(var(--step) * 2) calc(var(--step) * 2);flex:1;overflow-y:auto}#close-content{padding:.3rem .6rem}.picks{margin:var(--step) 0 0;border:1px solid var(--rule);max-height:21rem;padding:0;list-style:none;overflow-y:auto}.picks.tall{max-height:22rem}.result-meta{font-family:var(--mono);color:var(--ink-soft);margin-top:.15rem;font-size:.75rem;display:block}.picks .result-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picks button{width:100%;font:inherit;text-align:left;border:0;border-bottom:1px solid var(--rule);background:0 0;padding:.55rem .7rem;display:block}.result-title{display:block}.tags{flex-wrap:wrap;gap:.25rem;margin-top:.25rem;display:flex}.tags:empty{display:none}.tag{font-family:var(--mono);color:var(--ink-soft);border:1px solid var(--rule);border-radius:2px;padding:0 .35rem;font-size:.6875rem;line-height:1.5}#composition{margin-top:var(--step)}.resources{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.875rem}.resources th,.resources td{border-bottom:1px solid var(--rule);text-align:left;vertical-align:middle;padding:.45rem .5rem}.resources th{color:var(--ink-soft);font-family:var(--condensed);font-weight:600}.resources button{padding:.2rem .6rem}.segments{display:flex}.segments button{padding:.25rem .7rem}.segments button+button{border-left:0}.picks button:hover{background:var(--ground)}.picks button:focus-visible{background:var(--ground)}.segments button[aria-selected=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}.picks li.current button{box-shadow:inset 4px 0 0 var(--accent)}.pill{font-family:var(--mono);color:var(--claim);font-size:.75rem}.muted{color:var(--ink-soft)}.sides>div{min-width:0}.layout-list+.pair{margin-top:.75rem}.layout-list{border:1px dashed var(--rule);min-height:2.2rem;margin:0;padding:0;list-style:none}.layout-list li{background:var(--field);border-bottom:1px solid var(--rule);cursor:grab;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .5rem;display:flex}.layout-list li:last-child{border-bottom:0}.layout-list li.dragging{opacity:.4}.layout-list label{cursor:pointer;align-items:center;gap:.5rem;min-width:0;font-size:.9375rem;display:flex}.layout-list label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layout-list input{width:1rem;height:1rem;accent-color:var(--accent);flex:none;margin:0;padding:0}.layout-list .handle{width:10px;height:16px;fill:var(--ink-soft);flex:none}.layout-list li:hover .handle{fill:var(--ink)}#markup,#code{padding:var(--step) calc(var(--step) * 1.5);background:var(--code);color:var(--code-ink);font-family:var(--mono);margin:0;font-size:.8125rem;line-height:1.55;overflow-x:auto}@media (max-width:64rem){html,body{height:auto}.masthead{z-index:2;background:var(--ground);position:-webkit-sticky;position:sticky;top:0}.rig{grid-template-columns:1fr;grid-template-areas:"frame""right"}.frame,.flag-right{padding-right:0;overflow:visible}}@media (max-width:52rem){body{padding-inline:var(--step)}.chooser span{display:none}#content-dialog{height:calc(100vh - 2rem)}.pair{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.theme-toggle,.chooser,.segments button{transition:background-color .12s,color .12s}}label[title]>span{-webkit-text-decoration:underline dotted var(--ink-soft);text-decoration:underline dotted var(--ink-soft);text-underline-offset:.2em;cursor:help}.reels-stage{grid-area:frame;justify-content:center;min-width:0;min-height:0;display:flex}.feed{aspect-ratio:9/16;scroll-snap-type:y mandatory;scrollbar-width:none;border:1px solid var(--rule);background:#000;max-width:100%;height:100%;overflow-y:auto}.reel{scroll-snap-align:start;scroll-snap-stop:always;cursor:pointer;background:#1c1c20;height:100%;position:relative;overflow:hidden}.feed-notice{color:#f3ede4;font:12px / 1.5 var(--mono);margin:0;padding:1rem}.reel-art{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.reel mattebox-player{z-index:1;border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.reel mattebox-player:not([started]){opacity:0}.reel mattebox-player::part(stage){height:100%}.reel mattebox-player video{object-fit:cover;height:100%;max-height:none}.reel-meta{z-index:2;color:#f3ede4;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.75));padding:3rem 1rem 1.25rem;position:absolute;bottom:0;left:0;right:0}.reel-title{font:600 1.5rem / 1.1 var(--condensed);margin:0}.reel-meta p{margin:.25rem 0 0;font-size:.875rem}.reel-meta .reel-hud{min-height:1.5em;font:12px / 1.5 var(--mono);color:#cfc8bd}.reel-progress{z-index:3;cursor:pointer;touch-action:none;height:1rem;position:absolute;bottom:0;left:0;right:0}.reel-progress:before,.reel-progress-fill{content:"";height:3px;position:absolute;bottom:0;left:0;right:0}.reel-progress:before{background:rgba(243,237,228,.3)}.reel-progress-fill{transform-origin:0;background:#e0543c;transform:scaleX(0)}.reel-progress:hover:before,.reel-progress:hover .reel-progress-fill{height:6px}.reel-progress:focus-visible:before{height:6px}.reel-progress:focus-visible .reel-progress-fill{height:6px}.tally{margin:var(--step) 0;gap:.5rem;display:grid}.tally dt{color:var(--ink-soft);font-size:.9375rem}.tally dd{font:500 .9375rem / 1.4 var(--mono);margin:0}@media (max-width:60rem){.reels-stage{height:80vh}}@media (max-width:40rem){body{padding-left:0;padding-right:0}.masthead{gap:calc(var(--step) * .75);padding:.5rem var(--step);position:static}.masthead h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pages-toggle{width:2rem;height:2rem;color:var(--ink-soft);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.pages-toggle svg{fill:currentColor;width:1.1rem;height:1.1rem;display:block}.pages-list:not(:popover-open){display:none}.pages-list:popover-open{inset:3.25rem var(--step) auto auto;padding:var(--step);border:1px solid var(--rule);background:var(--panel);flex-direction:column;align-items:stretch;gap:.5rem;position:fixed;box-shadow:0 8px 24px rgba(0,0,0,.18)}.rig{padding:0 0 calc(var(--step) * 2);display:block}.frame{display:contents}.frame>section:first-child{z-index:2;background:var(--ground);position:-webkit-sticky;position:sticky;top:0}.frame>section:first-child>mattebox-player:not([fullscreen]){border-left:0;border-right:0;height:56.25vw}.status{padding-inline:var(--step)}.flag,.flag-bottom{margin:calc(var(--step) * 2) var(--step) 0}.reels-stage{height:78vh}}