.aspirasi-intro{margin:0 auto 1.2rem;font-style:italic;color:var(--dark-text);line-height:1.8}.aspirasi-intro:last-child{margin-bottom:0}.aspirasi-intro strong.sub-heading{display:block;margin-bottom:10px;font-style:normal;color:var(--light-text);font-size:1.1em}.aspirasi-composer{max-width:800px;margin:40px auto 0;text-align:left;padding:32px 34px 28px;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:14px}.composer-head{margin-bottom:22px}.composer-title{font-size:1.15em;font-weight:700;color:var(--light-text);margin-bottom:5px}.composer-sub{font-size:.85em;color:var(--dark-text);line-height:1.6}.composer-field{margin-bottom:26px}.composer-label{display:block;margin-bottom:8px;font-size:.7em;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--dark-text)}.composer-judul,.composer-isi{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.14);border-radius:0;padding:6px 0 12px;color:var(--light-text);font-family:inherit;transition:border-color .25s ease}.composer-judul{font-size:1.3em;font-weight:600;color:#fff;line-height:1.4}.composer-isi{font-size:.95em;line-height:1.75;min-height:118px;resize:vertical}.composer-judul:focus,.composer-isi:focus{outline:none;border-bottom-color:var(--primary-color)}.composer-judul::placeholder,.composer-isi::placeholder{color:#ffffff38;font-weight:400}.composer-hitung{margin-top:8px;text-align:right;font-size:.72em;color:var(--dark-text);font-variant-numeric:tabular-nums}.composer-hitung.is-warn{color:var(--secondary-color)}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.composer-kirim{display:inline-flex;align-items:center;gap:9px;padding:12px 26px;background-color:var(--primary-color);color:#04121a;border:none;border-radius:24px;font-family:inherit;font-size:.9em;font-weight:700;cursor:pointer;transition:background-color .2s ease}.composer-kirim:hover:not(:disabled){background-color:#3bf}.composer-kirim:active:not(:disabled){background-color:#08c}.composer-kirim:disabled{background-color:#444;color:var(--dark-text);cursor:not-allowed}.composer-kirim:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.composer-catatan{display:flex;align-items:center;gap:7px;font-size:.76em;color:var(--dark-text)}.composer-catatan i{color:var(--primary-color);opacity:.8}.form-status{margin-top:16px;font-weight:600;font-size:.85em}.form-status:empty{margin-top:0}.status-sukses{color:#28a745}.status-gagal{color:#ff6b7a}.daftar-aspirasi{max-width:900px;margin:0 auto}.daftar-aspirasi h2{text-align:center;font-size:1.8em;margin-bottom:8px}.daftar-aspirasi h2 i{color:var(--primary-color);margin-right:10px}.asp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:26px 0 0;padding-bottom:14px;border-bottom:1px solid var(--border-color)}.asp-toolbar-count{font-size:.85em;color:var(--dark-text)}.asp-toolbar-count strong{color:var(--light-text);font-weight:600}.asp-sort{display:flex;align-items:center;gap:18px}.asp-sort-label{font-size:.78em;color:var(--dark-text)}.asp-sort-btn{background:none;border:none;padding:2px 0;font-family:inherit;font-size:.85em;font-weight:600;color:var(--dark-text);cursor:pointer;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.asp-sort-btn:hover{color:var(--light-text)}.asp-sort-btn.is-active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.asp-list{display:flex;flex-direction:column;gap:30px;padding-top:26px;text-align:left}.asp-item{display:flex;gap:15px;align-items:flex-start}.asp-avatar{flex-shrink:0;width:40px;height:40px;border-radius:50%;background-color:#333;display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:700;color:var(--primary-color)}.asp-avatar.is-anon{color:var(--dark-text);font-size:.95em;font-weight:400}.asp-avatar-sm{width:32px;height:32px;font-size:.9em}.asp-main{flex-grow:1;min-width:0}.asp-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.78em;color:var(--dark-text);margin-bottom:3px}.asp-author{font-weight:700;color:var(--light-text)}.asp-dot{opacity:.5}.asp-subjek{font-size:.95em;font-weight:600;color:#fff;line-height:1.45;margin:2px 0 6px}.asp-body{font-size:.9em;line-height:1.75;color:var(--light-text);white-space:pre-wrap;overflow-wrap:anywhere}.asp-body.is-clamped{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.asp-more{background:none;border:none;padding:5px 0 0;font-family:inherit;font-size:.8em;font-weight:600;color:var(--dark-text);cursor:pointer;transition:color .2s ease}.asp-more:hover{color:var(--light-text)}.asp-more[hidden]{display:none}.asp-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:8px;margin-left:-10px}.asp-act{display:inline-flex;align-items:center;gap:7px;background:none;border:none;border-radius:18px;padding:6px 10px;font-family:inherit;font-size:.78em;font-weight:600;color:var(--dark-text);cursor:pointer;transition:background-color .2s ease,color .2s ease}.asp-act:hover:not(:disabled){background-color:#ffffff12;color:var(--light-text)}.asp-act i{font-size:1.05em}.asp-act.is-on{color:var(--primary-color)}.asp-act.is-off{color:#ff6b7a}.asp-act-count{font-variant-numeric:tabular-nums}.asp-act-thread{color:var(--primary-color)}.asp-reply-list{display:flex;flex-direction:column;gap:20px;margin-top:16px}.asp-reply{display:flex;gap:12px;align-items:flex-start}.asp-reply-main{flex-grow:1;min-width:0}.asp-reply-body{font-size:.85em;line-height:1.7;color:var(--light-text);white-space:pre-wrap;overflow-wrap:anywhere}.asp-reply-to{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:.75em;color:var(--dark-text)}.asp-reply-to strong{color:var(--primary-color);font-weight:600}.asp-reply-to i{font-size:.9em;opacity:.7}.asp-reply-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:4px;margin-left:-10px}.asp-reply-actions .asp-act{font-size:.74em;padding:5px 10px}.asp-reply-form{display:flex;gap:12px;align-items:flex-start;margin-top:14px}.asp-reply-form-main{flex-grow:1;min-width:0}.asp-reply-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-color);padding:8px 0;color:var(--light-text);font-family:inherit;font-size:.85em;line-height:1.6;resize:none;overflow-y:hidden;min-height:36px;transition:border-color .3s ease}.asp-reply-input:focus{border-bottom-color:var(--primary-color);outline:none}.asp-reply-input::placeholder{color:#ffffff4d}.asp-reply-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:10px}.asp-btn-ghost,.asp-btn-send{font-family:inherit;font-size:.8em;font-weight:700;border:none;border-radius:20px;padding:8px 18px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.asp-btn-ghost{background:none;color:var(--dark-text)}.asp-btn-ghost:hover{background-color:#ffffff12;color:var(--light-text)}.asp-btn-send{background-color:var(--primary-color);color:#000}.asp-btn-send:hover:not(:disabled){background-color:#08c}.asp-btn-send:disabled{background-color:#555;color:var(--dark-text);cursor:not-allowed}.asp-state{font-size:.9em;color:var(--dark-text);text-align:center;padding:18px 0}.asp-state-sm{font-size:.82em;text-align:left;padding:12px 0 0}.asp-loadmore{align-self:center;margin-top:4px;background:none;border:1px solid var(--border-color);border-radius:20px;padding:9px 24px;font-family:inherit;font-size:.82em;font-weight:600;color:var(--dark-text);cursor:pointer;transition:background-color .2s ease,color .2s ease}.asp-loadmore:hover{background-color:var(--border-color);color:var(--light-text)}.asp-sort-btn:focus-visible,.asp-more:focus-visible,.asp-act:focus-visible,.asp-btn-ghost:focus-visible,.asp-btn-send:focus-visible,.asp-loadmore:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(max-width:768px){.aspirasi-composer{padding:24px 20px 22px}.composer-judul{font-size:1.12em}.composer-foot{flex-direction:column;align-items:stretch;gap:12px}.composer-kirim,.composer-catatan{justify-content:center}.asp-item{gap:12px}.asp-avatar{width:32px;height:32px;font-size:.95em}.asp-avatar-sm{width:28px;height:28px;font-size:.8em}.asp-act{padding:6px 8px}}@media(prefers-reduced-motion:reduce){.asp-sort-btn,.asp-more,.asp-act,.asp-btn-ghost,.asp-btn-send,.asp-loadmore,.asp-reply-input{transition:none}}
