@font-face{font-family:Excalifont;src:url(/assets/Excalifont-Regular-C9eKQy_N.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--sketch-font:"Excalifont", sans-serif;--corpo-font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:var(--sketch-font);--bg:#faf9f7;--panel:#fff;--text:#252525;--muted:#777;--border:#aaa;--border-soft:#d8d8d8;--control-bg:#fff;--control-hover:#f1f1f1;--inactive-bg:#f7f7f7;--item-a:darkorange;--item-b:dodgerblue;--ok:mediumseagreen;--err:crimson;font-family:var(--font-body);color:var(--text);background:var(--bg)}:root[data-font=sketch]{--font-body:var(--sketch-font)}:root[data-font=sans]{--font-body:var(--corpo-font)}:root[data-theme=dark]{--bg:#161616;--panel:#202020;--text:#ededed;--muted:#aaa;--border:#595959;--border-soft:#393939;--control-bg:#282828;--control-hover:#333;--inactive-bg:#242424;--item-a:#f2a23a;--item-b:#4ca4f5;--ok:#55c98b;--err:#ef667d}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}html{color:var(--text);background:var(--bg)}body{min-height:100dvh;font-family:var(--font-body);color:var(--text);background:var(--bg);transition:background-color .12s,color .12s}span,p,h1,h2,h3,h4,h5,h6{font:inherit;color:inherit;background:0 0;border:0;margin:0;padding:0;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}article{width:min(1400px,80%);min-height:100dvh;margin-inline:auto;padding:18px;position:relative}article>*{min-width:0}.mainGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.appHeader{background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;margin:0 0 16px;padding:0;display:flex}.pageTitle{min-width:0;color:var(--text);margin:0;padding:0;font-size:2.2rem;line-height:1}.appHeaderControls{flex-shrink:0;align-items:center;gap:12px;display:flex}.toggleControl{align-items:center;gap:5px;display:flex}.toggleLabel{color:var(--muted);white-space:nowrap;font-size:.75rem}.toggleGroup{border:1px solid var(--border);background:var(--panel);border-radius:6px;align-items:center;padding:2px;display:flex}.toggleGroup button{appearance:none;min-width:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 7px;font-size:.8rem;line-height:1.2;transition:background-color .12s,color .12s}.toggleGroup button:hover{color:var(--text);background:color-mix(in srgb, var(--text) 7%, transparent)}.toggleGroup button.active{color:var(--text);background:color-mix(in srgb, var(--text) 13%, transparent)}.toggleGroup button:focus-visible{outline:2px solid var(--text);outline-offset:1px}section{border:2px solid var(--border);background:var(--panel);border-radius:6px;min-width:0;padding:10px}section>header,.recombInput>header,.recombResult>header,.recombValidation>header{border-bottom:1px solid var(--border-soft);margin-bottom:10px;padding-bottom:6px}h2{font-size:1.5rem;line-height:1.1}h3{font-size:1.15rem;line-height:1.1}p{margin-top:4px}.hg2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.vg2{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.recombInput{width:100%;min-width:0;min-height:100px;padding:8px}.itemA{border-color:var(--item-a)}.itemB{border-color:var(--item-b)}.recombInput.itemA>header,.recombResult.itemA>header{color:var(--item-a)}.recombInput.itemB>header,.recombResult.itemB>header{color:var(--item-b)}.recombInput main{color:var(--text);flex-direction:column;gap:6px;display:flex}.recombResult main,.recombResult table,.recombResult th,.recombResult td,.recombResult p{color:var(--text)}.recombMod{border-radius:5px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;padding:6px 8px;transition:opacity .12s,background-color .12s,border-color .12s;display:flex}.gapRow{align-items:center;gap:5px;display:flex}.recombMod>.gapRow:first-child{flex:1;min-width:0}.recombMod>.gapRow:first-child span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recombMod.inactive{border:1px dashed var(--border);color:var(--muted);opacity:.65;background:var(--inactive-bg)}.itemA .recombMod.active{border:2px solid var(--item-a);color:var(--text)}.itemB .recombMod.active{border:2px solid var(--item-b);color:var(--text)}input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0}.button{appearance:none;border:1px solid var(--border);background:var(--control-bg);color:var(--muted);cursor:pointer;border-radius:999px;padding:2px 7px;font-size:.78rem;line-height:1.2;transition:transform 80ms,background-color .12s,border-color .12s,color .12s}.button:hover{background:var(--control-hover)}.button:active{transform:translateY(1px)}.button.inactive{border-color:var(--border-soft);color:var(--muted)}.itemA .button.active{border-color:var(--item-a);color:var(--item-a);background:color-mix(in srgb, var(--item-a) 10%, var(--panel))}.itemB .button.active{border-color:var(--item-b);color:var(--item-b);background:color-mix(in srgb, var(--item-b) 10%, var(--panel))}.recombInput hr{border:0;border-top:1px dashed var(--border-soft);width:100%;margin:3px 0}.inputsHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.selectAllButton{appearance:none;border:1px solid var(--border);background:var(--control-bg);color:var(--muted);cursor:pointer;border-radius:5px;padding:3px 8px;font-size:.8rem;transition:background-color .12s,color .12s,border-color .12s}.selectAllButton:hover{border-color:var(--text);background:var(--control-hover);color:var(--text)}aside{margin-top:18px}.recombValidation{border-color:var(--border-soft)}.validationOK{color:var(--ok)}.validationERR{color:var(--err)}.recombValidation main{color:var(--text)}.recombValidation p{border-left:3px solid var(--err);background:color-mix(in srgb, var(--err) 7%, var(--panel));border-radius:3px;margin-top:7px;padding:7px 9px;font-size:.9rem;line-height:1.35}table{border-collapse:collapse;width:100%;max-width:100%;color:var(--text);font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border-soft);padding:6px 8px}th{color:var(--muted);font-size:.8rem;font-weight:400}th:last-child,td:last-child{text-align:right;white-space:nowrap;width:1%}tbody tr:last-child td{border-bottom:0}.workedExample{grid-column:1/-1;min-width:0}.workedExample>main{min-width:0}.workedExampleImage{width:100%;min-width:0}.workedExampleOpen{appearance:none;cursor:default;background:0 0;border:0;border-radius:4px;width:100%;padding:0;display:block;position:relative;overflow:hidden}@media (width<=600px){.workedExampleOpen{cursor:zoom-in}}.workedExampleOpen img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.workedExampleHint{display:none}.imageDialog{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);background:var(--bg);border:0;margin:0;padding:0}.imageDialog::backdrop{background:#000c}.imageDialog[open]{flex-direction:column;display:flex}.imageDialogToolbar{border-bottom:1px solid var(--border-soft);background:var(--panel);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.imageDialogToolbar button{appearance:none;border:1px solid var(--border);background:var(--control-bg);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:5px;padding:0;font-size:1.3rem;line-height:1}.imageDialogToolbar button:hover{background:var(--control-hover)}.imageDialogViewport{background:var(--bg);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;justify-content:center;align-items:flex-start;padding:12px;display:flex;overflow:auto}.imageDialogViewport img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 80px);margin:auto;display:block}.desktopSidebar{display:contents}.sideNote{width:150px;color:var(--muted);opacity:.9;text-align:justify;margin:0;font-size:.72rem;line-height:1.3;position:absolute;top:110px}.sideNote.left{right:calc(100% + 16px)}.sideNote.right{left:calc(100% + 16px)}.sideNote h2{margin:16px 0 5px;font-size:.82rem;line-height:1.2}.sideNote h2:first-child{margin-top:0}.sideNote.left h2{color:var(--item-a)}.sideNote.right h2{color:var(--item-b)}.sideNote p{margin-top:6px}.sideNote hr{border:0;border-top:1px solid var(--border-soft);margin:9px 0}.sideNote a{color:inherit;text-decoration:underline}.sideNote a:hover{color:var(--text)}.mobileSidebar{display:none}.sidebarInfoButton{appearance:none;border:1px solid var(--border);background:var(--control-bg);color:var(--muted);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:.8rem;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.sidebarInfoButton:hover{border-color:var(--text);color:var(--text);background:var(--control-hover)}.sidebarDialog{border:2px solid var(--border);width:min(560px,100% - 24px);max-height:min(760px,100dvh - 24px);color:var(--text);background:var(--panel);border-radius:8px;margin:auto;padding:0}.sidebarDialog::backdrop{background:#0000008c}.sidebarDialogContent{flex-direction:column;max-height:min(760px,100dvh - 24px);display:flex}.sidebarDialogHeader{border-bottom:1px solid var(--border-soft);background:var(--panel);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px;display:flex}.sidebarDialogHeader h2{font-size:1.35rem}.sidebarDialogClose{appearance:none;border:1px solid var(--border);background:var(--control-bg);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:5px;padding:0;font-size:1.25rem;line-height:1}.sidebarDialogClose:hover{background:var(--control-hover)}.sidebarDialogBody{overscroll-behavior:contain;padding:12px;overflow-y:auto}.mobileNote{background:0 0;border:0;border-radius:0;padding:0}.mobileNote+.mobileNote{border-top:1px solid var(--border-soft);margin-top:22px;padding-top:18px}.mobileNote h2{margin:18px 0 6px;font-size:1.15rem}.mobileNote h2:first-child{margin-top:0}.mobileNote p{margin-top:7px;font-size:.9rem;line-height:1.45}.mobileNote hr{border:0;border-top:1px solid var(--border-soft);margin:12px 0}.mobileNote a{color:inherit;text-decoration:underline}.mobileNote a:hover{color:var(--text)}.mobileNote:first-child h2{color:var(--item-a)}.mobileNote:last-child h2{color:var(--item-b)}@media (width<=1400px){article{width:min(1200px,94%)}.desktopSidebar{display:none}.mobileSidebar{justify-content:flex-end;margin-bottom:10px;display:flex}}@media (width<=900px){article{width:96%;padding:14px}.mainGrid{grid-template-columns:minmax(0,1fr);gap:14px}.workedExample{grid-column:1}}@media (width<=700px){.hg2{grid-template-columns:minmax(0,1fr)}.pageTitle{font-size:1.8rem}}@media (width<=600px){article{width:100%;padding:10px}.mainGrid{gap:10px}section{padding:8px}.appHeader{flex-direction:column;align-items:flex-start}.appHeaderControls{flex-wrap:wrap;justify-content:flex-end;width:100%}.inputsHeader{flex-wrap:wrap;align-items:flex-start}.recombMod{flex-direction:column;align-items:flex-start}.recombMod>.gapRow:last-child{flex-wrap:wrap}.recombResult{overflow-x:auto}.recombResult table{min-width:380px}.workedExampleOpen{max-height:260px}.workedExampleOpen img{object-fit:cover;object-position:top left;width:100%;height:260px}.workedExampleHint{color:#fff;background:#000000b8;border-radius:4px;padding:4px 7px;font-size:.75rem;display:block;position:absolute;bottom:8px;right:8px}.imageDialogViewport{padding:8px}.imageDialogViewport img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 72px)}.sidebarDialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.sidebarDialogContent{max-height:calc(100dvh - 16px)}}