.home-board{--hb-bg:#0d1523;--hb-panel:#131e30;--hb-raised:#1b2940;--hb-line:#34445c;--hb-text:#f3f5fb;--hb-muted:#b0bdd2;--hb-violet:#a590ff;--hb-cyan:#7ae4e9;color:var(--hb-text);font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 78% 1%,#263457 0,transparent 31%),var(--hb-bg);min-width:0;min-height:100%;container-type:inline-size}
.home-board *{box-sizing:border-box}.home-board button,.home-board input,.home-board select{font:inherit}.home-board button{cursor:pointer}.home-board :is(button,input,select,a):focus-visible{outline:2px solid var(--hb-cyan);outline-offset:3px}.home-board :is(h1,h2,h3,h4,p,ul){margin:0}.home-board button:disabled{opacity:.5;cursor:not-allowed}
.hb-main{max-width:1340px;margin:auto;padding:clamp(18px,2.6vw,36px)}.hb-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:8px 0 23px;border-bottom:1px solid var(--hb-line)}.hb-kicker{color:var(--hb-violet);font-size:11px;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.hb-hero h1{font:400 clamp(32px,4.5vw,58px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:9px 0}.hb-lede{color:var(--hb-muted);font-size:15px}.hb-status{min-height:26px;margin:10px 0!important;color:var(--hb-cyan)}.hb-status[data-kind=error]{color:#ffb9b9}.hb-status[data-kind=reminder]{color:#f8d495}
.hb-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.hb-stats>div{display:flex;align-items:baseline;gap:10px;background:#172338;border:1px solid var(--hb-line);border-radius:12px;padding:12px 16px}.hb-stats strong{font:400 28px/1 Georgia,serif;color:var(--hb-cyan)}.hb-stats span{color:var(--hb-muted);font-size:12px}.hb-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:16px;align-items:start}.hb-column{display:grid;gap:16px;min-width:0}.hb-panel{min-width:0;padding:20px;background:linear-gradient(145deg,rgba(46,53,96,.18),transparent 43%),var(--hb-panel);border:1px solid var(--hb-line);border-radius:14px}.hb-panel-head{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:17px}.hb-panel h2{font:400 26px/1.12 Georgia,serif;margin-top:5px}.hb-panel h3{font-size:13px}.hb-empty{color:var(--hb-muted);padding:9px 0}.hb-primary,.hb-quiet,.hb-danger{border:1px solid var(--hb-line);border-radius:8px;min-height:36px;padding:7px 11px;background:var(--hb-raised);color:var(--hb-text)}.hb-primary{background:#6856d6;border-color:#8979ec;color:#fff}.hb-quiet:hover,.hb-primary:hover{border-color:var(--hb-cyan)}.hb-danger{color:#ffb9b9}
.hb-tasks{list-style:none;padding:0;display:grid;gap:7px}.hb-task{display:flex;align-items:start;gap:12px;padding:12px;background:#1b2940;border:1px solid #34445c;border-radius:10px;flex-wrap:wrap}.hb-task>input{width:18px;height:18px;margin:3px 0 0;accent-color:#a590ff;flex:none}.hb-task-copy{flex:1;min-width:150px}.hb-task-copy strong,.hb-project strong{display:block;font-size:14px}.hb-task-copy small,.hb-project small{display:block;color:var(--hb-muted);font-size:11px;margin-top:3px}.hb-task-note{color:var(--hb-muted);font-size:12px;margin-top:5px!important;white-space:pre-wrap;overflow-wrap:anywhere}.hb-task.is-done .hb-task-copy strong{text-decoration:line-through;color:var(--hb-muted)}.hb-task-actions{display:flex;gap:5px;flex-wrap:wrap}.hb-task-actions button{font-size:11px;min-height:30px}.hb-add,.hb-edit,.hb-project-form{display:grid;gap:10px;margin:0 0 16px}.hb-add{padding:13px;border:1px solid #675ca2;border-radius:10px;background:#1a2441}.hb-edit{flex-basis:100%;padding:12px;border-top:1px solid var(--hb-line);margin:0}.hb-field{display:grid;gap:5px;color:var(--hb-muted);font-size:11px;min-width:0}.hb-field input,.hb-field select{width:100%;min-height:38px;border:1px solid var(--hb-line);background:#101c2f;color:var(--hb-text);border-radius:7px;padding:7px 9px;color-scheme:dark}.hb-field input::placeholder{color:#9aa9c0}.hb-inline{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hb-add>.hb-primary{justify-self:start}.hb-form-actions{display:flex;gap:7px;flex-wrap:wrap}.hb-event,.hb-project,.hb-connection{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid var(--hb-line)}.hb-event time{flex:none;align-self:start;color:var(--hb-cyan);font-size:12px}.hb-event>div{flex:1;min-width:0}.hb-event strong{display:block}.hb-event small,.hb-connection small{display:block;color:var(--hb-muted);font-size:11px}.hb-day{margin:12px 0 3px!important;color:var(--hb-violet);font-weight:650}.hb-project>div{min-width:0}.hb-project small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hb-project-detail:not(:empty){margin-top:13px;border-top:1px solid var(--hb-line);padding-top:13px;display:grid;gap:9px}.hb-project-detail p{color:var(--hb-muted)}.hb-project-detail button{justify-self:start}.hb-thread{display:block;color:var(--hb-text);text-decoration:none;background:var(--hb-raised);padding:10px 12px;border-radius:8px;margin-top:7px}.hb-thread:hover{text-decoration:underline;color:var(--hb-cyan)}
.hb-permission{color:var(--hb-muted);font-size:12px;margin:0 0 10px!important}
@container(max-width:800px){.hb-grid{grid-template-columns:minmax(0,1fr)}.hb-hero h1{font-size:clamp(30px,5cqw,44px)}.hb-main{padding:clamp(14px,2cqw,24px)}.hb-panel h2{font-size:24px}}
@container(max-width:500px){.hb-hero{display:grid;gap:12px}.hb-hero>button{justify-self:start}.hb-stats{grid-template-columns:1fr;gap:6px}.hb-stats>div{padding:9px 13px}.hb-inline{grid-template-columns:1fr}.hb-task-actions{width:100%;padding-left:30px}}
@media(max-width:900px){.hb-grid{grid-template-columns:1fr}.hb-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:540px){.hb-main{padding:17px 13px 28px}.hb-hero{display:grid;gap:12px}.hb-hero>button{justify-self:start}.hb-hero h1{font-size:34px}.hb-lede{font-size:13px}.hb-stats{grid-template-columns:1fr;gap:6px}.hb-stats>div{padding:9px 13px}.hb-stats strong{font-size:22px}.hb-panel{padding:15px}.hb-panel h2{font-size:23px}.hb-task-actions{width:100%;padding-left:30px}.hb-inline{grid-template-columns:1fr}.hb-event{align-items:start}}
@media(prefers-reduced-motion:reduce){.home-board *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* The Atelier shell leaves a narrow centre pane beside Vision. Keep the
   daily actions together within that pane instead of stacking a long page. */
.hb-main{padding:18px clamp(12px,1.3vw,22px) 24px}
.hb-hero{align-items:center;gap:12px;padding:2px 0 12px}
.hb-hero h1{font-size:clamp(27px,2.9vw,38px);margin:4px 0 3px}
.hb-lede{font-size:12px;line-height:1.35}
.hb-hero .hb-quiet{flex:none}
.hb-status:empty{min-height:0;margin:0!important}
.hb-status:not(:empty){min-height:0;margin:7px 0!important}
.hb-stats{gap:7px;margin:11px 0}
.hb-stats>div{gap:6px;padding:7px 9px;border-radius:8px;min-width:0}
.hb-stats strong{font:600 20px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
.hb-stats span{font-size:10px;line-height:1.2}
.hb-grid,.hb-column{gap:10px}
.hb-panel{padding:13px;border-radius:11px}
.hb-panel-head{align-items:center;margin-bottom:9px}
.hb-panel h2{font-size:20px;line-height:1.15;margin-top:3px}
.hb-kicker{font-size:9px;letter-spacing:.14em}
.hb-empty{padding:3px 0;font-size:12px;line-height:1.4}
.hb-add{gap:7px;padding:9px;margin-bottom:9px}
.hb-field{gap:3px;font-size:10px}
.hb-field input,.hb-field select{min-height:32px;padding:5px 7px;font-size:11px}
.hb-inline{gap:6px}
.hb-primary,.hb-quiet,.hb-danger{min-height:31px;padding:5px 8px;font-size:11px}
.hb-task{padding:8px;gap:7px}
.hb-task-copy{min-width:0}
.hb-task-copy strong,.hb-project strong{font-size:12px;line-height:1.25}
.hb-task-actions button{min-height:27px}
.hb-day{margin:8px 0 2px!important;font-size:11px}
.hb-event,.hb-project,.hb-connection{padding:7px 0;gap:7px}
.hb-event{align-items:flex-start}
.hb-event time{font-size:11px}
.hb-event strong,.hb-connection span{font-size:12px}
.hb-project small{font-size:10px}
.hb-thread{font-size:12px;padding:7px 9px}
@media(min-width:901px){
  .hb-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}
}
@container(min-width:560px){
  .hb-grid{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}
  .hb-main{padding:18px 13px 24px}
}
@container(max-width:559px){
  .hb-grid{grid-template-columns:minmax(0,1fr)}
  .hb-main{padding:16px 13px 24px}
  .hb-hero h1{font-size:30px}
  .hb-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hb-stats>div{display:grid;gap:2px}
  .hb-inline{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container(max-width:370px){
  .hb-hero{display:grid}
  .hb-hero>button{justify-self:start}
  .hb-stats span{font-size:9px}
  .hb-inline{grid-template-columns:1fr}
}