:root{
    --bg:#0a0a0c; --bg2:#0e0d10; --ink:#f4efe7; --mut:#9a9488;
    --amber:#f5a623; --amber2:#ffce6a; --cyan:#22d3ee;
    --glass:hsl(34 18% 10% / .55); --glass-bd:hsl(38 40% 60% / .15);
    --grad-amber:linear-gradient(120deg,#f5a623,#ffce6a);
    --ease:cubic-bezier(.22,1,.36,1); --maxw:1120px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth;overflow-x:clip}
  body{margin:0;overflow-x:clip;background:var(--bg);color:var(--ink);
    font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
  /* nav (mirrors the homepage) */
  nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    background:hsl(34 20% 6% / .6);border-bottom:1px solid var(--glass-bd)}
  nav .row{display:flex;align-items:center;justify-content:space-between;height:62px;gap:14px}
  nav .brand{font-weight:700;letter-spacing:.2px;margin-right:auto}
  nav .b-ben{color:var(--amber)} nav .b-young{color:var(--cyan)} nav .b-dot{color:#fff} nav .brand .ai{font-weight:700;color:var(--ink)}
  nav .links{display:flex;gap:24px;font-size:14px;color:var(--mut)}
  nav .links a:hover{color:var(--ink)}
  .theme-toggle{flex:0 0 auto;cursor:pointer;background:transparent;border:1px solid var(--glass-bd);color:var(--ink);
    border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1;padding:8px 11px;text-transform:uppercase}
  .theme-toggle:hover{border-color:var(--amber)}
  .navtoggle{display:none;flex:0 0 auto;cursor:pointer;background:transparent;border:1px solid var(--glass-bd);color:var(--ink);border-radius:8px;font-size:18px;line-height:1;padding:6px 11px}
  .navtoggle:hover{border-color:var(--amber)}
  @media(max-width:760px){
    .navtoggle{display:inline-flex}
    nav .links{position:absolute;top:62px;left:0;right:0;display:none;flex-direction:column;gap:0;padding:6px 0;
      background:hsl(34 20% 6% / .97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--glass-bd)}
    nav.open .links{display:flex}
    nav .links a{padding:13px 24px;font-size:15.5px}
    [data-theme="light"] nav .links{background:hsl(40 36% 98% / .97)}
  }
  /* head copy */
  .hd{padding:64px 0 26px;border-bottom:1px solid var(--glass-bd)}
  .eyebrow{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--amber);margin:0 0 14px}
  h1.big{font-size:clamp(28px,4vw,46px);line-height:1.1;letter-spacing:-.02em;margin:0 0 18px;font-weight:740;max-width:22ch;text-wrap:balance}
  .lead{font-size:clamp(16px,1.5vw,19px);color:#d8d2c6;max-width:64ch;margin:0 0 10px}
  [data-theme="light"] .lead{color:#46402f}
  /* obvious back-to-homepage affordance (top + bottom) */
  .back-home{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--amber);background:var(--glass);border:1px solid var(--glass-bd);border-radius:999px;padding:9px 16px;line-height:1}
  .back-home:hover{border-color:var(--amber);filter:brightness(1.08)}
  .back-home .bh-arrow{font-size:15px}
  .back-home-top{margin:0 0 20px}
  .back-home-wrap{text-align:center;padding:4px 0 72px}
  .note{max-width:64ch;margin:18px 0 0;padding:14px 18px;border:1px solid var(--glass-bd);border-left:3px solid var(--amber);border-radius:10px;background:var(--glass);color:var(--mut);font-size:14px;line-height:1.55}
  /* controls */
  /* anchored filter bar: frosted themed glass + soft drop-shadow so content scrolling under reads as
     behind-glass (was a near-opaque dark gradient that looked like a flat seam in light). */
  .controls{position:sticky;top:62px;z-index:40;padding:18px 0;background:color-mix(in srgb,var(--bg) 72%,transparent);
    backdrop-filter:blur(15px) saturate(1.1);-webkit-backdrop-filter:blur(15px) saturate(1.1);
    border-bottom:1px solid var(--glass-bd);box-shadow:0 10px 22px -16px rgba(0,0,0,.55)}
  .filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
  /* inactive pills get a faint themed fill (not pure outline-on-white) so they read as one control
     group; active pill is the amber fill plus a soft lift. Consistent in both themes. */
  .filter{cursor:pointer;font:600 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,var(--glass));border:1px solid var(--glass-bd);border-radius:999px;padding:9px 16px;
    transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}
  .filter:hover{border-color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--glass))}
  .filter.on{color:#1a1206;background:var(--grad-amber);border-color:transparent;box-shadow:0 2px 10px -3px color-mix(in srgb,var(--amber) 55%,transparent)}
  .flagcount{margin-left:auto;font-size:13px;color:var(--mut)}
  /* idea chips (shared visual language with the homepage) */
  .idea-chip{font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.04em;font-weight:600;padding:4px 11px;border-radius:999px;border:1px solid currentColor}
  .idea-chip[data-tag="build-sprint"]{color:var(--amber)}
  .idea-chip[data-tag="engagement-build"]{color:var(--cyan)}
  .idea-chip[data-tag="fractional-partner"]{color:#a78bfa}
  [data-theme="light"] .idea-chip[data-tag="fractional-partner"]{color:#7c5cff}
  /* per-idea up/down verdict controls */
  .ic-votes{display:flex;gap:8px}
  .iv{cursor:pointer;font:600 12.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    color:var(--ink);background:var(--glass);border:1px solid var(--glass-bd);border-radius:999px;padding:8px 14px;white-space:nowrap;
    transition:border-color .2s var(--ease),color .2s var(--ease),background .2s var(--ease)}
  .iv-up:hover{border-color:var(--amber)}
  .iv-down:hover{border-color:var(--mut)}
  .iv.on.iv-up{color:#1a1206;background:var(--grad-amber);border-color:transparent}
  .iv.on.iv-down{color:var(--ink);background:hsl(34 8% 42% / .55);border-color:var(--mut)}
  [data-theme="light"] .iv.on.iv-down{background:hsl(36 14% 62% / .55)}
  .iv.pulse{animation:ideaPulse 1.6s var(--ease)}
  @keyframes ideaPulse{0%{transform:scale(1)}30%{transform:scale(1.16)}55%{transform:scale(1.02)}75%{transform:scale(1.1)}100%{transform:scale(1)}}
  /* catalog */
  .catalog{padding:34px 0 80px}
  .cat{margin-top:42px}
  .cat:first-child{margin-top:8px}
  .cat-h{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-family:ui-monospace,Menlo,monospace;
    margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid var(--glass-bd)}
  .cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  @media(max-width:720px){.cat-grid{grid-template-columns:1fr}}
  .ic{display:flex;flex-direction:column;gap:16px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border:1px solid var(--glass-bd);border-radius:16px;padding:22px 22px;transition:border-color .2s var(--ease),opacity .2s var(--ease),box-shadow .2s var(--ease)}
  [data-theme="light"] .ic{background:hsl(40 30% 100% / .62)}
  .ic-text{margin:0;font-size:16.5px;line-height:1.42;color:var(--ink);font-weight:560;transition:color .2s var(--ease)}
  .ic-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:auto}
  .ic-tags{display:flex;gap:8px;flex-wrap:wrap}
  /* verdict states: interested = highlighted, passed = dimmed + struck, unrated = neutral */
  .ic.up{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber) inset}
  .ic.down{opacity:.55}
  .ic.down .ic-text{text-decoration:line-through;color:var(--mut)}
  .cat-empty{display:none}
  footer{border-top:1px solid var(--glass-bd);background:linear-gradient(hsl(34 18% 5% / .42),hsl(34 18% 5% / .42))}
  footer .row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:26px 0;font-size:14px;color:var(--mut)}
  footer .amber{color:var(--amber)}
  /* light theme reskin */
  :root[data-theme="light"]{--bg:#f6f2ea;--bg2:#efe9dd;--ink:#22201b;--mut:#6f675a;--amber:#c0791b;--cyan:#0e8fb0;--glass:hsl(40 30% 100% / .62);--glass-bd:hsl(36 25% 50% / .22)}
  /* light blueprint grid: softened (grid alpha .10 -> .06) with a top radial vignette washing the
     large empty upper area so the cards + copy pop. Light theme only; dark is untouched. */
  [data-theme="light"] body{background:radial-gradient(1200px 760px at 50% 3%,rgba(246,242,234,.92) 0%,rgba(246,242,234,0) 66%),linear-gradient(rgba(150,120,70,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(150,120,70,.06) 1px,transparent 1px),radial-gradient(1100px 700px at 72% -10%,#fffdf8 0%,#f1ebdf 62%);background-size:auto,120px 120px,120px 120px,auto}
  [data-theme="light"] nav{background:hsl(40 36% 98% / .72)}
  [data-theme="light"] nav .b-dot{color:#22201b}
  [data-theme="light"] .controls{background:linear-gradient(var(--bg),hsl(42 44% 100% / .8))}
  [data-theme="light"] .lead,[data-theme="light"] .ic-text{color:#2f2a1e}
  [data-theme="light"] .ic.down .ic-text{color:var(--mut)}
  /* Add-an-idea contribution widget (shared markup with the homepage) */
  .addsec{padding:6px 0 78px}
  .idea-add{max-width:620px;margin:0 auto;text-align:center}
  .idea-add .idea-form-h{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.01em;margin:0 0 8px;color:var(--ink)}
  .idea-add .idea-form-sub{font-size:15px;color:var(--mut);margin:0 0 20px}
  .idea-form{display:flex;flex-direction:column;gap:14px;text-align:left;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-bd);border-radius:16px;padding:24px}
  [data-theme="light"] .idea-form{background:hsl(40 30% 100% / .62)}
  .idea-form .if-label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:0 0 6px}
  .idea-form textarea,.idea-form input[type="email"]{width:100%;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:hsl(34 18% 6% / .5);border:1px solid var(--glass-bd);border-radius:10px;padding:11px 13px}
  .idea-form textarea{resize:vertical;min-height:64px}
  [data-theme="light"] .idea-form textarea,[data-theme="light"] .idea-form input[type="email"]{background:hsl(40 30% 100% / .7)}
  .idea-form textarea:focus-visible,.idea-form input[type="email"]:focus-visible{outline:2px solid var(--amber);outline-offset:1px}
  .idea-form ::placeholder{color:var(--mut)}
  .if-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}
  .if-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .if-submit{cursor:pointer;font:600 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1a1206;background:var(--grad-amber);border:0;border-radius:999px;padding:11px 24px}
  .if-submit:hover{filter:brightness(1.05)}
  .if-submit:disabled{opacity:.6;cursor:default}
  .if-submit:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
  .if-msg{font-size:13px;color:var(--mut)}
  .if-msg.ok{color:var(--cyan)}
  .if-msg.err{color:#e8836a}
  .if-privacy{font-size:12px;color:var(--mut);margin:2px 0 0}
  @media(prefers-reduced-motion:reduce){
    .iv.pulse{animation:none!important}
    html{scroll-behavior:auto}
  }