@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
  :root {
    --bg: #000000; --panel: #000000; --panel2: #111214; --line: #26282c;
    --text: #ffffff; --dim: #a5a5a5; --accent: #009eda; --green: #3bff90;
    --red: #e5534b; --blue: var(--accent);
  }
  * { box-sizing: border-box; }
  body { margin: 0; background: var(--bg); color: var(--text);
    font: 16px/1.5 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
  .wrap { max-width: 900px; margin: 0 auto; padding: 24px 16px 80px; }
  header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; gap: 10px; }
  h1 { font-size: 20px; margin: 0; letter-spacing: .3px; display: flex; align-items: center; gap: 10px; }
  h1 img.mark { height: 30px; width: auto; display: block; }
  h1 .factory { color: var(--accent); }
  .hbtns { display: flex; gap: 8px; }
  .hbtn { color: var(--dim); font-size: 13px; cursor: pointer; background: none;
    border: 1px solid var(--line); border-radius: 6px; padding: 4px 10px; font-family: inherit; }
  .hbtn:hover { color: var(--text); }
  h2 { font-size: 13px; text-transform: uppercase; letter-spacing: 1.2px;
    color: var(--dim); margin: 28px 0 10px; }
  h2 .count { display: inline-block; min-width: 20px; text-align: center;
    background: var(--panel2); border-radius: 10px; padding: 0 7px; margin-left: 6px;
    color: var(--text); }
  .card { background: var(--panel); border: 1px solid var(--line); border-radius: 10px;
    padding: 14px 16px; margin-bottom: 10px; }
  .card.waiting { border-left: 3px solid var(--accent); }
  .card.blocked { border-left: 3px solid var(--red); }
  .meta { font-size: 12px; color: var(--dim); margin-bottom: 4px; }
  .title { font-weight: 600; margin-bottom: 6px; }
  .summary { color: var(--text); margin-bottom: 10px; }
  .summary.missing { color: var(--dim); font-style: italic; }
  .row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
  a.preview { color: var(--blue); text-decoration: none; font-size: 14px; }
  a.preview:hover { text-decoration: underline; }
  button.approve { background: var(--green); color: #003317;
    border: none; border-radius: 8px; padding: 8px 16px; font-weight: 700; cursor: pointer; font-size: 14px; font-family: inherit; }
  button.notyet { background: transparent; color: var(--text); border: 1px solid var(--line);
    border-radius: 8px; padding: 8px 16px; cursor: pointer; font-size: 14px; }
  button:disabled { opacity: .5; cursor: default; }
  textarea { width: 100%; background: var(--panel2); color: var(--text); border: 1px solid var(--line);
    border-radius: 8px; padding: 8px; margin-top: 8px; font: inherit; min-height: 64px; display: none; }
  .line { display: flex; justify-content: space-between; gap: 10px; padding: 7px 4px;
    border-bottom: 1px solid var(--line); font-size: 14px; }
  .line:last-child { border-bottom: none; }
  .line .st { color: var(--dim); white-space: nowrap; font-size: 12px; }
  .pill { font-size: 13px; border-radius: 9px; padding: 1px 8px; background: var(--panel2); color: var(--dim); }
  .done { color: var(--green); font-weight: 600; margin-top: 8px; }
  .fail { color: var(--red); margin-top: 8px; }
  .empty { color: var(--dim); font-style: italic; padding: 6px 4px; }
  .ballot { margin-top: 12px; }
  .ballot .q { font-weight: 600; margin-bottom: 8px; }
  button.opt { display: flex; gap: 10px; align-items: flex-start; width: 100%; text-align: left;
    background: var(--panel2); color: var(--text); border: 1px solid var(--line); border-radius: 8px;
    padding: 10px 12px; margin-bottom: 6px; cursor: pointer; font: inherit; font-size: 14px; }
  button.opt:hover { border-color: var(--dim); }
  button.opt.rec { border-color: var(--accent); }
  button.opt .letter { flex: 0 0 auto; font-weight: 800; color: var(--accent); }
  .recpill { font-size: 13px; background: var(--accent); color: #001c29; border-radius: 9px;
    padding: 1px 8px; font-weight: 700; white-space: nowrap; }
  /* roadmap */
  .product { border: 1px solid var(--line); border-radius: 12px; padding: 16px 18px; margin-bottom: 18px; }
  .product h3 { margin: 0 0 4px; font-size: 17px; }
  .product h3 .accent { color: var(--accent); }
  .stage { margin-top: 12px; }
  .stage .sh { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: var(--dim); margin-bottom: 4px; }
  .ritem { padding: 6px 0 6px 12px; border-left: 2px solid var(--line); margin-bottom: 6px; }
  .ritem.hot { border-left-color: var(--accent); }
  .ritem.live { border-left-color: var(--green); }
  .ritem .t { font-weight: 600; font-size: 14px; }
  .ritem .s { color: var(--dim); font-size: 13px; }
  .copybtn { margin-top: 12px; }
  .intro { color: var(--dim); margin: 0 0 8px; }
  /* login modal */
  #loginmodal { position: fixed; inset: 0; background: rgba(0,0,0,.75); display: none;
    align-items: center; justify-content: center; z-index: 50; }
  #loginbox { background: var(--panel2); border: 1px solid var(--line); border-radius: 12px;
    padding: 28px; width: 320px; text-align: center; }
  #loginbox input { width: 100%; padding: 12px; font-size: 16px; text-align: center; letter-spacing: 2px;
    background: var(--bg); border: 1px solid var(--line); border-radius: 10px; color: var(--text); margin: 12px 0; }
  #loginbox .go { width: 100%; padding: 11px; font-size: 15px; background: var(--accent); border: none;
    border-radius: 10px; font-weight: 700; cursor: pointer; font-family: inherit; color: #001c29; }
  #loginerr { color: var(--red); min-height: 20px; font-size: 13px; }
  .foot { margin-top: 40px; color: var(--dim); font-size: 12px; text-align: center; }
  .toast { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
    background: var(--panel2); border: 1px solid var(--line); color: var(--text);
    padding: 10px 18px; border-radius: 10px; font-size: 14px; display: none; z-index: 60; }

nav {display:flex;gap:10px;flex-wrap:wrap} nav a {color:var(--dim);text-decoration:none;border:1px solid var(--line);padding:6px 12px;border-radius:7px;font-size:14px} nav a[aria-current=page]{color:var(--accent);border-color:var(--accent)} .eyebrow{color:var(--dim);font-size:13px;margin:0 0 4px}.intro{margin-bottom:24px}.status {font-size:14px;color:var(--green)} .status.warn{color:var(--accent)} .meta{font-size:13px} .line .st{font-size:14px} .line{padding:13px 0;gap:20px}.group{border:1px solid var(--line);border-radius:10px;padding:4px 16px}.card{padding:18px}.card p{margin:6px 0}.muted{color:var(--dim)} a{color:var(--accent)} .auth-notice{max-width:600px;margin:80px auto}.inline-note{font-size:14px;color:var(--dim);margin-top:20px} details summary{cursor:pointer} details p{color:var(--dim)} [hidden]{display:none!important}.foot{font-size:13px}.pill{padding:4px 9px}.wrap{max-width:960px}.body-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.pill.ready{color:var(--green)} @media(max-width:640px){header{align-items:flex-start;flex-direction:column}.line{flex-direction:column;gap:3px}.wrap{padding-top:18px}h1{font-size:22px}}