body.nav-page{--page:68rem}.nav-credit{text-transform:none;letter-spacing:.04em;margin-block-start:1rem}.nav-search{border-block-end:1px solid var(--rule);flex-wrap:wrap;align-items:stretch;gap:.5rem;padding-block-end:1.25rem;display:flex}.nav-search .nav-engine{flex:none;min-inline-size:7.5rem}.nav-search .nav-q{flex:14rem;min-inline-size:0}.nav-engine,.nav-q,.nav-filter,.nav-field input,.nav-field select,.nav-setting select{font-family:var(--font-ui);font-size:var(--step--1);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);padding:.55rem .7rem}.nav-engine:hover,.nav-q:hover,.nav-filter:hover,.nav-field input:hover,.nav-field select:hover{border-color:var(--muted)}.nav-engine:focus-visible,.nav-q:focus-visible,.nav-filter:focus-visible,.nav-field input:focus-visible,.nav-field select:focus-visible,.nav-setting select:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.nav-btn{font-family:var(--font-ui);font-size:var(--step--1);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);cursor:pointer;white-space:nowrap;padding:.55rem .9rem}.nav-btn:hover{border-color:var(--ink);color:var(--accent-ink)}.nav-btn--solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.nav-btn--solid:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:var(--paper)}.nav-btn--danger{color:var(--accent-ink);border-color:color-mix(in oklab, var(--accent) 50%, var(--rule))}.nav-btn--danger:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:var(--paper)}.nav-btn--quiet{color:var(--muted);border-color:#0000;padding:.35rem .5rem}.nav-btn--quiet:hover{border-color:var(--rule);color:var(--accent-ink)}.nav-toolbar{border-block-end:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem 1.5rem;padding-block:1.1rem;display:flex}.nav-folders{flex-wrap:wrap;align-items:baseline;gap:.25rem .9rem;min-inline-size:0;display:flex}.nav-folder{font-family:var(--font-meta);color:var(--muted);border:0;cursor:pointer;background:0 0;border-block-end:2px solid #0000;align-items:baseline;gap:.35rem;padding:.35rem 0;font-size:.82rem;display:inline-flex}.nav-folder:hover{color:var(--ink)}.nav-folder[aria-pressed=true]{color:var(--ink);border-block-end-color:var(--accent)}.nav-folder-icon{font-family:var(--font-ui);font-size:.9rem}.nav-folder-count{opacity:.7;font-size:.72rem}.nav-folder--new{color:var(--accent-ink);border-block-end-color:#0000}.nav-tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.nav-filter{inline-size:clamp(9rem,20vw,14rem)}.nav-board{--nav-col:15rem;--nav-gap:.5rem;margin-block-start:2rem}.nav-board.is-compact{--nav-col:9rem}.nav-group+.nav-group{margin-block-start:2.5rem}.nav-group-title{margin-block-end:0}.nav-count{opacity:.7;font-variant-numeric:tabular-nums;font-size:.72rem}.nav-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--nav-col), 100%), 1fr));gap:var(--nav-gap);border-radius:var(--radius);margin-block:.9rem 0;padding:0;list-style:none;display:grid}.nav-cell{border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper);position:relative}.nav-board.no-rule .nav-cell{border-color:#0000}.nav-cell:hover{border-color:var(--ink)}.nav-cell:focus-within{border-color:var(--accent)}.nav-cell>a{block-size:100%;color:inherit;border-radius:inherit;grid-template-columns:1.9rem minmax(0,1fr);align-items:center;gap:.75rem;padding:.8rem .9rem;text-decoration:none;display:grid}.nav-cell>a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-board.is-compact .nav-cell>a{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:.45rem;padding:.9rem .6rem}.nav-icon{block-size:1.9rem;inline-size:1.9rem;font-family:var(--font-ui);place-items:center;font-size:1.4rem;line-height:1;display:grid}.nav-icon img{object-fit:contain;block-size:100%;inline-size:100%}.nav-icon--letter{color:var(--muted);border:1px solid var(--rule);border-radius:var(--radius);font-size:.95rem;font-weight:600}.nav-board.no-icons .nav-icon{display:none}.nav-board.no-icons .nav-cell>a{grid-template-columns:minmax(0,1fr)}.nav-text{gap:.15rem;min-inline-size:0;display:grid}.nav-name{font-family:var(--font-ui);overflow-wrap:anywhere;font-size:.9375rem;font-weight:560;line-height:1.35}.nav-cell:hover .nav-name{color:var(--accent-ink)}.nav-desc{font-family:var(--font-ui);color:var(--muted);overflow-wrap:anywhere;font-size:.78rem;line-height:1.45}.nav-board.is-compact .nav-desc,.nav-board.no-desc .nav-desc{display:none}.nav-more{block-size:1.6rem;inline-size:1.6rem;font-family:var(--font-ui);color:var(--muted);background:var(--paper);border:0;border-inline-start:1px solid var(--rule);border-block-end:1px solid var(--rule);cursor:pointer;opacity:0;border-start-end-radius:calc(var(--radius) - 1px);place-items:center;font-size:.9rem;line-height:1;display:grid;position:absolute;inset-block-start:0;inset-inline-end:0}.nav-cell:hover .nav-more,.nav-cell:focus-within .nav-more,.nav-more:focus-visible{opacity:1}.nav-more:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-more:hover{color:var(--accent-ink);border-color:var(--ink)}@media (hover:none){.nav-more{opacity:1}}.nav-cell.is-dragging{opacity:.35}.nav-cell.is-over{outline:2px solid var(--accent);outline-offset:-2px}.nav-group.is-over .nav-grid{outline:1px dashed var(--accent);outline-offset:4px}.nav-group-empty{border:1px dashed var(--rule);border-radius:var(--radius);font-family:var(--font-ui);font-size:var(--step--2);color:var(--muted);margin-block:.9rem 0;padding:.9rem 1rem}.nav-empty{margin-block-start:2rem}.nav-menu{z-index:60;background:var(--paper);border:1px solid var(--rule-strong);border-radius:var(--radius);min-inline-size:11rem;padding:.25rem 0;position:fixed;overflow:hidden}.nav-menu button{text-align:start;inline-size:100%;font-family:var(--font-ui);font-size:var(--step--1);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:.5rem .9rem;display:block}.nav-menu button:hover,.nav-menu button:focus-visible{background:var(--code-bg);color:var(--accent-ink)}.nav-menu button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav-menu .is-danger{color:var(--accent-ink)}.nav-menu hr{border:0;border-block-start:1px solid var(--rule);margin:.25rem 0}.nav-toast{z-index:70;background:var(--ink);max-inline-size:min(92vw,34rem);color:var(--paper);border-radius:var(--radius);font-family:var(--font-ui);font-size:var(--step--1);align-items:center;gap:.75rem;padding:.6rem .9rem;display:flex;position:fixed;inset-block-end:1.25rem;inset-inline-start:50%;transform:translate(-50%)}.nav-toast .nav-btn--quiet{color:var(--paper);border-color:color-mix(in oklab, var(--paper) 40%, transparent);background:0 0}.nav-toast .nav-btn--quiet:hover{color:var(--paper);border-color:var(--paper)}.nav-dialog{background:var(--paper);max-block-size:86vh;inline-size:min(92vw,30rem);color:var(--ink);border:1px solid var(--rule-strong);border-radius:var(--radius);overscroll-behavior:contain;margin:auto;padding:1.5rem;overflow-y:auto}.nav-dialog--wide{inline-size:min(94vw,40rem)}.nav-dialog::backdrop{background:color-mix(in oklab, var(--ink) 55%, transparent)}.nav-dialog h2{font-size:var(--step-1);margin-block-end:1.25rem}.nav-dialog h3{font-size:var(--step-0);margin-block:1.5rem .5rem}.nav-dialog-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.nav-dialog-head h2{margin-block-end:1rem}.nav-field{gap:.35rem;margin-block-end:1rem;display:grid}.nav-field>label,.nav-setting>label{font-family:var(--font-meta);font-size:var(--step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.nav-field-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.nav-field-row input{flex:10rem;min-inline-size:0}.nav-hint{font-family:var(--font-ui);font-size:var(--step--2);color:var(--muted);line-height:1.6}.nav-error{font-family:var(--font-ui);font-size:var(--step--2);color:var(--accent-ink);border-inline-start:2px solid var(--accent);margin-block-end:1rem;padding-inline-start:.6rem}.nav-icon-preview{border:1px solid var(--rule);border-radius:var(--radius);block-size:2.4rem;inline-size:2.4rem;font-family:var(--font-ui);place-items:center;font-size:1.3rem;line-height:1;display:grid}.nav-icon-preview img{object-fit:contain;block-size:1.9rem;inline-size:1.9rem}.nav-dialog-actions{border-block-start:1px solid var(--rule);justify-content:flex-end;gap:.5rem;margin-block-start:1.5rem;padding-block-start:1rem;display:flex}.nav-dialog-actions--wrap{flex-wrap:wrap;justify-content:flex-start}.nav-confirm-body{font-family:var(--font-ui);font-size:var(--step--1);color:var(--muted);line-height:1.7}.nav-tabs{flex-wrap:wrap;align-items:baseline;gap:.25rem .9rem;display:flex}.nav-tab{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.nav-tab-label{cursor:pointer;font-family:var(--font-meta);color:var(--muted);border-block-end:2px solid #0000;order:0;padding-block:.35rem;font-size:.82rem}.nav-tab-label:hover{color:var(--ink)}.nav-tab:checked+.nav-tab-label{color:var(--ink);border-block-end-color:var(--accent)}.nav-tab:focus-visible+.nav-tab-label{outline:2px solid var(--accent);outline-offset:2px}.nav-tab-panel{border-block-start:1px solid var(--rule);flex-basis:100%;order:1;margin-block-start:.6rem;padding-block-start:1.25rem;display:none}.nav-tab:checked+.nav-tab-label+.nav-tab-panel{display:block}.nav-setting{border-block-end:1px solid var(--rule);gap:.4rem;padding-block:.7rem;display:grid}.nav-setting input[type=range]{inline-size:100%;accent-color:var(--accent);border-radius:var(--radius);background:0 0}.nav-check{font-family:var(--font-ui);font-size:var(--step--1);cursor:pointer;align-items:baseline;gap:.6rem;display:flex}.nav-check input{appearance:none;border:1px solid var(--rule-strong);border-radius:var(--radius-inline);background:var(--paper);cursor:pointer;flex:none;block-size:1rem;inline-size:1rem;position:relative}.nav-check input:checked{background:var(--accent-ink);border-color:var(--accent-ink)}.nav-check input:checked:after{content:"";border:solid var(--paper);border-width:0 2px 2px 0;block-size:.5rem;inline-size:.25rem;position:absolute;inset-block-start:.16rem;inset-inline-start:.3rem;transform:rotate(45deg)}.nav-check input:hover{border-color:var(--accent)}.nav-setting output{font-family:var(--font-meta);color:var(--ink);text-transform:none}.nav-engine-list{border-block-start:1px solid var(--rule);margin-block:.75rem 1.25rem;padding:0;list-style:none}.nav-engine-list li{border-block-end:1px solid var(--rule);font-family:var(--font-ui);font-size:var(--step--1);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-block:.6rem;display:flex}.nav-engine-list .nav-engine-url{min-inline-size:0;font-family:var(--font-meta);color:var(--muted);overflow-wrap:anywhere;flex:8rem;font-size:.72rem}.nav-stats{border-block:1px solid var(--rule);font-family:var(--font-ui);font-size:var(--step--1);grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem 1.5rem;margin-block:1.25rem;padding-block:1rem;display:grid}.nav-stats dt{font-family:var(--font-meta);font-size:var(--step--2);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.nav-stats dd{font-variant-numeric:tabular-nums;margin:0}.nav-about{font-family:var(--font-ui);font-size:var(--step--1);line-height:1.75}.nav-about p+p,.nav-about ul{margin-block-start:.8rem}.nav-about li+li{margin-block-start:.4rem}.nav-about kbd{font-family:var(--font-meta);border:1px solid var(--rule);border-radius:var(--radius-inline);padding:.05em .35em;font-size:.8em}@media (width<=40rem){.nav-toolbar{align-items:stretch}.nav-tools{inline-size:100%}.nav-filter{flex:8rem;inline-size:auto}.nav-folder,.nav-tab-label{padding-block:.6rem}.nav-dialog{padding:1.15rem}.nav-toast{max-inline-size:none;inset-block-end:.75rem;inset-inline:.75rem;transform:none}}