:root{color-scheme:dark;--paper:#080b10;--ink:#eef2f7;--muted:#acb9c9;--line:#2d3745;--blue:#f88fb9;--accent:#f88fb9;--rose-surface:#743348}body{overflow-wrap:anywhere}.directory-hero{padding-top:64px;padding-bottom:48px}.directory-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.06;letter-spacing:-3px;margin:24px 0}.directory-hero h1 span{color:var(--accent)}.directory-hero>p{font-size:18px;line-height:1.8;max-width:740px;color:#b7c3d3}.directory-stats{display:flex;gap:54px;flex-wrap:wrap;margin-top:32px}.directory-stats>div{display:flex;flex-direction:column}.directory-stats strong{font-size:36px;line-height:1.25;color:#f9e5ee;font-weight:600}.directory-stats span{font-size:12px;letter-spacing:.3px;color:#aab8ca;margin-top:7px}.group-nav{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:28px}.group-nav a{font-size:12px;background:#16151f;border:1px solid #36303a;border-radius:4px;padding:7px 12px}.group-nav a:hover{color:var(--accent);border-color:var(--accent)}.directory-content{padding-top:38px;padding-bottom:60px}.directory-content>h1,.type-detail>h1{font-size:clamp(32px,4vw,54px);line-height:1.15;margin:20px 0;letter-spacing:-1.5px}.directory-content .section-heading h2{font-size:32px}.directory-content .section-heading p{font-size:14px;line-height:1.7}.directory-content a:hover{color:var(--accent)}.directory-intro{font-size:18px;line-height:1.85;color:#b9c6d7;max-width:880px}.directory-content .breadcrumbs{font-size:12px;color:#aab9cb;margin-bottom:25px}.directory-mega{grid-template-columns:minmax(200px,1fr) minmax(0,2fr)}.directory-mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 24px}.directory-mega-links a{display:block;font-size:13px;padding:8px 0;border-bottom:1px solid #31313a}.directory-controls{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin:22px 0}.directory-controls label,.suggestion-form label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#c9d2df}.directory-controls input,.directory-controls select,.suggestion-form input,.suggestion-form select,.suggestion-form textarea{background:#121821;color:#f1f3f8;border:1px solid #374252;border-radius:4px;padding:13px 15px;min-width:0;font:15px/1.5 Arial,sans-serif;width:100%;box-sizing:border-box}.directory-content .results-count{font-size:12px;margin:18px 0;color:#a8b6c9}.type-list{padding:0;list-style:none;margin:0;border:1px solid #2c3544;border-radius:7px;overflow:hidden}.type-row{display:grid;grid-template-columns:44px minmax(0,1fr) 110px;gap:12px 22px;padding:26px 24px;background:#111720;border-bottom:1px solid #2c3544}.type-row:nth-child(even){background:#151c26}.type-row:last-child{border-bottom:0}.type-row[hidden]{display:none}.type-rank{color:#788ca8;font-size:14px;padding-top:27px}.type-group{font-size:10px;color:var(--accent);letter-spacing:.6px;text-transform:uppercase}.type-copy h2{font-size:22px;line-height:1.4;margin:5px 0 8px;font-weight:600;letter-spacing:-.3px}.type-copy p{font-size:16px;line-height:1.75;color:#b8c5d7;margin:0;max-width:850px}.total-score{text-align:right;display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:flex-start;gap:0 6px;padding-top:14px}.total-score strong{font-size:35px;line-height:1.2;color:var(--accent)}.total-score>span{font-size:13px;padding-top:16px;color:#a8b7cb}.total-score small{width:100%;font-size:10px;color:#91a4be;margin-top:6px}.type-metrics{grid-column:2 / 4;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:8px}.type-metrics>span{display:flex;flex-direction:column;border-left:1px solid #3a3742;padding-left:12px}.type-metrics>span>span{font-size:10px;color:#9dadc2}.type-metrics strong{font-size:15px;font-weight:500;color:#e3e9f3;margin-top:3px}.type-metrics small,.score-dimension small{font-size:10px;color:#8093ae}.type-detail{max-width:1000px}.detail-score{display:flex;align-items:center;gap:32px;border-top:1px solid #333944;border-bottom:1px solid #333944;padding:20px 0;margin:32px 0}.detail-score .total-score{min-width:130px;text-align:left;justify-content:flex-start;padding:0}.detail-score .total-score strong{font-size:48px}.detail-score p{font-size:14px;line-height:1.8;color:#aab9cd;max-width:650px}.detail-score a,.guide-panel a{color:var(--accent)}.score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.score-dimension{background:#151b25;border:1px solid #303a48;border-radius:5px;padding:20px}.score-dimension>div{display:flex;gap:15px;align-items:center;justify-content:space-between}.score-dimension h3{font-size:14px;line-height:1.4;margin:0;font-weight:500}.score-dimension strong{font-size:27px;color:var(--accent);white-space:nowrap}.score-dimension p{font-size:13px;line-height:1.85;color:#b2c0d3}.score-dimension>span{font-size:10px;letter-spacing:.3px;color:#92a6c0}.guide-panel{border:1px solid #2b3544;background:#111720;border-radius:6px;padding:30px;margin-top:25px}.guide-panel h2{font-size:25px;margin:8px 0 20px;line-height:1.3}.guide-panel p,.guide-panel li{font-size:16px;line-height:1.9;color:#c0ccdc}.guide-panel ul{padding-left:22px;margin:0}.guide-panel li{padding:5px 0 5px 5px}.guide-panel.watch{border-left:3px solid var(--accent)}.guide-panel .editorial-note{font-size:12px;color:#95aac4}.prose{max-width:920px}.score-formula{display:block;white-space:normal;font-size:13px;line-height:2;background:#1d1a25;color:#f4c9dc;padding:18px;border-radius:4px}.suggestion-form{display:grid;gap:22px;margin-top:32px;max-width:760px}.suggestion-form .button{justify-self:start}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-message{border-left:3px solid var(--accent);background:#241e2a;padding:17px 20px;font-size:15px}.moderation-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:#b1bfd2}.moderation-meta strong{color:var(--accent)}.moderation-actions{display:flex;gap:15px;margin-top:20px}.reject-button{background:transparent;border:1px solid #647087;border-radius:4px;color:#dae3ef;padding:10px 18px;font:inherit}.directory-empty{padding:25px;background:#171b24}.main-nav a:focus-visible,.directory-content a:focus-visible,.directory-content input:focus-visible,.directory-content select:focus-visible,.directory-content button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:1000px){.type-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.directory-mega{grid-template-columns:1fr}.directory-mega>div:first-child{display:none}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.header-inner{flex-wrap:wrap;gap:18px;padding:18px 0}.main-nav{width:100%;justify-content:space-between;gap:12px}.directory-hero{padding-top:40px}.directory-hero h1{letter-spacing:-1.7px}.directory-stats{gap:25px}.directory-stats strong{font-size:29px}.directory-controls{grid-template-columns:1fr}.type-row{grid-template-columns:minmax(0,1fr) 85px;gap:14px;padding:22px 17px}.type-rank{display:none}.type-copy h2{font-size:19px}.type-copy p{font-size:15px}.total-score strong{font-size:28px}.total-score>span{padding-top:10px}.type-metrics{grid-column:1 / 3;gap:14px}.type-metrics>span{padding-left:8px}.type-metrics>span>span{font-size:9px}.guide-panel{padding:22px}.detail-score{gap:20px}.detail-score .total-score{min-width:95px}.detail-score .total-score strong{font-size:36px}.detail-score p{font-size:12px}.score-dimension{padding:16px}.score-dimension h3{font-size:12px}.directory-mega-links{grid-template-columns:1fr 1fr;gap:5px 18px}.directory-mega-links a{font-size:11px}.directory-content{padding-top:25px}.group-nav{gap:8px}.group-nav a{font-size:11px}.moderation-actions{flex-wrap:wrap}}
@media(max-width:430px){.score-grid{grid-template-columns:1fr}.directory-stats{gap:22px}.directory-stats span{font-size:10px}.directory-stats>div:last-child{width:100%}.directory-mega-links{grid-template-columns:1fr}.type-group{font-size:9px}}
.directory-mega{top:100%;max-height:70vh;overflow:auto}.directory-content .button{background:var(--rose-surface);color:white}.directory-content .button:hover{background:#93445c}

body{background:var(--paper);color:var(--ink)}.button,.skip-link{background:var(--rose-surface);color:#fff}.button:hover{background:#93445c}input::placeholder,textarea::placeholder{color:#8fa2ba;opacity:1}select option{background:#121821;color:#eef2f7}input:-webkit-autofill{-webkit-text-fill-color:#eef2f7;box-shadow:0 0 0 1000px #121821 inset}::selection{background:#93445c;color:#fff}.type-metrics>span>span{font-size:12px}@media(max-width:760px){.type-metrics>span>span{font-size:11px}}