:root{--bg:#0b0c0e;--panel:#16181d;--border:#262a31;--text:#e8eaed;--muted:#9aa0a6;--accent:#4285f4}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.muted{color:var(--muted);margin:4px 0 0;font-size:14px}.page{max-width:880px;margin:0 auto;padding:48px 24px}.header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.header h1{margin:0;font-size:24px;font-weight:600}.signout{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:13px}.signout:hover{color:var(--text);border-color:var(--muted)}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:18px;transition:border-color .15s,transform .15s;display:flex}.card:hover{border-color:var(--accent);transform:translateY(-1px)}.card-name{font-size:16px;font-weight:600}.card-desc{color:var(--muted);font-size:13px}.login{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:360px;padding:36px 28px}.login-card h1{margin:0 0 4px;font-size:22px;font-weight:600}.google-button{color:#1f1f1f;cursor:pointer;background:#fff;border:none;border-radius:10px;width:100%;margin-top:24px;padding:12px;font-size:14px;font-weight:600}.google-button:hover{opacity:.92}.google-button:disabled{opacity:.6;cursor:default}.footer{justify-content:center;margin-top:28px;display:flex}.suggest{color:var(--muted);border:1px dashed var(--border);border-radius:8px;padding:8px 14px;font-size:13px}.suggest:hover{color:var(--text);border-color:var(--muted)}.form{flex-direction:column;gap:16px;max-width:460px;display:flex}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.field input,.field textarea{background:var(--panel);border:1px solid var(--border);color:var(--text);resize:vertical;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none}.notice{border-radius:8px;padding:12px 14px;font-size:13px}.notice-ok{background:#34a8531f;border:1px solid #34a85366}.notice-err{background:#ea43351f;border:1px solid #ea433566;margin:0}.notice a{color:var(--accent);font-weight:600}