/* Interest picks are a view inside the existing IU One workspace. */
#iuone-interests { width:100%; max-width:1540px; padding-top:24px; padding-bottom:60px; line-height:1.65; }
#iuone-interests[hidden], #iuone-interests [hidden] { display:none!important; }
body.iuone-interests-active :is(#iuone-landing,#iuone-workbench,#iuone-group-page-v3) { display:none!important; }
#iuone-sidebar > #iuone-interests-nav.selected { border-color:color-mix(in srgb,var(--accent) 45%,var(--line)); background:var(--soft); }
body.iuone-interests-active .iuone-home-nav a.selected,
body.iuone-interests-active .iuone-workspace-option.active { background:transparent; }
body.iuone-interests-active .workspace-check { visibility:hidden; }
#iuone-interests .interest-header { padding:26px 28px; background:linear-gradient(120deg,var(--card),color-mix(in srgb,var(--accent) 8%,var(--card))); border:1px solid var(--line); border-radius:18px; }
#iuone-interests .eyebrow { color:var(--accent); }
#iuone-interests h1 { font-size:30px; line-height:1.3; margin:10px 0; letter-spacing:-.03em; }
#iuone-interests .interest-header p { margin:0; color:var(--muted); font-size:13px; }
#iuone-interests #interest-notice { min-height:34px; padding:6px 0; font-size:12px; color:var(--accent); }
#iuone-interests #interest-notice.error, #iuone-interests .feedback-error { color:var(--amber); }
#iuone-interests .preferences { padding:24px 28px; border:1px solid var(--line); background:var(--card); border-radius:18px; }
#iuone-interests .toggle { display:flex; align-items:center; gap:10px; font-weight:500; margin-bottom:10px; }
#iuone-interests .toggle input { width:17px; height:17px; accent-color:var(--accent); flex-shrink:0; }
#iuone-interests .note { color:var(--muted); font-size:12px; line-height:1.8; margin:10px 0 18px; }
#iuone-interests .settings-grid { display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:14px; }
#iuone-interests .field { display:grid; gap:7px; font-size:12px; color:var(--muted); min-width:0; }
#iuone-interests :is(input[type=text],input[type=time],select) { width:100%; min-width:0; font:inherit; color:var(--ink); border:1px solid var(--line); border-radius:8px; padding:9px 10px; background:var(--bg); }
#iuone-interests .actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:18px; }
#iuone-interests :is(button,.button) { display:inline-flex; align-items:center; justify-content:center; padding:9px 14px; border:1px solid var(--line); border-radius:8px; background:transparent; color:var(--ink); font:inherit; font-size:12px; cursor:pointer; }
#iuone-interests :is(button,.button):hover { border-color:var(--accent); }
#iuone-interests .primary { background:var(--accent); border-color:var(--accent); color:var(--bg); font-weight:600; }
#iuone-interests :is(button,input,select):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
#iuone-interests button:disabled { opacity:.5; cursor:default; }
#iuone-interests .section-heading { display:flex; gap:16px; align-items:center; justify-content:space-between; margin:28px 0 16px; }
#iuone-interests .section-heading h2 { margin:0; font-size:21px; }
#iuone-interests .section-heading span { color:var(--muted); font-size:11px; }
#iuone-interests .topics { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
#iuone-interests .topic { font-size:11px; border:1px solid var(--line); padding:4px 10px; border-radius:20px; color:var(--muted); }
#iuone-interests .feed { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
#iuone-interests .item { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:24px 28px; display:flex; flex-direction:column; min-width:0; }
#iuone-interests .item .tag { font-size:11px; letter-spacing:.05em; color:var(--accent); }
#iuone-interests .item h3 { font-size:19px; line-height:1.55; margin:12px 0; }
#iuone-interests .item p { font-size:13px; color:var(--muted); margin:0 0 16px; overflow-wrap:anywhere; }
#iuone-interests .sources { font-size:12px; display:flex; flex-wrap:wrap; gap:10px; overflow-wrap:anywhere; }
#iuone-interests .sources a { text-decoration:underline; text-underline-offset:3px; }
#iuone-interests .date { font-size:11px; color:var(--muted); margin:8px 0; }
#iuone-interests .item .actions { margin-top:auto; padding-top:16px; }
#iuone-interests button[aria-pressed=true] { border-color:var(--accent); color:var(--accent); background:var(--soft); }
#iuone-interests .empty { grid-column:1/-1; text-align:center; border:1px dashed var(--line); padding:42px 20px; border-radius:16px; color:var(--muted); }
#iuone-interests details { margin-top:28px; }
#iuone-interests summary { cursor:pointer; font-weight:500; }
#iuone-interests .feedback-row { padding:16px 0; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; gap:18px; overflow-wrap:anywhere; }
#iuone-interests .feedback-row small { display:block; color:var(--muted); font-size:12px; }
#iuone-interests .feedback-row button { flex-shrink:0; align-self:center; }
#iuone-interests dialog { width:min(510px,calc(100vw - 28px)); max-height:90dvh; overflow:auto; background:var(--card); color:var(--ink); border:1px solid var(--line); border-radius:18px; padding:26px; }
#iuone-interests dialog::backdrop { background:#0008; backdrop-filter:blur(4px); }
#iuone-interests dialog h2 { font-size:21px; margin:0 0 10px; }
#iuone-interests dialog .field { margin-top:15px; }
#iuone-interests dialog .toggle { font-size:13px; font-weight:400; margin-top:18px; }
@media(max-width:1050px) { #iuone-interests .settings-grid { grid-template-columns:1fr 1fr; } #iuone-interests .settings-grid .field:last-child { grid-column:1/-1; } }
@media(max-width:850px) { #iuone-interests .feed { grid-template-columns:1fr; } }
@media(max-width:550px) {
  #iuone-interests { padding-top:18px; }
  #iuone-interests :is(.interest-header,.preferences,.item) { padding:20px; }
  #iuone-interests h1 { font-size:27px; }
  #iuone-interests .settings-grid { grid-template-columns:1fr; }
  #iuone-interests .section-heading { align-items:start; }
}