:root{--fg:#191a1e;--muted:#64676e;--line:#e5e5e0;--line-strong:#d8d8d1;--bg:#fff;--surface:#f7f7f4;--accent:#0b5cad;--accent-dark:#094e92;--accent-soft:#eef4fa;--sale:#b3372f;--ok-bg:#e4f3e8;--ok-fg:#1d7a35;--warn-bg:#fdf2dc;--warn-fg:#96690e;--ng-bg:#fbeae8}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,sans-serif;font-size:15.5px;line-height:1.75}::selection{background:#d7e7f5}a{color:var(--accent);text-underline-offset:3px}a:hover{text-decoration:underline}h1{letter-spacing:.01em;margin:0 0 14px;font-size:29px;font-weight:800;line-height:1.35}h2{border-bottom:1px solid var(--line);margin:46px 0 16px;padding-bottom:9px;font-size:20px;font-weight:700;line-height:1.4;position:relative}h2:after{content:"";background:var(--accent);border-radius:2px;width:44px;height:3px;position:absolute;bottom:-1px;left:0}h3{font-size:16.5px;line-height:1.45}header.site{z-index:10;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fffffff0;position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:10px 30px;max-width:1120px;margin:0 auto;padding:12px 20px;display:flex}header.site .brand{color:var(--fg);letter-spacing:.02em;align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex}header.site .brand:hover{text-decoration:none}header.site .brand .mark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:800;display:inline-flex}header.site nav a{color:var(--fg);margin-right:18px;font-size:14.5px;text-decoration:none}header.site nav a:hover{color:var(--accent);text-decoration:none}main{max-width:1120px;margin:0 auto;padding:34px 20px 72px}footer.site{background:var(--surface);border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-inner{flex-wrap:wrap;align-items:baseline;gap:6px 20px;max-width:1120px;margin:0 auto;padding:22px 20px;display:flex}footer.site a{color:var(--muted);text-decoration:none}footer.site a:hover{color:var(--fg);text-decoration:underline}.hero{background:linear-gradient(#f2f7fc,#e9f1f9);border:1px solid #dfe9f3;border-radius:20px;margin-bottom:8px;padding:42px 38px}.hero h1{margin:0 0 10px;font-size:34px}.hero .lead{color:#33363c;max-width:720px;margin:0 0 22px;font-size:16.5px}.hero form{gap:10px;max-width:660px;display:flex}.hero input{flex:1;padding:13px 16px;font-size:16px}.badge{color:#565a61;background:#f1f1ee;border:1px solid #0000;border-radius:999px;margin:0 6px 6px 0;padding:3px 11px;font-size:12.5px;font-weight:600;display:inline-block}.badge.sale{background:var(--sale);color:#fff}.badge.ok{background:var(--ok-bg);color:var(--ok-fg)}.badge.warn{background:var(--warn-bg);color:var(--warn-fg)}.badge.ng{background:var(--ng-bg);color:var(--sale)}a.badge{font-weight:500;text-decoration:none}a.badge:hover{border-color:var(--line-strong);text-decoration:none}.card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px 20px;transition:box-shadow .18s,transform .18s;box-shadow:0 1px 2px #17181e0d}.card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #17181e17}.card.clickable{position:relative}.card.clickable a.stretched:after{content:"";position:absolute;inset:0}.card.clickable a:not(.stretched){z-index:1;position:relative}.card h3 a{color:var(--fg);text-decoration:none}.card h3 a:hover{color:var(--accent)}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}table{border-collapse:collapse;width:100%;font-size:14.5px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 12px}th{color:var(--muted);white-space:nowrap;background:0 0;font-size:13.5px;font-weight:600}tbody tr:hover{background:#fafaf8}table a[href*="px.a8.net"]{background:var(--accent);color:#fff;white-space:nowrap;border-radius:9px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-block}table a[href*="px.a8.net"]:hover{background:var(--accent-dark);text-decoration:none}input,select{font:inherit;border:1px solid var(--line-strong);color:var(--fg);background:#fff;border-radius:10px;padding:10px 12px}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0b5cad29}.btn{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:10px;padding:10px 20px;font-weight:600;transition:background .15s}.btn:hover{background:var(--accent-dark)}.muted{color:var(--muted);font-size:13.5px}.adnotice{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:12.5px}@media (width<=640px){body{font-size:15px}h1{font-size:24px}.hero{padding:28px 20px}.hero h1{font-size:26px}.hero form{flex-direction:column}main{padding:26px 16px 56px}.header-inner{padding:10px 16px}}.sortbar{margin:8px 0 16px}.sortbar select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:999px;margin-left:6px;padding:6px 10px}