:root { color-scheme: dark; --ink:#fbf8ff; --muted:#c9bfdb; --panel:#231439; --panel-2:#301c4f; --purple:#a970ff; --hot:#e9d9ff; --line:#5b3a88; --focus:#fbca57; } * { box-sizing:border-box; } body { margin:0; min-width:320px; color:var(--ink); background:radial-gradient(circle at 85% 0,#492579 0,transparent 32rem),#12091f; font:16px/1.45 system-ui,sans-serif; } .shell { width:min(100%,720px); margin:auto; padding:24px 16px 48px; } .shell > header { display:flex; gap:14px; align-items:center; margin:8px 0 18px; } .mark { width:58px;height:58px;border:2px solid #c69bff;border-radius:19px;display:grid;place-items:center;font-size:30px;background:#301752;box-shadow:0 0 28px #8b4fea66; } .eyebrow,.meta { margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#d2b7ff; } h1,h2 { margin:0;font-family:ui-rounded,system-ui,sans-serif; } h1 { font-size:2rem; } h2 { font-size:1.25rem; } .subtitle { color:var(--muted); margin:.1rem 0; } .notice,.card,.report { border:1px solid var(--line); background:color-mix(in srgb,var(--panel) 94%,transparent); border-radius:15px; } .notice { padding:12px 14px; font-size:.88rem;color:var(--muted); margin-bottom:16px; } .card { padding:18px; } label,legend { display:block;font-weight:650;margin:12px 0 6px; } label span { font-weight:400;color:var(--muted); } textarea,input,select,button { font:inherit; } textarea,input,select { width:100%;padding:11px;border-radius:9px;border:1px solid #7652a8;background:#180c28;color:var(--ink); } textarea { min-height:92px;resize:vertical; } fieldset { border:0;padding:0;margin:12px 0; } .options { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; } .options label { font-weight:400;margin:0;padding:9px;background:#1b0d2c;border-radius:8px; } .options input { width:auto; } button { min-height:46px;border:0;border-radius:10px;background:var(--purple);color:#170a27;font-weight:800;padding:10px 16px;cursor:pointer; } button:hover { background:#c29aff; } :focus-visible { outline:3px solid var(--focus);outline-offset:3px; } .form-grid { display:grid;gap:10px; } .feed-title { margin:26px 0 8px; display:flex;justify-content:space-between;align-items:end;gap:12px; } .feed-title label { margin:0;font-size:.85rem; } .feed-title select { width:auto;margin-left:5px; } .feed { display:grid;gap:10px; } .report { padding:14px;display:grid;grid-template-columns:48px 1fr;gap:12px; } .report img,.avatar-fallback { width:48px;height:48px;border-radius:13px;background:#553580;object-fit:cover;display:grid;place-items:center;font-size:26px; } .content { white-space:pre-wrap;margin:6px 0;overflow-wrap:anywhere; } .location,.expires { font-size:.88rem;color:var(--muted);margin:5px 0 0; } .tag { border-radius:999px;padding:2px 7px;background:#553580;color:#fff; } .tag.coffee { background:#87532f; } .empty { color:var(--muted);padding:16px 0; } footer { color:var(--muted);font-size:.82rem;margin-top:28px; } @media (min-width:560px) { .form-grid { grid-template-columns:1fr 1fr; } } @media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important;transition:none!important; } }