*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--card:#181b24;--border:#2a2f3d;--text:#e7e9ee;--muted:#8b93a5;--accent:#8d84e8}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,sans-serif}.hub{max-width:880px;margin:0 auto;padding:48px 24px}.hub-header{align-items:center;gap:14px;margin-bottom:8px;display:flex}.hub-header h1{letter-spacing:.12em;font-size:28px}.hub-user{color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:13px;display:flex}.hub-tagline{color:var(--muted);margin-bottom:36px;font-size:14px}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.tool-card{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:20px;text-decoration:none;transition:border-color .15s;display:block}a.tool-card:hover{border-color:var(--accent)}.tool-card.disabled{opacity:.55}.tool-domain{color:var(--accent);letter-spacing:.08em;font-size:12px}.tool-name{margin:6px 0 8px;font-size:18px;font-weight:600}.tool-desc{color:var(--muted);font-size:13px;line-height:1.6}.tool-status{border:1px solid var(--border);color:var(--muted);border-radius:99px;margin-top:12px;padding:3px 9px;font-size:11px;display:inline-block}.tool-status.live{color:#6fcf97;border-color:#2e5443}.hub-footer{color:var(--muted);margin-top:40px;font-size:12px;line-height:1.8}.hub-footer a{color:var(--accent)}.signout{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:12px}.login-page{place-items:center;min-height:100vh;display:grid}.login-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:16px;max-width:380px;padding:40px 44px}.login-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.login-logo h1{letter-spacing:.16em;font-size:24px}.login-tagline{color:var(--muted);margin-bottom:24px;font-size:13px}.login-error{color:#eb5757;margin-bottom:16px;font-size:12px;line-height:1.7}.login-google{color:#1f1f1f;cursor:pointer;background:#fff;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.login-google:disabled{opacity:.6}.login-note{color:var(--muted);margin-top:16px;font-size:11px}