:root{color-scheme:dark;--bg:#1a1a1a;--panel:#222;--panel2:#262626;--text:#f3f3f3;--muted:#a9a9a9;--line:#3a3a3a;--accent:#7dd3fc;--hot:#fbbf24;--green:#22c55e;--yellow:#eab308;--red:#ef4444;--blue:#38bdf8}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{padding:16px 12px 112px}
.top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 auto 16px;max-width:1180px}
h1{font-size:24px;line-height:1.05;margin:0 0 6px;font-weight:760;letter-spacing:0}
p{margin:0}
#meta,.muted,.date{color:var(--muted);font-size:12px;line-height:1.35}
button{appearance:none;border:1px solid var(--line);border-radius:0;background:#2b2b2b;color:var(--text);font:inherit;font-size:13px;padding:9px 11px}
button:active{background:#333}
.grid{display:grid;gap:10px;max-width:1180px;margin:0 auto}
.card{border:1px solid var(--line);border-radius:0;background:var(--panel);padding:12px;min-width:0}
.card h2{margin:0 0 10px;color:var(--accent);font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.08em;font-weight:760}
.list{display:grid;gap:8px}
.item{border-top:1px solid var(--line);padding-top:8px;min-width:0}
.item:first-child{border-top:0;padding-top:0}
.flagged{background:#302915;border:1px solid #6b5616;padding:8px}
.title{font-size:14px;font-weight:720;line-height:1.25;margin:0 0 4px}
.text{font-size:13px;line-height:1.35;color:#e7e7e7}
a{color:var(--text);text-decoration:none}
a:hover{text-decoration:underline}
.job{display:block;border:1px solid var(--line);padding:9px;background:var(--panel2)}
.job.five{border-color:var(--hot);background:#2d2718}
.stars{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.five .stars{color:var(--hot)}
.row{display:flex;align-items:center;gap:7px;min-width:0}
.between{justify-content:space-between;align-items:flex-start;gap:10px}
.pill{border:1px solid var(--line);padding:2px 6px;font-size:11px;color:var(--muted);white-space:nowrap}
.signal-title{flex:1 1 auto;min-width:0}
.signal-row{display:flex}
.signal-why{display:block}
.signal-type{flex:0 0 auto;font-weight:720}
.signal-type.youtube{border-color:#7f1d1d;background:#2a1717;color:#fecaca}
.signal-type.idea{border-color:#155e75;background:#12262d;color:#bae6fd}
.signal-type.tentative{border-color:#713f12;background:#2b2415;color:#fde68a}
.signal-type.signal{background:#282828}
.signal-card{position:relative}
.signal-card summary{display:block;cursor:pointer;padding-right:18px}
.signal-card summary::-webkit-details-marker{display:none}
.expand-indicator{position:absolute;right:0;top:8px;width:11px;height:11px;color:var(--muted)}
.expand-indicator::before,.expand-indicator::after{content:"";position:absolute;background:currentColor}
.expand-indicator::before{left:0;right:0;top:5px;height:1px}
.expand-indicator::after{top:0;bottom:0;left:5px;width:1px}
.signal-card[open] .expand-indicator::after{display:none}
.signal-detail{display:grid;gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.relevance span{color:var(--muted);font-size:12px}
.signal-source{margin-top:6px}
.source-link{color:var(--accent)}
.dot{width:9px;height:9px;border-radius:50%;background:var(--muted);flex:0 0 auto}
.green{background:var(--green)}.yellow{background:var(--yellow)}.red{background:var(--red)}.blue{background:var(--blue)}
.done{background:var(--green)}.in-progress,.ongoing{background:var(--blue)}.blocked,.ghosted{background:var(--red)}.sent{background:var(--yellow)}.replied{background:var(--green)}
.compact{display:grid;gap:7px}
.compact .item{padding-top:7px}
.clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock{position:fixed;left:0;right:0;bottom:0;background:#181818;border-width:1px 0 0;padding:8px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;z-index:2}
.dock h2{grid-column:1/-1;margin:0;color:var(--accent);font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.08em}
.status{border:1px solid var(--line);padding:7px;background:#202020;min-width:0}
.empty{color:var(--muted);font-size:13px}
@media (min-width:700px){
  body{padding:22px 18px 92px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wide{grid-column:span 2}
  .dock{grid-template-columns:repeat(6,minmax(0,1fr));padding:10px 18px}
}
@media (min-width:1050px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wide{grid-column:span 2}
}