/* index.css — extracted from inline <style> blocks. Generated by scripts/h1-extract.mjs */
.hook-wrap { max-width: 720px; margin: 32px auto; padding: 24px; color: var(--text-dim); line-height: 1.7; }
      .hook-wrap h1 { color: var(--green); font-size: 22px; letter-spacing: 2px; margin-bottom: 10px; }
      .hook-wrap h2 { color: var(--green-muted); font-size: 13px; letter-spacing: 2px; margin-top: 24px; margin-bottom: 8px; text-transform: uppercase; }
      .hook-wrap p, .hook-wrap li { font-size: 13px; }
      .hook-wrap code { background: var(--bg-card); border: 1px solid var(--border); padding: 1px 6px; color: var(--green); }
      .hook-wrap pre { background: var(--bg-terminal); border: 1px solid var(--border); padding: 12px; color: var(--green); font-size: 12px; overflow-x: auto; margin: 10px 0; }
      .hook-wrap a { color: var(--green); }
      .hook-wrap ol, .hook-wrap ul { padding-left: 20px; }
      .hook-wrap table { width: 100%; border-collapse: collapse; margin: 10px 0; }
      .hook-wrap th, .hook-wrap td { border: 1px solid var(--border); padding: 8px 10px; text-align: left; font-size: 12px; }
      .hook-wrap th { color: var(--green-muted); background: var(--bg-card); }
      .hook-wrap .muted { color: var(--text-muted); font-size: 11px; }
      .token-row { display: flex; gap: 8px; align-items: stretch; margin: 10px 0 4px; flex-wrap: wrap; }
      .token-row input {
        flex: 1;
        min-width: 240px;
        background: var(--bg-terminal);
        border: 1px solid var(--border);
        color: var(--green);
        padding: 10px 12px;
        font-family: "JetBrains Mono", monospace;
        font-size: 13px;
        outline: none;
      }
      .token-row input:focus { border-color: var(--green); }
      .token-btn {
        background: transparent;
        border: 1px solid var(--green);
        color: var(--green);
        padding: 10px 16px;
        font-family: "JetBrains Mono", monospace;
        font-size: 12px;
        letter-spacing: 1px;
        cursor: pointer;
        text-transform: uppercase;
        white-space: nowrap;
      }
      .token-btn:hover { background: rgba(0,255,65,0.08); }
      .token-btn:disabled { opacity: 0.5; cursor: not-allowed; }
      .auth-msg { font-size: 12px; color: var(--text-muted); margin: 6px 0 0; }
      .auth-msg.err { color: #ff6666; }
      .install-cmd {
        position: relative;
        background: var(--bg-terminal);
        border: 1px solid var(--border);
        padding: 12px 72px 12px 12px;
        margin: 6px 0 18px;
        color: var(--green);
        font-family: "JetBrains Mono", monospace;
        font-size: 12px;
        white-space: pre-wrap;
        word-break: break-all;
        line-height: 1.5;
      }
      .install-cmd.disabled { opacity: 0.55; }
      .copy-btn {
        position: absolute;
        top: 8px;
        right: 8px;
        background: transparent;
        border: 1px solid var(--border);
        color: var(--green);
        font-family: "JetBrains Mono", monospace;
        font-size: 11px;
        padding: 3px 10px;
        cursor: pointer;
      }
      .copy-btn:hover:not(:disabled) { border-color: var(--green); }
      .copy-btn.copied { color: var(--white); border-color: var(--green); }
      .copy-btn:disabled { opacity: 0.5; cursor: not-allowed; }
      details { border: 1px solid var(--border); padding: 10px 14px; margin-top: 16px; background: var(--bg-card); }
      details summary { cursor: pointer; color: var(--green-muted); font-size: 12px; letter-spacing: 2px; text-transform: uppercase; }
      details[open] summary { margin-bottom: 10px; }