:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;--ink:#e5eef8;--muted:#a5b9ce;--brand:#68cee6;--mint:#21bbde;--paper:#07182d;--cream:#0d233b;--line:#263e58;--accent:#7ddfee;--surface:#102842;--footer:#0b2037;--on-brand:#07182d}
@media(prefers-color-scheme:dark){:root[data-theme="system"]{color-scheme:dark;--ink:#e5eef8;--muted:#a5b9ce;--brand:#68cee6;--mint:#21bbde;--paper:#07182d;--cream:#0d233b;--line:#263e58;--accent:#7ddfee;--surface:#102842;--footer:#0b2037;--on-brand:#07182d}}
.utility,.utility button{color:#fff}.utility-inner{gap:18px}.theme-toggle{display:flex;align-items:center;gap:6px}.button:hover{color:#fff}.category-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:60px}.category-directory-card{position:relative;border:1px solid var(--line);background:var(--surface);padding:30px;min-height:185px;border-top:3px solid var(--mint)}.category-directory-card:hover{border-color:var(--mint)}.category-directory-card h2{font-size:28px;margin-block:10px}.category-directory-card p{font-size:14px;color:var(--muted)}.category-symbol{font-size:26px;color:var(--brand)}.category-directory-card>span:last-child{position:absolute;inset-inline-end:24px;bottom:24px;color:var(--brand)}.privacy-link{display:flex;gap:28px;padding-block:20px;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}.privacy-page{max-width:850px;margin:40px auto 64px}.privacy-page h2{font-size:27px;margin-block:28px 14px}.privacy-page p{margin-bottom:20px;color:var(--muted)}.privacy-page a{color:var(--brand);text-decoration:underline}.view-count{max-width:960px;margin:24px auto 0;color:var(--muted);font-size:14px}.comments-section{max-width:800px;margin:50px auto 70px;border-top:2px solid var(--mint)}.comment-policy,.comment-empty,.comment-privacy{font-size:15px;color:var(--muted);margin-bottom:20px}.public-comment{padding:24px 0;border-bottom:1px solid var(--line)}.public-comment header{display:flex;justify-content:space-between;gap:20px;font-size:17px}.public-comment time{font-size:12px;color:var(--muted)}.public-comment p{white-space:pre-line;overflow-wrap:anywhere;margin-top:12px}.comment-form{position:relative;background:var(--cream);padding:30px;margin-top:30px}.comment-form h3{font-size:26px;margin-bottom:20px}.comment-form label{display:block;margin:16px 0 8px;font-size:16px}.comment-form input,.comment-form textarea{width:100%;background:var(--surface);border:1px solid var(--line);padding:12px 16px;color:var(--ink);font:inherit;line-height:1.8;border-radius:3px}.comment-form textarea{resize:vertical}.comment-form .button{margin-top:12px}.comment-privacy{margin-top:20px;font-size:13px}.comment-privacy a{color:var(--brand);text-decoration:underline}.comment-trap{position:absolute!important;inset-inline-start:0!important;top:0!important;clip-path:inset(50%);white-space:nowrap;width:1px!important;height:1px!important;overflow:hidden!important}.form-error{color:#d44d57;font-size:14px}.notice{background:var(--cream);border-inline-start:3px solid var(--brand);padding:16px;font-size:16px}.preview-banner{border:1px solid #d8bd77}.privacy-page[dir=ltr]{font-family:system-ui,sans-serif}.privacy-page div[lang=en]{font-family:system-ui,sans-serif;font-size:15px;line-height:1.8}@media(max-width:900px){.category-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.category-directory{grid-template-columns:1fr;gap:16px}.category-directory-card{min-height:150px}.theme-toggle span{display:none}.utility-inner{gap:12px}.comment-form{padding:22px}.public-comment header{flex-wrap:wrap;gap:8px}.comments-section{margin-block:35px}.privacy-page h2{font-size:23px}}
.privacy-link{flex-wrap:wrap}:focus-visible{outline-color:var(--mint)}.privacy-page div[lang=en] h2{font-family:inherit;font-weight:650}
.utility,.utility button{color:var(--ink)}
:root[data-theme="dark"] .navigation{background:var(--surface)}
@media(prefers-color-scheme:dark){:root[data-theme="system"] .navigation{background:var(--surface)}}

.comment-form{border-radius:14px;background:var(--cream)}
.comment-form input,.comment-form textarea{border-radius:8px}
.view-count,.comments-section{width:100%;max-width:none;margin-inline:0}
.comments-section{border-top:1px solid var(--line);margin-block:36px 48px}
.comments-section .section-heading{border-bottom:0;margin-block:20px 12px}
.preview-banner{background:var(--cream);color:var(--muted);border:1px solid var(--line);border-radius:8px;font-size:14px;padding:10px 18px}
.category-directory-card{border-radius:12px;border-top:1px solid var(--line)}
.category-directory-card:hover{background:var(--cream)}