@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
.aspirasi-root{background:linear-gradient(135deg,#fcfbf9 0%,#f7f0e8 50%,#fdf8f2 100%);flex-direction:column;min-height:100svh;font-family:Inter,sans-serif;display:flex}.aspirasi-header{z-index:50;-webkit-backdrop-filter:blur(20px);background:#ffffffe0;border-bottom:1px solid #ebeae4cc;justify-content:space-between;align-items:center;height:60px;padding:0 1.25rem;display:flex;position:sticky;top:0}.aspirasi-logo-wrap{align-items:center;gap:.625rem;text-decoration:none;display:flex}.aspirasi-logo-img{object-fit:contain;background:#fff;border:1px solid #ebeae4;border-radius:8px;width:32px;height:32px;padding:3px}.aspirasi-brand{color:#9b1b30;letter-spacing:-.02em;font-size:1rem;font-weight:800}.aspirasi-brand-sub{color:#838790;text-transform:uppercase;letter-spacing:.08em;margin-top:-2px;font-size:9px;font-weight:600;display:block}.aspirasi-progress-bar{background:#ebeae4;height:3px;position:relative;overflow:hidden}.aspirasi-progress-fill{background:linear-gradient(90deg,#9b1b30,#c0392b,#e74c3c);border-radius:0 2px 2px 0;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.aspirasi-steps{justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.step-dot{background:#d5d3c8;border-radius:50%;width:8px;height:8px;transition:all .3s}.step-dot.active{background:#9b1b30;border-radius:4px;width:24px}.step-dot.done{background:#16a34a}.aspirasi-main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:1.25rem}.aspirasi-section-title{text-align:center;margin-bottom:1.75rem}.aspirasi-section-title h1{color:#1c1e21;letter-spacing:-.03em;margin:0;font-size:1.625rem;font-weight:900;line-height:1.2}.aspirasi-section-title p{color:#575a60;margin-top:.5rem;font-size:.85rem}.theme-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (max-width:640px){.theme-grid{grid-template-columns:repeat(2,1fr)}}.theme-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #ebeae4;border-radius:1rem;flex-direction:column;align-items:center;gap:.625rem;padding:1.25rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.theme-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#9b1b3008);transition:opacity .2s;position:absolute;inset:0}.theme-card:hover{border-color:#9b1b30;transform:translateY(-2px);box-shadow:0 8px 24px -4px #9b1b301f}.theme-card:hover:before{opacity:1}.theme-card.selected{background:linear-gradient(135deg,#fff5f5,#fff0f0);border-color:#9b1b30;transform:translateY(-2px);box-shadow:0 0 0 3px #9b1b301a,0 8px 24px -4px #9b1b3026}.theme-icon{filter:drop-shadow(0 2px 4px #0000001a);font-size:2rem;line-height:1}.theme-label{color:#1c1e21;font-size:.75rem;font-weight:700;line-height:1.3}.theme-card.selected .theme-label{color:#9b1b30}.theme-check{color:#fff;opacity:0;background:#9b1b30;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:900;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem;transform:scale(.5)}.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{box-shadow:none;border-color:#d5d3c8;transform:none}.theme-card.locked:before{display:none}.theme-lock{opacity:.7;font-size:12px;position:absolute;top:.5rem;right:.5rem}.aspirasi-form-card{background:#fff;border:1px solid #ebeae4;border-radius:1.25rem;padding:1.5rem;animation:.3s cubic-bezier(.4,0,.2,1) slide-up;box-shadow:0 4px 24px -6px #1c1e210f}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.form-theme-header{border-bottom:1px solid #ebeae4;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.form-theme-icon{background:linear-gradient(135deg,#fff5f5,#ffe8e8);border:1px solid #9b1b301a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.75rem;display:flex}.form-theme-title{color:#1c1e21;font-size:1rem;font-weight:800}.form-theme-desc{color:#575a60;margin-top:2px;font-size:.75rem}.form-field{margin-bottom:1.125rem}.form-label{color:#838790;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.375rem;font-size:10px;font-weight:800;display:block}.form-label span{color:#9b1b30}.form-input,.form-select,.form-textarea{color:#1c1e21;box-sizing:border-box;background:#fcfbf9;border:1.5px solid #d5d3c8;border-radius:.75rem;outline:none;width:100%;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.875rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#9b1b30;box-shadow:0 0 0 3px #9b1b3014}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-select{appearance:none;cursor:pointer;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-position:right 14px center;background-repeat:no-repeat;padding-right:2.5rem}.radio-group{flex-direction:column;gap:.5rem;display:flex}.radio-option{cursor:pointer;color:#575a60;border:1.5px solid #d5d3c8;border-radius:.625rem;align-items:center;gap:.625rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}.radio-option:hover{color:#9b1b30;background:#fff8f8;border-color:#9b1b30}.radio-option.active{color:#9b1b30;background:linear-gradient(135deg,#fff5f5,#fff0f0);border-color:#9b1b30;font-weight:700}.radio-dot{border:2px solid #d5d3c8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:all .15s;display:flex}.radio-option.active .radio-dot{background:#9b1b30;border-color:#9b1b30}.radio-option.active .radio-dot:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px}.photo-upload-area{text-align:center;cursor:pointer;background:#fcfbf9;border:2px dashed #d5d3c8;border-radius:.875rem;padding:1.5rem;transition:all .2s;position:relative}.photo-upload-area:hover{background:#fff8f8;border-color:#9b1b30}.photo-upload-area.has-photo{background:#f0fdf4;border-color:#16a34a}.photo-previews{flex-wrap:wrap;gap:.625rem;margin-top:.75rem;display:flex}.photo-preview-item{border:1.5px solid #d5d3c8;border-radius:.5rem;width:72px;height:72px;position:relative;overflow:hidden}.photo-preview-item img{object-fit:cover;width:100%;height:100%}.photo-preview-remove{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:flex;position:absolute;top:2px;right:2px}.gps-btn{color:#575a60;cursor:pointer;background:#fff;border:1.5px solid #d5d3c8;border-radius:.625rem;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.625rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.gps-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.gps-btn.active{color:#16a34a;background:#f0fdf4;border-color:#16a34a}.chat-container{background:#fff;border:1px solid #ebeae4;border-radius:1.25rem;flex-direction:column;height:420px;animation:.3s cubic-bezier(.4,0,.2,1) slide-up;display:flex;overflow:hidden;box-shadow:0 4px 24px -6px #1c1e210f}.chat-header{background:linear-gradient(135deg,#9b1b30,#7a1424);align-items:center;gap:.625rem;padding:.875rem 1.25rem;display:flex}.chat-header-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.chat-header-info h3{color:#fff;margin:0;font-size:.875rem;font-weight:700}.chat-header-info p{color:#ffffffb3;margin:0;font-size:.7rem}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.chat-bubble-wrap{gap:.5rem;animation:.25s ease-out bubble-in;display:flex}@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{color:#fff;background:linear-gradient(135deg,#9b1b30,#c0392b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:.75rem;font-weight:700;display:flex}.chat-avatar.user-avatar{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.chat-bubble{color:#1c1e21;background:#f7f5f0;border-radius:.25rem 1rem 1rem;max-width:78%;padding:.625rem .875rem;font-size:.8125rem;line-height:1.55}.chat-bubble-wrap.user .chat-bubble{color:#fff;background:linear-gradient(135deg,#9b1b30,#b42c44);border-radius:1rem .25rem 1rem 1rem}.chat-typing{background:#f7f5f0;border-radius:.25rem 1rem 1rem;gap:4px;width:fit-content;padding:.625rem .875rem;display:flex}.typing-dot{background:#838790;border-radius:50%;width:7px;height:7px;animation:1.2s infinite typing-bounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-input-area{background:#fcfbf9;border-top:1px solid #ebeae4;align-items:flex-end;gap:.5rem;padding:.75rem;display:flex}.chat-input{resize:none;background:#fff;border:1.5px solid #d5d3c8;border-radius:1.25rem;outline:none;flex:1;max-height:120px;padding:.625rem .875rem;font-family:Inter,sans-serif;font-size:.8125rem;line-height:1.5;transition:border-color .15s}.chat-input:focus{border-color:#9b1b30}.chat-send-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#9b1b30,#b42c44);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.chat-send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #9b1b304d}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.chat-completeness{color:#575a60;background:#f7f5f0;border-top:1px solid #ebeae4;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.7rem;font-weight:600;display:flex}.completeness-bar{background:#ebeae4;border-radius:2px;flex:1;height:4px;overflow:hidden}.completeness-fill{background:linear-gradient(90deg,#f59e0b,#16a34a);border-radius:2px;height:100%;transition:width .5s}.aspirasi-btn-primary{color:#fff;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#9b1b30 0%,#b42c44 50%,#9b1b30 100%) 0 0/200%;border:none;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9rem 1.5rem;font-size:.9375rem;font-weight:800;transition:all .3s;display:flex;box-shadow:0 4px 16px #9b1b3040}.aspirasi-btn-primary:hover:not(:disabled){background-position:100%;transform:translateY(-1px);box-shadow:0 8px 24px #9b1b3059}.aspirasi-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.aspirasi-btn-secondary{color:#575a60;cursor:pointer;background:#fff;border:1.5px solid #d5d3c8;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.aspirasi-btn-secondary:hover{color:#9b1b30;background:#fff8f8;border-color:#9b1b30}.aspirasi-actions{flex-direction:column;gap:.625rem;margin-top:1.125rem;padding-bottom:2rem;display:flex}.urgency-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.urgency-low{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.urgency-medium{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.urgency-high{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.urgency-critical{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.preview-card{background:#fff;border:1px solid #ebeae4;border-radius:1.25rem;animation:.3s cubic-bezier(.4,0,.2,1) slide-up;overflow:hidden;box-shadow:0 4px 24px -6px #1c1e210f}.preview-header{color:#fff;background:linear-gradient(135deg,#1c1e21,#2d3035);padding:1.25rem 1.5rem}.preview-ticket-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:.25rem;font-size:.7rem;font-weight:700}.preview-ticket-id{letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:900}.preview-body{padding:1.25rem 1.5rem}.preview-row{border-bottom:1px solid #f7f5f0;align-items:flex-start;gap:.75rem;padding:.625rem 0;display:flex}.preview-row:last-child{border-bottom:none}.preview-icon{flex-shrink:0;width:22px;margin-top:1px;font-size:.875rem}.preview-key{color:#838790;text-transform:uppercase;letter-spacing:.05em;min-width:100px;font-size:.7rem;font-weight:700}.preview-val{color:#1c1e21;flex:1;font-size:.8125rem;font-weight:500}.boost-badge{color:#92400e;background:linear-gradient(135deg,#fef9c3,#fef08a);border:1px solid #fde047;border-radius:.375rem;align-items:center;gap:.25rem;margin-left:.25rem;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}@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:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.chat-mic-btn{cursor:pointer;color:#fff;background:#1c1e21;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.chat-mic-btn:hover{background:#000;transform:scale(1.05)}.chat-mic-btn:disabled{opacity:.3;color:#838790;cursor:not-allowed;background:#d5d3c8;transform:none}.chat-mic-btn.recording{background:#dc2626;animation:1.5s infinite pulse-recording;transform:scale(1.05)}.mic-stop-icon{background:#fff;border-radius:2px;width:10px;height:10px}@keyframes pulse-recording{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 8px #dc262600}to{box-shadow:0 0 #dc262600}}.elderly-mode{font-size:1.15rem!important;line-height:1.6!important}.elderly-mode button,.elderly-mode input,.elderly-mode textarea{padding:.875rem 1rem!important;font-size:1rem!important}.elderly-mode .text-xs{font-size:.875rem!important}.elderly-mode .text-sm{font-size:1rem!important}.glass-card{-webkit-backdrop-filter:blur(16px);background:#0f172ad9;border:1px solid #ffffff1a}.waveform-bar{background-color:#ef4444;border-radius:3px;width:3px;margin:0 1px;animation:1s ease-in-out infinite alternate wave;display:inline-block}@keyframes wave{0%{height:4px}to{height:18px}}.map-container{border:1px solid #ffffff26;border-radius:1rem;overflow:hidden;box-shadow:0 10px 25px -5px #00000080}