:root{--bg:#f5f9ff;--surface:#fff;--line:#dbeafe;--text:#172033;--muted:#68768c;--blue:#2563eb;--blue-soft:#eaf3ff}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Noto Sans JP,sans-serif}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:hsla(0,0%,100%,.96);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-inner{max-width:1360px;margin:auto;padding:13px 22px;justify-content:space-between}.brand,.header-inner{display:flex;align-items:center}.brand{gap:9px;color:var(--text);font-size:19px;font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#dbeafe;color:var(--blue)}.header-actions{display:flex;align-items:center;gap:8px}.header-actions a,.header-actions button{border:1px solid var(--line);border-radius:9px;background:var(--blue-soft);color:#1d4ed8;padding:8px 11px;text-decoration:none;font:inherit}.category-strip{max-width:1360px;margin:auto;padding:9px 22px;display:flex;gap:8px;overflow:auto;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category{white-space:nowrap;border:1px solid #bfdbfe;border-radius:999px;padding:7px 12px;color:#1d4ed8;font-size:13px;text-decoration:none;background:#f8fbff}.category.active{background:#dbeafe;font-weight:700}.page-shell{max-width:1360px;margin:0 auto;padding:24px 22px 40px}.desktop-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 310px;grid-gap:18px;gap:18px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(40,84,140,.04)}.category-panel{padding:16px}.panel h1,.panel h2{margin:0;font-size:18px}.category-panel h2{margin-bottom:12px}.side-link{display:block;padding:9px 10px;color:var(--text);border-radius:8px;text-decoration:none;font-size:14px}.side-link.selected,.side-link:hover{background:var(--blue-soft);color:#1d4ed8;font-weight:700}.news-panel{padding:18px 20px}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}.panel-heading span{color:var(--muted);font-size:12px}.article{padding:13px 2px;border-top:1px solid #edf3fb}.article-title{display:block;color:var(--text);font-size:15px;font-weight:650;line-height:1.55;text-decoration:none}.article-title:hover{color:var(--blue)}.meta{margin-top:5px}.ad-slot,.meta{color:var(--muted);font-size:12px}.ad-slot{margin:12px 0 0;padding:12px;border:1px dashed #9cc4fb;border-radius:9px;text-align:center;background:#f7fbff}.load-more,.panel-more{display:block;width:100%;margin-top:15px;padding:11px;border:1px solid #93c5fd;border-radius:10px;background:var(--blue-soft);color:#1d4ed8;text-align:center;text-decoration:none;font:inherit;font-weight:700;cursor:pointer}.ranking{padding:18px}.rank-item{display:grid;grid-template-columns:28px 1fr;grid-gap:8px;gap:8px;padding:12px 0;border-top:1px solid #edf3fb;color:var(--text);text-decoration:none;font-size:13px;line-height:1.45}.rank-item strong{color:var(--blue);font-size:17px}.mobile-ranking{display:none}.site-footer{max-width:1360px;margin:auto;padding:20px 22px 36px;display:flex;gap:18px;font-size:12px}.site-footer,.site-footer a{color:var(--muted)}@media(max-width:1050px){.desktop-grid{grid-template-columns:190px minmax(0,1fr)}.desktop-grid>aside:last-child{grid-column:2}.mobile-ranking{display:none}}@media(max-width:720px){.header-inner{padding:11px 13px}.brand{font-size:16px}.category-strip{padding:8px 12px}.page-shell{padding:14px 12px 26px}.desktop-grid{display:block}.category-panel,.desktop-grid>aside:last-child{display:none}.news-panel{padding:15px 13px}.mobile-ranking{display:block;margin-top:14px}.site-footer{padding:16px 13px 28px;flex-wrap:wrap;gap:12px}}.contact-form{display:grid;grid-gap:14px;gap:14px;margin-top:20px;max-width:620px}.contact-form label{display:grid;grid-gap:6px;gap:6px;font-size:13px;font-weight:700}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.contact-form button{justify-self:start;border:1px solid #93c5fd;border-radius:8px;padding:10px 18px;background:var(--blue-soft);color:#1d4ed8;font:inherit;font-weight:700;cursor:pointer}.contact-form button:disabled{opacity:.6}.form-success{padding:14px;border-radius:8px;background:#ecfdf5;color:#166534}.hp-field{position:absolute!important;left:-9999px!important}.inquiry-body{white-space:pre-wrap;min-width:240px;max-width:520px}.inquiry-status-form{margin-top:6px}.inquiry-status-form button{border:1px solid var(--line);border-radius:6px;padding:5px 7px;background:var(--blue-soft);color:#1d4ed8;font-size:11px;cursor:pointer}.mobile-ranking-only .mobile-section-title{padding-block:14px}.ranking-category-menu{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}.ranking-category-grid a,.ranking-category-menu a{border:1px solid var(--line);border-radius:8px;background:var(--blue-soft);color:#1d4ed8;padding:8px 11px;text-decoration:none;font-size:13px}.ranking-category-menu a.selected{font-weight:800}.ranking-category-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:12px}.ranking-category-grid a{text-align:center}@media(max-width:720px){.ranking-category-grid{grid-template-columns:repeat(2,1fr)}}.site-footer{display:block}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.site-link{color:var(--muted);text-decoration:none}.site-link:hover{text-decoration:underline}.site-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.site-detail-heading h1{margin:0}.site-detail-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}.site-detail-heading a{color:#1d4ed8;font-size:13px}@media(max-width:720px){.site-detail-heading{align-items:flex-start;flex-direction:column;gap:8px}}.admin-login{max-width:520px}.admin-form{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.admin-form label{display:grid;grid-gap:6px;gap:6px;font-size:13px;font-weight:700}.admin-form input{padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit}.admin-form button,.admin-inline-form button,.admin-logout{border:1px solid #93c5fd;border-radius:8px;padding:10px 14px;background:var(--blue-soft);color:#1d4ed8;font:inherit;font-weight:700;cursor:pointer}.admin-inline-form button{padding:6px 9px;font-size:12px}.form-error{margin:0;color:#b91c1c;font-size:13px}.admin-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.admin-heading h1{margin:0}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:12px}.admin-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:18px}.admin-card{padding:16px;display:grid;grid-gap:8px;gap:8px}.admin-card span{font-size:12px;color:var(--muted)}.admin-card strong{font-size:24px}.admin-section{padding:18px;margin-top:18px}.admin-section h2{margin:0 0 14px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table td,.admin-table th{padding:10px 8px;border-top:1px solid #edf3fb;text-align:left;white-space:nowrap}.admin-table th{color:var(--muted);font-size:12px}.admin-table td small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.admin-table a{color:#1d4ed8}.status-ok{color:#15803d}.status-error{color:#b91c1c;font-weight:700}@media(max-width:720px){.admin-cards{grid-template-columns:repeat(2,1fr)}.admin-heading{align-items:flex-start;gap:12px}.admin-logout{font-size:12px}}.runtime-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.runtime-grid div{padding:12px;background:var(--blue-soft);border-radius:8px}.runtime-grid span{display:block;color:var(--muted);font-size:12px}.runtime-grid strong{display:block;margin-top:6px;font-size:18px}.runtime-grid small{grid-column:1/-1;color:var(--muted)}@media(max-width:720px){.runtime-grid{grid-template-columns:1fr}}.runtime-warning{margin:0 0 12px;padding:11px 13px;border-radius:8px;font-size:13px;font-weight:700}.runtime-warning.warning{background:#fff7ed;color:#9a3412}.runtime-warning.strong{background:#fef2f2;color:#b91c1c}.mobile-hub,.mobile-nav{display:none}.mobile-hub-grid{display:grid;grid-template-columns:1fr 1fr}.mobile-hub-button{display:flex;align-items:center;justify-content:center;min-height:58px;padding:12px 7px;border-right:1px solid #dbeafe;border-bottom:1px solid #dbeafe;background:var(--surface);color:var(--text);font-size:14px;font-weight:700;text-align:center;text-decoration:none}.mobile-hub-button.selected,.mobile-section-title{background:var(--blue-soft);color:#1d4ed8}.mobile-section-title{padding:10px 14px;border-block:1px solid #bfdbfe;font-size:13px;font-weight:800}.mobile-hub-note{margin:0;padding:14px;color:var(--muted);background:#f8fbff;font-size:12px;line-height:1.6}.mobile-nav{position:fixed!important;bottom:0;left:50%;z-index:30;width:min(100%,720px);height:58px;box-sizing:border-box;grid-template-columns:repeat(3,1fr);padding-bottom:0;transform:translate3d(-50%,0,0);background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -5px 16px rgba(30,64,120,.1);will-change:transform}.mobile-nav-item{padding:8px 4px 0;color:var(--muted);font-size:11px;text-align:center;text-decoration:none}.mobile-nav-item span,.mobile-nav-item strong{display:block}.mobile-nav-item strong{margin-bottom:2px;color:var(--blue);font-size:20px;line-height:1}.mobile-nav-item.active{color:#1d4ed8;font-weight:800}@media(max-width:720px){body{padding-bottom:58px}.category-menu{display:none}.mobile-hub{display:block;margin:-14px -12px 16px}.mobile-nav{display:grid;padding-bottom:0}.mobile-ranking{margin-bottom:16px}.site-footer{padding-bottom:30px}.home-page .desktop-grid{display:none}.home-page .mobile-ranking{display:none!important}.site-last-updated{display:block;margin-top:6px;color:var(--muted);font-size:12px}.mobile-hub-compact{position:fixed;top:58px;left:0;right:0;z-index:20;background:var(--bg);margin:0!important}.mobile-hub-compact+.category-page,.mobile-hub-compact+.site-page{padding-top:66px}}.mobile-category-toggle{width:100%;display:flex;justify-content:space-between;border:0;border-bottom:1px solid #bfdbfe;background:var(--blue-soft);padding:13px 14px;color:#1d4ed8;font:inherit;font-weight:800;text-align:left}.mobile-hub-compact .mobile-hub-grid{display:grid}.mobile-hub-compact .mobile-hub-button{min-height:54px}@media(max-width:720px){.mobile-hub-compact+.category-page .back-link{display:none}}.brand-logo{width:31px;height:31px;border-radius:50%;object-fit:cover}.not-found-page{max-width:720px;margin:0 auto;padding:28px}.not-found-links{display:flex;flex-wrap:wrap;gap:10px}.not-found-links a{border:1px solid #bfdbfe;border-radius:9px;background:var(--blue-soft);color:#1d4ed8;padding:9px 12px;text-decoration:none}.runtime-grid strong small{display:block;margin-top:4px;font-size:11px;font-weight:400;color:var(--muted)}.load-more-error{padding:10px;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px}.load-more-end,.load-more-error{margin:15px 0 0;text-align:center}.load-more-end{color:var(--muted);font-size:12px}.error-page,.loading-page{max-width:720px}.loading-message{margin:0 0 15px;color:var(--muted)}.loading-lines{display:grid;grid-gap:10px;gap:10px}.loading-lines span{display:block;height:14px;border-radius:6px;background:#eaf3ff;animation:pulse 1.2s ease-in-out infinite}.loading-lines span:nth-child(2){width:82%}.loading-lines span:nth-child(3){width:64%}@keyframes pulse{50%{opacity:.45}}@media(max-width:720px){.mobile-hub-compact+.site-page .back-link,.utility-page .back-link{display:none}}.category-menu{position:relative;max-width:1360px;margin:0 auto;padding:0 22px 10px}.category-menu-button{display:flex;align-items:center;gap:10px;border:1px solid #bfdbfe;border-radius:9px;padding:8px 13px;background:var(--blue-soft);color:#1d4ed8;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.category-menu-chevron{font-size:10px}.category-menu-panel{position:absolute;left:22px;top:43px;z-index:20;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));grid-gap:6px;gap:6px;width:min(430px,calc(100vw - 44px));padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 35px rgba(30,64,120,.18)}.category-menu-item{padding:10px 11px;border-radius:8px;color:var(--text);font-size:13px;text-decoration:none}.category-menu-all,.category-menu-item:hover{background:var(--blue-soft);color:#1d4ed8;font-weight:700}@media(max-width:720px){.category-menu{padding:0 13px 10px}.category-menu-panel{left:13px;top:43px;width:calc(100vw - 26px);grid-template-columns:repeat(2,minmax(0,1fr))}}.simple-page{max-width:900px}.back-link{display:inline-block;margin-bottom:14px;color:#1d4ed8;text-decoration:none}.empty{padding:24px 0;color:var(--muted)}.search-form{display:flex;gap:8px;margin:18px 0}.search-form input{flex:1 1;min-width:0;border:1px solid var(--line);border-radius:9px;padding:11px;font:inherit;background:var(--surface);color:var(--text)}.search-form button{border:1px solid #93c5fd;border-radius:9px;padding:0 18px;background:var(--blue-soft);color:#1d4ed8;font-weight:700}.rank-item small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.legal-page{padding:22px;line-height:1.8}.legal-page h1{margin-bottom:20px}.legal-page h2{margin-top:24px;font-size:16px}