.shell{background:var(--surface-page);min-height:100vh;display:flex}.shell__scroll{flex:auto;min-width:0;overflow-x:hidden}.rail{width:var(--rail-width);align-self:flex-start;gap:var(--space-4);height:100vh;padding:var(--space-5) var(--space-4);background:var(--surface-card);border-right:var(--border-hair) solid var(--hair);flex-direction:column;flex:none;display:flex;position:sticky;top:0;overflow-y:auto}.rail__brand{padding:0 var(--space-2);align-items:center;gap:10px;display:flex}.rail__mark{object-fit:contain;width:26px;height:26px}.rail__wm{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);color:var(--text-strong);font-size:1.25rem}.rail__acct{background:var(--surface-page);border:var(--border-hair) solid var(--hair);border-radius:var(--radius-1);cursor:pointer;width:100%;transition:var(--transition-color);align-items:center;gap:9px;padding:8px 10px;display:flex}.rail__acct:hover{border-color:var(--ink-mute)}.rail__acct-name{font-size:var(--text-sm);color:var(--ink);font-weight:500}.rail__acct-chev{color:var(--ink-mute);margin-left:auto;display:inline-flex}.rail__acct-chev svg{width:16px;height:16px}.rail__search{background:var(--surface-page);border:var(--border-hair) solid var(--hair);border-radius:var(--radius-1);align-items:center;gap:8px;padding:9px 11px;display:flex}.rail__search-ic{color:var(--ink-mute);display:inline-flex}.rail__search-ic svg{width:16px;height:16px}.rail__search input{width:100%;font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink);background:0 0;border:0;outline:none}.rail__search input::placeholder{color:var(--ink-mute)}.rail__search-go{cursor:pointer;color:var(--ink-mute);transition:var(--transition-color);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.rail__search-go:hover{color:var(--ink)}.rail__search-go svg{width:14px;height:14px}.rail__intent{padding:2px 0}.rail__nav{flex-direction:column;gap:2px;display:flex}.nav-item{border-radius:var(--radius-1);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-soft);text-align:left;transition:var(--transition-color);background:0 0;border:0;align-items:center;gap:11px;padding:9px 10px;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-page);color:var(--ink)}.nav-item[data-active=true]{background:var(--moss);color:var(--linen)}.nav-item__ic{display:inline-flex}.nav-item__ic svg{width:19px;height:19px}.nav-item__badge{min-width:18px;height:18px;padding:0 var(--space-1);background:var(--accent);color:var(--text-inverse);border-radius:var(--radius-pill);font-size:var(--text-mono);justify-content:center;align-items:center;margin-left:auto;font-weight:700;line-height:1;display:inline-flex}.nav-item[data-active=true] .nav-item__badge{background:var(--linen);color:var(--moss)}.rail__div{background:var(--hair);height:1px;margin:var(--space-2) 6px}.rail__team{padding:var(--space-4);background:var(--surface-page);border:var(--border-hair) solid var(--hair);border-radius:var(--radius-1);margin-top:auto}.rail__team-cap{font-family:var(--font-mono);font-size:var(--text-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--ink-mute)}.rail__team-copy{font-size:var(--text-sm);color:var(--ink-soft);line-height:var(--leading-snug);margin:8px 0 12px}.rail__team-btn{background:var(--ink);width:100%;color:var(--linen);border-radius:var(--radius-1);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-color);border:0;padding:8px 12px;font-weight:500}.rail__team-btn:hover{background:var(--ink-2)}.rail__me{border-radius:var(--radius-1);cursor:pointer;text-align:left;transition:var(--transition-color);background:0 0;border:0;align-items:center;gap:10px;padding:8px;display:flex}.rail__me:hover{background:var(--surface-page)}.rail__me-info{flex-direction:column;display:flex}.rail__me-name{font-size:var(--text-sm);color:var(--ink);font-weight:500}.rail__me-sub{font-size:var(--text-caption);color:var(--ink-mute)}.rail__skel{background:var(--surface-raised,#e5e7eb);border-radius:4px;width:80px;height:.8em;animation:1.2s ease-in-out infinite rail-pulse;display:inline-block}@keyframes rail-pulse{0%,to{opacity:1}50%{opacity:.4}}.home{grid-template-columns:minmax(0, 1fr) var(--feed-width);gap:var(--space-8);max-width:var(--container-max);padding:var(--space-8) var(--gutter);margin:0 auto;display:grid}.home__main{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.canopy-feed{gap:var(--space-5);flex-direction:column;width:100%;max-width:600px;display:flex}.canopy-feed__item{flex-direction:column;gap:7px;display:flex}.canopy-feed__why{color:var(--accent);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.canopy-feed__why svg{width:14px;height:14px}.promo{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--cream);border:var(--border-hair) solid var(--hair);border-left:3px solid var(--moss);border-radius:var(--radius-1);box-shadow:var(--elevation-1);display:flex}.promo__ic{background:var(--spring);width:40px;height:40px;color:var(--forest);border-radius:var(--radius-1);flex:none;justify-content:center;align-items:center;display:inline-flex}.promo__ic svg{width:22px;height:22px}.promo__txt{font-size:var(--text-sm);color:var(--ink-soft);line-height:var(--leading-snug);flex:1;margin:0}.promo__txt strong{color:var(--ink);font-weight:600}.greet{gap:var(--space-3);flex-direction:column;display:flex}.greet__head{justify-content:space-between;align-items:center;display:flex}.greet__status{font-family:var(--font-mono);font-size:var(--text-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--ink-mute)}.greet__body{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.greet__title{font-size:var(--text-display-md);margin:0}.greet__cta{background:var(--surface-card);border:var(--border-hair) solid var(--hair);border-radius:var(--radius-1);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink);transition:var(--transition-color);align-items:center;gap:9px;padding:10px 16px;font-weight:500;display:inline-flex}.greet__cta:hover{border-color:var(--ink-mute)}.greet__cta-dot{background:var(--ink-mute);width:8px;height:8px;transition:var(--transition-color);border-radius:999px}.greet__cta.is-on{background:var(--moss);border-color:var(--moss);color:var(--linen)}.greet__cta.is-on .greet__cta-dot{background:var(--linen);box-shadow:0 0 0 3px #ffffff40}.greet__sub{font-size:var(--text-sm);color:var(--ink-soft);max-width:60ch;margin:0}.tiles{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.tile{padding:var(--space-4);background:var(--surface-card);border:var(--border-hair) solid var(--hair);border-radius:var(--radius-1);cursor:pointer;text-align:left;transition:box-shadow var(--dur-control) var(--ease-standard), transform var(--dur-control) var(--ease-standard), border-color var(--dur-control) var(--ease-standard);flex-direction:column;gap:4px;display:flex;position:relative}.tile:hover{box-shadow:var(--elevation-card-hover);transform:translateY(-2px)}.tile__ic{color:var(--moss);margin-bottom:4px;display:inline-flex}.tile__ic svg{width:22px;height:22px}.tile__title{font-size:var(--text-sm);color:var(--ink);font-weight:600}.tile__sub{font-size:var(--text-caption);color:var(--ink-mute)}.tile__arr{top:var(--space-4);right:var(--space-4);color:var(--ink-mute);transition:transform var(--dur-micro) var(--ease-standard);display:inline-flex;position:absolute}.tile__arr svg{width:16px;height:16px}.tile:hover .tile__arr{color:var(--moss);transform:translate(3px)}.feedhead{justify-content:space-between;align-items:baseline;display:flex}.feedhead__t{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-tight);font-size:var(--text-title);margin:0}.feedhead__link{cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--moss);background:0 0;border:0;align-items:center;gap:6px;font-weight:500;display:inline-flex}.feedhead__link svg{width:16px;height:16px}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.listings{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.feed{gap:var(--space-4);flex-direction:column;display:flex}.feed__list{gap:var(--space-3);flex-direction:column;display:flex}.feedcard{padding:var(--space-4)}.feedcard__top{align-items:center;gap:10px;margin-bottom:10px;display:flex}.feedcard__who{align-items:center;gap:10px;display:flex}.feedcard__name{font-size:var(--text-sm);color:var(--ink);font-weight:600}.feedcard__role{font-family:var(--font-mono);font-size:var(--text-mono);letter-spacing:var(--tracking-mono-tight);text-transform:uppercase;color:var(--ink-mute)}.feedcard__time{font-family:var(--font-mono);font-size:var(--text-mono);color:var(--ink-mute);margin-left:auto}.feedcard__text{font-size:var(--text-sm);color:var(--ink-soft);line-height:var(--leading-snug);margin:0 0 10px}.feed__more{cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--moss);background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;font-weight:500;display:inline-flex}.feed__more svg{width:16px;height:16px}.toasts{bottom:calc(var(--space-6) + var(--th-cookie-h,0px));right:var(--space-6);z-index:50;flex-direction:column;gap:8px;display:flex;position:fixed}.toast{background:var(--ink);color:var(--linen);border-radius:var(--radius-1);box-shadow:var(--elevation-3);font-size:var(--text-sm);align-items:center;gap:9px;padding:11px 15px;display:flex}.toast__dot{background:var(--moss);border-radius:999px;width:7px;height:7px}.mbar{z-index:45;align-items:center;gap:var(--space-3);height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--space-4) 0;background:color-mix(in srgb, var(--surface-card) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:var(--border-hair) solid var(--hair);display:none;position:fixed;top:0;left:0;right:0}.mbar__brand{flex:none;align-items:center;gap:8px;display:flex}.mbar__brand img{object-fit:contain;width:22px;height:22px}.mbar__brand span{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);color:var(--ink);font-size:1.05rem}.mbar__search{border:var(--border-hair) solid var(--hair);min-width:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--ink-mute);cursor:pointer;background:0 0;border-radius:999px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.mbar__search span{text-align:left;flex:1}.mbar__search svg{flex:none;width:16px;height:16px}.mbar__avatar{cursor:pointer;background:0 0;border:0;flex:none;padding:0}.acct-more{display:none}@media (max-width:1100px){.home{grid-template-columns:minmax(0,1fr)}.feed{display:none}}@media (max-width:760px){.rail{display:none}.acct-more{display:block}.tiles{grid-template-columns:1fr}.mbar{display:flex}.shell__scroll{padding-top:calc(56px + env(safe-area-inset-top,0px));padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.toasts{bottom:calc(96px + env(safe-area-inset-bottom,0px) + var(--th-cookie-h,0px));right:var(--space-4);left:var(--space-4)}.th-verifybar{top:calc(56px + env(safe-area-inset-top,0px) + 8px)!important}.mbar__intent{flex:none}.mbar__intent .th-intent__seg{padding:var(--space-1) var(--space-2);font-size:var(--text-mono)}.mbar__search{overflow:hidden}}@media (max-width:380px){.mbar__intent{display:none}}