:root{--bg:#05060a;--fg:#eef2f8;--muted:#8b94a7;--accent:#5cc8ff;--fix:#62e6c3;--border:rgba(255,255,255,.08)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{min-height:100%}body{background:var(--bg);color:var(--fg);font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;padding:0 18px 70px;position:relative;overflow-x:hidden}.stars{position:fixed;inset:0;z-index:-1;background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 70% 60%,rgba(92,200,255,.5),transparent),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.35),transparent),radial-gradient(1.5px 1.5px at 85% 20%,rgba(98,230,195,.4),transparent),radial-gradient(1px 1px at 55% 15%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 10% 70%,rgba(255,255,255,.3),transparent);background-repeat:no-repeat;opacity:.5;animation:drift 24s ease-in-out infinite alternate}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-18px)}}@media(prefers-reduced-motion:reduce){.stars{animation:none}html{scroll-behavior:auto}}.brand{display:inline-block;margin:16px 0 0;color:var(--fg);text-decoration:none;font-size:.82rem;letter-spacing:.34em;text-transform:uppercase}.wrap{max-width:820px;margin:0 auto}.hero{text-align:center;padding:20px 0 26px}.hero h1{font-size:2.1rem;letter-spacing:.04em;background:linear-gradient(180deg,#fff,#9fc7e6);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:var(--muted);font-size:.95rem;line-height:1.7;margin:12px 0 22px}.sub b{color:var(--fg)}.searchbar{max-width:520px;margin:0 auto}.searchbar input{width:100%;background:#ffffff0d;border:1px solid rgba(92,200,255,.28);border-radius:14px;color:var(--fg);padding:14px 18px;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.searchbar input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #5cc8ff1a}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.chip{text-decoration:none;color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:6px 13px;font-size:.74rem;transition:border-color .18s,color .18s,background .18s}.chip:hover{color:var(--fg);border-color:#5cc8ff66;background:#5cc8ff0f}.cat{margin:34px 0;scroll-margin-top:16px}.cat h2{font-size:1.1rem;font-weight:600;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.fq{border:1px solid var(--border);border-radius:13px;margin-bottom:10px;background:#ffffff05;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:hidden;transition:border-color .18s,background .18s}.fq:hover{border-color:#5cc8ff47}.fq[open]{border-color:#5cc8ff66;background:#5cc8ff0a}.fq summary{cursor:pointer;list-style:none;padding:15px 44px 15px 17px;font-size:.92rem;font-weight:600;position:relative}.fq summary::-webkit-details-marker{display:none}.fq summary:after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--accent);font-size:1.2rem;transition:transform .25s}.fq[open] summary:after{transform:translateY(-50%) rotate(45deg)}.ans{padding:0 17px 16px;animation:fade .3s ease}.ans p{color:#cdd6e3;font-size:.86rem;line-height:1.85}.ans p b{color:#fff}@keyframes fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.toolchip{display:inline-block;margin-top:11px;background:#62e6c321;border:1px solid rgba(98,230,195,.36);color:var(--fix);border-radius:9px;padding:7px 13px;font-size:.78rem;text-decoration:none;transition:background .18s}.toolchip:hover{background:#62e6c338}.noresult{text-align:center;color:var(--muted);font-size:.86rem;padding:24px}.more{margin-top:40px;padding:22px;border:1px solid var(--border);border-radius:16px;background:#ffffff05}.more h2{font-size:1rem;margin-bottom:8px}.more p{color:var(--muted);font-size:.84rem;line-height:1.8}.more p b{color:var(--fg)}.morelinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.morelinks a{color:var(--accent);text-decoration:none;font-size:.84rem;border:1px solid var(--border);border-radius:10px;padding:8px 13px;transition:border-color .18s,background .18s}.morelinks a:hover{border-color:#5cc8ff66;background:#5cc8ff0f}