@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,600;0,700&family=IBM+Plex+Sans:ital,wght@0,100..700&display=swap";:root{--primary-color:#116932;--secondary-color:#22c55e;--tertiary-color:#f0fdf4}html{color:#222;height:100%;font-family:IBM Plex Sans,sans-serif;font-size:clamp(16px,2.4vw,21px);line-height:1.4}body{height:100%;margin:0}a{color:var(--primary-color);text-decoration:underline}a:focus,a:hover{color:var(--secondary-color)}button{background-color:var(--primary-color);border:2px solid var(--primary-color);color:#fff;cursor:pointer;text-align:center;justify-content:center;align-items:center;padding:.5rem 1rem;font-family:inherit;font-size:.9em;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s ease-in-out;display:inline-flex}button:focus,button:hover{background-color:var(--secondary-color)}button.secondary{border:2px solid var(--primary-color);color:var(--primary-color);background-color:#0000}button.secondary:hover{background-color:var(--tertiary-color)}button.button-link{background:var(--tertiary-color);color:var(--primary-color);height:unset;font-size:inherit;font-weight:inherit;text-align:inherit;vertical-align:inherit;border:none;margin:0;padding:.1em .3em;display:inline}button.button-link:hover{background-color:oklch(from var(--secondary-color).95 .1 h)}input,textarea{appearance:none;box-shadow:none;box-sizing:border-box;color:inherit;font:inherit;background-color:#fff;border:1px solid #d1d1d1;border-radius:4px;padding:.25rem;line-height:normal}:is(input,textarea):focus{border-color:var(--secondary-color);box-shadow:0 0 0 1px var(--secondary-color);outline:none}.spinner{border:2px solid;border-color:currentColor currentColor #0000 #0000;border-radius:100%;width:.75em;height:.75em;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input[type=checkbox]{appearance:none;box-shadow:none;box-sizing:border-box;cursor:pointer;background-color:#fff;border:1px solid #d1d1d1;border-radius:4px;place-content:center;width:1em;height:1em;margin:.25rem 0 0;padding:.25rem;display:grid;position:relative}input[type=checkbox]:focus,input[type=checkbox]:hover{background-color:oklch(from var(--secondary-color).95 .1 h);border-color:var(--secondary-color);box-shadow:0 0 0 1px var(--secondary-color)}input[type=checkbox]:checked{background-color:var(--secondary-color);border-color:var(--secondary-color);box-shadow:0 0 0 1px var(--secondary-color)}input[type=checkbox]:checked:focus,input[type=checkbox]:checked:hover{background-color:oklch(from var(--secondary-color).8 c h);border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}input[type=checkbox]:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform-origin:0 100%;width:.65em;height:.65em;transition:transform .2s ease-in-out;transform:scale(0);box-shadow:inset 1em 1em #fff}input[type=checkbox]:checked:before{transform:scale(1)}input[type=range]{appearance:none;box-shadow:none;box-sizing:border-box;color:inherit;font:inherit;vertical-align:baseline;background:0 0;border:1px solid #d1d1d1;border-radius:4px;width:100%;height:.5em;margin:0;padding:0;line-height:normal;display:inline-block;position:relative}input[type=range]:focus,input[type=range]:hover{border:1px solid var(--secondary-color);background:oklch(from var(--tertiary-color).95 .03 h);cursor:pointer;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;box-shadow:none;background:var(--secondary-color);cursor:pointer;border:none;border-radius:100%;width:1em;height:1em;margin:0}input[type=range]::-moz-range-thumb{appearance:none;box-shadow:none;background:var(--secondary-color);cursor:pointer;border:none;border-radius:100%;width:1em;height:1em;margin:0}svg.lucide{width:1.25em;height:1.25em}button:has(>svg.lucide){max-height:100%;padding:.5rem;font-size:.9rem}button.secondary:has(>svg.lucide){max-height:100%;padding:.5rem;font-size:.9rem}.about p,.about ul,.about li{margin:0;line-height:1.5}.about ul{padding:0 0 0 1em}.about code{font-family:IBM Plex Mono,monospace;font-weight:600}.about .credits{filter:grayscale()opacity(.6);align-self:flex-end}[role=tooltip]{color:#fff;opacity:0;background:#000;border-radius:.25rem;width:max-content;max-width:10em;padding:.5rem;transition:opacity .2s ease-in-out;position:absolute}[role=tooltip].tooltip-top{bottom:100%;left:50%;transform:translate(-50%)}[role=tooltip].tooltip-top-left{bottom:100%;left:0}[role=tooltip].tooltip-top-right{bottom:100%;right:0}[role=tooltip].tooltip-bottom{top:100%;left:50%;transform:translate(-50%)}[role=tooltip].tooltip-bottom-left{top:100%;left:0}[role=tooltip].tooltip-bottom-right{top:100%;right:0}[role=tooltip].tooltip-left{top:50%;right:100%;transform:translateY(-50%)}[role=tooltip].tooltip-right{top:50%;left:100%;transform:translateY(-50%)}[aria-describedby]{position:relative}[aria-describedby]:hover>[role=tooltip],[aria-describedby]:focus>[role=tooltip],[role=tooltip]:hover,[role=tooltip]:focus{opacity:1}dialog{border:1px solid #888;border-radius:4px;flex-direction:column;gap:.5em;max-width:min(100% - 10em,40em);max-height:calc(100% - 10em);padding:1em;font-size:.9em;overflow:auto;box-shadow:0 0 0 1px #888}dialog h2{margin:0 0 .25em;font-size:1.1em;font-weight:600}dialog .controls{justify-content:space-between;margin-top:.25em;display:flex}dialog[open]{display:flex}#root{box-sizing:border-box;flex-direction:column;gap:.5em;max-width:50em;height:100%;margin:0 auto;display:flex}.app{flex-grow:1;display:flex;overflow:hidden}.header{flex-shrink:0;justify-content:space-between;align-items:baseline;height:2.5em;padding-top:.5em;display:flex}.header p{margin:0}.input{flex-direction:column;justify-content:center;padding:0 1em 1em;display:flex}.input h1{color:var(--primary-color);margin:0;font-size:1.5em;font-weight:700}.input textarea{flex-grow:1;width:100%;min-width:14em;font-family:IBM Plex Mono,monospace}.input>.controls{justify-content:space-between;gap:.5em;margin:.5em 0 0;display:flex}.input .credits{margin:0;font-size:.8em}.output{flex-direction:column;flex-grow:1;min-width:0%;max-height:100%;display:flex}.output>.controls{flex-shrink:0;gap:.5em;height:2em;padding:.5em .5em .5em 0;display:flex}.output .links{flex-direction:column;display:flex;overflow-y:auto}.output .links.loading{flex-direction:row;justify-content:center;align-items:center;gap:.5em;height:100%}.output .load-more{margin:1em}.controls-spacer{flex-grow:1}@media (max-width:720px){.app{grid-template:auto auto auto 1fr/auto auto;display:grid}.input,.output{display:contents}.input textarea,.output .links{grid-column:1/3}.input .header{justify-content:start;gap:1em;padding:0 .5em}.controls-spacer{display:none}.input>.controls{justify-content:start;margin:0;padding:.5em 0 .5em .5em}.output>.controls{justify-content:end;height:auto;padding:.5em .5em .5em 0}.input textarea{width:calc(100% - 1em);min-height:12em;margin:0 auto}}.link{width:100%}.link:nth-child(odd){background-color:#f2f2f2}.link summary{cursor:pointer;color:inherit;padding:.25em .25em .25em .5em;font-family:IBM Plex Mono,monospace;list-style-type:"▶"}.link[open] summary{list-style-type:"▼"}.link.no-content{pointer-events:none}.link.no-content summary{cursor:default;list-style-type:" "}.link.no-content[open] summary{list-style-type:" "}.link-summary{justify-content:space-between;width:calc(100% - 1.5em);padding-left:.5em;display:inline-flex}.link-name{text-wrap:balance;font-family:IBM Plex Sans,sans-serif;font-weight:450}.link-name .slug{font-weight:600}.link-score{color:#888;text-align:right;font-family:IBM Plex Sans,sans-serif;font-weight:500}.link-description{position:relative}.link-table-wrapper{max-width:100%;padding:0 1em .5em;overflow-x:auto}.link-buttons{flex-direction:column;display:flex;position:absolute;top:0;right:0}.link-buttons button{color:var(--primary-color);opacity:.5;background-color:#0000;border-color:#0000;font-weight:500;transition:all .2s ease-in-out}.link-buttons button:active,.link-buttons button:focus,.link-buttons button:hover{background-color:oklch(from var(--secondary-color).95 .1 h);opacity:1}.link-table td{vertical-align:top;padding:0 .5em}:is(.link-name,.link-table) .highlight-letter{font-weight:600}:is(.link-name,.link-table) .highlight,:is(.link-name,.link-table) .slug{font-family:IBM Plex Mono,monospace}.settings[open] .setting-items{grid-template-columns:min-content 25em;align-items:center;gap:0 .5em;display:grid}.settings[open] .setting-item{display:contents}.settings[open] .setting-item :not(:first-child){grid-column:2}.settings[open] .setting-name{margin-top:.5em;font-weight:500}