*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;background:#141a2e;color:#eef}
a{color:#9cf}.hero{padding:22px 16px 14px;text-align:center;background:linear-gradient(135deg,#ff8a3d,#ff3d77 60%,#7b4dff)}.hero h1{margin:0;font-size:30px;letter-spacing:1px}.hero p{margin:6px 0 0;font-size:14px;opacity:.95}
.wrap{max-width:1100px;margin:0 auto;padding:12px}.search{width:100%;font-size:17px;padding:12px 14px;border-radius:14px;border:0;background:#232c52;color:#fff;outline:none}
.cats{display:flex;gap:8px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.cats button{flex:none;border:0;border-radius:20px;padding:8px 14px;background:#232c52;color:#cde;font-weight:bold;font-size:14px;cursor:pointer}.cats button.on{background:#ff8a3d;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.g{display:block;text-decoration:none;color:#eef;background:#1f2747;border-radius:16px;overflow:hidden;transition:transform .15s}.g:hover{transform:translateY(-3px)}
.th{height:92px;display:flex;align-items:center;justify-content:center;font-size:48px}.g b{display:block;padding:8px 10px 2px;font-size:15px}.g span{display:block;padding:0 10px 10px;font-size:12px;opacity:.75;line-height:1.4}.g i{font-style:normal;font-size:11px;margin:0 10px;padding:1px 7px;border-radius:8px;background:#0003}
.st{font-size:13px;opacity:.8;margin:4px 2px 10px}footer{text-align:center;padding:26px 10px;font-size:13px;opacity:.8}footer a{margin:0 8px}
.page{max-width:760px;margin:0 auto;padding:16px 18px 40px;line-height:1.8}.page h1{font-size:24px}.page h2{font-size:18px;margin-top:26px}