.nf-pics{grid-template:minmax(0,1fr)/minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.nf-slot{background:var(--bg);min-width:0;min-height:0;position:relative;overflow:hidden}.nf-view{background:var(--bg);position:absolute;inset:0;overflow:hidden}.nf-view canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.nf-ov{cursor:crosshair}.nf-ov.over-handle{cursor:grab}.nf-ov.grabbing{cursor:grabbing}.nf-tag{left:calc(10 * var(--g));top:calc(8 * var(--g));z-index:2;pointer-events:none;font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.06em;color:var(--text);text-shadow:0 0 6px var(--plot-bg), 0 1px 2px var(--plot-bg);position:absolute}.nf-zoomread{right:calc(14 * var(--g));top:calc(12 * var(--g));z-index:2;pointer-events:none;font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--text-2);letter-spacing:.08em;text-shadow:0 0 6px var(--plot-bg), 0 1px 2px var(--plot-bg);position:absolute}.nf .nf-vb{right:calc(12 * var(--g));bottom:calc(12 * var(--g));z-index:2;position:absolute}.nf-inset{aspect-ratio:1.7;width:100%;position:relative}.nf-inset>.nf-view{border-radius:inherit;position:absolute;inset:0}.nf .nf-mvb{right:calc(6 * var(--g));bottom:calc(6 * var(--g));transform-origin:100% 100%;transform:scale(.82)}.nf-list{padding:calc(10 * var(--g)) calc(12 * var(--g));background:var(--plot-bg);border-radius:inherit;font-size:var(--fs-xs);color:var(--text-2);line-height:1.5;position:absolute;inset:0;overflow:auto}.nf-list>.nf-tag{margin-bottom:calc(8 * var(--g));display:block;position:static}.nf-list p{margin:0 0 calc(6 * var(--g))}.nf-list b{font-family:var(--font-mono);color:var(--text);font-weight:400}.nf-list[hidden],.nf-view[hidden]{display:none}.nf-hud{z-index:4;pointer-events:none;position:absolute;inset:0}.nf .hl-nav{left:calc(12 * var(--g));top:calc(12 * var(--g));z-index:3;max-width:calc(100% - 24 * var(--g));pointer-events:auto;position:absolute}.nf .hl-nav.idle{display:none}.nf-fail{text-align:center;color:var(--text-2);font-size:var(--fs-l);place-items:center;margin:0;padding:40px;display:grid;position:absolute;inset:0}.nf-hint,.nf-toast{left:50%;top:max(calc(34 * var(--g)), calc(var(--nav-bottom,0px) + 8px));z-index:4;width:max-content;max-width:min(calc(640 * var(--g)), calc(100% - 32px));padding:calc(7 * var(--g)) calc(14 * var(--g));border:1px solid var(--line);background:var(--plot-bg);backdrop-filter:blur(10px);color:var(--text);font-size:var(--fs-s);text-align:center;pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out);border-radius:2px;line-height:1.45;position:absolute;transform:translate(-50%)}.nf-hint.on,.nf-toast.on{opacity:1;transition-duration:var(--dur-state)}.nf-hint.long{top:auto;bottom:calc(56 * var(--g));width:min(calc(560 * var(--g)), calc(100% - 32px));text-align:left;line-height:1.5}.nf-stagebox{left:calc(14 * var(--g));top:max(calc(12 * var(--g)), calc(var(--nav-bottom,0px) + 8px));z-index:4;gap:calc(4 * var(--g));max-width:min(calc(380 * var(--g)), calc(100% - 28 * var(--g)));padding:calc(10 * var(--g)) calc(16 * var(--g)) calc(12 * var(--g));border:1px solid var(--line);background:var(--plot-bg);backdrop-filter:blur(10px);pointer-events:none;opacity:0;transition:opacity .6s var(--ease-out);border-radius:2px;display:grid;position:absolute}.nf-stagebox.on{opacity:1;transition-duration:var(--dur-state)}.nf-stagebox[data-corner=tr]{left:auto;right:calc(14 * var(--g));top:max(calc(30 * var(--g)), calc(var(--nav-bottom,0px) + 8px))}.nf-stagebox[data-corner=bl]{top:auto;bottom:calc(44 * var(--g))}.nf-stagebox[data-corner=br]{top:auto;left:auto;right:calc(14 * var(--g));bottom:calc(52 * var(--g))}.nf-stagebox .res.big{min-width:0;font-size:var(--fs-num);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;color:var(--text);font-weight:200;line-height:1}.nf-stage-line{overflow-wrap:anywhere;min-width:0;font-size:var(--fs-s);color:var(--text-2);line-height:1.45}.nf-stage-line:empty{display:none}.nf-panel{color:var(--text);display:grid}.nf-sec{min-width:0;display:grid}.nf-row{align-items:center;gap:calc(8 * var(--g));flex-wrap:wrap;display:flex}.nf-note{color:var(--text-3);font-size:var(--fs-xs);margin:0;line-height:1.45}.nf-mnote{margin-top:calc(-2 * var(--g))}.nf-orbit{color:var(--text-2)}.nf-small{font-size:var(--fs-2xs)}.nf-val{font-family:var(--font-mono);font-size:var(--fs-s);color:var(--text);white-space:nowrap}.nf .sec-val{align-items:baseline;gap:.4em;display:inline-flex}.nf-go{align-items:start;column-gap:calc(10 * var(--g));grid-template-columns:1fr 1fr}.nf-proc{grid-template-rows:var(--control-primary) auto;place-items:center;gap:calc(6 * var(--g));text-align:center;display:grid}.nf-sec-orbit .hbtn[hidden]{display:none}.nf-look{position:relative}.nf-look .sdr-tray{left:0;right:0;bottom:calc(100% + 4 * var(--g));z-index:5;position:absolute}.nf .lkey,.nf .pkey,.nf .hbtn,.nf .hl-step{min-height:24px}@media (width>=761px) and (height<=940px){.nf-inset{aspect-ratio:1.9}}@media (width>=761px) and (height<=880px){.nf-hero .lede{display:none}}@media (width>=761px) and (height<=800px){.nf-mnote,.nf-go .nf-note{display:none}}@media (width<=760px){.nf-panel{column-gap:calc(12 * var(--g));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"m ring""m go""mn mn""poly poly""orbit orbit""bar bar"}.nf-inset{aspect-ratio:1.44;grid-area:m}.nf-mnote{grid-area:mn}.nf-go{display:contents}.nf-go>.nf-proc:first-child{grid-area:ring}.nf-go>.nf-proc:last-child{grid-area:go}.nf-go .nf-note{display:none}.nf-go .nf-proc{grid-template-rows:auto}.nf-sec-poly{grid-area:poly}.nf-sec-orbit{grid-area:orbit}.nf-panel>.nf-look{grid-area:bar}.nf-sec-poly{padding-top:calc(10 * var(--g));border-top:1px solid var(--line)}.nf-hint{top:calc(34 * var(--g));width:calc(100% - 24px)}.nf-stagebox{left:calc(10 * var(--g));top:calc(10 * var(--g));padding:calc(8 * var(--g)) calc(12 * var(--g))}.nf-stagebox[data-corner]{top:calc(30 * var(--g));bottom:auto}.nf-stagebox .res.big{font-size:calc(34 * var(--u))}.nf-hint.long{top:auto;bottom:calc(18 * var(--g) + var(--nav-h,0px))}.nf .hl-nav{top:auto;bottom:calc(10 * var(--g));left:auto;right:calc(10 * var(--g))}.nf .nf-z .nf-vb{display:none}}@media (width<=760px) and (height<=700px){.nf-pics{height:46svh}}@media (width<=980px) and (height<=500px) and (orientation:landscape){.nf{grid-template-columns:minmax(0, 1fr) calc(300 * var(--g))}.nf .nf-z .nf-vb{display:none}.nf-stagebox{max-width:min(300px,100% - 28px);padding:8px 12px}.nf-stagebox .res.big{font-size:calc(34 * var(--u))}}@container phenomenon-column (width<=320px){.nf-panel{grid-template-columns:minmax(0,1fr);grid-template-areas:"go""m""mn""poly""orbit""bar"}.nf-go{grid-area:go}.nf-focus .pkeys{--pk-cols:2}.nf-inset{aspect-ratio:1.4;grid-area:m}.nf-mnote{grid-area:mn}.nf-sec-poly{grid-area:poly}.nf-sec-orbit{grid-area:orbit}.nf-panel>.nf-look{grid-area:bar}}.nf-count-row{align-items:center;column-gap:calc(18 * var(--g));row-gap:calc(4 * var(--g));grid-template-columns:auto minmax(0,1fr);display:grid}.nf-focus .pkeys{--pk-cols:3}@container phenomenon-column (width<=400px){.nf-focus .pkeys{--pk-cols:2}}@media (width<=760px){.nf-focus .pkeys{--pk-cols:2}}.nf-sec-orbit .sec-val .hbtn{margin:0}