:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f0e5;--surface:#fffdf7;--ink:#1e2523;--muted:#66706c;--accent:#b2482f;--accent-ink:#fffaf2;--border:#cfc5b5;--success:#357458;--warning:#a36513;--danger:#a53d3d;--display-font:Georgia, "Times New Roman", serif;--ui-font:Inter, ui-sans-serif, system-ui, sans-serif;--space-1:.375rem;--space-2:.75rem;--space-3:1.25rem;--space-4:2rem;--radius:.35rem;--focus-ring:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#171b1a;--surface:#202624;--ink:#f3eee2;--muted:#adb7b2;--accent:#e18468;--accent-ink:#1b1715;--border:#46504c;--success:#7cc39d;--warning:#e2b76d;--danger:#ec8a8a}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--ui-font)}body{min-width:20rem;margin:0}a{color:var(--accent);text-underline-offset:.2em}button,input,select{font:inherit}button,select,input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:.55rem .7rem}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-header{gap:var(--space-3);padding:var(--space-2) max(var(--space-3), calc((100vw - 76rem) / 2));border-bottom:1px solid var(--border);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.brand{font-family:var(--display-font);font-size:1.35rem;font-weight:700;text-decoration:none}.app-header nav,.preferences{align-items:center;gap:var(--space-2);display:flex}.preferences{justify-content:flex-end}.app-header nav a{color:var(--ink);padding:.4rem;text-decoration:none}.app-header nav a.active{color:var(--accent);border-bottom:2px solid}.icon-button{cursor:pointer;place-items:center;width:2.5rem;height:2.5rem;padding:0;display:inline-grid}.icon-button svg{width:1.25rem;height:1.25rem}.theme-explicit{color:var(--accent)}.theme-system{color:var(--muted)}.language-control{position:relative}.language-menu{z-index:10;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:10rem;padding:.35rem;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 .75rem 2rem #00000029}.language-menu button{justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;border:0;width:100%;padding:.55rem .65rem;display:flex}.language-menu button:hover{background:var(--paper)}.language-menu svg{width:1rem;height:1rem;color:var(--accent)}.tool-layout{width:min(76rem,100% - 2rem);margin:0 auto;padding:clamp(2rem,6vw,5rem) 0}.page-lede{max-width:52rem;margin-bottom:var(--space-4)}h1,h2{font-family:var(--display-font);line-height:1.08}h1{margin:0 0 var(--space-2);letter-spacing:-.035em}.page-lede-home h1{font-size:clamp(2.4rem,7vw,5.5rem)}.page-lede-tool h1{font-size:clamp(2rem,4vw,3.25rem)}.page-lede p{color:var(--muted);font-size:1.15rem;line-height:1.6}.page-actions{margin:calc(-1 * var(--space-3)) 0 var(--space-2);justify-content:flex-end;display:flex}.tool-cards{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);color:var(--ink);cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:block}.tool-card:hover{background:var(--paper);border-color:var(--accent);box-shadow:0 2px 8px #00000014}.tool-form{gap:var(--space-2);background:var(--surface);border:1px solid var(--border);padding:var(--space-3);grid-template-columns:minmax(12rem,1fr) auto auto;align-items:end;display:grid}.tool-form label,.results-panel>label{gap:var(--space-1);color:var(--muted);display:grid}.status-panel{gap:var(--space-3);min-height:3.5rem;color:var(--muted);align-items:center;display:flex}.results-panel{margin-top:var(--space-3)}.results-heading,.pagination{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.result-table{margin-top:var(--space-2);border-top:1px solid var(--border)}.result-row{gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid var(--border);grid-template-columns:8rem minmax(0,1fr);display:grid}.result-header{gap:var(--space-2);padding:var(--space-2);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:8rem minmax(0,1fr);font-size:.8rem;display:grid}.score{font-variant-numeric:tabular-nums}.rank-viewport{max-height:34rem;overflow:auto}.rank-canvas{position:relative}.rank-virtual-row{min-height:54px;position:absolute;inset:0 0 auto}.rank-row{grid-template-columns:10rem 8rem minmax(0,1fr)}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:34rem;color:var(--ink);padding:var(--space-4)}dialog::backdrop{background:#00000080}.dialog-actions{justify-content:flex-end;gap:var(--space-2);display:flex}.syntax-dialog{width:min(52rem,100% - 2rem);max-width:52rem;max-height:calc(100vh - 2rem);overflow:auto}.syntax-dialog h2{margin-top:0}.syntax-list{gap:.5rem;display:grid}.syntax-list>div{gap:var(--space-2);border-bottom:1px solid var(--border);grid-template-columns:minmax(12rem,1fr) 2fr;padding-bottom:.5rem;display:grid}.syntax-list dd{color:var(--muted);margin:0}.syntax-examples{gap:.65rem;padding-left:1.25rem;display:grid}.syntax-examples button{color:var(--accent);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.tool-attribution{margin-top:var(--space-4);color:var(--muted);font-size:.9rem}.tool-attribution span{margin-top:.35rem;display:block}.rank-form{grid-template-columns:1fr auto auto}.rank-input-label{grid-column:1/-1}.rank-label-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.rank-clear-button{color:var(--accent);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;font-size:.85rem;text-decoration:underline}.rank-clear-button:hover{color:var(--ink)}.rank-clear-button:disabled{color:var(--muted);cursor:not-allowed;text-decoration:none}.rank-textarea-wrapper{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.rank-textarea-wrapper:focus-within{box-shadow:var(--focus-ring)}.rank-textarea-wrapper.dragging{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, var(--surface))}.rank-line-numbers{background:var(--paper);border-right:1px solid var(--border);color:var(--muted);text-align:right;-webkit-user-select:none;user-select:none;flex-direction:column;min-width:3rem;min-height:10rem;max-height:calc(75em + 1.1rem);padding:.55rem 0;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.85rem;line-height:1.5;display:flex;overflow-y:hidden}.rank-line-numbers div{padding:0 .5rem}.rank-textarea{resize:vertical;min-height:10rem;max-height:calc(75em + 1.1rem);color:var(--ink);background:0 0;border:0;flex:1;padding:.55rem .75rem;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.85rem;line-height:1.5;overflow-y:auto}.rank-textarea:focus{outline:none}.rank-textarea::placeholder{color:var(--muted)}.pagination{margin-top:var(--space-3)}@media (width<=52rem){.app-header{grid-template-columns:1fr auto}.app-header nav{grid-area:2/1/auto/-1}.preferences{grid-area:1/2}.tool-cards,.tool-form,.rank-row,.syntax-list>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}