:root{--bg:#0a0908;--bg-2:#131110;--surface:#1a1716;--surface-2:#221e1c;--surface-3:#2a2522;--fg:#f5f3f0;--fg-muted:#9b948e;--fg-faint:#5e574f;--primary:#f5b73a;--primary-soft:#f5b73a1f;--primary-border:#f5b73a40;--accent:#ec6b8e;--success:#4fe5b0;--warning:#f5b73a;--error:#ec6b8e;--info:#4aa8ff;--hair:#ffffff14;--hair-2:#ffffff0d;--radius:16px;--radius-sm:10px;--radius-xs:8px;--shadow:0 8px 32px -12px #00000080;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--max-width:480px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--fg);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.5;overflow-x:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}.app{min-height:100dvh;max-width:var(--max-width);background:var(--bg);flex-direction:column;margin:0 auto;display:flex;position:relative}.app-content{padding-bottom:calc(72px + var(--safe-bottom));flex:1}.bottom-nav{width:100%;max-width:var(--max-width);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--hair);padding:4px 0 calc(4px + var(--safe-bottom));z-index:100;background:#131110eb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{border-radius:var(--radius-xs);color:var(--fg-faint);flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-size:9px;font-weight:500;transition:color .2s,background .2s;display:flex;position:relative}.nav-item.active{color:var(--primary)}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 0 4px 4px;width:20px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-item svg{width:18px;height:18px}.app-header{border-bottom:1px solid var(--hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#13111099;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.app-header h1{letter-spacing:-.02em;font-size:18px;font-weight:600}.header-back{color:var(--fg-muted);border-radius:var(--radius-xs);align-items:center;gap:6px;padding:6px 10px 6px 6px;font-size:14px;transition:color .2s;display:flex}.header-back:hover{color:var(--fg)}.header-back svg{width:18px;height:18px}.page{padding:20px;animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-title{letter-spacing:-.03em;margin-bottom:6px;font-size:28px;font-weight:700}.page-subtitle{color:var(--fg-muted);margin-bottom:24px;font-size:15px}.card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);margin-bottom:14px;padding:18px}.card-title{color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:13px;font-weight:600}.status-badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.form-group{margin-bottom:20px}.form-label{color:var(--fg);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-label .required{color:var(--accent);margin-left:2px}.form-hint{color:var(--fg-faint);margin-top:6px;font-size:12px;line-height:1.4}.form-input,.form-textarea,.form-select{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--radius-sm);width:100%;color:var(--fg);outline:none;padding:13px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-input::placeholder,.form-textarea::placeholder{color:var(--fg-faint)}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%239b948e' stroke-width='2'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.form-error{color:var(--error);border-radius:var(--radius-xs);background:#ec6b8e1a;border:1px solid #ec6b8e33;margin-top:8px;padding:8px 12px;font-size:13px}.btn{border-radius:var(--radius-sm);text-align:center;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:opacity .2s,transform .1s,background .2s;display:flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#1a0f00}.btn-secondary{background:var(--surface-2);color:var(--fg);border:1px solid var(--hair)}.btn-outline{color:var(--primary);border:1px solid var(--primary-border);background:0 0}.btn-success{background:var(--success);color:#04140e}.btn-danger{background:var(--error);color:#fff}.btn-whatsapp{color:#04140e;background:#25d366}.chip{background:var(--surface-2);border:1px solid var(--hair);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.option-card{background:var(--surface-2);border:2px solid var(--hair);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:8px;padding:14px 16px;transition:border-color .2s,background .2s;display:flex}.option-card.selected{border-color:var(--primary);background:var(--primary-soft)}.option-radio{border:2px solid var(--fg-faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .2s,background .2s;display:flex}.option-card.selected .option-radio{border-color:var(--primary);background:var(--primary)}.option-card.selected .option-radio:after{content:"";background:#1a0f00;border-radius:50%;width:8px;height:8px}.option-label{font-size:15px;font-weight:500}.checkbox-row{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:12px 14px;transition:border-color .2s;display:flex}.checkbox-row.checked{border-color:var(--primary-border)}.checkbox{border:2px solid var(--fg-faint);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.checkbox-row.checked .checkbox{border-color:var(--primary);background:var(--primary)}.checkbox-row.checked .checkbox:after{content:"✓";color:#1a0f00;font-size:13px;font-weight:700}.order-list{flex-direction:column;gap:12px;display:flex}.order-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:16px;transition:border-color .2s,transform .15s}.order-card:active{transform:scale(.98)}.order-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.order-ref{font-family:var(--font-mono);color:var(--primary);font-size:13px;font-weight:600}.order-event{margin-bottom:4px;font-size:16px;font-weight:600}.order-person{color:var(--fg-muted);font-size:13px}.order-card-footer{border-top:1px solid var(--hair-2);justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.order-price{font-size:15px;font-weight:600}.empty-state{text-align:center;color:var(--fg-muted);padding:48px 20px}.empty-state svg{opacity:.3;width:48px;height:48px;margin-bottom:16px}.empty-state h3{color:var(--fg);margin-bottom:6px;font-size:18px;font-weight:600}.empty-state p{font-size:14px}.spinner{justify-content:center;align-items:center;padding:40px;display:flex}.spinner-circle{border:3px solid var(--surface-2);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.detail-row{border-bottom:1px solid var(--hair-2);border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:10px 0 10px 12px;font-size:14px;display:flex}.detail-row:last-child{border-bottom:none}.detail-row.cat-client{border-left-color:#4aa8ff}.detail-row.cat-occasion{border-left-color:#f5b73a}.detail-row.cat-message{border-left-color:#ec6b8e}.detail-row.cat-music{border-left-color:#4fe5b0}.detail-label{flex-shrink:0;font-weight:600}.detail-row.cat-client .detail-label{color:#4aa8ff}.detail-row.cat-occasion .detail-label{color:#f5b73a}.detail-row.cat-message .detail-label{color:#ec6b8e}.detail-row.cat-music .detail-label{color:#4fe5b0}.detail-value{text-align:right;word-break:break-word;font-weight:500}.hero{text-align:center;padding:40px 20px 32px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#f5b73a14,#0000 60%);width:140%;height:120%;position:absolute;top:-40%;left:-20%}.hero-icon{margin-bottom:8px;font-size:48px}.brand-name{letter-spacing:.18em;text-transform:uppercase;color:var(--primary);border:1px solid var(--primary-border);background:var(--primary-soft);border-radius:999px;margin-bottom:10px;padding:4px 14px;font-size:13px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-.03em;margin-bottom:8px;font-size:32px;font-weight:700;position:relative}.hero p{color:var(--fg-muted);max-width:320px;margin:0 auto 24px;font-size:16px;position:relative}.feature-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:16px}.feature-icon{margin-bottom:8px;font-size:28px}.feature-card h3{margin-bottom:4px;font-size:14px;font-weight:600}.feature-card p{color:var(--fg-muted);font-size:12px;line-height:1.4}.section-divider{align-items:center;gap:12px;margin:24px 0 16px;display:flex}.section-divider:before,.section-divider:after{content:"";background:var(--hair);flex:1;height:1px}.section-divider span{color:var(--fg-faint);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600}.pricing-grid{grid-template-columns:1fr;gap:14px;margin-bottom:12px;display:grid}@media (width>=481px){.pricing-grid{grid-template-columns:1fr 1fr}}.pricing-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);text-align:center;padding:20px 18px;transition:border-color .25s,transform .25s;position:relative}.pricing-card:hover{border-color:var(--primary-border);transform:translateY(-2px)}.pricing-card-featured{border:2px solid var(--primary);background:var(--primary-soft);box-shadow:0 12px 40px -20px #f5b73a66}.pricing-badge{background:var(--primary);color:#1a0f00;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:12px;padding:3px 12px;font-size:10px;font-weight:700;display:inline-block}.pricing-icon{margin-bottom:8px;font-size:32px}.pricing-title{margin-bottom:8px;font-size:16px;font-weight:700}.pricing-price{color:var(--primary);letter-spacing:-.03em;margin-bottom:16px;font-size:38px;font-weight:800;line-height:1}.pricing-currency{color:var(--fg-muted);font-size:14px;font-weight:600}.pricing-features{text-align:left;margin:0;padding:0;list-style:none}.pricing-features li{color:var(--fg);border-top:1px solid var(--hair-2);padding:6px 0 6px 22px;font-size:13px;line-height:1.4;position:relative}.pricing-features li:first-child{border-top:none}.pricing-features li:before{content:"✓";color:var(--primary);font-size:13px;font-weight:700;position:absolute;top:6px;left:0}.pricing-note{color:var(--fg-faint);text-align:center;margin-bottom:24px;font-size:12px}.payment-methods{text-align:center;margin-top:16px;margin-bottom:8px}.payment-label{color:var(--fg-faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:11px;font-weight:600}.payment-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.payment-chip{background:var(--surface-2);border:1px solid var(--primary-border);color:var(--fg);border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;display:inline-flex}.payment-chip:before{content:"";background:var(--primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.step-indicator{justify-content:center;align-items:center;gap:6px;margin-bottom:24px;display:flex}.step-dot{background:var(--hair);border-radius:50%;width:8px;height:8px;transition:background .3s}.step-dot.active{background:var(--primary)}.step-dot.done{background:var(--success)}.step-bar{background:var(--hair);width:24px;height:2px;transition:background .3s}.step-bar.done{background:var(--success)}.phone-input-row{gap:8px;display:flex}.phone-input-row select{flex-shrink:0;width:130px}.phone-input-row input{flex:1}.upload-zone{border:2px dashed var(--hair);border-radius:var(--radius-sm);text-align:center;cursor:pointer;padding:24px;transition:border-color .2s,background .2s}.upload-zone:hover{border-color:var(--primary-border);background:var(--primary-soft)}.upload-zone svg{width:32px;height:32px;color:var(--fg-muted);margin-bottom:8px}.upload-zone p{color:var(--fg-muted);font-size:14px}.audio-player{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--radius);text-align:center;padding:20px}.audio-player-timer{font-family:var(--font-mono);color:var(--primary);margin-bottom:16px;font-size:32px;font-weight:600}.audio-progress{background:var(--surface-3);border-radius:2px;height:4px;margin-bottom:16px;overflow:hidden}.audio-progress-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .1s linear}.alert{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-bottom:16px;padding:14px 16px;font-size:14px;display:flex}.alert-warning{color:var(--warning);background:#f5b73a1a;border:1px solid #f5b73a40}.alert-info{color:var(--info);background:#4aa8ff1a;border:1px solid #4aa8ff40}.alert-success{color:var(--success);background:#4fe5b01a;border:1px solid #4fe5b040}.profile-header{border-bottom:1px solid var(--hair);align-items:center;gap:14px;margin-bottom:20px;padding:24px 20px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--primary), var(--accent));color:#1a0f00;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:700;display:flex}.profile-name{font-size:18px;font-weight:600}.profile-email{color:var(--fg-muted);font-size:13px}@media (width>=481px){:root{--max-width:520px}}@media (width>=768px){:root{--max-width:600px}}.chat-container{height:calc(100vh - 72px - var(--safe-bottom));height:calc(100dvh - 72px - var(--safe-bottom));flex-direction:column;padding:0 20px;display:flex}.chat-messages{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;padding:16px 0 8px;display:flex;overflow-y:auto}.chat-bubble{word-wrap:break-word;max-width:82%;animation:bubbleIn .3s var(--ease-spring);border-radius:18px;padding:12px 16px;font-size:15px;line-height:1.5}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-bubble.assistant{color:var(--fg);background:#1e2530;border:1px solid #4aa8ff26;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 2px 10px -6px #0006}.chat-bubble.user{color:#1a0f00;background:linear-gradient(135deg,#f5b73a,#e89e1a);border-bottom-right-radius:4px;align-self:flex-end;font-weight:500;box-shadow:0 4px 16px -6px #f5b73a73}.chat-bubble.welcome{border:1px solid var(--primary-border);color:var(--fg);background:linear-gradient(135deg,#f5b73a1a,#ec6b8e0f);border-bottom-left-radius:4px;align-self:flex-start}.chat-typing{background:var(--surface-2);border:1px solid var(--hair);border-radius:18px 18px 18px 4px;align-self:flex-start;align-items:center;gap:4px;padding:14px 18px;display:flex}.chat-typing-dot{background:var(--fg-faint);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite typingBounce}.chat-typing-dot:nth-child(2){animation-delay:.16s}.chat-typing-dot:nth-child(3){animation-delay:.32s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.chat-input-area{padding:12px 0 calc(12px + var(--safe-bottom));border-top:1px solid var(--hair);align-items:flex-end;gap:8px;display:flex}.chat-input{background:var(--surface-2);border:1px solid var(--hair);color:var(--fg);resize:none;border-radius:22px;outline:none;flex:1;min-height:44px;max-height:120px;padding:12px 16px;font-size:15px;line-height:1.4;transition:border-color .2s}.chat-input:focus{border-color:var(--primary)}.chat-send-btn{background:var(--primary);color:#1a0f00;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .2s,transform .1s;display:flex}.chat-send-btn:active{transform:scale(.92)}.chat-send-btn:disabled{opacity:.4}.chat-progress{color:var(--fg-faint);align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.chat-progress-bar{background:var(--surface-3);border-radius:2px;flex:1;height:3px;overflow:hidden}.chat-progress-fill{background:var(--primary);height:100%;transition:width .4s var(--ease);border-radius:2px}.chat-progress-text{white-space:nowrap}.summary-card{background:var(--surface);border:1px solid var(--primary-border);border-radius:var(--radius);margin-bottom:14px;padding:18px;animation:.4s fadeIn}.summary-title{align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:700;display:flex}.summary-row{border-bottom:1px solid var(--hair-2);border-left:3px solid #0000;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0 10px 12px;font-size:14px;display:flex}.summary-row:last-child{border-bottom:none}.summary-row.cat-client{border-left-color:#4aa8ff}.summary-row.cat-occasion{border-left-color:#f5b73a}.summary-row.cat-message{border-left-color:#ec6b8e}.summary-row.cat-music{border-left-color:#4fe5b0}.summary-label{flex-shrink:0;min-width:110px;font-weight:600}.summary-row.cat-client .summary-label{color:#4aa8ff}.summary-row.cat-occasion .summary-label{color:#f5b73a}.summary-row.cat-message .summary-label{color:#ec6b8e}.summary-row.cat-music .summary-label{color:#4fe5b0}.summary-value{text-align:right;word-break:break-word;flex:1;font-weight:500}.summary-edit-btn{color:var(--primary);border-radius:6px;flex-shrink:0;align-self:center;padding:2px 8px;font-size:12px;transition:background .2s}.summary-edit-btn:hover{background:var(--primary-soft)}.lyrics-card{border:1px solid var(--primary-border);border-radius:var(--radius);background:linear-gradient(135deg,#ffffff08,#ffffff03);margin-bottom:14px;padding:18px;animation:.5s fadeIn}.lyrics-title{color:var(--primary);align-items:center;gap:6px;margin-bottom:12px;font-size:16px;font-weight:700;display:flex}.lyrics-content{white-space:pre-wrap;word-wrap:break-word;color:var(--fg);max-height:400px;margin:0;padding:0;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.8;overflow-y:auto}.lyrics-generating{background:var(--surface);border:1px solid var(--primary-border);border-radius:var(--radius);margin-bottom:14px;padding:18px}.edit-modal-overlay{z-index:200;background:#0009;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.edit-modal{background:var(--bg-2,var(--bg));border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:var(--max-width);padding:24px 20px calc(24px + var(--safe-bottom));animation:slideUp .3s var(--ease-spring);max-height:85vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.edit-modal-handle{background:var(--hair);border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.edit-modal-title{margin-bottom:16px;font-size:18px;font-weight:600}.chat-header{border-bottom:1px solid var(--hair);-webkit-backdrop-filter:blur(20px);z-index:50;background:#131110eb;align-items:center;gap:12px;padding:14px 20px;display:flex;position:sticky;top:0}.chat-header-avatar{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.chat-header-info{flex:1}.chat-header-name{font-size:15px;font-weight:600}.chat-header-status{color:var(--success);align-items:center;gap:4px;font-size:12px;display:flex}.chat-header-status:before{content:"";background:var(--success);border-radius:50%;width:6px;height:6px}.chat-header-back{color:var(--fg-muted);align-items:center;display:flex}.chat-header-back:hover{color:var(--fg)}