:root{
  --bg:#0a1628; --bg2:#0f1f38; --card:#13284a; --card2:#172f55; --line:#22406b;
  --text:#e3ebf7; --muted:#8fa6c7; --accent:#4c9aff; --accent2:#2f6fd6;
  --gold:#f5c451; --green:#3ecf8e; --red:#ff6b6b; --purple:#a78bfa; --teal:#2dd4bf; --orange:#fb923c; --pink:#f472b6;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 "Segoe UI",system-ui,-apple-system,sans-serif}
a{color:var(--accent);text-decoration:none} a:hover{text-decoration:underline}
header.top{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#0c1b33,#0a1628);border-bottom:1px solid var(--line)}
.bar{max-width:1200px;margin:0 auto;padding:10px 16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.brand{font-weight:700;font-size:17px;color:var(--text);display:flex;align-items:center;gap:8px}
.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.brand small{color:var(--muted);font-weight:400;font-size:12px}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav a{color:var(--muted);padding:6px 11px;border-radius:8px;font-size:14px}
nav a:hover{background:var(--card);color:var(--text);text-decoration:none}
nav a.on{background:var(--accent2);color:#fff}
form.qs{margin-left:auto} form.qs input{width:200px}
main{max-width:1200px;margin:0 auto;padding:18px 16px 60px}
h1{font-size:22px;margin:4px 0 14px} h2{font-size:17px;margin:22px 0 10px;color:#cfe0ff}
.muted{color:var(--muted)} .small{font-size:13px}
input,select,textarea{background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font:inherit}
textarea{width:100%;min-height:60px;resize:vertical}
button,.btn{background:var(--accent2);color:#fff;border:0;border-radius:8px;padding:7px 14px;font:inherit;cursor:pointer}
button.ghost,.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}
.grid{display:grid;gap:12px}
.g4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.stat .n{font-size:28px;font-weight:700;color:#fff} .stat .l{color:var(--muted);font-size:13px}
.hero{background:linear-gradient(135deg,#153263,#0f2447 60%,#12284a);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:16px}
.hero h1{margin:0 0 4px}
.badge{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:999px;border:1px solid transparent;white-space:nowrap;vertical-align:middle}
.b-Research{background:#1d3a6e;color:#8ec1ff;border-color:#2e5aa3}
.b-Treatment{background:#123f36;color:#6ee7c3;border-color:#1f6b5a}
.b-Trials{background:#3a2a10;color:#fbbf6b;border-color:#6b4d1a}
.b-Care{background:#3a1733;color:#f9a8d4;border-color:#6b2a5f}
.b-Community{background:#2d2152;color:#c4b5fd;border-color:#4c3a8a}
.b-Strategy{background:#0f3b44;color:#67e8f9;border-color:#1c6270}
.b-Awards{background:#3f3310;color:var(--gold);border-color:#7a6320}
.b-Social{background:#253247;color:#a7b8d3;border-color:#3a4c69}
.b-Guidelines{background:#3a1733;color:#f9a8d4;border-color:#6b2a5f}
.b-Foundation{background:#1d3a6e;color:#8ec1ff;border-color:#2e5aa3}
.b-People{background:#253247;color:#a7b8d3;border-color:#3a4c69}
.b-Conference{background:#3f3310;color:var(--gold);border-color:#7a6320}
.b-Upcoming{background:#123f36;color:#6ee7c3;border-color:#1f6b5a}
.b-Surgeon{background:#123f36;color:#6ee7c3;border-color:#1f6b5a}
.b-Oncologist{background:#1d3a6e;color:#8ec1ff;border-color:#2e5aa3}
.b-Radiation{background:#3a2a10;color:#fbbf6b;border-color:#6b4d1a}
.b-Researcher{background:#2d2152;color:#c4b5fd;border-color:#4c3a8a}
.b-Rehab{background:#3a1733;color:#f9a8d4;border-color:#6b2a5f}
.b-Survivor{background:#3f3310;color:var(--gold);border-color:#7a6320}
.b-bt{background:linear-gradient(90deg,#6b4d10,#8a5d0c);color:#ffe29a;border-color:#b98a2a}
.b-me{background:#253247;color:#a7b8d3;border-color:#3a4c69}
details.c{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
details.c[open]{background:var(--card2)}
details.c>summary{list-style:none;cursor:pointer;padding:12px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
details.c>summary::-webkit-details-marker{display:none}
details.c>summary:before{content:"▸";color:var(--muted);transition:transform .15s;display:inline-block}
details.c[open]>summary:before{transform:rotate(90deg)}
details.c .body{padding:0 16px 14px 36px}
.title{font-weight:600} .grow{flex:1;min-width:200px}
ul.pts{margin:6px 0 10px;padding-left:18px} ul.pts li{margin:4px 0}
.star{background:none;border:0;font-size:18px;color:#46628c;padding:0 4px;cursor:pointer}
.star.on{color:var(--gold)}
.note{margin-top:8px} .note .saved{font-size:12px;color:var(--green);margin-left:8px;opacity:0;transition:opacity .3s}
.note .saved.show{opacity:1}
.mynote{border-left:3px solid var(--accent);padding:4px 10px;margin:6px 0;background:#0e2142;border-radius:0 6px 6px 0;white-space:pre-wrap}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.chips a{padding:5px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:13px}
.chips a.on{background:var(--accent2);border-color:var(--accent2);color:#fff;text-decoration:none}
.tl{position:relative;margin-left:10px;padding-left:22px;border-left:2px solid var(--line)}
.tl .ev{position:relative;margin:0 0 14px}
.tl .ev:before{content:"";position:absolute;left:-29px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}
.tl .ev.Conference:before{background:var(--gold);box-shadow:0 0 10px var(--gold)}
.tl .ev.Upcoming:before{background:var(--bg);border:2px dashed var(--green)}
.tl .when{font-size:12.5px;color:var(--muted);font-weight:600;letter-spacing:.3px}
.spk{display:flex;gap:12px}
.avatar{width:44px;height:44px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;background:#1f3d6d;color:#cfe0ff}
.transcript{white-space:pre-wrap;line-height:1.7;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:16px;max-height:none}
mark{background:#6b5310;color:#fff;border-radius:3px;padding:0 2px}
.snip{font-size:13.5px;color:#c2d2ea;border-left:2px solid var(--line);padding-left:10px;margin:6px 0}
table.t{width:100%;border-collapse:collapse} table.t td,table.t th{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.warn{border-left:3px solid var(--orange)}
footer{color:var(--muted);font-size:12px;text-align:center;padding:20px}
@media (max-width:640px){form.qs{margin-left:0;width:100%} form.qs input{width:100%} details.c .body{padding-left:16px}}