:root{--color-bg: #121826;--color-surface: #1a2332;--color-surface-hover:#1f2b3e;--color-border: #2a3441;--color-overlay: #00000033;--color-text: #F1FAEE;--color-text-muted: #9ca3af;--font-sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;--font-serif: Georgia, 'Times New Roman', serif;--font-size-large: 4.5rem;--font-size-base: 1.5rem;--font-weight-light: 300;--font-weight-regular: 400}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);margin:0;min-height:100vh;position:relative;line-height:1.5rem;padding-bottom:64px}p{margin-top:16px;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);margin-bottom:16px}form p{font-weight:var(--font-weight-light)}form{padding:32px 0 32px}h1{line-height:1.5rem;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);letter-spacing:-0.02em;line-height:1.1;margin:2rem 0 3rem}@media(min-width: 640px){h1{font-size:var(--font-size-large)}}#feed-main{padding:0 16px 32px}fieldset{border:1px solid var(--color-border);padding:16px}legend{font-size:var(--font-size-base);font-weight:var(--font-weight-regular);padding-bottom:16px}label{font-size:var(--font-size-base);font-weight:var(--font-weight-light)}button{font:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);border:1px solid var(--color-border);background:var(--color-surface);padding:8px 16px;cursor:pointer;color:var(--color-text)}button:hover{background:var(--color-surface-hover)}input{font-size:var(--font-size-base);font-weight:var(--font-weight-light)}footer{border-top:1px solid var(--color-border);margin-top:32px;padding:.5rem calc(1.5rem + env(safe-area-inset-right)) .5rem calc(1.5rem + env(safe-area-inset-left));font-size:var(--font-size-base);font-weight:var(--font-weight-light)}.prompt-content{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);padding:16px;margin-bottom:16px;text-decoration:none;font-family:var(--font-serif);font-size:var(--font-size-base)}.prompt-content:hover{background:var(--color-surface-hover)}.flash-alert{display:inline-block;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);padding:8px 12px;margin-bottom:16px}.input-form{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);padding:16px;margin-bottom:16px}.input-form textarea{width:100%;resize:none;border:none;background:rgba(0,0,0,0);font-family:var(--font-serif);outline:none;font-size:var(--font-size-base)}.input-form input[type=submit]{align-self:flex-end;font-family:var(--font-sans);border:1px solid var(--color-border);padding:16px}.feed-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}button.copy{display:flex;align-items:center;margin-left:auto}.banner{position:relative;width:100%;padding:.5rem calc(env(safe-area-inset-right)) .5rem calc(env(safe-area-inset-left));background:var(--color-bg);color:var(--color-text);display:flex;align-items:center;font-family:var(--font-sans);letter-spacing:.03em}.banner-title{font-weight:var(--font-weight-light);font-size:clamp(2rem,4vw,5rem);text-transform:uppercase;color:var(--color-text);text-decoration:none}@media(min-width: 640px){.banner{display:grid;grid-template-columns:1fr auto 1fr;justify-content:normal;margin-top:1rem;margin-bottom:1rem}.banner-title{justify-self:start}}
