.project-tabs{display:flex;gap:24px;margin:-8px 0 0;border-bottom:1px solid var(--line)}
.project-tabs button{min-height:48px;padding:0 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-weight:600}
.project-tabs button:hover{color:var(--text)}
.project-tabs button.active{color:var(--text);border-bottom-color:#b98d94}
.project-toolbar{min-height:68px;display:flex;align-items:center;gap:16px;padding:12px 0}
.project-toolbar span{color:var(--muted);font-size:13px}
.compact-action{min-height:40px;padding:8px 13px}
.project-list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#111216}
.project-list-head,.project-list-row{display:grid;grid-template-columns:minmax(260px,1fr) 130px 150px 110px;align-items:center;gap:12px}
.project-list-head{min-height:44px;padding:0 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}
.task-group h2{display:flex;align-items:center;gap:8px;min-height:50px;margin:0;padding:0 16px;border-bottom:1px solid var(--line);font-size:16px}
.task-group h2 span{padding:2px 7px;border-radius:7px;background:#24272e;color:var(--muted);font-size:11px}
.project-list-row{width:100%;min-height:50px;padding:7px 16px;border:0;border-bottom:1px solid #262930;background:#17191e;color:var(--text);text-align:left}
.project-list-row:hover{background:#1d2026}
.project-list-row>span{color:var(--muted);font-size:12px}
.project-list-row .priority{justify-self:start}
.list-add{min-height:46px;margin-left:38px;border:0;background:transparent;color:var(--muted);text-align:left}
.list-add:hover{color:var(--text)}
.project-calendar{display:grid;grid-template-columns:280px 1fr;gap:18px}
.project-calendar>article,.project-overview>article,.project-overview>section{padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.project-calendar h2{margin:8px 0}
.project-calendar p,.project-overview p{color:var(--muted);line-height:1.55}
.project-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.project-overview>article{display:flex;flex-direction:column;gap:7px}
.project-overview>article span,.project-overview>article small{color:var(--muted)}
.project-overview>article strong{font-family:Fraunces,serif;font-size:34px;text-transform:capitalize}
.project-overview>section{grid-column:1/-1}
/* Browse is the structured alternative to the visual Map. */
.content.browse-content{max-width:none;padding:0;height:calc(100dvh - 64px);overflow:hidden}
.browse-page{height:100%;display:grid;grid-template-columns:272px minmax(0,1fr);background:#0e0e0f}
.browse-rail{min-height:0;padding:20px 14px;border-right:1px solid var(--line);background:#111113;overflow-y:auto}
.browse-rail>header{display:flex;align-items:center;justify-content:space-between;padding:0 8px 12px}
.browse-add{width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:#1a1c21;color:var(--text);font-size:19px}
.browse-space{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:58px;margin:3px 0;padding:8px;border:0;border-radius:11px;background:transparent;color:var(--muted);text-align:left}
.browse-space:hover{background:#19191c;color:var(--text)}.browse-space.active{background:#25191c;color:var(--text);box-shadow:inset 3px 0 #9d6e76}
.browse-space>span:last-child{min-width:0;display:flex;flex-direction:column}.browse-space b,.browse-space small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browse-space b{font-size:13px}.browse-space small{margin-top:3px;color:var(--soft);font-size:10px}
.space-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #62474d;border-radius:10px;background:#2b1b1f;color:#dbc5c8;font-family:Fraunces,serif;font-weight:700}.space-mark.all,.space-mark.loose{font-family:inherit}
.browse-main{min-width:0;overflow-y:auto;padding:30px clamp(24px,5vw,72px) 80px}
.browse-crumbs{display:flex;align-items:center;gap:8px;min-height:44px;color:var(--soft);font-size:12px}.browse-crumbs button{min-height:44px;padding:6px 0;border:0;background:transparent;color:#b49398}.browse-crumbs b{color:var(--muted)}
.browse-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:18px 0 38px}.browse-head h1{max-width:820px;margin:5px 0 8px;font-family:Fraunces,serif;font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.045em}.browse-head p{max-width:720px;margin:0;color:var(--muted);line-height:1.5}
.browse-section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;padding:0 4px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.browse-section-title b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:8px;background:#212329;color:#bfc0c5}.browse-section-title.secondary-title{margin-top:32px}
.browse-list{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#121317}
.browse-row{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:13px;width:100%;min-height:76px;padding:12px 18px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.browse-row:last-child{border-bottom:0}.browse-row:hover{background:#191a1e}.browse-row:focus-visible{position:relative;z-index:1;outline:2px solid #b98d94;outline-offset:-3px}.browse-row>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.browse-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.browse-row small{margin-top:4px;color:var(--muted);font-size:11px}.browse-row>b{color:#777a83;font-size:25px;font-weight:400}.browse-row.parked{opacity:.5}
.browse-kind{width:38px;height:38px;border:1px solid #454952;border-radius:11px;background:#202229}.browse-kind.journey{border-color:#74535a;background:#291b1f}.browse-kind.goal{border-radius:50%;box-shadow:inset 0 0 0 9px #202229}.browse-kind.project{position:relative;border-radius:8px}.browse-kind.project:before{content:'';position:absolute;left:6px;top:-4px;width:15px;height:5px;border:1px solid #454952;border-bottom:0;border-radius:4px 4px 0 0;background:#202229}
.browse-empty{padding:54px 28px;border:1px dashed var(--line);border-radius:15px;background:#111216;text-align:center}.browse-empty h2{margin:0 0 7px}.browse-empty p{margin:0 auto 20px;max-width:520px;color:var(--muted)}

@media(max-width:800px){
  .project-tabs{gap:18px;overflow-x:auto}
  .project-toolbar{align-items:flex-start;flex-direction:column}
  .project-list{overflow-x:auto}
  .project-list-head,.project-list-row{min-width:680px}
  .project-calendar{grid-template-columns:1fr}
  .project-overview{grid-template-columns:1fr}
  .project-overview>section{grid-column:auto}
}
@media(max-width:900px){.browse-page{grid-template-columns:220px minmax(0,1fr)}.browse-main{padding:24px}.browse-head{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.content.browse-content{height:calc(100dvh - 70px);padding:0;overflow:hidden}.browse-page{display:block;overflow-y:auto}.browse-rail{display:flex;gap:7px;padding:10px;border-right:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.browse-rail::-webkit-scrollbar{display:none}.browse-rail>header{display:none}.browse-space{flex:0 0 auto;display:flex;width:auto;min-height:46px;padding:6px 10px}.browse-space small{display:none}.space-mark{width:31px;height:31px}.browse-main{padding:20px 14px 100px}.browse-head{margin:12px 0 28px}.browse-head h1{font-size:39px}.browse-row{min-height:70px;padding:10px 13px}.browse-kind{width:36px;height:36px}}