main.account-page{--account-soft:#f3f2f0;--account-hover:#f7f6f4;padding-block:28px 72px}.account-layout{grid-template-columns:272px minmax(0,1fr);align-items:start;gap:56px;scroll-margin-top:100vh;display:grid}.account-sidebar{flex-direction:column;gap:28px;min-width:0;display:flex}@media (min-width:1024px) and (min-height:760px){.account-sidebar{position:sticky;top:24px}}.account-main{min-width:0}.account-layout .account-main .account-body{width:100%;margin-top:0}.account-profile{--profile-avatar:64px}.account-profile .profile-banner{aspect-ratio:16/5;border-radius:16px}.account-profile[data-cover=none] .profile-cover{background:linear-gradient(135deg,#eeebe5,#e3e7e9);border-radius:16px;height:72px}.account-profile[data-cover=none] .profile-avatar{margin-top:calc(var(--profile-avatar) / -2)}.account-profile .profile-cover-actions{top:8px;right:8px}.account-profile .profile{gap:10px 12px;padding-inline:4px}.account-profile .profile-name{font-size:18px}.account-profile .profile-bio{color:#4b4949;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.edit-profile{border:1px solid var(--line);min-height:32px;color:var(--ink);white-space:nowrap;cursor:pointer;transition:border-color .16s var(--motion-ease);background:#fff;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600}.edit-profile:hover{border-color:var(--ink)}.edit-profile:focus-visible,.account-navigation a:focus-visible,.account-trail a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.account-navigation{flex-direction:column;gap:20px;display:flex}.account-nav-title{letter-spacing:.04em;color:var(--muted);padding:0 12px 6px;font-size:12px;font-weight:500;display:block}a.account-nav-title:hover,.account-nav-title[aria-current]{color:var(--ink)}.account-nav-group ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.account-nav-link{color:#3d3b3b;min-height:38px;transition:background-color .16s var(--motion-ease), color .16s var(--motion-ease);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:flex;position:relative}.account-nav-link:hover{background:var(--account-hover);color:var(--ink)}.account-nav-link[aria-current=page]{background:var(--account-soft);color:var(--ink);font-weight:600}.account-nav-link .line-icon{color:var(--muted);flex-shrink:0}.account-nav-link[aria-current=page] .line-icon{color:var(--ink)}.account-nav-badge{background:var(--ink);color:#fff;text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:1px 6px;font-size:11px;font-weight:600;line-height:18px}.account-nav-chevron{display:none}.account-trail{color:var(--muted);align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.account-trail ol{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.account-trail li+li:before{content:"/";color:#c9c7c4;margin-right:6px}.account-trail a:hover,.account-trail [aria-current]{color:var(--ink)}.account-back{display:none}.account-home{flex-direction:column;gap:36px;display:flex}.account-home header h2{letter-spacing:-.01em;margin:0;font-size:28px;font-weight:600}.account-home header p{color:var(--muted);margin:6px 0 0}.account-home h3{color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:500}.account-home-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.account-home-card{border:1px solid var(--line);height:100%;transition:border-color .2s var(--motion-ease), box-shadow .2s var(--motion-ease), translate .2s var(--motion-ease);border-radius:16px;flex-direction:column;gap:6px;padding:18px;display:flex}.account-home-card:hover{border-color:#c9c7c4;translate:0 -2px;box-shadow:0 14px 32px -20px #0000004d}.account-home-skeleton-heading{width:64px;height:13px;margin-bottom:12px}.account-home-skeleton-icon{border-radius:12px;width:40px;height:40px;margin-bottom:8px}.account-home-icon{background:var(--account-soft);border-radius:12px;place-items:center;width:40px;height:40px;margin-bottom:8px;display:grid}.account-home-card strong{align-items:center;gap:8px;font-size:15px;display:flex}.account-home-card strong .account-nav-badge{margin-left:0}.account-home-card>span:last-child{color:var(--muted);font-size:13px}@media (prefers-reduced-motion:reduce){.account-home-card,.account-home-card:hover{translate:none}}@media (max-width:1023px){main.account-page{padding-block:16px 56px}.account-layout{grid-template-columns:minmax(0,1fr);gap:0}.account-page:not([data-view=home]) .account-sidebar,.account-page[data-view=home] .account-main{display:none}.account-profile{--profile-avatar:76px}.account-profile .profile-banner{aspect-ratio:5/2}.account-profile[data-cover=none] .profile-cover{height:96px}.account-profile .profile-name{font-size:22px}.account-profile .profile-bio{-webkit-line-clamp:4}.account-navigation{gap:24px}.account-nav-title{padding-inline:4px}.account-nav-group ul{border:1px solid var(--line);border-radius:16px;gap:0;overflow:hidden}.account-nav-group li+li{border-top:1px solid #efeeec}.account-nav-link{border-radius:0;min-height:52px;padding:12px 16px;font-size:15px}.account-nav-badge+.account-nav-chevron{margin-left:4px}.account-nav-chevron{color:#b5b3b0;margin-left:auto;display:block}.account-trail{margin-bottom:12px}.account-back{width:36px;height:36px;color:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;margin-left:-8px;display:grid}.account-back:hover{background:var(--account-soft)}}.account-skeleton-cover{border-radius:16px;height:88px;display:block}
