.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; }