:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(at 15% 8%,#0e74904d,#0000 36rem),linear-gradient(140deg,#07111f,#111b2e 70%,#17243a);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.shell{place-items:center;min-height:100vh;padding:2rem 1.25rem;display:grid}.card{background:#0f172ad6;border:1px solid #94a3b833;border-radius:1.5rem;width:min(100%,640px);padding:clamp(2rem,7vw,4rem);box-shadow:0 30px 80px #0000004d}.eyebrow{color:#7dd3fc;letter-spacing:.18em;text-transform:uppercase;margin:0 0 1.5rem;font-size:.75rem;font-weight:700}h1{color:#f8fafc;letter-spacing:-.055em;margin:0;font-size:clamp(2.4rem,8vw,4rem);line-height:1.04}.subtitle{color:#cbd5e1;margin-top:1rem;font-size:1.05rem;line-height:1.6}.subtitle strong{color:#f8fafc;overflow-wrap:anywhere}.login-form{gap:.75rem;margin-top:2rem;display:grid}.login-form label{color:#e2e8f0;font-size:.9rem;font-weight:600}.login-form input{color:#f8fafc;background:#0b1424;border:1px solid #475569;border-radius:.75rem;outline:none;width:100%;padding:.9rem 1rem}.login-form input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}.login-form button,.secondary-button{color:#fff;background:#0284c7;border:0;border-radius:.75rem;min-height:3rem;margin-top:.5rem;padding:.75rem 1rem;font-weight:700;transition:background .15s}.login-form button:hover:not(:disabled),.secondary-button:hover:not(:disabled){background:#0369a1}.login-form .text-button{color:#7dd3fc;background:0 0;min-height:auto;margin:.25rem 0 0;padding:.25rem;font-size:.9rem}.login-form .text-button:hover{color:#bae6fd;text-decoration:underline}.secondary-button{margin-top:2rem}.feedback{color:#cbd5e1;margin-top:1.25rem;font-size:.92rem;line-height:1.5}.feedback.success{color:#86efac}.feedback.error{color:#fca5a5}.app-shell{min-height:100vh;padding:0 1.25rem 4rem}.dashboard{width:min(100%,1040px);margin:0 auto}.dashboard-header{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;gap:1rem;min-height:5rem;display:flex}.brand{color:#f8fafc;letter-spacing:-.03em;font-size:1.1rem;font-weight:800;text-decoration:none}.account{color:#cbd5e1;align-items:center;gap:1rem;font-size:.88rem;display:flex}.quiet-button,.back-button{color:#cbd5e1;background:0 0;border:1px solid #94a3b84d;border-radius:.65rem;padding:.6rem .8rem}.quiet-button:hover:not(:disabled),.back-button:hover{color:#f8fafc;border-color:#7dd3fc}.dashboard-content{width:min(100%,760px);margin:4rem auto 0}.dashboard-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:2rem;display:flex}.dashboard-heading .eyebrow{margin-bottom:.8rem}.dashboard-heading h1{font-size:clamp(2.3rem,7vw,3.5rem)}.primary-button,.secondary-button,.danger-button{color:#fff;border:0;border-radius:.7rem;min-height:2.9rem;padding:.7rem 1rem;font-weight:700;transition:background .15s}.primary-button{background:#0284c7}.primary-button:hover:not(:disabled){background:#0369a1}.secondary-button{background:#334155;margin:0}.secondary-button:hover:not(:disabled){background:#475569}.danger-button{background:#9f1239}.danger-button:hover:not(:disabled){background:#be123c}.post-list{gap:.9rem;display:grid}.topic-filter{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.topic-filter select{color:#f8fafc;background:#0b1424;border:1px solid #475569;border-radius:.7rem;max-width:100%;padding:.6rem .8rem}.topic-labels{flex-wrap:wrap;gap:.5rem;display:flex}.tag-picker{gap:.75rem;margin:1rem 0;display:grid}.tag-picker-input{flex-wrap:wrap;gap:.5rem;display:flex}.tag-picker-input input{color:#f8fafc;background:#0b1424;border:1px solid #475569;border-radius:.7rem;flex:1;min-width:12rem;padding:.75rem}.remove-topic{color:inherit;background:0 0;border:0;margin-left:.5rem;padding:0 .2rem}.topic-label{color:#bae6fd;overflow-wrap:anywhere;background:#0c4a6e;border:1px solid #7dd3fc4d;border-radius:1rem;padding:.3rem .65rem;font-size:.8rem}button.topic-label:hover{background:#075985}.post-card{color:#f8fafc;text-align:left;background:#0f172ac7;border:1px solid #94a3b838;border-radius:1rem;gap:.65rem;width:100%;padding:1.35rem 1.5rem;transition:border-color .15s,transform .15s;display:grid}.post-card:hover{border-color:#7dd3fcb3;transform:translateY(-2px)}.post-card strong{letter-spacing:-.02em;font-size:1.2rem}.post-meta{color:#94a3b8;font-size:.82rem}.post-preview{color:#cbd5e1;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.post-form,.post-detail,.empty-state{background:#0f172ac7;border:1px solid #94a3b838;border-radius:1rem;padding:clamp(1.25rem,5vw,2rem)}.post-form{gap:.75rem;display:grid}.settings-description,.settings-hint{color:#cbd5e1}.settings-hint{font-size:.85rem}.danger-zone{background:#4c051940;border:1px solid #fb718559;border-radius:1rem;margin-top:1.5rem;padding:clamp(1.25rem,5vw,2rem)}.danger-zone h2{color:#f8fafc;margin:0 0 .75rem;font-size:1.25rem}.danger-zone p{color:#cbd5e1;line-height:1.55}.danger-zone .danger-button{margin-top:1rem}.post-form label{color:#e2e8f0;margin-top:.4rem;font-size:.9rem;font-weight:600}.post-form input,.post-form textarea{color:#f8fafc;resize:vertical;background:#0b1424;border:1px solid #475569;border-radius:.7rem;outline:none;width:100%;padding:.85rem 1rem}.post-form input:focus,.post-form textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}.image-attachment{gap:.75rem;margin-top:.5rem;display:grid}.image-dropzone{color:#cbd5e1;cursor:pointer;text-align:center;border:1px dashed #64748b;border-radius:.75rem;gap:.4rem;padding:1.25rem;display:grid}.image-dropzone:hover,.image-dropzone:focus-within{color:#f8fafc;border-color:#38bdf8}.image-dropzone strong{color:#f8fafc}.image-preview{justify-items:start;gap:.75rem;display:grid}.image-preview img,.post-image{object-fit:contain;border-radius:.75rem;max-width:100%;max-height:32rem;display:block}.post-image{margin:1.5rem 0}.post-card-image{object-fit:cover;border-radius:.75rem;width:100%;max-height:18rem}.form-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.post-detail .back-button{margin-bottom:2rem}.post-detail h2,.empty-state h2{color:#f8fafc;letter-spacing:-.04em;margin:.75rem 0 1.25rem;font-size:clamp(1.7rem,5vw,2.4rem)}.post-body{color:#e2e8f0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.75}.detail-actions{margin-top:2rem}.sharing-section,.discussion-section{border-top:1px solid #94a3b833;margin-top:2.5rem;padding-top:1.75rem}.sharing-section h3,.discussion-section h3{color:#f8fafc;margin:0 0 .5rem;font-size:1.25rem}.discussion-heading,.vote-controls,.comment-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.discussion-heading{justify-content:space-between;margin-bottom:1rem}.vote-controls{margin:1.25rem 0}.vote-controls button[aria-pressed=true]{color:#f8fafc;background:#0c4a6e;border-color:#38bdf8}.vote-score{text-align:center;min-width:5rem;font-weight:700}.comment-list{gap:1rem;padding:0;list-style:none;display:grid}.comment-list li{border:1px solid #94a3b833;border-radius:.75rem;padding:1rem}.comment-meta{overflow-wrap:anywhere;justify-content:space-between}.comment-list .post-body{margin-bottom:0}.comment-form{gap:.75rem;margin-top:1.5rem;display:grid}.comment-form textarea{color:#f8fafc;resize:vertical;background:#0b1424;border:1px solid #475569;border-radius:.7rem;width:100%;padding:.85rem 1rem}.comment-form textarea:focus{outline-offset:2px;outline:2px solid #38bdf8}.comment-form button{justify-self:start}.sharing-section>p{color:#cbd5e1;margin:0 0 1.25rem;font-size:.92rem;line-height:1.5}.share-form{gap:.65rem;display:flex}.share-form input{color:#f8fafc;background:#0b1424;border:1px solid #475569;border-radius:.7rem;outline:none;flex:1;min-width:0;padding:.75rem .9rem}.share-form input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}.share-list{margin-top:1.5rem}.share-list h4{color:#e2e8f0;margin:0 0 .75rem;font-size:.9rem}.share-list ul{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.share-list li{color:#cbd5e1;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1rem;font-size:.9rem;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.empty-state{color:#cbd5e1;text-align:center}.empty-state p{margin:0 0 1.5rem}.empty-state h2{margin-top:.25rem;font-size:1.7rem}@media (width<=560px){.app-shell{padding-left:1rem;padding-right:1rem}.dashboard-header{min-height:4.5rem}.account{gap:.5rem}.account-email{display:none}.dashboard-content{margin-top:2.5rem}.dashboard-heading{flex-direction:column;align-items:start}.share-form{flex-direction:column}}