:root{--bg:#fafaf8;--surface:#fff;--text:#1a1a17;--muted:#5c5c55;--border:#e4e4df;--brand:#6c5ce7;--brand2:#00cec9;--danger:#e17055;}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,'Noto Sans JP',sans-serif;}
a{color:inherit;text-decoration:none}.top{height:56px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.9);display:flex;align-items:center;gap:16px;padding:0 24px;position:sticky;top:0;z-index:2}.logo{font-weight:800}.search{margin-left:auto;color:#92928a;border:1px solid var(--border);border-radius:10px;padding:8px 12px;background:#f4f4f1}.wrap{display:flex;min-height:calc(100vh - 56px)}.side{width:240px;border-right:1px solid var(--border);padding:20px 12px;background:#fff}.side a{display:block;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:14px}.side a:hover{background:#f4f4f1;color:var(--text)}.main{flex:1;padding:28px;max-width:1440px}.banner{background:#edeafd;color:#4e3ec8;border:1px solid #d8d1fb;border-radius:14px;padding:12px 16px;margin-bottom:20px;font-size:14px}.hero{background:linear-gradient(135deg,#fff,#f4f4ff);border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:0 1px 2px rgba(20,20,18,.06)}h1{font-size:32px;line-height:1.2;margin:0 0 12px}p{line-height:1.75;color:var(--muted)}.btn{display:inline-flex;margin-top:12px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;border-radius:12px;padding:12px 16px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 1px 2px rgba(20,20,18,.06)}.thumb{height:120px;border-radius:14px;background:linear-gradient(135deg,#7b4b94,#f2c14e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:22px;margin-bottom:12px}.chip{display:inline-block;border-radius:999px;background:#f4f4f1;padding:6px 10px;font-size:12px;margin:4px;color:#5c5c55}.danger{background:#fdeee9;color:#b84f37}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f4f4f1;border-radius:10px;padding:12px;overflow:auto}.magic{position:fixed;right:24px;bottom:24px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:white;border-radius:16px;padding:14px 18px;box-shadow:0 4px 20px rgba(108,92,231,.35);font-weight:800}@media(max-width:760px){.side{display:none}.main{padding:18px}.top{padding:0 14px}.search{display:none}}