:root{--orange:#ff4500;--blue:#0b69d4;--blue-dark:#0a58b0;--page:#fff;--card:#fff;--border:#e5e7eb;--text:#16181c;--muted:#6b7280;--hover:#f3f4f6;--field:#f6f7f8;--radius:12px;--sans:system-ui, sans-serif;font:14px/1.45 var(--sans);color:var(--text)}*{box-sizing:border-box}body{background:var(--page);margin:0}h1,h2,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}.icon{flex:none;width:20px;height:20px}.icon-sm{width:16px;height:16px}.error-popup{z-index:20;color:#d93025;border-radius:var(--radius);background:#fdecea;border:1px solid #d93025;max-width:320px;padding:12px 16px;position:fixed;bottom:16px;right:16px}.post-image{width:100%;max-width:200px;height:auto;margin-bottom:10px;display:block}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.avatar{background:linear-gradient(140deg, #ffb199, var(--orange));color:#fff;text-transform:uppercase;object-fit:cover;border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:700;display:inline-flex}.avatar-sm{width:20px;height:20px;font-size:11px}.btn{border:1px solid var(--border);background:var(--card);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--hover)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff;justify-content:center;min-width:160px;padding:10px 24px}.btn-primary:hover:not(:disabled){background:var(--blue-dark);border-color:var(--blue-dark)}button:disabled .icon{opacity:.75}.topbar{z-index:10;background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.brand{background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.brand-mark{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.brand-name{color:var(--orange);font-size:20px;font-weight:700}.layout{max-width:720px;margin:0 auto}.content{min-width:0;padding:16px}.feed-head,.submit-head{align-items:center;gap:16px;margin-bottom:16px;display:flex}.submit-head{border-bottom:1px solid var(--border);justify-content:space-between;padding-bottom:12px}.feed-head-text{flex:1;min-width:0}.feed-head-text p{color:var(--muted)}.notice{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.post-list{flex-direction:column;gap:12px;display:flex}.post{padding:12px 16px}.post-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.post-place{color:var(--text);background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.post-title{margin:8px 0 6px;font-size:18px}.post-body{color:#3f4750;margin-bottom:10px}.pill{background:var(--field);color:var(--muted);border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.pill button{color:inherit;background:0 0;border:0;padding:0}.pill .is-up{color:var(--orange)}.pill-count{color:var(--text)}.submit-form{flex-direction:column;gap:16px;padding:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted);font-size:12px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);outline:none}.field .field-invalid,.field input.field-invalid,.field select.field-invalid,.field textarea.field-invalid{border-color:#d93025}.field-hint{color:var(--muted);align-self:flex-end;font-size:12px}.form-error{color:#d93025;font-size:13px}.submit-actions{justify-content:flex-end;display:flex}