/* Home Composer v17 — mantém o textarea original do HORA MUSIC e refina o layout inspirado em composer de IA. */
.home-hero-v17{overflow:visible!important;padding-top:clamp(20px,3.2vw,38px)!important;padding-bottom:clamp(34px,5vw,64px)}
.home-hero-copy-v17{position:relative;z-index:2;gap:7px!important}
.home-hero-copy-v17 .hero-title{max-width:900px;margin:0 auto;font-size:clamp(34px,5.3vw,68px);line-height:1.015;letter-spacing:-.045em}
.home-hero-copy-v17 .hero-desc{max-width:680px;margin:2px auto 0;font-size:14px;line-height:1.6;color:color-mix(in oklab,var(--text) 58%,transparent)}
.home-typing-line{display:inline-flex;align-items:baseline;justify-content:center;min-height:1.08em}
.home-typing-cursor{display:inline-block;width:2px;height:.82em;margin-left:5px;border-radius:2px;background:currentColor;animation:homeCursorBlink .88s steps(1) infinite;opacity:.82}
@keyframes homeCursorBlink{50%{opacity:0}}

.home-composer-wrap{position:relative;z-index:20;margin-top:clamp(12px,1.9vw,20px);max-width:860px!important;padding-inline:0!important}
.home-ai-composer{position:relative;overflow:visible!important;padding:14px 16px 13px;border:2px solid rgba(139,92,246,.34);border-radius:20px;background:linear-gradient(180deg,rgba(25,25,31,.96),rgba(17,17,21,.985));box-shadow:0 22px 65px rgba(0,0,0,.28),0 10px 35px rgba(124,58,237,.09);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.home-ai-composer:hover,.home-ai-composer:focus-within{border-color:rgba(139,92,246,.58);box-shadow:0 24px 70px rgba(0,0,0,.34),0 14px 42px rgba(124,58,237,.16)}
.home-ai-composer.voice-menu-open{z-index:80;border-color:rgba(139,92,246,.68);box-shadow:0 26px 80px rgba(0,0,0,.45),0 14px 48px rgba(124,58,237,.2)}

/* Usa o textarea original do projeto: textarea-field + instruction-textarea. */
.home-ai-composer .instruction-textarea{width:100%;min-height:104px;max-height:280px;display:block;resize:none!important;margin:0;border:0!important;border-radius:0!important;outline:0!important;background:transparent!important;color:var(--text,#f8fafc)!important;padding:8px 4px 7px!important;font:inherit;font-size:17px!important;line-height:1.58!important;box-shadow:none!important}
.home-ai-composer .instruction-textarea:focus{border:0!important;outline:0!important;box-shadow:none!important}
.home-ai-composer .instruction-textarea::placeholder{color:rgba(248,250,252,.40)!important;font-style:italic}
.home-composer-divider{border-top:1px dashed rgba(255,255,255,.15);margin:10px 0 12px}
.home-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;position:relative;z-index:2}
.home-composer-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.home-composer-tool{appearance:none;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.024);color:rgba(248,250,252,.78);font-size:13px;font-weight:680;cursor:pointer;transition:.18s ease;white-space:nowrap}
.home-composer-tool svg{width:16px;height:16px;flex:0 0 auto}.home-composer-tool:hover,.home-composer-tool[aria-expanded="true"]{color:#d8ccff;border-color:rgba(139,92,246,.53);background:rgba(139,92,246,.13);transform:translateY(-1px)}
.home-voice-picker{position:relative;z-index:90}.home-voice-trigger>svg:last-child{width:13px;height:13px;opacity:.58;transition:transform .16s ease}.home-voice-trigger[aria-expanded="true"]>svg:last-child{transform:rotate(180deg)}
.home-voice-menu{position:absolute;z-index:9999;top:calc(100% + 8px);left:0;width:220px;padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:#15151b;box-shadow:0 24px 70px rgba(0,0,0,.62),0 0 0 1px rgba(139,92,246,.05)}
.home-voice-menu[hidden]{display:none!important}.home-voice-menu button{width:100%;border:0;background:transparent;color:rgba(248,250,252,.82);display:grid;grid-template-columns:18px 1fr 16px;align-items:center;gap:9px;padding:10px 9px;border-radius:9px;text-align:left;font-size:13px;font-weight:600;cursor:pointer}.home-voice-menu button:hover{background:rgba(139,92,246,.13);color:#fff}.home-voice-menu button svg{width:15px;height:15px}.home-voice-menu button>svg:last-child{opacity:0;color:#a78bfa}.home-voice-menu button[aria-selected="true"]{background:rgba(139,92,246,.14);color:#fff}.home-voice-menu button[aria-selected="true"]>svg:last-child{opacity:1}

.home-composer-submit{display:flex;align-items:center;gap:12px;margin-left:auto}.home-char-count{font-size:12px;color:rgba(248,250,252,.48);font-variant-numeric:tabular-nums}
.home-create-button{position:relative;isolation:isolate;overflow:hidden;min-height:46px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:linear-gradient(135deg,#b69cff 0%,#9568ff 44%,#7c3aed 100%);color:#0b0712;padding:0 21px;cursor:pointer;box-shadow:0 10px 30px rgba(124,58,237,.38),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.home-create-button:hover{filter:brightness(1.1);transform:translateY(-2px) scale(1.02);box-shadow:0 15px 38px rgba(124,58,237,.48),0 0 0 4px rgba(139,92,246,.08)}.home-create-button:active{transform:scale(.985)}.home-create-button:disabled{opacity:.6;cursor:wait;transform:none}.home-create-label{position:relative;z-index:2;display:flex;align-items:center;gap:8px;white-space:nowrap}.home-create-label svg{width:17px;height:17px}.home-create-label b{font-size:13.5px;letter-spacing:.005em}.home-create-label small{font-size:10.5px;font-weight:850;opacity:.74;padding-left:8px;border-left:1px solid rgba(0,0,0,.22)}
.home-create-beam{position:absolute;z-index:1;inset:-2px;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.82),transparent);transform:translateX(-160%) skewX(-18deg);animation:hora-home-beam 2.75s ease-in-out infinite;pointer-events:none}@keyframes hora-home-beam{0%,55%{transform:translateX(-160%) skewX(-18deg)}85%,100%{transform:translateX(330%) skewX(-18deg)}}

.home-start-options{margin-top:15px;display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap}.home-start-label{font-size:11.5px;font-weight:820;letter-spacing:.075em;text-transform:uppercase;color:rgba(248,250,252,.5)}.home-start-buttons{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.home-start-buttons a{height:40px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(15,15,18,.64);color:rgba(248,250,252,.84);text-decoration:none;font-size:13px;font-weight:680;transition:.18s ease}.home-start-buttons a svg{width:15px;height:15px}.home-start-buttons a:hover{color:#d8ccff;background:rgba(139,92,246,.11);border-color:rgba(139,92,246,.46);transform:translateY(-1px)}

.home-section-kicker{display:inline-flex;align-items:center;gap:7px;color:#b9a6ff;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.home-section-kicker svg{width:15px;height:15px}
.home-latest-wrap{position:relative;z-index:4;margin-top:clamp(34px,5vw,58px)}.home-latest-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.home-latest-head h2{margin:6px 0 4px;font-size:clamp(22px,3vw,32px);letter-spacing:-.035em}.home-latest-head p{margin:0;max-width:680px;color:var(--muted);font-size:13.5px;line-height:1.55}.home-latest-see{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:#c8b9ff;text-decoration:none;font-size:13px;font-weight:750}.home-latest-see svg{width:15px;height:15px}.home-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-latest-grid .track-card{min-width:0;border-radius:18px;background:linear-gradient(180deg,rgba(25,25,31,.86),rgba(14,14,18,.9));border-color:rgba(255,255,255,.09);box-shadow:0 14px 38px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.home-latest-grid .track-card:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.34);box-shadow:0 18px 44px rgba(0,0,0,.24)}.home-latest-grid .track-art{min-height:152px}.home-latest-grid .track-play{opacity:1;transform:scale(.92)}.home-latest-grid .track-info{padding:13px 14px 10px}.home-latest-grid .track-title{font-size:14px}.home-latest-grid .track-genre{font-size:12.5px;line-height:1.45}.home-latest-grid .track-meta{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-latest-grid .track-actions{padding:0 12px 12px}.home-latest-grid .track-action{font-size:10px}.home-latest-empty{min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px dashed rgba(255,255,255,.13);border-radius:18px;color:var(--muted);font-size:13px}.home-latest-empty svg{width:25px;height:25px;color:#a78bfa}

.home-how-section{padding-top:clamp(44px,6vw,72px)}.home-how-head{text-align:center;max-width:720px;margin:0 auto 25px}.home-how-head h2{margin:7px 0 8px;font-size:clamp(27px,3.8vw,42px);letter-spacing:-.045em}.home-how-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.home-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-how-card{position:relative;min-height:232px;padding:20px 18px 19px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden}.home-how-card::after{content:"";position:absolute;width:130px;height:130px;right:-62px;bottom:-72px;border-radius:50%;background:rgba(139,92,246,.09);filter:blur(2px)}.home-step-number{position:absolute;top:15px;right:16px;font-size:11px;font-weight:900;letter-spacing:.08em;color:rgba(255,255,255,.28)}.home-step-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(139,92,246,.13);color:#bca9ff;border:1px solid rgba(139,92,246,.18)}.home-step-icon svg{width:20px;height:20px}.home-how-card h3{margin:18px 0 8px;font-size:16px}.home-how-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.62}.home-how-cta{margin-top:14px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(139,92,246,.17);border-radius:18px;background:rgba(139,92,246,.055)}.home-how-cta>div{display:grid;gap:3px}.home-how-cta b{font-size:14px}.home-how-cta span{color:var(--muted);font-size:12.5px;line-height:1.45}.home-how-cta .btn{flex:0 0 auto}

@media(max-width:980px){.home-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
  .home-hero-v17{padding-top:17px!important;padding-bottom:40px}.home-hero-copy-v17{padding-inline:8px}.home-hero-copy-v17 .hero-title{font-size:clamp(31px,9.4vw,45px);line-height:1.04}.home-hero-copy-v17 .hero-desc{font-size:13px;line-height:1.55;max-width:34rem}.home-composer-wrap{margin-top:12px;padding:0 13px!important}.home-ai-composer{padding:11px 12px;border-radius:17px}.home-ai-composer .instruction-textarea{min-height:100px!important;font-size:15px!important;line-height:1.52!important;padding:5px 2px 7px!important}.home-composer-footer{align-items:flex-end;gap:9px}.home-composer-tools{gap:6px;max-width:100%}.home-composer-tool{height:36px;padding:0 10px;font-size:12px;gap:6px}.home-composer-tool svg{width:14px;height:14px}.home-composer-submit{margin-left:auto;gap:8px}.home-create-button{min-height:42px;padding:0 15px}.home-create-label b{font-size:12.5px}.home-create-label small{display:none}.home-start-options{display:grid;gap:9px;text-align:center}.home-start-buttons{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.home-start-buttons a{padding:0 8px;justify-content:center;font-size:11.5px;min-width:0}.home-latest-wrap{margin-top:34px;padding-inline:16px}.home-latest-head{align-items:flex-start}.home-latest-head p{font-size:12.5px}.home-latest-see{font-size:12px}.home-how-section{padding-inline:16px}.home-how-cta{align-items:flex-start;flex-direction:column}.home-how-cta .btn{width:100%;justify-content:center}
}
@media(max-width:540px){.home-latest-head{display:grid;gap:10px}.home-latest-grid{grid-template-columns:1fr}.home-latest-grid .track-art{min-height:175px}.home-how-grid{grid-template-columns:1fr}.home-how-card{min-height:auto}.home-start-buttons{grid-template-columns:1fr 1fr 1fr}.home-start-buttons a span{white-space:nowrap}.home-voice-menu{left:auto;right:0;width:min(220px,86vw)}}
@media(max-width:420px){.home-composer-footer{display:grid;grid-template-columns:1fr auto}.home-composer-tools{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.home-composer-tool{padding:0 6px;overflow:visible}.home-composer-tool span{overflow:hidden;text-overflow:ellipsis}.home-composer-submit{grid-column:1/-1;width:100%;justify-content:space-between}.home-create-button{flex:0 0 auto}.home-start-buttons{grid-template-columns:1fr}.home-start-buttons a{font-size:12.5px}.home-typing-cursor{margin-left:3px}.home-latest-wrap{padding-inline:13px}.home-how-section{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.home-typing-cursor,.home-create-beam{animation:none!important}}