@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");.aspirasi-root{min-height:100svh;background:linear-gradient(135deg,#FCFBF9,#F7F0E8 50%,#FDF8F2);font-family:Inter,sans-serif;display:flex;flex-direction:column}.aspirasi-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(235,234,228,.8);padding:0 1.25rem;height:60px;display:flex;align-items:center;justify-content:space-between}.aspirasi-logo-wrap{display:flex;align-items:center;gap:.625rem;text-decoration:none}.aspirasi-logo-img{width:32px;height:32px;border-radius:8px;object-fit:contain;padding:3px;background:white;border:1px solid #ebeae4}.aspirasi-brand{font-weight:800;font-size:1rem;color:#9B1B30;letter-spacing:-.02em}.aspirasi-brand-sub{font-size:9px;font-weight:600;color:#838790;text-transform:uppercase;letter-spacing:.08em;display:block;margin-top:-2px}.aspirasi-progress-bar{height:3px;background:#EBEAE4;position:relative;overflow:hidden}.aspirasi-progress-fill{height:100%;background:linear-gradient(90deg,#9B1B30,#C0392B,#E74C3C);border-radius:0 2px 2px 0;transition:width .5s cubic-bezier(.4,0,.2,1)}.aspirasi-steps{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.25rem}.step-dot{width:8px;height:8px;border-radius:50%;background:#D5D3C8;transition:all .3s ease}.step-dot.active{width:24px;border-radius:4px;background:#9B1B30}.step-dot.done{background:#16a34a}.aspirasi-main{flex:1;padding:1.25rem;max-width:880px;margin:0 auto;width:100%}.aspirasi-section-title{text-align:center;margin-bottom:1.75rem}.aspirasi-section-title h1{font-size:1.625rem;font-weight:900;color:#1C1E21;letter-spacing:-.03em;line-height:1.2;margin:0}.aspirasi-section-title p{font-size:.85rem;color:#575A60;margin-top:.5rem}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width:640px){.theme-grid{grid-template-columns:repeat(2,1fr)}}.theme-card{background:white;border:2px solid #ebeae4;border-radius:1rem;padding:1.25rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.625rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.theme-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(155,27,48,.03));opacity:0;transition:opacity .2s}.theme-card:hover{border-color:#9B1B30;transform:translateY(-2px);box-shadow:0 8px 24px -4px rgba(155,27,48,.12)}.theme-card:hover:before{opacity:1}.theme-card.selected{border-color:#9B1B30;background:linear-gradient(135deg,#FFF5F5,#FFF0F0);box-shadow:0 0 0 3px rgba(155,27,48,.1),0 8px 24px -4px rgba(155,27,48,.15);transform:translateY(-2px)}.theme-icon{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.theme-label{font-size:.75rem;font-weight:700;color:#1C1E21;line-height:1.3}.theme-card.selected .theme-label{color:#9B1B30}.theme-check{position:absolute;top:.5rem;right:.5rem;width:18px;height:18px;border-radius:50%;background:#9B1B30;display:flex;align-items:center;justify-content:center;color:white;font-size:10px;font-weight:900;opacity:0;transform:scale(.5);transition:all .2s}.theme-card.selected .theme-check{opacity:1;transform:scale(1)}.theme-card.locked{cursor:not-allowed;background:#F9F9F7;border-color:#EBEAE4}.theme-card.locked:hover{transform:none;box-shadow:none;border-color:#D5D3C8}.theme-card.locked:before{display:none}.theme-lock{position:absolute;top:.5rem;right:.5rem;font-size:12px;opacity:.7}.aspirasi-form-card{background:white;border:1px solid #ebeae4;border-radius:1.25rem;padding:1.5rem;box-shadow:0 4px 24px -6px rgba(28,30,33,.06);animation:slide-up .3s cubic-bezier(.4,0,.2,1)}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.form-theme-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;margin-bottom:1.25rem;border-bottom:1px solid #ebeae4}.form-theme-icon{font-size:1.75rem;width:48px;height:48px;background:linear-gradient(135deg,#FFF5F5,#FFE8E8);border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(155,27,48,.1);flex-shrink:0}.form-theme-title{font-size:1rem;font-weight:800;color:#1C1E21}.form-theme-desc{font-size:.75rem;color:#575A60;margin-top:2px}.form-field{margin-bottom:1.125rem}.form-label{display:block;font-size:10px;font-weight:800;color:#838790;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.375rem}.form-label span{color:#9B1B30}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:1.5px solid #d5d3c8;border-radius:.75rem;font-size:.875rem;font-family:Inter,sans-serif;color:#1C1E21;background:#FCFBF9;transition:all .2s;outline:none;box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#9B1B30;background:white;box-shadow:0 0 0 3px rgba(155,27,48,.08)}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23838790' d='M6 8.825L.35 3.175l.7-.7L6 7.425l4.95-4.95.7.7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:2.5rem;cursor:pointer}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-option{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border:1.5px solid #d5d3c8;border-radius:.625rem;cursor:pointer;transition:all .15s;font-size:.8125rem;font-weight:500;color:#575A60}.radio-option:hover{border-color:#9B1B30;color:#9B1B30;background:#FFF8F8}.radio-option.active{border-color:#9B1B30;background:linear-gradient(135deg,#FFF5F5,#FFF0F0);color:#9B1B30;font-weight:700}.radio-dot{width:16px;height:16px;border-radius:50%;border:2px solid #d5d3c8;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.radio-option.active .radio-dot{border-color:#9B1B30;background:#9B1B30}.radio-option.active .radio-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:white}.photo-upload-area{border:2px dashed #d5d3c8;border-radius:.875rem;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s;background:#FCFBF9;position:relative}.photo-upload-area:hover{border-color:#9B1B30;background:#FFF8F8}.photo-upload-area.has-photo{border-color:#16a34a;background:#f0fdf4}.photo-previews{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:.75rem}.photo-preview-item{position:relative;width:72px;height:72px;border-radius:.5rem;overflow:hidden;border:1.5px solid #d5d3c8}.photo-preview-item img{width:100%;height:100%;object-fit:cover}.photo-preview-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;background:rgba(0,0,0,.65);border-radius:50%;color:white;font-size:10px;justify-content:center;border:none}.gps-btn,.photo-preview-remove{display:flex;align-items:center;cursor:pointer}.gps-btn{gap:.5rem;padding:.625rem 1rem;border:1.5px solid #d5d3c8;border-radius:.625rem;background:white;font-size:.8rem;font-weight:600;color:#575A60;transition:all .2s;width:100%;margin-top:.5rem}.gps-btn:hover{border-color:#2563eb;color:#2563eb;background:#EFF6FF}.gps-btn.active{border-color:#16a34a;color:#16a34a;background:#f0fdf4}.chat-container{background:white;border:1px solid #ebeae4;border-radius:1.25rem;overflow:hidden;box-shadow:0 4px 24px -6px rgba(28,30,33,.06);display:flex;flex-direction:column;height:420px;animation:slide-up .3s cubic-bezier(.4,0,.2,1)}.chat-header{background:linear-gradient(135deg,#9B1B30,#7A1424);padding:.875rem 1.25rem;display:flex;align-items:center;gap:.625rem}.chat-header-avatar{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1rem}.chat-header-info h3{font-size:.875rem;font-weight:700;color:white;margin:0}.chat-header-info p{font-size:.7rem;color:rgba(255,255,255,.7);margin:0}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;scroll-behavior:smooth}.chat-bubble-wrap{display:flex;gap:.5rem;animation:bubble-in .25s ease-out}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-bubble-wrap.user{flex-direction:row-reverse}.chat-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#9B1B30,#C0392B);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:white;font-weight:700;flex-shrink:0;margin-top:2px}.chat-avatar.user-avatar{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.chat-bubble{max-width:78%;padding:.625rem .875rem;border-radius:1rem;font-size:.8125rem;line-height:1.55;color:#1C1E21;background:#F7F5F0;border-radius:.25rem 1rem 1rem 1rem}.chat-bubble-wrap.user .chat-bubble{background:linear-gradient(135deg,#9B1B30,#B42C44);color:white;border-radius:1rem .25rem 1rem 1rem}.chat-typing{display:flex;gap:4px;padding:.625rem .875rem;background:#F7F5F0;border-radius:.25rem 1rem 1rem 1rem;width:fit-content}.typing-dot{width:7px;height:7px;border-radius:50%;background:#838790;animation:typing-bounce 1.2s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.chat-input-area{border-top:1px solid #ebeae4;padding:.75rem;display:flex;gap:.5rem;align-items:flex-end;background:#FCFBF9}.chat-input{flex:1;padding:.625rem .875rem;border:1.5px solid #d5d3c8;border-radius:1.25rem;font-size:.8125rem;font-family:Inter,sans-serif;outline:none;background:white;resize:none;max-height:120px;line-height:1.5;transition:border-color .15s}.chat-input:focus{border-color:#9B1B30}.chat-send-btn{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#9B1B30,#B42C44);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;transition:all .2s}.chat-send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(155,27,48,.3)}.chat-send-btn:disabled{opacity:.4;transform:none;cursor:not-allowed}.chat-completeness{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#F7F5F0;border-top:1px solid #ebeae4;font-size:.7rem;font-weight:600;color:#575A60}.completeness-bar{flex:1;height:4px;background:#EBEAE4;border-radius:2px;overflow:hidden}.completeness-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#f59e0b,#16a34a);transition:width .5s ease}.aspirasi-btn-primary{width:100%;padding:.9rem 1.5rem;background:linear-gradient(135deg,#9B1B30,#B42C44 50%,#9B1B30);background-size:200% auto;color:white;font-size:.9375rem;font-weight:800;border:none;border-radius:.875rem;cursor:pointer;transition:all .3s;letter-spacing:-.01em;box-shadow:0 4px 16px rgba(155,27,48,.25);display:flex;align-items:center;justify-content:center;gap:.5rem}.aspirasi-btn-primary:hover:not(:disabled){background-position:100%;box-shadow:0 8px 24px rgba(155,27,48,.35);transform:translateY(-1px)}.aspirasi-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.aspirasi-btn-secondary{width:100%;padding:.75rem 1.5rem;background:white;color:#575A60;font-size:.875rem;font-weight:600;border:1.5px solid #d5d3c8;border-radius:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.aspirasi-btn-secondary:hover{border-color:#9B1B30;color:#9B1B30;background:#FFF8F8}.aspirasi-actions{display:flex;flex-direction:column;gap:.625rem;margin-top:1.125rem;padding-bottom:2rem}.urgency-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.urgency-low{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.urgency-medium{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.urgency-high{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}.urgency-critical{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.preview-card{background:white;border:1px solid #ebeae4;border-radius:1.25rem;overflow:hidden;box-shadow:0 4px 24px -6px rgba(28,30,33,.06);animation:slide-up .3s cubic-bezier(.4,0,.2,1)}.preview-header{background:linear-gradient(135deg,#1C1E21,#2D3035);padding:1.25rem 1.5rem;color:white}.preview-ticket-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5);margin-bottom:.25rem}.preview-ticket-id{font-size:1.25rem;font-weight:900;letter-spacing:.05em;font-variant-numeric:tabular-nums}.preview-body{padding:1.25rem 1.5rem}.preview-row{display:flex;gap:.75rem;padding:.625rem 0;border-bottom:1px solid #f7f5f0;align-items:flex-start}.preview-row:last-child{border-bottom:none}.preview-icon{font-size:.875rem;width:22px;flex-shrink:0;margin-top:1px}.preview-key{font-size:.7rem;font-weight:700;color:#838790;text-transform:uppercase;letter-spacing:.05em;min-width:100px}.preview-val{font-size:.8125rem;font-weight:500;color:#1C1E21;flex:1}.boost-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;background:linear-gradient(135deg,#fef9c3,#fef08a);border:1px solid #fde047;border-radius:.375rem;font-size:.65rem;font-weight:700;color:#92400e;margin-left:.25rem}@media (max-width:480px){.aspirasi-main{padding:1rem}.aspirasi-section-title h1{font-size:1.375rem}.theme-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}.theme-card{padding:1rem .625rem}.theme-icon{font-size:1.75rem}.chat-container{height:380px}}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.chat-mic-btn{width:38px;height:38px;border-radius:50%;background:#1C1E21;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;transition:all .2s}.chat-mic-btn:hover{background:#000;transform:scale(1.05)}.chat-mic-btn:disabled{opacity:.3;background:#D5D3C8;color:#838790;cursor:not-allowed;transform:none}.chat-mic-btn.recording{background:#dc2626;animation:pulse-recording 1.5s infinite;transform:scale(1.05)}.mic-stop-icon{width:10px;height:10px;background:white;border-radius:2px}@keyframes pulse-recording{0%{box-shadow:0 0 0 0 rgba(220,38,38,.4)}70%{box-shadow:0 0 0 8px rgba(220,38,38,0)}to{box-shadow:0 0 0 0 rgba(220,38,38,0)}}.elderly-mode{font-size:1.15rem!important;line-height:1.6!important}.elderly-mode button,.elderly-mode input,.elderly-mode textarea{font-size:1rem!important;padding:.875rem 1rem!important}.elderly-mode .text-xs{font-size:.875rem!important}.elderly-mode .text-sm{font-size:1rem!important}.glass-card{background:rgba(15,23,42,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}.waveform-bar{display:inline-block;width:3px;background-color:#ef4444;margin:0 1px;border-radius:3px;animation:wave 1s ease-in-out infinite alternate}@keyframes wave{0%{height:4px}to{height:18px}}.map-container{border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 25px -5px rgba(0,0,0,.5)}