.frn-lab{flex-direction:column;gap:14px;display:flex}.frn-sheet{--ink:#1d2630;--muted:#56616e;--line:#b9c3c9;--surface:#fbfcf8;--sunk:#e9eeea;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background-color:#fbfcf8;background-image:linear-gradient(#40808c1f 1px,#0000 1px),linear-gradient(90deg,#40808c1f 1px,#0000 1px);background-size:12px 12px;border:1.5px solid #9aa6ae;border-radius:6px;position:relative;box-shadow:0 1px #141e280f,0 8px 18px -12px #141e2873}.frn-sheet svg{width:100%;height:auto;display:block}.frn-sheet .frn-cap{pointer-events:none;position:absolute;top:8px;left:10px}.frn-cap{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.frn-tag{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#2a2205;white-space:nowrap;background:#f5d46a;border-radius:3px 999px 999px 3px;align-items:center;gap:6px;padding:3px 9px 3px 14px;font-size:11px;display:inline-flex;position:relative}.frn-tag:before{content:"";background:#2a2205;border-radius:50%;width:4px;height:4px;margin-top:-2px;position:absolute;top:50%;left:5px}.frn-two{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@media (min-width:860px){.frn-two{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}}.frn-panel{flex-direction:column;gap:10px;display:flex}.frn-panel h2,.frn-panel h3{margin:0}.frn-readout{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;display:grid}.frn-readout>div{background:var(--sunk);border-radius:var(--radius);flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:flex}.frn-readout b{font-family:var(--f-mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:17px;font-weight:600}.frn-readout small{color:var(--muted);font-size:12px}.frn-slider{grid-template-columns:minmax(96px,auto) minmax(0,1fr) auto;align-items:center;gap:4px 10px;display:grid}.frn-slider>span{font-size:14px;font-weight:600}.frn-slider output{font-family:var(--f-mono);font-variant-numeric:tabular-nums;text-align:right;min-width:7ch;font-size:14px}.frn-slider input[type=range]{width:100%;min-width:0;accent-color:var(--accent);min-height:28px}.frn-nudge{align-items:center;gap:4px;display:inline-flex}.frn-nudge output{white-space:nowrap}.frn-nudge button{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:34px;min-height:34px;color:var(--ink);font:700 15px/1 var(--f-mono);cursor:pointer}.frn-nudge button:hover{border-color:var(--ink)}.frn-ok{color:var(--good);font-weight:700}.frn-no{color:var(--bad);font-weight:700}.frn-note{color:var(--muted);margin:0;font-size:14px}.frn-table{border-collapse:collapse;width:100%;font-size:14px}.frn-table th,.frn-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 8px}.frn-table th{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:500}.frn-table td.num,.frn-table th.num{text-align:right;font-variant-numeric:tabular-nums}.frn-scroll{overflow-x:auto}.frn-appear{animation:var(--mo-fade)}@media (orientation:landscape) and (max-height:520px){.frn-sheet svg{max-height:min(300px,100svh - 80px)}}@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .frn-sheet{--ink:#e0edfa;--muted:#a6b2c1;--line:#464f54;--surface:#272825;--sunk:#191d1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#1f201d;background-image:linear-gradient(#40808c1f 1px,#0000 1px),linear-gradient(90deg,#40808c1f 1px,#0000 1px);box-shadow:0 1px #141e280f,0 8px 18px -12px #141e2873}:where(:root:not([data-theme=light])) .frn-tag{color:#f7efd1;background:#372d0d}:where(:root:not([data-theme=light])) .frn-tag:before{background:#2a2205}:where(:root:not([data-theme=light])) .frn-readout>div{background:var(--sunk)}:where(:root:not([data-theme=light])) .frn-readout small{color:var(--muted)}:where(:root:not([data-theme=light])) .frn-nudge button{border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}:where(:root:not([data-theme=light])) .frn-nudge button:hover{border-color:var(--ink)}:where(:root:not([data-theme=light])) .frn-ok{color:var(--good)}:where(:root:not([data-theme=light])) .frn-no{color:var(--bad)}:where(:root:not([data-theme=light])) .frn-note{color:var(--muted)}:where(:root:not([data-theme=light])) .frn-table th,:where(:root:not([data-theme=light])) .frn-table td{border-bottom:1px solid var(--line)}:where(:root:not([data-theme=light])) .frn-table th{color:var(--muted)}}:where(:root[data-theme=dark]) .frn-sheet{--ink:#e0edfa;--muted:#a6b2c1;--line:#464f54;--surface:#272825;--sunk:#191d1a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#1f201d;background-image:linear-gradient(#40808c1f 1px,#0000 1px),linear-gradient(90deg,#40808c1f 1px,#0000 1px);box-shadow:0 1px #141e280f,0 8px 18px -12px #141e2873}:where(:root[data-theme=dark]) .frn-tag{color:#f7efd1;background:#372d0d}:where(:root[data-theme=dark]) .frn-tag:before{background:#2a2205}:where(:root[data-theme=dark]) .frn-readout>div{background:var(--sunk)}:where(:root[data-theme=dark]) .frn-readout small{color:var(--muted)}:where(:root[data-theme=dark]) .frn-nudge button{border:1.5px solid var(--line);background:var(--surface);color:var(--ink)}:where(:root[data-theme=dark]) .frn-nudge button:hover{border-color:var(--ink)}:where(:root[data-theme=dark]) .frn-ok{color:var(--good)}:where(:root[data-theme=dark]) .frn-no{color:var(--bad)}:where(:root[data-theme=dark]) .frn-note{color:var(--muted)}:where(:root[data-theme=dark]) .frn-table th,:where(:root[data-theme=dark]) .frn-table td{border-bottom:1px solid var(--line)}:where(:root[data-theme=dark]) .frn-table th{color:var(--muted)}
