roy-moments{display:block}roy-moments [hidden]{display:none!important}.moment-auth{max-width:30rem;margin:2.5rem auto 5rem}.moments-layout{display:grid;gap:1.75rem;align-items:start}.moment-composer{min-width:0}roy-moments .moment-input{display:block;width:100%;min-width:0;box-sizing:border-box;border:1px solid hsl(var(--border));border-radius:.75rem;background:hsl(var(--background));padding:.75rem;outline:none;font-size:1rem;line-height:1.65}roy-moments .moment-input:focus-visible,roy-moments button:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:3px}roy-moments .moment-textarea{resize:vertical;min-height:9rem}roy-moments .moment-button{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;border:1px solid hsl(var(--border));border-radius:.75rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s,color .15s}roy-moments .moment-button:hover{background:hsl(var(--muted))}roy-moments .moment-primary{background:hsl(var(--foreground));border-color:hsl(var(--foreground));color:hsl(var(--background))}roy-moments .moment-primary:hover{background:hsl(var(--foreground)/.88)}roy-moments [data-compose] .moment-primary{min-height:2rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.8125rem;line-height:1.125rem}roy-moments button:disabled{opacity:.55;cursor:wait}roy-moments .moment-action{display:inline-flex;align-items:center;gap:.4rem;min-height:2.5rem;font-size:.8125rem;color:hsl(var(--muted-foreground))}roy-moments .moment-action:hover,roy-moments .moment-action[aria-pressed=true]{color:hsl(var(--foreground))}.moments-title-button{display:inline-flex;align-items:center;gap:.75rem}.moments-title-button[aria-pressed=true]:after{content:"";display:block;width:.375rem;height:.375rem;border-radius:50%;background:currentColor}.moments-title-button:focus-visible{outline:2px solid hsl(var(--foreground));outline-offset:6px;border-radius:.25rem}roy-moments .moment-card{min-width:0;border:1px solid hsl(var(--border));border-radius:1rem;background:hsl(var(--card));padding:1.25rem}roy-moments .moment-meta{display:flex;align-items:center;gap:.75rem;min-width:0}roy-moments .moment-avatar{display:flex;width:2.25rem;height:2.25rem;flex:none;align-items:center;justify-content:center;border-radius:50%;background:hsl(var(--muted));color:hsl(var(--foreground));font-size:.875rem;font-weight:600}roy-moments .moment-author{font-size:.9375rem;font-weight:600;overflow-wrap:anywhere}roy-moments .moment-composer-website{display:block;max-width:100%;margin-top:.25rem;font-size:.875rem;font-weight:400;color:hsl(var(--muted-foreground));overflow-wrap:anywhere;text-decoration:none}roy-moments .moment-composer-website:hover{text-decoration:underline;text-underline-offset:.2em}roy-moments [data-blog-current]{display:none!important}roy-moments .moment-composer:has([data-composer-website]:not([hidden])) [data-blog-edit]{display:none}roy-moments .moment-date{display:block;margin-top:.15rem;color:hsl(var(--muted-foreground));font-size:.75rem}roy-moments .moment-body{margin-top:1rem;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.85}roy-moments .moment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:.75rem}roy-moments .moment-pin{margin-left:auto;font-size:.75rem;color:hsl(var(--muted-foreground));white-space:nowrap}roy-moments .moment-thread{margin-top:1rem;border-top:1px solid hsl(var(--border));padding-top:1rem}roy-moments .moment-reply{border-left:2px solid hsl(var(--border));padding-left:.875rem;margin-block:1rem;min-width:0}roy-moments .moment-reply .moment-body{margin-top:.4rem;font-size:.875rem}roy-moments .moment-reply .moment-avatar{width:1.75rem;height:1.75rem;font-size:.75rem}roy-moments .moment-reply-label{font-size:.75rem;color:hsl(var(--muted-foreground));margin-top:.5rem;overflow-wrap:anywhere}roy-moments .moment-reply-form{margin-top:1rem;padding:.875rem;background:hsl(var(--muted)/.5);border-radius:.75rem}roy-moments .moment-reply-form textarea{min-height:5.5rem;resize:vertical;font-size:1rem}roy-moments .moment-inline-status{font-size:.75rem;line-height:1.6;color:hsl(var(--muted-foreground));margin-top:.5rem}@media(min-width:1024px){.moments-layout{grid-template-columns:minmax(17rem,20rem) minmax(0,1fr);gap:2.5rem}.moment-composer{position:sticky;top:6.5rem}roy-moments .moment-card{padding:1.5rem}roy-moments .moment-textarea{min-height:12rem}}@media(max-width:479px){.moments-layout{gap:1.5rem}roy-moments .moment-card{padding:1rem}roy-moments .moment-actions{-moz-column-gap:1rem;column-gap:1rem}}