:root {
  color-scheme: dark;
  --ink: #050506;
  --panel: #151517;
  --paper: #f2f0e8;
  --text: #f9f8f4;
  --muted: #a7a7ab;
  --line: rgba(255, 255, 255, .10);
  --blue: #0b3ccc;
  --blue-hover: #174de2;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--ink); scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--text); font-family: var(--font); letter-spacing: -.01em; -webkit-font-smoothing: antialiased; }
button, input, select { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: wait; opacity: .65; }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid #8cafff; outline-offset: 3px; }

.topbar { height: 76px; max-width: 1360px; margin: 0 auto; padding: 0 28px; display: flex; align-items: center; gap: 26px; border-bottom: 1px solid var(--line); }
.wordmark { display: grid; align-content: center; color: white; text-decoration: none; line-height: 1; }
.wordmark strong { font-size: 25px; letter-spacing: -.075em; }
.wordmark span { margin-top: 3px; font-size: 6px; font-weight: 700; letter-spacing: .19em; }
.topbar-title { margin: 0; font-size: 13px; font-weight: 600; color: #e6e6e8; }
.prototype-label { margin-left: auto; padding: 9px 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; font-size: 11px; color: #c5c5ca; }
main { max-width: 1360px; margin: 0 auto; }
.hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: 64px; align-items: center; padding: 74px 48px 88px; }
.hero-copy { max-width: 580px; }
.eyebrow, .panel-top, .column-title, footer, .method > p:first-child { font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.eyebrow { margin: 0 0 22px; color: #bfc2ca; }
.dot { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #517cff; vertical-align: 1px; }
.hero h1 { max-width: 640px; margin: 0; font-size: clamp(42px, 5vw, 67px); font-weight: 700; line-height: 1.02; letter-spacing: -.055em; }
.intro { max-width: 470px; margin: 26px 0 0; color: #c7c7ca; font-size: 16px; line-height: 1.65; }
.hero-categories { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.hero-categories span { padding: 10px 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: #151517; color: #dedee0; font-size: 12px; font-weight: 600; }
.hero-categories span:first-child { background: var(--paper); color: #161617; border-color: var(--paper); }
.footnote { max-width: 480px; margin: 35px 0 0; color: #949499; font-size: 12px; line-height: 1.6; }

.panel { min-width: 0; padding: 30px; border: 1px solid rgba(255,255,255,.08); border-radius: 28px; background: var(--panel); box-shadow: 0 24px 70px -45px #000; }
.panel-top { display: flex; justify-content: space-between; gap: 12px; color: #aeafb4; }
.panel h2 { margin: 40px 0 10px; font-size: clamp(28px, 3vw, 36px); line-height: 1.05; letter-spacing: -.045em; }
.panel > p { max-width: 420px; margin: 0 0 29px; color: #bcbcc2; font-size: 14px; line-height: 1.55; }
.panel label { display: block; margin-bottom: 10px; color: #d6d6da; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.input-row { display: flex; gap: 8px; }
.input-row input, .selection select { width: 100%; min-width: 0; min-height: 48px; padding: 12px 16px; border: 1px solid rgba(255,255,255,.13); border-radius: 15px; background: #0c0c0e; color: #f6f6f6; }
.input-row input::placeholder { color: #8f8f95; opacity: 1; }
.input-row input:focus-visible, .selection select:focus-visible { border-color: #87a6ff; }
.input-row button, .build { min-height: 48px; padding: 12px 18px; border: 0; border-radius: 999px; background: var(--blue); color: white; font-size: 13px; font-weight: 700; white-space: nowrap; }
.input-row button:hover, .build:hover { background: var(--blue-hover); }
.input-row button span, .build span { margin-left: 10px; }
.panel p.privacy { margin: 12px 0 0; color: #a6a6ad; font-size: 11px; line-height: 1.55; }
.status { margin-top: 14px; color: #e8cf9c; font-size: 13px; line-height: 1.5; }
.status:empty { display: none; }
.matches { display: grid; gap: 8px; margin-top: 14px; }
.match { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 52px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.1); border-radius: 15px; background: #202023; color: #f7f7f8; text-align: left; }
.match:hover, .match[aria-pressed="true"] { border-color: #7da0ff; background: #1b2854; }
.match small { display: block; margin-top: 4px; color: #b8b8be; font-size: 11px; }
.selection { margin-top: 24px; }
.selection select { color-scheme: dark; }
.build { width: 100%; margin-top: 12px; text-align: left; }

.results { margin: 0 28px; padding: 42px; border-radius: 28px; background: var(--paper); color: #151515; color-scheme: light; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 38px; }
.section-heading .eyebrow { margin-bottom: 12px; color: #66666a; }
.section-heading h2 { margin: 0; font-size: clamp(28px, 3.4vw, 44px); line-height: 1.08; letter-spacing: -.045em; }
.section-heading h2 em { color: #183db8; font-style: normal; }
.section-heading p:not(.eyebrow) { max-width: 280px; margin: 0; color: #696969; font-size: 12px; line-height: 1.55; }
.result-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.result-column { min-width: 0; padding: 20px; border: 1px solid rgba(0,0,0,.13); border-radius: 20px; background: rgba(255,255,255,.28); }
.column-title { display: flex; justify-content: space-between; gap: 8px; padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,.12); color: #68686b; }
.entry { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 18px 0; border-bottom: 1px solid rgba(0,0,0,.1); }
.entry:last-child { border-bottom: 0; padding-bottom: 0; }
.entry-number { color: #234bd0; font-size: 11px; font-weight: 700; }
.entry h3 { margin: 0 0 5px; overflow-wrap: anywhere; font-size: 16px; letter-spacing: -.02em; }
.entry p, .empty { margin: 0; color: #68686b; font-size: 12px; line-height: 1.55; }
.entry-type { color: #717174; font-size: 9px; letter-spacing: .08em; }
.brief { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 30px; padding: 30px; border-radius: 22px; background: #111114; color: white; color-scheme: dark; }
.brief .eyebrow { margin-bottom: 12px; }
.brief h3 { max-width: 320px; margin: 0; font-size: clamp(26px, 3vw, 38px); line-height: 1.08; letter-spacing: -.045em; }
.brief ol { margin: 0; padding-left: 20px; color: #dedee3; font-size: 13px; line-height: 1.65; }
.brief li { margin-bottom: 10px; }
.brief button { min-height: 44px; margin-top: 8px; padding: 10px 16px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: transparent; color: white; font-size: 13px; font-weight: 600; }
.brief button:hover { background: #2a2a2d; }
.brief #download-pdf { background: var(--blue); border-color: var(--blue); color: white; }
.brief #download-pdf:hover { background: #345be0; }
.brief #download-pdf:disabled { opacity: .65; cursor: wait; }
.brief .pdf-help { color: #b4b8c4; font-size: 11px; line-height: 1.5; }
.brief #copy-status { font-size: 12px; }

.method { display: grid; grid-template-columns: 1fr minmax(0, 2fr) 1fr; gap: 24px; margin: 0 48px; padding: 32px 0 70px; border-top: 1px solid var(--line); }
.results:not([hidden]) + .method { margin-top: 48px; }
.method p { margin: 0; }
.method > p:first-child, .method span { color: #9a9a9f; }
.method > p:nth-child(2) { max-width: 520px; font-size: 18px; font-weight: 600; line-height: 1.45; letter-spacing: -.025em; }
.method span { text-align: right; font-size: 10px; letter-spacing: .1em; }
footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; padding: 24px 48px 32px; border-top: 1px solid var(--line); color: #9a9a9f; font-size: 9px; }

@media (max-width: 800px) {
  .topbar { height: 66px; gap: 18px; padding: 0 20px; }
  .wordmark strong { font-size: 23px; }
  .prototype-label { padding: 8px 11px; font-size: 10px; }
  .hero { grid-template-columns: minmax(0, 1fr); gap: 34px; padding: 48px 20px 50px; }
  .hero h1 { font-size: clamp(40px, 11vw, 58px); }
  .intro { font-size: 15px; }
  .footnote { margin-top: 25px; }
  .panel { padding: 24px; border-radius: 24px; }
  .panel h2 { margin-top: 32px; }
  .results { margin: 0 12px; padding: 24px; border-radius: 24px; }
  .section-heading { display: block; }
  .section-heading p:not(.eyebrow) { margin-top: 14px; }
  .result-grid, .brief { grid-template-columns: minmax(0, 1fr); }
  .result-grid { gap: 14px; }
  .brief { gap: 22px; padding: 24px; }
  .method { grid-template-columns: minmax(0, 1fr); gap: 14px; margin: 0 20px; padding-bottom: 50px; }
  .method span { text-align: left; }
  footer { padding: 22px 20px 30px; }
}
@media (max-width: 430px) {
  .topbar-title { font-size: 12px; }
  .input-row { flex-direction: column; }
  .input-row button { width: 100%; text-align: left; }
  .entry-type { display: none; }
  .entry { grid-template-columns: 24px minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* Research workspace refinement */
.hero {padding-top:58px;gap:54px;align-items:start;}
.hero-copy {padding-top:22px;}
.hero h1 {font-size:clamp(42px,4.7vw,64px);}
.panel {background:linear-gradient(150deg,#1b1c20,#111216);border-color:#303138;box-shadow:0 28px 80px -52px #325ad6;}
.panel h2 {font-size:30px;margin-top:30px;}
.workflow {list-style:none;display:grid;gap:0;margin:32px 0 0;padding:0;max-width:350px;}
.workflow li {display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;color:#dedee4;}
.workflow span {font-size:10px;letter-spacing:.1em;color:#8ba7ff;}
.footnote {margin-top:24px;}
.evidence-strip {display:flex;flex-wrap:wrap;gap:10px 24px;border-block:1px solid #d5d4cd;padding:16px 0;color:#33443b;font-size:12px;}
.evidence-strip span:last-child{color:#4b4b50;}
.result-hint {font-size:12px;line-height:1.6;color:#5e5e63;max-width:700px;margin:20px 0 24px;}
.entry {grid-template-columns:24px minmax(0,1fr) 44px;align-items:center;}
.add-reference {width:44px;height:44px;border:1px solid #cbcbd0;border-radius:50%;font-size:22px;background:transparent;color:#173cb7;}
.add-reference:hover,.add-reference[aria-pressed=true] {background:#173cb7;color:white;border-color:#173cb7;}
.curation {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;padding:26px 0;border-block:1px solid #cfcec7;}
.curation .eyebrow {margin:0 0 10px;color:#57575e;}
.curation h3 {font-size:25px;letter-spacing:-.04em;margin:0;}
.curation p:not(.eyebrow){font-size:12px;color:#5b5b62;line-height:1.6;}
.curation ul {list-style:none;padding:0;margin:0;display:grid;align-content:start;gap:8px;}
.curation li {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #d3d2ca;}
.shortlist-label {min-width:0;display:grid;gap:5px;overflow-wrap:anywhere;}
.shortlist-label strong {color:#171a21;font-size:14px;line-height:1.35;letter-spacing:-.01em;}
.shortlist-label span {color:#656a76;font-size:11px;line-height:1.5;}
.curation .shortlist-remove {min-width:76px;min-height:44px;padding:0 12px;border:1px solid #d0d5e1;border-radius:999px;background:transparent;color:#2749b8;font:inherit;font-size:12px;font-weight:600;}
.curation .shortlist-remove:hover {background:#e5eaf8;border-color:#9daedc;}
.curation .shortlist-remove:focus-visible, .curation h3:focus-visible {outline:2px solid #527be5;outline-offset:3px;}
.export-actions{display:flex;flex-wrap:wrap;gap:8px;}
.export-actions button:first-child{background:#1744cd;border-color:#1744cd;}
@media(max-width:800px){.hero{gap:30px;padding:32px 20px 40px;}.hero-copy{padding-top:0;}.workflow{max-width:none;}.curation{grid-template-columns:minmax(0,1fr);gap:10px;}.panel h2{font-size:29px;}.results{padding:22px;}.result-column{padding:16px;}}
@media(max-width:430px){.topbar{gap:12px;}.prototype-label{max-width:110px;font-size:9px;text-align:center;}.entry{grid-template-columns:18px minmax(0,1fr) 44px;gap:7px;}.hero h1{font-size:41px;}.results{padding:18px;}.brief{padding:20px;}.evidence-strip{gap:10px;font-size:11px;}}

/* Cultural bridge: provenance is part of the interface, not a hidden score. */
.panel label.bridge-toggle {display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:15px;border:1px solid #39425f;border-radius:16px;background:#192037;font-size:13px;line-height:1.4;letter-spacing:0;cursor:pointer;}
.bridge-toggle input {width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:#668aff;}
.bridge-toggle span {color:#fff;}
.bridge-toggle small {display:block;margin-top:4px;color:#c0c8df;font-size:11px;font-weight:400;}
.bridge-box {padding:0 0 25px;}
.bridge-box .matches {margin-bottom:0;}
.bridge-summary {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-bottom:24px;padding:28px;border-radius:20px;background:#dce4fb;}
.bridge-summary .eyebrow {margin:0 0 10px;color:#334675;}
.bridge-summary h3,.source-intro h3 {margin:0;font-size:clamp(24px,2.5vw,34px);line-height:1.1;letter-spacing:-.045em;}
.bridge-summary p:not(.eyebrow) {margin:0 0 10px;color:#263a69;font-size:14px;line-height:1.6;}
.bridge-summary p.bridge-limit {margin:12px 0 0;color:#52617d;font-size:12px;}
.research-trace {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin:0 0 24px;padding:4px 8px 18px;border-bottom:1px solid #d5d4cd;}
.research-trace .eyebrow {margin:0 0 9px;color:#68686b;}
.research-trace h3 {margin:0;font-size:19px;letter-spacing:-.03em;}
.research-trace p:not(.eyebrow) {margin:0;color:#575a65;font-size:12px;line-height:1.65;}
.shared-grid {margin-bottom:34px;}
.source-intro {margin:0 0 20px;}
.source-intro .eyebrow {margin-bottom:10px;color:#68686b;}
.source-intro p:not(.eyebrow) {color:#64646a;font-size:12px;line-height:1.6;}
.source-grid .column-title span:first-child {overflow-wrap:anywhere;color:#233e9b;}
.source-grid h4 {margin:22px 0 0;color:#68686b;font-size:10px;letter-spacing:.12em;text-transform:uppercase;}
.source-grid .empty,.shared-grid .empty {padding-top:16px;}
.ecosystem {display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 48px 55px;padding:32px;border:1px solid var(--line);border-radius:22px;background:#111216;}
.ecosystem h2 {margin:0;font-size:clamp(24px,3vw,34px);letter-spacing:-.045em;}
.ecosystem p:not(.eyebrow) {max-width:620px;margin:14px 0 0;color:#bcbcc2;font-size:13px;line-height:1.65;}
.ecosystem .eyebrow {margin-bottom:12px;}
.ecosystem a {display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 20px;border:1px solid #777b87;border-radius:999px;color:#fff;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap;}
.ecosystem a:hover {background:#292b31;}
.try-example {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 12px;width:100%;min-height:60px;margin-top:18px;padding:12px 15px;border:1px solid rgba(130,157,233,.27);border-radius:15px;background:#1b2130;color:#eff3ff;text-align:left;}
.try-example span:first-child {font-size:13px;font-weight:700;}
.try-example small {grid-column:1;color:#aebbdc;font-size:11px;}
.try-example span:last-child {grid-column:2;grid-row:1 / span 2;font-size:16px;}
.try-example:hover {background:#222c44;border-color:#7894e3;}
.ecosystem-links {display:flex;flex-wrap:wrap;gap:8px;}
.curation .handoff-note {font-size:11px;}
.brief-label {margin:0 0 10px;color:#9daedc;font-size:10px;font-weight:700;letter-spacing:.12em;}
.brief-label:not(:first-child) {margin-top:22px;}
.community-next {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:24px 4px 0;color:#1b1b1d;}
.community-next .eyebrow {margin:0 0 10px;color:#52617d;}
.community-next h3 {margin:0;font-size:clamp(21px,2vw,27px);letter-spacing:-.035em;}
.community-next p:not(.eyebrow) {max-width:620px;margin:10px 0 0;color:#666670;font-size:12px;line-height:1.6;}
.community-next a {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;background:#1744cd;color:#fff;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap;}
.community-next a:hover {background:#0b329f;}
.note-label {display:block;margin-top:24px;color:#d4d6df;font-size:10px;font-weight:700;letter-spacing:.11em;}
.note-label span {color:#aaaeb9;font-weight:400;}
.brief textarea {display:block;width:100%;min-height:82px;margin-top:9px;padding:12px 14px;border:1px solid #494c55;border-radius:13px;background:#191a1e;color:#fff;font:inherit;font-size:13px;line-height:1.5;resize:vertical;}
.brief textarea::placeholder {color:#a7a9b1;opacity:1;}
.brief .note-help {max-width:320px;color:#aaadb7;font-size:11px;line-height:1.5;}
@media(max-width:800px){.bridge-summary,.research-trace{grid-template-columns:minmax(0,1fr);gap:14px;}.bridge-summary{padding:22px;}.ecosystem{display:block;margin:0 20px 40px;padding:24px;}.ecosystem-links{margin-top:20px;}.community-next{display:block;}.community-next a{margin-top:18px;}}
@media(max-width:430px){.bridge-summary{padding:18px;}.column-title{font-size:9px;}.panel label.bridge-toggle{padding:12px;}.ecosystem{margin:0 12px 30px;}}

.project-fields{display:grid;gap:10px;margin-top:20px}.project-fields input{box-sizing:border-box;width:100%;min-height:48px;background:rgba(255,255,255,.04);border:1px solid #41454b;color:inherit;border-radius:10px;padding:12px;font:inherit}.project-fields label{font-size:11px;letter-spacing:.08em;color:#b8bec7}.integration-path{padding:0;list-style:none;display:grid;gap:20px;margin:28px 0}.integration-path li{display:grid;gap:7px;border-left:2px solid #458bff;padding-left:16px}.integration-path strong{color:#fff;font-size:15px}.integration-path span{font-size:14px;line-height:1.65;color:#aeb6c2}.project-fields input:focus-visible{outline:2px solid #458bff;outline-offset:3px}

.goal-picker{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.goal-picker legend{font-size:10px;letter-spacing:.12em;margin-bottom:12px;color:#b8bec7}.goal-picker label{position:relative;margin:0!important;cursor:pointer}.goal-picker input{position:absolute;opacity:0;width:1px;height:1px}.goal-picker span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px;border:1px solid #3e424c;border-radius:12px;background:#17191e;color:#bfc5cf;font-size:12px;letter-spacing:0;text-transform:none;box-sizing:border-box}.goal-picker input:checked+span{background:#253c70;color:white;border-color:#739fff}.goal-picker input:focus-visible+span{outline:2px solid #9cbaff;outline-offset:3px}details.research-trace{display:block}details.research-trace summary{cursor:pointer;min-height:44px;line-height:44px;font-weight:600} @media(max-width:360px){.goal-picker{grid-template-columns:1fr}.goal-picker span{justify-content:flex-start;padding-left:14px}}

.artist-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.artist-preview figure{margin:0;min-width:0;border:1px solid #30343b;border-radius:16px;overflow:hidden;background:#111317}.artist-preview img{display:block;width:100%;height:180px;object-fit:contain;background:#08090b}.artist-preview figcaption{padding:12px}.artist-preview strong{display:block;font-size:14px}.artist-preview small{display:block;color:#aab1bf;font-size:10px;line-height:1.6;margin-top:6px}.artist-preview a{color:inherit;text-underline-offset:2px}.portrait-note{font-size:10px!important;color:#9ba4b4!important;margin:10px 0!important}@media(max-width:380px){.artist-preview{gap:8px}.artist-preview img{height:130px}.artist-preview figcaption{padding:9px}.artist-preview strong{font-size:12px}}

.artist-preview img[hidden]{display:none}

/* Artist-led presentation: open portraits, no enclosing cards. */
.artist-preview{gap:28px;margin:28px auto 20px;max-width:420px}.artist-preview figure{border:0;border-radius:0;background:transparent;overflow:visible;text-align:center}.artist-preview img{width:min(100%,164px);height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 25%;border-radius:50%;margin:0 auto;background:#111;box-shadow:0 8px 26px rgba(0,0,0,.2)}.artist-preview figcaption{padding:12px 0 0}.artist-preview strong{font-size:15px;letter-spacing:-.02em}.artist-preview small{font-size:9px;line-height:1.5;color:#a9aebb;max-width:180px;margin:7px auto 0}.portrait-note{text-align:center}.try-example{border-radius:14px;background:#2447ba;border-color:#4768ce;min-height:60px}.try-example:hover{background:#2e55d2}.try-example small{color:#d6e0ff}.panel-top{opacity:.75}.panel h2{letter-spacing:-.045em}.research-trace summary:focus-visible{outline:2px solid #527be5;outline-offset:4px}.result-hint{max-width:600px}@media(max-width:380px){.artist-preview{gap:16px}.artist-preview img{width:112px;height:112px}.artist-preview strong{font-size:13px}.artist-preview small{font-size:9px}.artist-preview figcaption{padding:10px 0 0}}

.selection-dock{position:sticky;top:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 24px;padding:14px 18px;border:1px solid #384663;border-radius:16px;background:#121b2ef5;color:#fff;box-shadow:0 8px 25px #0002;backdrop-filter:blur(12px)}.selection-dock strong{display:block;font-size:14px}.selection-dock span{display:block;color:#bdc9de;font-size:12px;margin-top:5px}.selection-dock button{flex-shrink:0;min-height:48px;padding:0 18px;border:0;border-radius:10px;background:#416de0;color:white;font:inherit;font-size:13px;font-weight:600}.selection-dock button:disabled{background:#313b50;color:#aeb8ca;cursor:not-allowed}.selection-dock button:focus-visible{outline:2px solid white;outline-offset:3px}#project-brief{scroll-margin-top:115px}#project-brief:focus-visible{outline:3px solid #638dff;outline-offset:5px}@media(max-width:500px){.selection-dock{top:6px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 12px}.selection-dock strong{font-size:12px}.selection-dock span{font-size:10px;line-height:1.35}.selection-dock:has(button:not(:disabled)) span{display:none}.selection-dock button{min-height:44px;padding:0 12px;white-space:nowrap;font-size:12px}#project-brief{scroll-margin-top:110px}}

.project-context{margin:22px 0;border-top:1px solid #353944;border-bottom:1px solid #353944;padding:4px 0 14px}.project-context summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;font-size:14px;cursor:pointer;font-weight:600}.project-context summary span{font-size:11px;color:#aab5c9;font-weight:400}.project-context textarea{width:100%;box-sizing:border-box;background:#17191f;border:1px solid #41454b;border-radius:12px;color:white;padding:12px;font:inherit;font-size:13px;margin-top:8px;resize:vertical}.project-context .note-help{font-size:11px;color:#b8bec7}.research-steps{display:flex;flex-wrap:wrap;gap:8px 24px;padding:0 0 18px;margin:0;list-style:none;color:#3c506e;font-size:12px}.reference-why{margin-top:8px}.reference-why summary{font-size:11px;min-height:44px;display:flex;align-items:center;color:#3659a5;cursor:pointer}.reference-why p{font-size:11px!important;line-height:1.65!important;max-width:380px}.more-perspectives>summary{cursor:pointer;font-size:15px;font-weight:600;min-height:48px;border-top:1px solid #d5d4cd;padding:16px 0;box-sizing:border-box}.more-perspectives[open]>summary{margin-bottom:16px}.brief-checks{border-top:1px solid #383d48;margin:24px 0}.brief-checks summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-size:13px;color:#bac8e8}.context-preview{white-space:pre-line;font-size:14px;line-height:1.8;color:#d3daea}.edit-context{display:inline-flex;min-height:44px;align-items:center;color:#b3c9ff;font-size:12px}summary:focus-visible{outline:2px solid #6e95f3;outline-offset:3px}.entry>div{min-width:0}.reference-why p{overflow-wrap:anywhere}

.research-trace ol{display:grid;gap:14px;list-style:none;margin:4px 0 16px;padding:0;counter-reset:trace}.research-trace li{display:grid;gap:4px;padding-left:16px;border-left:2px solid #a9b9ea;overflow-wrap:anywhere}.research-trace li strong{font-size:12px;color:#263a69}.research-trace li span{font-size:12px;color:#575a65;line-height:1.6}.research-trace>p{max-width:630px}.community-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.community-next .community-actions button,.community-next .community-actions a{min-height:48px;box-sizing:border-box;padding:0 16px;border-radius:999px;font:inherit;font-size:12px;font-weight:700;text-decoration:none}.community-next .community-actions button{border:1px solid #1744cd;background:#1744cd;color:#fff}.community-next .community-actions button:disabled{background:#d9dde5;border-color:#d9dde5;color:#687184;cursor:not-allowed}.community-next .community-actions a{border:1px solid #aab7d1;background:transparent;color:#234bb6}.community-next .community-actions a:hover{background:#e7ebf6}.community-next .community-actions button:focus-visible,.community-next .community-actions a:focus-visible{outline:2px solid #527be5;outline-offset:3px}.note-preview summary{min-height:44px;display:flex;align-items:center;color:#2749b8;font-size:12px;font-weight:600;cursor:pointer}.note-preview textarea{box-sizing:border-box;display:block;width:100%;max-width:620px;padding:14px;border:1px solid #c5ccda;border-radius:12px;background:#fff;color:#20242c;font:inherit;font-size:12px;line-height:1.6;resize:vertical}.community-next #note-status{color:#2749b8;font-weight:600}.community-next #note-status:empty{display:none}@media(max-width:800px){.community-actions{margin-top:16px}.community-next .community-actions a{margin-top:0}}