.plan-scene{--plan-L: min(22%, calc(50% - 21.3rem - 1em) );--plan-R: max( calc(50% + 21.3rem + 1em) , 78%);--plan-c1: rgb(from var(--art-c1) r g b / 1);--plan-c2: rgb(from var(--art-c2) r g b / 1);--plan-c3: rgb(from var(--art-c3) r g b / 1);--plan-c4: rgb(from var(--art-c4) r g b / 1);--plan-desk: color-mix(in oklab, var(--plan-c4) 26%, var(--page));--plan-grain: color-mix(in oklab, var(--plan-c4) 33%, var(--page));--plan-desk-shadow: color-mix(in oklab, var(--plan-desk) 80%, var(--ink));--plan-sheet: color-mix(in oklab, var(--sea) 38%, var(--page));--plan-grid: color-mix(in oklab, rgb(var(--oa-lum)) 18%, var(--plan-sheet));--plan-grid-major: color-mix(in oklab, rgb(var(--oa-lum)) 38%, var(--plan-sheet));--plan-line: color-mix(in oklab, rgb(var(--oa-lum)) 92%, var(--plan-sheet));--plan-line-soft: color-mix(in oklab, rgb(var(--oa-lum)) 58%, var(--plan-sheet));--plan-shadow: color-mix(in oklab, var(--plan-sheet) 78%, var(--ink));--plan-vellum: color-mix(in oklab, rgb(var(--oa-lum)) 84%, var(--plan-sheet));--plan-vellum-edge: color-mix(in oklab, rgb(var(--oa-lum)) 64%, var(--plan-sheet));--plan-draft: color-mix(in oklab, var(--sea) 58%, var(--ink));--plan-draft-soft: color-mix(in oklab, var(--plan-draft) 45%, var(--plan-vellum));--plan-steel: color-mix(in oklab, var(--ink) 86%, var(--sea));--plan-steel-mid: color-mix(in oklab, var(--plan-steel) 72%, rgb(var(--oa-lum)));--plan-steel-lit: color-mix(in oklab, var(--plan-steel) 42%, rgb(var(--oa-lum)));--plan-pencil: var(--plan-c4);--plan-pencil-lit: color-mix(in oklab, var(--plan-c4) 62%, rgb(var(--oa-lum)));--plan-pencil-shade: color-mix(in oklab, var(--plan-c4) 78%, var(--ink));--plan-wood: color-mix(in oklab, var(--plan-c4) 30%, var(--page));--plan-ferrule: color-mix(in oklab, var(--plan-steel) 30%, rgb(var(--oa-lum)));--plan-rubber: color-mix(in oklab, var(--plan-c3) 55%, var(--page));--plan-acrylic: color-mix(in oklab, color-mix(in oklab, var(--plan-c3) 38%, var(--plan-c4)) 74%, var(--page));--plan-acrylic-edge: color-mix(in oklab, var(--plan-acrylic) 62%, rgb(var(--oa-lum)));--plan-rule: color-mix(in oklab, rgb(var(--oa-lum)) 50%, var(--plan-sheet));--plan-rule-edge: color-mix(in oklab, rgb(var(--oa-lum)) 78%, var(--plan-sheet));--plan-tick: color-mix(in oklab, var(--plan-steel) 70%, var(--plan-rule));--plan-tape: color-mix(in oklab, var(--plan-c4) 16%, rgb(var(--oa-lum)));--plan-k1: color-mix(in oklab, var(--plan-c1) 68%, var(--page));--plan-k2: color-mix(in oklab, var(--plan-c2) 68%, var(--page));--plan-k3: color-mix(in oklab, var(--plan-c3) 68%, var(--page));--plan-k4: color-mix(in oklab, var(--plan-c4) 68%, var(--page));--plan-k5: color-mix(in oklab, color-mix(in oklab, var(--plan-c1), var(--plan-c2)) 68%, var(--page));--plan-k6: color-mix(in oklab, color-mix(in oklab, var(--plan-c2), var(--plan-c3)) 68%, var(--page));--plan-k7: color-mix(in oklab, color-mix(in oklab, var(--plan-c3), var(--plan-c4)) 68%, var(--page));--plan-k8: color-mix(in oklab, color-mix(in oklab, var(--plan-c4), var(--plan-c1)) 68%, var(--page));--plan-note: color-mix(in oklab, rgb(var(--oa-lum)) 90%, var(--plan-sheet));background:var(--plan-desk)}.plan-scene svg{overflow:visible}.plan-desk{inset:0;background:repeating-linear-gradient(-1.4deg,transparent 0 .9em,var(--plan-grain) .9em 1.05em,transparent 1.05em 2.3em,var(--plan-grain) 2.3em 2.38em,transparent 2.38em 3.1em)}.plan-table{inset:0;transform:rotate(-1.4deg)}.plan-sheet-shadow,.plan-sheet{inset:3.5% 3% -5% -5%}.plan-sheet-shadow{background:var(--plan-desk-shadow);transform:translate(.45em,.6em)}.plan-sheet{--plan-cell: 1.3em;--plan-hair: max(1px, .06em);--plan-hair-major: max(1px, .1em);background-color:var(--plan-sheet);background-image:repeating-linear-gradient(to right,var(--plan-grid-major) 0 var(--plan-hair-major),transparent var(--plan-hair-major) calc(var(--plan-cell) * 5)),repeating-linear-gradient(to bottom,var(--plan-grid-major) 0 var(--plan-hair-major),transparent var(--plan-hair-major) calc(var(--plan-cell) * 5)),repeating-linear-gradient(to right,var(--plan-grid) 0 var(--plan-hair),transparent var(--plan-hair) var(--plan-cell)),repeating-linear-gradient(to bottom,var(--plan-grid) 0 var(--plan-hair),transparent var(--plan-hair) var(--plan-cell));background-position:1.2em 1.2em}.plan-frame{left:calc(-5% + 2.6em);right:calc(3% + 2.6em);top:calc(3.5% + 2.6em);bottom:calc(-5% + 2.6em);border:max(1.5px,.16em) solid var(--plan-line);outline:max(1px,.06em) solid var(--plan-line-soft);outline-offset:.45em}.plan-scale{left:0;right:0;top:0;height:1.1em;background:repeating-linear-gradient(to right,var(--plan-line) 0 max(1px,.08em),transparent max(1px,.08em) 6.5em) 0 0 / 100% 1.1em no-repeat,repeating-linear-gradient(to right,var(--plan-line-soft) 0 max(1px,.06em),transparent max(1px,.06em) 1.3em) 0 0 / 100% .55em no-repeat}.plan-scale-l{inset:0 auto 0 0;width:1.1em;height:auto;background:repeating-linear-gradient(to bottom,var(--plan-line) 0 max(1px,.08em),transparent max(1px,.08em) 6.5em) 0 0 / 1.1em 100% no-repeat,repeating-linear-gradient(to bottom,var(--plan-line-soft) 0 max(1px,.06em),transparent max(1px,.06em) 1.3em) 0 0 / .55em 100% no-repeat}.plan-title{right:0;bottom:0;width:17em;height:6.5em;border-left:max(1.5px,.14em) solid var(--plan-line);border-top:max(1.5px,.14em) solid var(--plan-line);background:linear-gradient(var(--plan-line-soft),var(--plan-line-soft)) 0 2.6em / 100% max(1px,.07em) no-repeat,linear-gradient(var(--plan-line-soft),var(--plan-line-soft)) 0 4.5em / 100% max(1px,.07em) no-repeat,linear-gradient(var(--plan-line-soft),var(--plan-line-soft)) 10.4em 2.6em / max(1px,.07em) 100% no-repeat}.plan-tape{right:calc(3% - 1.9em);top:calc(3.5% - .9em);width:5.2em;height:1.7em;background:var(--plan-tape);transform:rotate(38deg);clip-path:polygon(0 8%,6% 0,12% 10%,18% 0,24% 6%,100% 0,96% 50%,100% 100%,20% 100%,14% 92%,8% 100%,3% 92%,0 100%,4% 50%)}.stage .tabs{position:relative}.stage .tabs:before{content:"";position:absolute;z-index:-1;left:50%;width:min(34rem,100%);top:-.9rem;bottom:-2.2rem;background:color-mix(in oklab,rgb(from var(--art-c4) r g b / 1) 16%,#fff);transform:translate(-50%) rotate(.9deg);clip-path:polygon(0 4%,1.2% 0,2.4% 6%,3.4% 0,100% 0,98.8% 8%,100% 16%,99% 30%,100% 44%,98.9% 60%,100% 74%,99.1% 88%,100% 100%,3% 100%,2% 94%,1% 100%,0 96%,1% 80%,0 64%,1.1% 48%,0 32%,.9% 16%);opacity:0;transition:opacity .6s ease;pointer-events:none}.stage[data-fmt=custom] .tabs:before{opacity:1}.plan-compass{left:calc(var(--plan-L) - 18.5em);top:calc(47% - 10em);width:20em;height:20em}.plan-compass svg{inset:0;width:100%;height:100%}.plan-construct{fill:none;stroke:var(--plan-line-soft);stroke-width:.7}.plan-construct-dash{stroke-dasharray:9 2.5 1.5 2.5}.plan-construct-tick{stroke:var(--plan-line);stroke-width:1}.plan-arc path{fill:none;stroke:var(--plan-line);stroke-width:1.5}.plan-arc{animation:plan-arc-fade 30s linear infinite}.plan-arc-a,.plan-arc-b,.plan-swing{transform-box:view-box;transform-origin:0 0;animation:30s linear infinite}.plan-arc-a{animation-name:plan-arc-a}.plan-arc-b{animation-name:plan-arc-b}.plan-swing{animation-name:plan-swing}@keyframes plan-swing{0%{transform:rotate(0)}60%,to{transform:rotate(360deg)}}@keyframes plan-arc-a{0%{transform:rotate(0)}30%,to{transform:rotate(180deg)}}@keyframes plan-arc-b{0%,30%{transform:rotate(0)}60%,to{transform:rotate(180deg)}}@keyframes plan-arc-fade{0%,84%{opacity:1}95%,to{opacity:0}}.plan-cp-leg{fill:var(--plan-paint, var(--plan-steel))}.plan-cp-mid{fill:var(--plan-paint, var(--plan-steel-mid))}.plan-cp-lit{fill:var(--plan-paint, var(--plan-steel-lit))}.plan-cp-shadow{--plan-paint: var(--plan-shadow)}.plan-rule{left:-6%;width:calc(var(--plan-L) + 6% + 5em);top:calc(80% - 1.3em);height:2.6em;background:repeating-linear-gradient(to right,var(--plan-tick) 0 max(1px,.08em),transparent max(1px,.08em) 2.6em) 0 0 / 100% .95em no-repeat,repeating-linear-gradient(to right,var(--plan-tick) 0 max(1px,.06em),transparent max(1px,.06em) .52em) 0 0 / 100% .5em no-repeat,linear-gradient(var(--plan-rule-edge),var(--plan-rule-edge)) 0 100% / 100% .35em no-repeat,var(--plan-rule);box-shadow:.45em .6em 0 var(--plan-shadow)}.plan-square{left:calc(var(--plan-L) - 16em);top:calc(80% - 11.3em);width:10em;height:10em;animation:plan-slide 22s ease-in-out infinite alternate}.plan-square svg{inset:0;width:100%;height:100%}.plan-sq-shadow{fill:var(--plan-shadow)}.plan-sq{fill:var(--plan-acrylic)}.plan-sq-edge{fill:var(--plan-acrylic-edge)}.plan-sq-tick{stroke:var(--plan-steel);stroke-width:.6}@keyframes plan-slide{0%{transform:translate(0)}to{transform:translate(4.5em)}}.plan-board{font-size:.88em;left:min(calc(var(--plan-R) + .2em),calc(97% - 21.2em));top:7%;width:17em;height:14em}.plan-board>svg{inset:0;width:100%;height:100%}.plan-board-frame{fill:none;stroke:var(--plan-line);stroke-width:1.5}.plan-slot{fill:none;stroke:var(--plan-line-soft);stroke-width:.8;stroke-dasharray:3 2.4}.plan-dim{fill:var(--plan-line)}.plan-dim-ext{stroke:var(--plan-line-soft);stroke-width:.7}.plan-k1{fill:var(--plan-k1)}.plan-k1-head{fill:var(--plan-c1)}.plan-k2{fill:var(--plan-k2)}.plan-k2-head{fill:var(--plan-c2)}.plan-k3{fill:var(--plan-k3)}.plan-k3-head{fill:var(--plan-c3)}.plan-k4{fill:var(--plan-k4)}.plan-k4-head{fill:var(--plan-c4)}.plan-k5{fill:var(--plan-k5)}.plan-k5-head{fill:color-mix(in oklab,var(--plan-c1),var(--plan-c2))}.plan-k6{fill:var(--plan-k6)}.plan-k6-head{fill:color-mix(in oklab,var(--plan-c2),var(--plan-c3))}.plan-k7{fill:var(--plan-k7)}.plan-k7-head{fill:color-mix(in oklab,var(--plan-c3),var(--plan-c4))}.plan-k8{fill:var(--plan-k8)}.plan-k8-head{fill:color-mix(in oklab,var(--plan-c4),var(--plan-c1))}.plan-notes rect{fill:var(--plan-note)}.plan-col{transform-box:fill-box;transform-origin:50% 0}.plan-col-3,.plan-col-4,.plan-col-5,.plan-col-6,.plan-col-7,.plan-col-8,.plan-note-3,.plan-note-4,.plan-note-5,.plan-note-6,.plan-note-7,.plan-note-8,.plan-dim-line,.plan-dim-end,.plan-pencil-track{animation:36s ease-in-out infinite}.plan-col-3{animation-name:plan-col-3}.plan-note-3{animation-name:plan-note-3}.plan-col-4{animation-name:plan-col-4}.plan-note-4{animation-name:plan-note-4}.plan-col-5{animation-name:plan-col-5}.plan-note-5{animation-name:plan-note-5}.plan-col-6{animation-name:plan-col-6}.plan-note-6{animation-name:plan-note-6}.plan-col-7{animation-name:plan-col-7}.plan-note-7{animation-name:plan-note-7}.plan-col-8{animation-name:plan-col-8}.plan-note-8{animation-name:plan-note-8}.plan-dim-line{transform-box:fill-box;transform-origin:0 50%;animation-name:plan-dim-line}.plan-dim-end{animation-name:plan-dim-end}.plan-pencil-track{left:0;top:0;width:0;height:0;animation-name:plan-pencil}.plan-pencil{left:0;top:-.6em;width:12.8em;height:1.2em;transform-origin:0 50%;transform:rotate(-38deg)}.plan-pc-shadow{fill:var(--plan-shadow)}.plan-pc-lead{fill:var(--plan-steel)}.plan-pc-wood{fill:var(--plan-wood)}.plan-pc-body{fill:var(--plan-pencil)}.plan-pc-lit{fill:var(--plan-pencil-lit)}.plan-pc-shade{fill:var(--plan-pencil-shade)}.plan-pc-ferrule{fill:var(--plan-ferrule)}.plan-pc-band{fill:var(--plan-steel-mid)}.plan-pc-rubber{fill:var(--plan-rubber)}@keyframes plan-col-3{0%,4.167%{transform:scaleY(0);opacity:1}8.611%,84.722%{transform:scaleY(1);opacity:1}88.889%,to{transform:scaleY(1);opacity:0}}@keyframes plan-note-3{0%,8.611%{opacity:0}10.833%,84.722%{opacity:1}88.889%,to{opacity:0}}@keyframes plan-col-4{0%,15.278%{transform:scaleY(0);opacity:1}19.722%,84.722%{transform:scaleY(1);opacity:1}88.889%,to{transform:scaleY(1);opacity:0}}@keyframes plan-note-4{0%,19.722%{opacity:0}21.944%,84.722%{opacity:1}88.889%,to{opacity:0}}@keyframes plan-col-5{0%,26.389%{transform:scaleY(0);opacity:1}30.833%,84.722%{transform:scaleY(1);opacity:1}88.889%,to{transform:scaleY(1);opacity:0}}@keyframes plan-note-5{0%,30.833%{opacity:0}33.056%,84.722%{opacity:1}88.889%,to{opacity:0}}@keyframes plan-col-6{0%,37.500%{transform:scaleY(0);opacity:1}41.944%,84.722%{transform:scaleY(1);opacity:1}88.889%,to{transform:scaleY(1);opacity:0}}@keyframes plan-note-6{0%,41.944%{opacity:0}44.167%,84.722%{opacity:1}88.889%,to{opacity:0}}@keyframes plan-col-7{0%,48.611%{transform:scaleY(0);opacity:1}53.056%,84.722%{transform:scaleY(1);opacity:1}88.889%,to{transform:scaleY(1);opacity:0}}@keyframes plan-note-7{0%,53.056%{opacity:0}55.278%,84.722%{opacity:1}88.889%,to{opacity:0}}@keyframes plan-col-8{0%,59.722%{transform:scaleY(0);opacity:1}64.167%,84.722%{transform:scaleY(1);opacity:1}88.889%,to{transform:scaleY(1);opacity:0}}@keyframes plan-note-8{0%,64.167%{opacity:0}66.389%,84.722%{opacity:1}88.889%,to{opacity:0}}@keyframes plan-pencil{0.000%{transform:translate(6.35em,2.6em)}4.167%{transform:translate(6.35em,2.8em)}8.611%{transform:translate(6.35em,13.4em)}11.944%{transform:translate(8.4em,2.6em)}15.278%{transform:translate(8.4em,2.8em)}19.722%{transform:translate(8.4em,13.4em)}23.056%{transform:translate(10.45em,2.6em)}26.389%{transform:translate(10.45em,2.8em)}30.833%{transform:translate(10.45em,13.4em)}34.167%{transform:translate(12.5em,2.6em)}37.500%{transform:translate(12.5em,2.8em)}41.944%{transform:translate(12.5em,13.4em)}45.278%{transform:translate(14.55em,2.6em)}48.611%{transform:translate(14.55em,2.8em)}53.056%{transform:translate(14.55em,13.4em)}56.389%{transform:translate(16.6em,2.6em)}59.722%{transform:translate(16.6em,2.8em)}64.167%{transform:translate(16.6em,13.4em)}69.167%{transform:translate(15.8em,15em)}90.000%{transform:translate(15.8em,15em)}96.111%{transform:translate(6.35em,2.6em)}100.000%{transform:translate(6.35em,2.6em)}}@keyframes plan-dim-line{0%{transform:scaleX(.2407)}4.167%{transform:scaleX(.2407)}8.611%{transform:scaleX(.3673)}15.278%{transform:scaleX(.3673)}19.722%{transform:scaleX(.4938)}26.389%{transform:scaleX(.4938)}30.833%{transform:scaleX(.6204)}37.500%{transform:scaleX(.6204)}41.944%{transform:scaleX(.7469)}48.611%{transform:scaleX(.7469)}53.056%{transform:scaleX(.8735)}59.722%{transform:scaleX(.8735)}64.167%{transform:scaleX(1)}84.722%{transform:scaleX(1)}93.056%,to{transform:scaleX(.2407)}}@keyframes plan-dim-end{0%{transform:translate(-123px)}4.167%{transform:translate(-123px)}8.611%{transform:translate(-102.5px)}15.278%{transform:translate(-102.5px)}19.722%{transform:translate(-82px)}26.389%{transform:translate(-82px)}30.833%{transform:translate(-61.5px)}37.500%{transform:translate(-61.5px)}41.944%{transform:translate(-41px)}48.611%{transform:translate(-41px)}53.056%{transform:translate(-20.5px)}59.722%{transform:translate(-20.5px)}64.167%{transform:translate(0)}84.722%{transform:translate(0)}93.056%,to{transform:translate(-123px)}}.plan-vellum{background:var(--plan-vellum);box-shadow:.35em .5em 0 var(--plan-shadow);border:max(1px,.06em) solid var(--plan-vellum-edge);animation:plan-stir 13s ease-in-out infinite alternate}.plan-vellum>svg{inset:.6em;width:calc(100% - 1.2em);height:calc(100% - 1.2em)}.plan-pin{left:calc(50% - .55em);top:.35em;width:1.1em;height:1.1em;border-radius:50%;box-shadow:.18em .26em 0 var(--plan-shadow)}.plan-pin:after{content:"";position:absolute;left:22%;top:18%;width:34%;height:34%;border-radius:50%;background:rgba(var(--oa-lum),1)}.plan-pin-c1{background:var(--plan-c1)}.plan-pin-c2{background:var(--plan-c2)}.plan-pin-c3{background:var(--plan-c3)}@keyframes plan-stir{0%{transform:rotate(var(--plan-tilt))}to{transform:rotate(calc(var(--plan-tilt) + 1.4deg))}}.plan-ink{fill:none;stroke:var(--plan-draft);stroke-width:.9;stroke-linejoin:round}.plan-ink-soft{fill:none;stroke:var(--plan-draft-soft);stroke-width:.6}.plan-ink-dash{stroke-dasharray:7 2 1.2 2}.plan-arrow{fill:var(--plan-draft)}.plan-wash-c1{fill:color-mix(in oklab,var(--plan-c1) 52%,var(--plan-vellum))}.plan-wash-c2{fill:color-mix(in oklab,var(--plan-c2) 52%,var(--plan-vellum))}.plan-wash-c3{fill:color-mix(in oklab,var(--plan-c3) 52%,var(--plan-vellum))}.plan-wash-c4{fill:color-mix(in oklab,var(--plan-c4) 52%,var(--plan-vellum))}.plan-wash-paper{fill:var(--plan-vellum)}.plan-wash-ink{fill:color-mix(in oklab,var(--plan-draft) 22%,var(--plan-vellum))}.plan-vellum-boat{--plan-tilt: -6deg;left:calc(var(--plan-L) - 17.5em);top:4.5%;width:13.5em;height:11em;transform-origin:50% .9em;animation-duration:15s}.plan-heel{transform-box:view-box;transform-origin:65px 78px;animation:plan-heel 8s ease-in-out infinite alternate}@keyframes plan-heel{0%{transform:rotate(-2.5deg)}to{transform:rotate(3deg)}}.plan-vellum-signal{--plan-tilt: 4deg;left:calc(var(--plan-R) + .4em);top:57%;width:8.6em;height:14em;transform-origin:50% .9em;animation-duration:11s;animation-delay:-4s}.plan-lamp{opacity:0;animation:plan-lamp 9s steps(1,end) infinite}.plan-lamp-2{animation-delay:-6s}.plan-lamp-3{animation-delay:-3s}@keyframes plan-lamp{0%{opacity:1}33.33%,to{opacity:0}}.plan-vellum-balloon{--plan-tilt: -5deg;left:calc(var(--plan-R) + 8.6em);top:51%;width:10.5em;height:14.5em;transform-origin:50% .9em;animation-duration:17s;animation-delay:-9s}.plan-float{animation:plan-float 10s ease-in-out infinite alternate}@keyframes plan-float{0%{transform:translateY(3px)}to{transform:translateY(-5px)}}html[data-theme=dark] .plan-scene{--plan-desk: color-mix(in oklab, var(--plan-c4) 16%, var(--page));--plan-grain: color-mix(in oklab, var(--plan-c4) 22%, var(--page));--plan-desk-shadow: color-mix(in oklab, var(--plan-desk) 45%, #000);--plan-sheet: color-mix(in oklab, var(--sea) 30%, var(--page));--plan-grid: color-mix(in oklab, rgb(var(--oa-lum)) 9%, var(--plan-sheet));--plan-grid-major: color-mix(in oklab, rgb(var(--oa-lum)) 19%, var(--plan-sheet));--plan-line: color-mix(in oklab, rgb(var(--oa-lum)) 78%, var(--plan-sheet));--plan-line-soft: color-mix(in oklab, rgb(var(--oa-lum)) 40%, var(--plan-sheet));--plan-shadow: color-mix(in oklab, var(--plan-sheet) 40%, var(--page));--plan-vellum: color-mix(in oklab, rgb(var(--oa-lum)) 50%, var(--plan-sheet));--plan-vellum-edge: color-mix(in oklab, rgb(var(--oa-lum)) 62%, var(--plan-sheet));--plan-draft: color-mix(in oklab, var(--sea) 24%, var(--page));--plan-draft-soft: color-mix(in oklab, var(--plan-draft) 55%, var(--plan-vellum));--plan-steel: color-mix(in oklab, var(--page) 94%, var(--sea));--plan-steel-mid: color-mix(in oklab, var(--plan-steel) 72%, rgb(var(--oa-lum)));--plan-steel-lit: color-mix(in oklab, var(--plan-steel) 48%, rgb(var(--oa-lum)));--plan-pencil: color-mix(in oklab, var(--plan-c4) 82%, var(--page));--plan-pencil-lit: var(--plan-c4);--plan-pencil-shade: color-mix(in oklab, var(--plan-c4) 52%, var(--page));--plan-wood: color-mix(in oklab, var(--plan-c4) 42%, var(--page));--plan-ferrule: color-mix(in oklab, rgb(var(--oa-lum)) 48%, var(--page));--plan-rubber: color-mix(in oklab, var(--plan-c3) 62%, var(--page));--plan-acrylic: color-mix(in oklab, color-mix(in oklab, var(--plan-c3) 38%, var(--plan-c4)) 62%, var(--page));--plan-acrylic-edge: color-mix(in oklab, var(--plan-acrylic) 70%, rgb(var(--oa-lum)));--plan-rule: color-mix(in oklab, rgb(var(--oa-lum)) 20%, var(--plan-sheet));--plan-rule-edge: color-mix(in oklab, rgb(var(--oa-lum)) 32%, var(--plan-sheet));--plan-tick: color-mix(in oklab, rgb(var(--oa-lum)) 62%, var(--plan-rule));--plan-tape: color-mix(in oklab, var(--plan-c4) 18%, var(--page));--plan-k1: color-mix(in oklab, var(--plan-c1) 60%, var(--page));--plan-k2: color-mix(in oklab, var(--plan-c2) 60%, var(--page));--plan-k3: color-mix(in oklab, var(--plan-c3) 60%, var(--page));--plan-k4: color-mix(in oklab, var(--plan-c4) 60%, var(--page));--plan-k5: color-mix(in oklab, color-mix(in oklab, var(--plan-c1), var(--plan-c2)) 60%, var(--page));--plan-k6: color-mix(in oklab, color-mix(in oklab, var(--plan-c2), var(--plan-c3)) 60%, var(--page));--plan-k7: color-mix(in oklab, color-mix(in oklab, var(--plan-c3), var(--plan-c4)) 60%, var(--page));--plan-k8: color-mix(in oklab, color-mix(in oklab, var(--plan-c4), var(--plan-c1)) 60%, var(--page));--plan-note: color-mix(in oklab, rgb(var(--oa-lum)) 62%, var(--plan-sheet));--plan-lamp: color-mix(in oklab, var(--plan-c4) 58%, rgb(var(--oa-lum)));--plan-moth: color-mix(in oklab, var(--plan-c4) 26%, rgb(var(--oa-lum)))}html[data-theme=dark] .stage .tabs:before{background:color-mix(in oklab,rgb(from var(--art-c4) r g b / 1) 18%,var(--page))}.plan-lamp,.plan-moth-flight{display:none}html[data-theme=dark] .plan-lamp,html[data-theme=dark] .plan-moth-flight,html[data-theme=solarized] .plan-lamp,html[data-theme=solarized] .plan-moth-flight{display:block}.plan-lamp{inset:0;background:radial-gradient(ellipse 62% 88% at 6% -4%,color-mix(in oklab,var(--plan-lamp) 62%,transparent) 0,color-mix(in oklab,var(--plan-lamp) 36%,transparent) 30%,color-mix(in oklab,var(--plan-lamp) 13%,transparent) 62%,transparent 100%);mix-blend-mode:screen;animation:plan-lamp 9s ease-in-out infinite alternate}@keyframes plan-lamp{0%{opacity:.9}to{opacity:1}}.plan-moth-flight{left:calc(var(--plan-L) - 6.5em);top:17%;width:0;height:0}.plan-moth-flight-shadow{transform:translate(1.1em,1.6em)}.plan-moth-orbit{left:0;top:0;width:0;height:0;animation:plan-spin 11s linear infinite}.plan-moth-arm{left:3.6em;top:0;width:0;height:0;animation:plan-spin 2.7s linear infinite reverse}.plan-moth{left:.9em;top:-1.15em;width:2.3em;height:2.3em;animation:plan-flap .22s ease-in-out infinite alternate}.plan-moth svg{inset:0;width:100%;height:100%}.plan-moth path{fill:var(--plan-moth)}.plan-moth-flight-shadow .plan-moth path{fill:var(--plan-shadow)}@keyframes plan-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes plan-flap{0%{transform:scaleX(1)}to{transform:scaleX(.35)}}html[data-theme=solarized] .plan-scene{--plan-desk: color-mix(in oklab, var(--plan-c4) 20%, var(--oa-umbra));--plan-grain: color-mix(in oklab, var(--plan-c4) 27%, var(--oa-umbra));--plan-desk-shadow: color-mix(in oklab, var(--oa-umbra) 70%, #000);--plan-sheet: color-mix(in oklab, var(--sea) 31%, #000);--plan-grid: color-mix(in oklab, rgb(var(--oa-lum)) 6%, var(--plan-sheet));--plan-grid-major: color-mix(in oklab, rgb(var(--oa-lum)) 12%, var(--plan-sheet));--plan-line: color-mix(in oklab, rgb(var(--oa-lum)) 58%, var(--plan-sheet));--plan-line-soft: color-mix(in oklab, rgb(var(--oa-lum)) 26%, var(--plan-sheet));--plan-shadow: color-mix(in oklab, var(--plan-sheet) 30%, #000);--plan-vellum: color-mix(in oklab, rgb(var(--oa-lum)) 26%, var(--plan-sheet));--plan-vellum-edge: color-mix(in oklab, rgb(var(--oa-lum)) 40%, var(--plan-sheet));--plan-draft: color-mix(in oklab, var(--oa-umbra) 80%, #000);--plan-draft-soft: color-mix(in oklab, var(--plan-draft) 55%, var(--plan-vellum));--plan-steel: color-mix(in oklab, var(--oa-umbra) 40%, #000);--plan-steel-mid: color-mix(in oklab, var(--oa-umbra) 72%, rgb(var(--oa-lum)));--plan-steel-lit: color-mix(in oklab, var(--oa-umbra) 48%, rgb(var(--oa-lum)));--plan-pencil: color-mix(in oklab, var(--plan-c4) 82%, var(--oa-umbra));--plan-pencil-lit: var(--plan-c4);--plan-pencil-shade: color-mix(in oklab, var(--plan-c4) 52%, var(--oa-umbra));--plan-wood: color-mix(in oklab, var(--plan-c4) 42%, var(--oa-umbra));--plan-ferrule: color-mix(in oklab, rgb(var(--oa-lum)) 48%, var(--oa-umbra));--plan-rubber: color-mix(in oklab, var(--plan-c3) 62%, var(--oa-umbra));--plan-acrylic: color-mix(in oklab, color-mix(in oklab, var(--plan-c3) 38%, var(--plan-c4)) 64%, var(--oa-umbra));--plan-acrylic-edge: color-mix(in oklab, var(--plan-acrylic) 70%, rgb(var(--oa-lum)));--plan-rule: color-mix(in oklab, rgb(var(--oa-lum)) 13%, var(--plan-sheet));--plan-rule-edge: color-mix(in oklab, rgb(var(--oa-lum)) 22%, var(--plan-sheet));--plan-tick: color-mix(in oklab, rgb(var(--oa-lum)) 45%, var(--plan-rule));--plan-tape: color-mix(in oklab, rgb(var(--oa-lum-warm)) 24%, var(--oa-umbra));--plan-k1: color-mix(in oklab, var(--plan-c1) 60%, var(--oa-umbra));--plan-k2: color-mix(in oklab, var(--plan-c2) 60%, var(--oa-umbra));--plan-k3: color-mix(in oklab, var(--plan-c3) 60%, var(--oa-umbra));--plan-k4: color-mix(in oklab, var(--plan-c4) 60%, var(--oa-umbra));--plan-k5: color-mix(in oklab, color-mix(in oklab, var(--plan-c1), var(--plan-c2)) 60%, var(--oa-umbra));--plan-k6: color-mix(in oklab, color-mix(in oklab, var(--plan-c2), var(--plan-c3)) 60%, var(--oa-umbra));--plan-k7: color-mix(in oklab, color-mix(in oklab, var(--plan-c3), var(--plan-c4)) 60%, var(--oa-umbra));--plan-k8: color-mix(in oklab, color-mix(in oklab, var(--plan-c4), var(--plan-c1)) 60%, var(--oa-umbra));--plan-note: color-mix(in oklab, rgb(var(--oa-lum)) 40%, var(--plan-sheet));--plan-lamp: color-mix(in oklab, color-mix(in oklab, var(--plan-c4) 58%, rgb(var(--oa-lum))) 55%, #000);--plan-moth: color-mix(in oklab, var(--plan-c4) 26%, rgb(var(--oa-lum)))}html[data-theme=solarized] .stage .tabs:before{background:color-mix(in oklab,rgb(225,143,85) 24%,color-mix(in oklab,var(--page) 55%,#000))}.plan-rim,.plan-bands{display:none}html[data-theme=solarized] .plan-rim,html[data-theme=solarized] .plan-bands{display:block}.plan-rim{inset:0;background:radial-gradient(ellipse 62% 68% at 50% 50%,transparent 0,transparent 76%,color-mix(in oklab,rgb(var(--oa-lum-warm)) 5%,transparent) 90%,color-mix(in oklab,rgb(var(--oa-lum-warm)) 13%,transparent) 100%);mix-blend-mode:screen}.plan-bands{inset:0;overflow:hidden;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 70% 76% at 50% 50%,#000 40%,transparent 100%)}.plan-bands i{left:-30%;top:-30%;width:160%;height:160%;background:rgba(var(--oa-lum),.03);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 24' preserveAspectRatio='none'%3E%3Cpath d='M0 12Q35 7 70 12T140 12' fill='none' stroke='%23000' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E");mask-size:34em 4.2em;animation:plan-bands-a 9s linear infinite}@keyframes plan-bands-a{0%{transform:rotate(-16deg) translateY(0)}to{transform:rotate(-16deg) translateY(4.2em)}}