.af{font-family:var(--font-ui);margin:.8rem 0 1.8rem}.af-plate{background:var(--card);box-shadow:0 0 0 1px var(--card-edge);padding:.8rem .9rem}.af-corners,.af-foot{font:.68rem/1.3 var(--font-ui);letter-spacing:.04em;color:var(--soft);justify-content:space-between;gap:1rem;display:flex}.af-title{text-align:right}.af-foot{margin-top:.9rem}.af-read{color:var(--ink);text-align:right}.af-hands{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:grid;position:relative}.af-hands:before{content:"";background:var(--accent);opacity:.35;width:calc(25% - 1rem);height:2px;position:absolute;top:.55rem;left:.5rem}.af-card{background:var(--paper);border:1.5px solid var(--rule);color:var(--ink);flex-direction:column;gap:.35rem;padding:1.4rem .6rem .7rem;font-size:.74rem;line-height:1.35;display:flex;position:relative}.af-card:nth-child(2){transform:rotate(1.2deg)translateY(.2rem)}.af-card:nth-child(3){transform:rotate(-2deg)translateY(.45rem)}.af-card:nth-child(4){border-color:var(--accent);transform:rotate(3deg)translateY(.7rem)}.af-hand{font:700 .62rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.af-need{font:700 .56rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--paper);visibility:hidden;padding:.1rem .25rem;position:absolute;top:.25rem;left:.6rem}.af-card:first-child .af-need{visibility:visible;opacity:.5;text-decoration:line-through}.af-q{color:var(--soft);border-left:2px solid var(--accent);padding-left:.4rem;font-style:italic}.af .af-on,.af:has(.af-in[value=on]:checked) .af-off{display:none}.af:has(.af-in[value=on]:checked) .af-on{display:inline}.af:has(.af-in[value=on]:checked) .af-q{display:block}.af:has(.af-in[value=on]:checked) .af-card{border-color:var(--rule);transform:none}.af:has(.af-in[value=on]:checked) .af-card:nth-child(4){border-color:var(--ink)}.af:has(.af-in[value=on]:checked) .af-need{visibility:visible;opacity:1;text-decoration:none}.af:has(.af-in[value=on]:checked) .af-hands:before{opacity:1;width:calc(100% - 1rem)}@media (width<=34rem){.af-hands{grid-template-columns:minmax(0,1fr);gap:.6rem}.af-hands:before{width:2px;height:calc(25% - 1rem);top:.5rem;left:.55rem}.af:has(.af-in[value=on]:checked) .af-hands:before{width:2px;height:calc(100% - 1rem)}.af-card{padding-left:1.2rem}.af-card:nth-child(2){transform:rotate(.5deg)translate(.3rem)}.af-card:nth-child(3){transform:rotate(-.8deg)translate(-.2rem)}.af-card:nth-child(4){transform:rotate(1.1deg)translate(.5rem)}.af-foot{margin-top:1.1rem}.af-need{left:1.2rem}}@media (prefers-reduced-motion:no-preference){.af-card{transition:transform .5s,border-color .3s}.af-hands:before{transition:width .6s,height .6s,opacity .3s}}.af-gate{border:0;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.6rem 0 0;padding:0;display:flex}.af-gate legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.af-name{font:700 .62rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-right:.15rem}.af-gate label{position:relative}.af-gate input{opacity:0;width:1px;height:1px;margin:0;position:absolute;top:0;left:0}.af-gate label>span{font:.74rem/1.3 var(--font-ui);border:1.5px solid var(--rule);cursor:pointer;color:var(--soft);border-radius:999px;padding:.28rem .65rem;display:inline-block}.af-gate label>span:hover{border-color:var(--soft);color:var(--ink)}.af-gate input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.af-gate input:checked+span{border-color:var(--ink);color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.af-cap{font:.72rem var(--font-ui);color:var(--soft);letter-spacing:.02em;margin-top:.5rem}.mn{font-family:var(--font-ui);margin:.8rem 0 1.8rem}.mn-plate{background:var(--card);box-shadow:0 0 0 1px var(--card-edge);padding:.8rem .9rem .9rem}.mn-corners{font:.68rem/1.3 var(--font-ui);letter-spacing:.04em;color:var(--soft);justify-content:space-between;display:flex}.mn-stage{grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.6rem;display:grid;position:relative}.mn-side{border:1.5px solid var(--rule);padding:2rem .8rem .9rem;position:relative}.mn-app{background:var(--paper)}.mn-prompt{background:color-mix(in srgb, var(--accent) 7%, var(--paper));border-color:var(--accent)}.mn-tag{font:700 .62rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);position:absolute;top:.55rem;left:.8rem}.mn-tag.right{color:var(--accent);left:auto;right:.8rem}.mn-app-row,.mn-prompt-row{align-items:flex-start;gap:.8rem;display:flex}.mn-prompt-row{flex-direction:column;align-items:center}.mn-menu{color:#3a2a1c;font:.62rem/1.3 var(--font-body);background:#fbf6ea;border:1px solid #d9c9a8;flex-direction:column;gap:.2rem;padding:.45rem .6rem;display:flex;transform:rotate(-1.5deg);box-shadow:2px 3px #0000001f}.mn-menu b{font:700 .6rem/1 var(--font-ui);letter-spacing:.2em;text-align:center;margin-bottom:.15rem}.mn-menu.small{flex:0 0 6.6rem}.mn-menu.big{width:min(100%,15rem);font-size:.72rem;transform:rotate(1deg)}.mn-item{align-items:center;gap:.35rem;display:flex}.mn-item>span:last-child{color:#8a6d4f;margin-left:auto}.mn-doodle{flex:none;width:2.4rem;height:auto}.mn-doodle path{fill:none;stroke:#b5532a;stroke-width:1px;stroke-linecap:round}.mn-steps{flex-direction:column;flex:1;gap:.7rem;min-width:0;margin:0;padding:0;list-style:none;display:flex}.mn-steps li{font:.66rem/1.3 var(--font-ui);color:var(--ink);border:1px solid var(--rule);background:var(--card);padding:.25rem .4rem;position:relative}.mn-steps li+li:before{content:"↓";color:var(--soft);font-size:.6rem;line-height:1;position:absolute;top:-.95rem;left:.5rem}.mn-steps li.last{color:var(--soft);border-style:dashed}.mn-bubble{font:italic .72rem/1.35 var(--font-body);color:var(--ink);background:var(--card);border:1.5px solid var(--accent);text-align:center;border-radius:.8rem;max-width:16rem;padding:.35rem .6rem}.mn-line,.mn-range{display:none}.mn-hint{font:700 .62rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}.mn-cap{font:.72rem var(--font-ui);color:var(--soft);letter-spacing:.02em;margin-top:.5rem}.mn-js .mn-stage{height:17rem;display:block;overflow:hidden}.mn-js .mn-side{position:absolute;inset:0}.mn-js .mn-prompt{clip-path:inset(0 0 0 var(--x))}.mn-js .mn-app-row{max-width:26rem}.mn-js .mn-prompt-row{align-items:flex-end;max-width:26rem;margin-left:auto}.mn-js .mn-line{top:0;bottom:0;left:var(--x);background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;display:block;position:absolute}.mn-js .mn-knob{background:var(--accent);color:var(--card);font:700 .8rem/1.2 var(--font-ui);border-radius:999px;padding:.1rem .4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mn-js .mn-range{align-items:center;gap:.6rem;margin-top:.6rem;display:flex}.mn-js .mn-range input{accent-color:var(--accent);flex:1}@media (width<=34rem){.mn-stage{grid-template-columns:minmax(0,1fr)}.mn-menu.small{flex-basis:auto;width:8rem}}.nl{font-family:var(--font-ui);--t:1;margin:.8rem 0 1.8rem}.nl-plate{color:#e8e4f0;box-shadow:0 0 0 1px var(--card-edge);background:linear-gradient(180deg, color-mix(in srgb, #0b1030 calc((1 - var(--t)) * 100%), #f4a261) 0%, color-mix(in srgb, #141a3a calc((1 - var(--t)) * 100%), #2a3a66) 55%, #10142a 100%);position:relative;overflow:hidden}.nl-sky{height:3.2rem;position:relative}.nl-moon{width:1.1rem;height:1.1rem;top:calc(.4rem + var(--t) * 1.4rem);left:calc(8% + var(--t) * 80%);background:color-mix(in srgb, #f3efe0 calc((1 - var(--t)) * 100%), #ffd27a);border-radius:50%;position:absolute;box-shadow:0 0 14px #f3efe099}.nl-corner{font:.68rem/1.3 var(--font-ui);letter-spacing:.04em;color:#c9c3da;justify-content:space-between;display:flex;position:absolute;inset:.6rem .9rem auto}.nl-mode{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:.4rem .9rem;padding:0 .9rem .8rem;display:grid}.nl-c,.nl:has(.nl-in[value=c]:checked) .nl-a{display:none}.nl:has(.nl-in[value=c]:checked) .nl-c{display:grid}.nl-log{font:.66rem/1.55 var(--font-mono);background:#00000059;border:1px solid #ffffff1f;align-self:start;min-height:9.6em;margin:0;padding:.5rem .6rem;list-style:none}.nl-log li{white-space:nowrap;text-overflow:ellipsis;color:#9fe3b0;overflow:hidden}.nl-log li.drop{color:#8c86a0}.nl-log li:last-child:after{content:"▍";color:#e8e4f0;margin-left:.2em}.nl-chart{width:100%;height:auto;display:block}.nl-axis{stroke:#ffffff59;stroke-width:1px}.nl-tick{font:8px var(--font-mono);fill:#a9a3bd}.nl-ylab{font:600 8.5px var(--font-ui);fill:#e8e4f0}.nl-dot{fill:#9fe3b0;transition:opacity .2s}.nl-dot.drop{fill:#8c86a0}.nl-dot.off{opacity:0}.nl-best{fill:none;stroke:#ffd27a;stroke-width:1.6px;stroke-dasharray:1;stroke-dashoffset:var(--grow,0)}.nl-chair rect{fill:#00000073;stroke:#ff8fa3;stroke-dasharray:3 2}.nl-chair text{font:600 8.5px var(--font-ui);fill:#ff8fa3}.nl-foot{font:.68rem/1.3 var(--font-ui);color:#c9c3da;grid-column:1/-1;justify-content:space-between;gap:1rem;display:flex}.nl-read{color:#ffd27a;text-align:right}.nl-live:not(.nl-morning) .nl-clock{visibility:hidden}@media (width<=34rem){.nl-mode{grid-template-columns:minmax(0,1fr)}}.nl-gate{border:0;flex-wrap:wrap;align-items:center;gap:.35rem;margin:.6rem 0 0;padding:0;display:flex}.nl-gate legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.nl-name{font:700 .62rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin-right:.15rem}.nl-gate label{position:relative}.nl-gate input{opacity:0;width:1px;height:1px;margin:0;position:absolute;top:0;left:0}.nl-gate label>span{font:.74rem/1.3 var(--font-ui);border:1.5px solid var(--rule);cursor:pointer;color:var(--soft);border-radius:999px;padding:.28rem .65rem;display:inline-block}.nl-gate label>span:hover{border-color:var(--soft);color:var(--ink)}.nl-gate input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.nl-gate input:checked+span{border-color:var(--ink);color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.nl-cap{font:.72rem var(--font-ui);color:var(--soft);letter-spacing:.02em;margin-top:.5rem}.sw{font-family:var(--font-ui);margin:.8rem 0 1.8rem}.sw-plate{background:var(--card);box-shadow:0 0 0 1px var(--card-edge);padding:.8rem .9rem 1rem}.sw-corners{font:.68rem/1.3 var(--font-ui);letter-spacing:.04em;color:var(--soft);justify-content:space-between;display:flex}.sw-panels{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.sw-panel{border:1.5px solid var(--rule);background:var(--paper);flex-direction:column;gap:.35rem;padding:.3rem .3rem .5rem;display:flex}.sw-panel:last-child{border-color:var(--accent)}.sw-panel svg{width:100%;height:auto;display:block}.sw-stroke{fill:none;stroke:var(--ink);stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.sw-stroke.soft{stroke:var(--soft);stroke-width:1px}.sw-stroke.acc{stroke:var(--accent);stroke-width:1.5px}.sw-text{font:600 12px var(--font-ui);fill:var(--soft)}.sw-text.acc{fill:var(--accent);font-size:13px}.sw-text.sms{fill:var(--accent);font-size:9.5px}.sw-cap{font:.7rem/1.3 var(--font-ui);color:var(--ink);padding:0 .2rem}.sw-cap b{color:var(--accent);margin-right:.2rem}.sw-caption{font:.72rem var(--font-ui);color:var(--soft);letter-spacing:.02em;margin-top:.5rem}@media (width<=34rem){.sw-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.sw-armed .sw-stroke{stroke-dasharray:1;stroke-dashoffset:1px}.sw-armed .sw-text,.sw-armed .sw-cap{opacity:0}.sw-go .sw-stroke{animation:.9s forwards sw-draw;animation-delay:calc(var(--p) * .9s + var(--k) * 40ms)}.sw-go .sw-text,.sw-go .sw-cap{animation:.5s forwards sw-fade;animation-delay:calc(var(--p) * .9s + .6s)}}@keyframes sw-draw{to{stroke-dashoffset:0}}@keyframes sw-fade{to{opacity:1}}