Something went wrong. Try again.
an app to share curated trails sidetrail.app
atproto nextjs react rsc
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667.HomeShell { min-height: 100vh; background-color: var(--bg-primary); padding: 2rem 1rem;}
.HomeShell-header { max-width: 800px; margin: 0 auto 2rem; padding: 1rem;}
.HomeShell-titleRow { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem;}
.HomeShell-title { font-family: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace; font-size: 1.5rem; font-weight: 500; color: var(--text-primary); margin: 0; text-transform: lowercase; letter-spacing: -0.02em;}
.HomeShell-title a { color: inherit; text-decoration: none;}
.HomeShell-title a:hover { opacity: 0.7; transition: opacity 0.2s ease;}
.HomeShell-actions { display: flex; align-items: center; gap: 1rem; height: 2.25rem;}
.HomeShell-subtitle { font-size: 0.9375rem; color: var(--text-muted); margin: 0; text-transform: lowercase;}
.HomeShell-content { max-width: 800px; margin: 0 auto;}
/* Container for draft pills */.drafts-pills { display: flex; flex-direction: column; gap: 0.75rem; padding: 0 1rem; min-height: 1px;}