.dsk-root{max-width:56rem;margin-inline:auto}.dsk-frame{container-type:inline-size}.dsk-window{--u:calc(100cqw / 1024);border-radius:calc(16 * var(--u));background:var(--color-page);color:var(--color-ink);box-shadow:0 0 0 1px var(--color-hairline), var(--shadow-float);-webkit-user-select:none;user-select:none;overflow:hidden}.dsk-add,.dsk-credits,.dsk-bell{box-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) #16202b14, 0 calc(4 * var(--u)) calc(14 * var(--u)) calc(-6 * var(--u)) #16202b2e}.dsk-toolbar{align-items:center;gap:calc(16 * var(--u));height:calc(40 * var(--u));padding-inline:calc(16 * var(--u));background:var(--color-tile);border-bottom:1px solid var(--color-hairline);display:flex}.dsk-dots{gap:calc(8 * var(--u));display:flex}.dsk-dots>span{width:calc(12 * var(--u));height:calc(12 * var(--u));background:var(--color-faint);opacity:.45;border-radius:9999px}.dsk-address{width:calc(360 * var(--u));height:calc(26 * var(--u));padding-inline:calc(14 * var(--u));color:var(--color-muted);font-size:calc(13 * var(--u));line-height:calc(26 * var(--u));white-space:nowrap;background:#fff;border-radius:9999px}.dsk-app{grid-template-columns:calc(224 * var(--u)) minmax(0, 1fr);height:calc(600 * var(--u));display:grid}.dsk-rail{gap:calc(24 * var(--u));min-width:0;padding:calc(24 * var(--u)) calc(12 * var(--u));border-right:1px solid var(--color-hairline);flex-direction:column;display:flex}.dsk-brand{align-items:center;gap:calc(10 * var(--u));padding-inline:calc(12 * var(--u));font-family:var(--font-display);font-size:calc(24 * var(--u));line-height:calc(32 * var(--u));letter-spacing:-.01em;display:flex}.dsk-brand-mark{width:calc(12.375 * var(--u));height:calc(22 * var(--u))}.dsk-nav{gap:calc(4 * var(--u));flex-direction:column;display:flex}.dsk-link,.dsk-add{align-items:center;gap:calc(12 * var(--u));height:calc(44 * var(--u));padding-inline:calc(12 * var(--u));font-size:calc(14 * var(--u));line-height:calc(20 * var(--u));border-radius:9999px;display:flex}.dsk-link{color:var(--color-muted);font-weight:500}.dsk-link-active{background:var(--color-teal-soft);color:var(--color-teal);font-weight:600}.dsk-add{margin-block:calc(4 * var(--u));background:var(--color-teal);color:#fff;font-weight:600}.dsk-link svg,.dsk-add svg{width:calc(24 * var(--u));height:calc(24 * var(--u));flex-shrink:0}.dsk-badge{min-width:calc(20 * var(--u));height:calc(20 * var(--u));padding-inline:calc(6 * var(--u));background:var(--color-coral);color:#fff;font-size:calc(11 * var(--u));border-radius:9999px;justify-content:center;align-items:center;margin-left:auto;font-weight:600;line-height:1;display:flex}.dsk-content{min-width:0;padding:calc(12 * var(--u)) calc(32 * var(--u)) 0;position:relative}.dsk-status{top:calc(24 * var(--u));right:calc(32 * var(--u));align-items:center;gap:calc(8 * var(--u));width:calc(120 * var(--u));display:flex;position:absolute}.dsk-credits{justify-content:center;align-items:center;gap:calc(4 * var(--u));min-width:0;height:calc(40 * var(--u));padding-inline:calc(12 * var(--u));font-size:calc(14 * var(--u));font-weight:600;line-height:calc(20 * var(--u));background:#fff;border-radius:9999px;flex:1;display:flex}.dsk-credits svg{width:calc(16 * var(--u));height:calc(16 * var(--u));color:var(--color-teal)}.dsk-bell{width:calc(40 * var(--u));height:calc(40 * var(--u));background:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.dsk-bell svg{width:calc(24 * var(--u));height:calc(24 * var(--u))}.dsk-bell-dot{top:calc(8 * var(--u));right:calc(10 * var(--u));width:calc(10 * var(--u));height:calc(10 * var(--u));background:var(--color-coral);box-shadow:0 0 0 calc(2 * var(--u)) #fff;border-radius:9999px;position:absolute}.dsk-title{align-items:center;gap:calc(10 * var(--u));height:calc(40 * var(--u));margin-top:calc(12 * var(--u));font-family:var(--font-display);font-size:calc(30 * var(--u));line-height:calc(36 * var(--u));letter-spacing:-.01em;display:flex}.dsk-title-mark{width:calc(13.5 * var(--u));height:calc(24 * var(--u))}.dsk-search{max-width:calc(576 * var(--u));margin-top:calc(16 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u)) calc(48 * var(--u));border-radius:calc(16 * var(--u));background:var(--color-tile);color:var(--color-faint);font-size:calc(16 * var(--u));line-height:calc(24 * var(--u));white-space:nowrap;position:relative}.dsk-search svg{top:calc(14 * var(--u));left:calc(16 * var(--u));width:calc(20 * var(--u));height:calc(20 * var(--u));position:absolute}.dsk-posts{gap:calc(16 * var(--u));margin-top:calc(16 * var(--u));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dsk-post{border-radius:calc(18 * var(--u));background:var(--color-tile);min-width:0;overflow:hidden}.dsk-post-head{align-items:center;gap:calc(8 * var(--u));padding:calc(12 * var(--u)) calc(12 * var(--u)) 0;display:flex}.dsk-avatar{width:calc(28 * var(--u));height:calc(28 * var(--u));background:var(--color-teal-soft);font-size:calc(12 * var(--u));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.dsk-post-who{flex-direction:column;min-width:0;display:flex}.dsk-post-name{font-size:calc(14 * var(--u));font-weight:600;line-height:calc(20 * var(--u))}.dsk-post-meta{color:var(--color-faint);font-size:calc(12 * var(--u));line-height:calc(16 * var(--u))}.dsk-photo{aspect-ratio:1;margin-top:calc(8 * var(--u));background:var(--color-tile);overflow:hidden}.dsk-photo img{object-fit:cover;width:100%;height:100%}.dsk-caption{padding:calc(8 * var(--u)) calc(12 * var(--u)) 0;font-size:calc(15 * var(--u));line-height:1.625}@keyframes dsk-rail-in{0%{opacity:0;transform:translateX(calc(-24 * var(--u)))}}@keyframes dsk-post-in{0%{opacity:0;transform:translateY(calc(24 * var(--u)))}}@supports (animation-timeline:view()){.dsk-window{view-timeline:--dsk block}.dsk-rail{animation:ease-out both dsk-rail-in;animation-timeline:--dsk;animation-range:entry 20% entry 60%}.dsk-post{animation:ease-out both dsk-post-in;animation-timeline:--dsk;animation-range:entry 50% entry 90%}.dsk-post+.dsk-post{animation-range:entry 60%}}@media (prefers-reduced-motion:reduce){.dsk-rail,.dsk-post{animation:none}}
