:root{--bg: #f6f7f9;--surface: #ffffff;--surface-sunken: #eef1f5;--border: #d8dee7;--text: #16202b;--text-muted: #5c6b7d;--text-faint: #97a4b3;--accent: #1f5fa8;--accent-contrast: #ffffff;--danger: #a3311f;--danger-bg: #fdf0ed;--mark: #ffe08a;--radius: 8px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #12171d;--surface: #1a2028;--surface-sunken: #232b35;--border: #333d4a;--text: #e6ebf1;--text-muted: #9aa8b8;--text-faint: #6b7888;--accent: #6ba8e8;--accent-contrast: #101820;--danger: #f0917f;--danger-bg: #2e1d1a;--mark: #6b5416}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}code{font-family:var(--mono);font-size:.92em}a{color:var(--accent)}.app{max-width:1100px;margin:0 auto;padding:0 1.25rem 4rem}.app__header{padding:2.5rem 0 1.75rem}.app__header h1{margin:0;font-size:clamp(1.6rem,4vw,2.2rem);letter-spacing:-.02em}.app__tagline{margin:.35rem 0 0;color:var(--text-muted)}.app__main{display:grid;grid-template-columns:minmax(0,1fr) 15rem;gap:2rem;align-items:start}.app__column{min-width:0}.app__footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--border);color:var(--text-faint);font-size:.85rem}.search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:grid;gap:1rem}.search__label{display:block;font-weight:600;margin-bottom:.4rem}.search__input{width:100%;padding:.65rem .75rem;font-family:var(--mono);font-size:1.05rem;color:var(--text);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius)}.search__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.search__input[aria-invalid=true]{border-color:var(--danger)}.search__hint{margin:.45rem 0 0;color:var(--text-muted);font-size:.85rem}.search__groups{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin:0;padding:0;border:0}.search__groups legend{padding:0;font-weight:600;font-size:.85rem;color:var(--text-muted)}.checkbox{display:flex;align-items:center;gap:.4rem}.checkbox label{cursor:pointer}.checkbox input{cursor:pointer;accent-color:var(--accent)}.checkbox--standalone{font-size:.9rem;color:var(--text-muted)}.search__warning{margin:0;color:var(--danger);font-size:.9rem}.results{margin-top:1.75rem}.results__summary{margin:0 0 .75rem;color:var(--text-muted);font-size:.9rem}.results__words{margin:0;font-size:1.15rem;line-height:1.9;word-spacing:.05em}.word--rare{color:var(--text-faint)}.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:1.75rem}.pagination button{min-width:2.2rem;padding:.35rem .6rem;font:inherit;font-size:.9rem;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.pagination button:hover:not(:disabled){border-color:var(--accent)}.pagination button:disabled{color:var(--text-faint);cursor:default}.pagination .is-current{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);font-weight:600}.pagination__gap{padding:0 .2rem;color:var(--text-faint)}.error{margin-top:1.75rem;padding:.9rem 1rem;background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius)}.error__message{margin:0;color:var(--danger);font-weight:600}.error__source{margin:.6rem 0 0;overflow-x:auto;font-size:1.05rem}.error__source mark{background:var(--mark);color:var(--text);border-radius:3px;padding:0 2px}.loading{margin-top:1.75rem;color:var(--text-muted)}.help{margin-top:1.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem 1.5rem}.help h2{margin:0 0 .5rem;font-size:1.15rem}.help h3{margin:1.5rem 0 .5rem;font-size:.95rem;color:var(--text-muted)}.help p{margin:0 0 .75rem}.help__examples{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.help__examples li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem}.help__examples span{color:var(--text-muted);font-size:.9rem}.help__example{padding:.2rem .5rem;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font:inherit;color:var(--accent)}.help__example:hover{border-color:var(--accent)}.help__terms{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.3rem 1rem;margin:0}.help__terms dt{font-family:var(--mono);color:var(--text-muted)}.help__terms dd{margin:0}.key{position:sticky;top:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.key__title{margin:0 0 .6rem;font-size:.9rem;color:var(--text-muted)}.key__list{list-style:none;margin:0;padding:0;max-height:70vh;overflow-y:auto}.key__row{display:flex;gap:.6rem;width:100%;padding:.15rem .35rem;background:none;border:0;border-radius:4px;font:inherit;font-size:.85rem;color:var(--text);text-align:left;cursor:pointer}.key__row:hover{background:var(--surface-sunken)}.key__phoneme{flex:0 0 2.2rem;font-family:var(--mono);color:var(--accent)}.key__example{color:var(--text-muted);letter-spacing:.02em}.key__example u{text-decoration-thickness:2px;color:var(--text)}@media(max-width:760px){.app__main{grid-template-columns:minmax(0,1fr)}.key{position:static}.key__list{max-height:16rem}}