:root{--mood-color: #e94560}body{background-color:#06060f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#e0e0e0;min-height:100vh}.compose-page{width:100%;max-width:820px;margin:0 auto;padding:40px 20px 100px;display:flex;flex-direction:column;gap:36px;position:relative}.compose-page:before{content:"";position:fixed;top:-20vh;left:50%;transform:translate(-50%);width:140vw;height:80vh;border-radius:50%;background-color:var(--mood-color);opacity:.055;filter:blur(120px);pointer-events:none;z-index:-1;transition:background-color .7s ease,opacity .7s ease}.compose-header{text-align:center;padding-bottom:4px}.compose-header__title{font-size:2.4rem;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-.01em}.compose-header__subtitle{font-size:1.1rem;color:#777;max-width:500px;margin:0 auto;line-height:1.7}.step-card{background-color:#0e0e20;border:1px solid #1e1e3a;border-radius:20px;padding:32px}.step-card__badge{display:inline-flex;align-items:center;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mood-color);background-color:#11112ae0;border:1px solid rgba(17,17,42,.65);border-radius:999px;padding:4px 14px;margin-bottom:16px;transition:color .5s,background-color .5s,border-color .5s}.step-card__title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3}.step-card__hint{font-size:.9rem;color:#555;margin-bottom:26px;line-height:1.6}.mood-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.mood-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 10px 16px;background-color:#11112a;border:2px solid #1e1e3a;border-radius:16px;cursor:pointer;transition:border-color .25s,background-color .25s,transform .18s;color:#bbb}.mood-btn:hover{border-color:var(--btn-color, #e94560);background-color:#11112aeb;transform:translateY(-3px);color:#fff}.mood-btn.selected{border-color:var(--btn-color, #e94560);background-color:#11112adb;color:#fff}.mood-btn.selected .mood-btn__emoji{transform:scale(1.25)}.mood-btn__emoji{font-size:2.4rem;display:block;transition:transform .25s}.mood-btn__label{font-size:.8rem;font-weight:700;text-align:center;line-height:1.3}.mood-viz{display:flex;align-items:flex-end;gap:2px;height:22px;margin-top:4px}.mood-viz span{width:5px;min-height:3px;border-radius:2px 2px 0 0;background-color:var(--btn-color, #e94560);opacity:.5;animation-name:bar-wave;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused;animation-delay:calc(var(--i) * .2s)}.mood-btn:hover .mood-viz span,.mood-btn.selected .mood-viz span{animation-play-state:running;opacity:.85}.mood-btn[data-pulse=sharp] .mood-viz span{animation-name:bar-chaos;animation-duration:.35s;animation-delay:calc(var(--i) * .04s)}.mood-btn[data-pulse=slow] .mood-viz span{animation-name:bar-wave;animation-duration:2.6s;animation-delay:calc(var(--i) * .35s)}.mood-btn[data-pulse=drift] .mood-viz span{animation-name:bar-rise;animation-duration:3.2s;animation-delay:calc(var(--i) * .42s)}.mood-btn[data-pulse=bounce] .mood-viz span{animation-name:bar-explode;animation-duration:.55s;animation-delay:calc(var(--i) * .07s)}.mood-btn[data-pulse=deep] .mood-viz span{animation-name:bar-steady;animation-duration:1.9s;animation-delay:0s}.mood-btn[data-pulse=float] .mood-viz span{animation-name:bar-minimal;animation-duration:4.2s;animation-delay:calc(var(--i) * .55s)}.mood-btn[data-pulse=rapid] .mood-viz span{animation-name:bar-chaos;animation-duration:.22s;animation-delay:calc(var(--i) * 25ms)}.song-identity{margin-top:24px;padding-top:24px;border-top:1px solid #1a1a35;display:flex;flex-direction:column;gap:8px}.song-identity__label{font-size:.88rem;font-weight:700;color:#777;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.song-identity__optional{font-size:.75rem;font-weight:400;color:#444;font-style:italic}.song-identity__input{padding:11px 14px;background-color:#0e0e22;border:1.5px solid #1e1e3a;border-radius:10px;font-size:.92rem;font-family:inherit;color:#e0e0e0;transition:border-color .15s;margin-bottom:8px}.song-identity__input:focus{outline:none;border-color:var(--mood-color)}.song-identity__input::placeholder{color:#333}.song-map{display:flex;gap:6px;margin-bottom:30px;overflow-x:auto;padding-bottom:2px}.song-map__seg{flex:1;min-width:84px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px;border:1.5px solid #1e1e3a;background-color:#0b0b1e;transition:border-color .4s,background-color .4s}.song-map__seg[data-state=done]{border-color:var(--mood-color);background-color:#0b0b1eeb}.song-map__icon{font-size:1.25rem}.song-map__name{font-size:.68rem;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.06em;text-align:center}.song-map__seg[data-state=done] .song-map__name{color:#aaa}.song-sections{display:flex;flex-direction:column;gap:16px}.section-block{position:relative;border-radius:14px;border:1px solid #1e1e3a;background-color:#0b0b1e;overflow:hidden}.section-block:before{content:"";position:absolute;top:0;left:0;bottom:0;width:5px;height:100%;background-color:var(--border-color, #444);transition:background-color .5s}.section-block[data-section=intro]{--border-color: #4a90e2 }.section-block[data-section=verse1]{--border-color: #27ae60}.section-block[data-section=chorus]{--border-color: #e94560}.section-block[data-section=verse2]{--border-color: #f39c12}.section-block[data-section=bridge]{--border-color: #9b59b6}.section-block[data-section=outro]{--border-color: #1abc9c}.section-block.just-done{animation:pulse-done 1.4s ease-out}.section-block__head{display:flex;align-items:center;gap:14px;padding:20px 22px}.section-block__icon{font-size:2rem;flex-shrink:0}.section-block__meta{flex:1;display:flex;flex-direction:column;gap:4px}.section-block__name{font-size:1.2rem;font-weight:800;color:#fff}.section-block__question{font-size:.88rem;color:#666;line-height:1.4}.section-block__status{flex-shrink:0;font-size:.76rem;font-weight:700;padding:5px 13px;border-radius:999px;border:1.5px solid #2a2a48;color:#444;background:transparent;white-space:nowrap;transition:color .25s,border-color .25s,background-color .25s}.section-block__status[data-state=loading]{color:#60a5fa;border-color:#3b82f6;background-color:#3b82f612}.section-block__status[data-state=done]{color:#4ade80;border-color:#22c55e;background-color:#22c55e12}.section-block__status[data-state=error]{color:#f87171;border-color:#f87171;background-color:#f8717112}.section-block__body{padding:0 22px 22px;border-top:1px solid #131330;display:flex;flex-direction:column;gap:14px}.section-block__body-label{font-size:.88rem;font-weight:700;color:#666;margin-top:18px;text-transform:uppercase;letter-spacing:.06em}.section-block__label{font-size:.82rem;font-weight:600;color:#555}.section-block__textarea{padding:12px 14px;background-color:#111126;border:1.5px solid #1e1e3a;border-radius:10px;font-size:.92rem;font-family:inherit;color:#e0e0e0;resize:vertical;transition:border-color .15s;line-height:1.6}.section-block__textarea:focus{outline:none;border-color:var(--mood-color)}.section-block__textarea::placeholder{color:#333}.section-block__actions{display:flex;gap:10px}.energy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:560px){.energy-grid{grid-template-columns:repeat(2,1fr)}}.energy-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 10px 12px;background-color:#0f0f24;border:1.5px solid #1e1e3a;border-radius:12px;cursor:pointer;color:#888;text-align:center;transition:border-color .2s,background-color .2s,transform .15s}.energy-card:hover{border-color:#1e1e3a66;background-color:#0f0f24f0;transform:translateY(-2px);color:#ddd}.energy-card.selected{border-color:var(--mood-color);background-color:#0f0f24e0;color:#fff}.energy-card.selected .energy-card__icon{transform:scale(1.2)}.energy-card__icon{font-size:1.6rem;transition:transform .2s}.energy-card__label{font-size:.8rem;font-weight:700;line-height:1.3}.energy-card__hint{font-size:.68rem;color:#444;font-style:italic}.energy-card:hover .energy-card__hint,.energy-card.selected .energy-card__hint{color:#777}.rhythm-viz{display:flex;align-items:flex-end;gap:2px;height:24px;margin:2px 0}.rhythm-viz span{width:100%;max-width:8px;min-height:3px;border-radius:2px 2px 0 0;background-color:var(--mood-color);opacity:.45;animation-name:bar-wave;animation-duration:1.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused;animation-delay:calc(var(--i) * .18s)}.energy-card:hover .rhythm-viz span,.energy-card.selected .rhythm-viz span{animation-play-state:running;opacity:.9}.chapter-card[data-playing=true] .rhythm-viz span{animation-play-state:running;opacity:1;background-color:var(--section-color, var(--mood-color))}.rhythm-viz[data-pattern=rise] span{animation-name:bar-rise;animation-duration:2.4s;animation-delay:calc(var(--i) * .28s)}.rhythm-viz[data-pattern=explode] span{animation-name:bar-explode;animation-duration:.48s;animation-delay:calc(var(--i) * .06s)}.rhythm-viz[data-pattern=minimal] span{animation-name:bar-minimal;animation-duration:3.8s;animation-delay:calc(var(--i) * .48s)}.rhythm-viz[data-pattern=steady] span{animation-name:bar-steady;animation-duration:.95s;animation-delay:0s}.rhythm-viz[data-pattern=chaos] span{animation-name:bar-chaos;animation-duration:.22s;animation-delay:calc(var(--i) * 25ms)}.rhythm-viz[data-pattern=smooth] span{animation-name:bar-wave;animation-duration:1.7s;animation-delay:calc(var(--i) * .21s)}.lyrics-field{display:flex;flex-direction:column;gap:8px}.lyrics-field__head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.lyrics-field__label{font-size:.88rem;font-weight:700;color:#888;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.lyrics-field__note{font-size:.72rem;font-weight:400;color:#444;font-style:italic}.lyrics-field__textarea{padding:12px 14px;background-color:#0d0d20;border:1.5px solid #1e1e3a;border-radius:10px;font-size:.88rem;color:#ccc;resize:vertical;line-height:1.75;transition:border-color .15s}.lyrics-field__textarea:focus{outline:none;border-color:var(--mood-color)}.lyrics-field__textarea::placeholder{color:#333}.chapter-card__lyrics{font-size:.78rem;color:#555;line-height:1.75;white-space:pre-line;margin:0;padding:8px 12px;border-left:2px solid rgba(128,128,128,.6);transition:color .3s}.chapter-card[data-playing=true] .chapter-card__lyrics{color:#999}.btn{padding:12px 26px;border:none;border-radius:10px;background-color:var(--mood-color);color:#fff;font-size:.94rem;font-weight:700;cursor:pointer;transition:filter .15s,opacity .15s,background-color .5s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn.secondary{background-color:#14142e;color:#999;border:1.5px solid #2a2a48}.btn.secondary:hover:not(:disabled){background-color:#1a1a3a;color:#ddd}.btn.small{padding:7px 16px;font-size:.8rem}.section-result{background-color:#111126;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;border:1px solid #1e1e3a}.section-result.error{background-color:#160610;border-color:#50162a}.section-result__label{font-size:.78rem;color:#555;font-style:italic;margin:0}.section-result__audio{width:100%;height:42px;accent-color:var(--mood-color)}.section-result__download{align-self:flex-start}.section-result__error-msg{color:#f87171;font-weight:600;margin:0;font-size:.9rem}.section-result__suggestion{display:flex;flex-direction:column;gap:6px;padding:12px;background-color:#0d0d22;border-radius:8px;border:1px solid #2a2a48}.section-result__suggestion-label{font-size:.72rem;font-weight:800;color:#666;text-transform:uppercase;letter-spacing:.08em}.section-result__suggestion-text{font-size:.88rem;color:#bbb;font-style:italic}.combine-controls{margin-bottom:20px}.combine-list{display:flex;flex-direction:column;gap:14px}.combine-empty{color:#444;font-size:.95rem;text-align:center;padding:32px 20px;border:1.5px dashed #1e1e3a;border-radius:14px;line-height:1.6}.chapter-card{background-color:#0e0e20;border:1.5px solid #1e1e3a;border-radius:14px;overflow:hidden;transition:border-color .4s,box-shadow .4s,background-color .4s}.chapter-card[data-playing=true]{border-color:var(--section-color, var(--mood-color));box-shadow:0 0 0 2px #808080b3,0 0 60px #808080e0;background-color:#0e0e20f5}.chapter-card__header{display:flex;align-items:center;gap:12px;padding:16px 20px 10px}.chapter-card__icon{font-size:1.8rem;flex-shrink:0}.chapter-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.chapter-card__name{font-size:1.05rem;font-weight:800;color:#fff}.chapter-card__energy{font-size:.78rem;color:#555;font-style:italic}.chapter-card[data-playing=true] .chapter-card__energy{color:var(--section-color, var(--mood-color))}.chapter-card__now-playing{font-size:.75rem;font-weight:700;color:var(--section-color, var(--mood-color));opacity:0;transition:opacity .3s;white-space:nowrap}.chapter-card[data-playing=true] .chapter-card__now-playing{opacity:1}.chapter-card__controls{padding:0 20px 16px}.chapter-card__audio{width:100%;height:40px;accent-color:var(--section-color, var(--mood-color))}.chapter-waveform{padding:6px 20px 8px;display:flex;align-items:center}.chapter-waveform .rhythm-viz{width:100%;height:36px}.chapter-waveform .rhythm-viz span{flex:1;max-width:none}@keyframes bar-wave{0%,to{height:7px;opacity:.45}50%{height:22px;opacity:1}}@keyframes bar-rise{0%,to{height:4px;opacity:.3}60%{height:24px;opacity:1}}@keyframes bar-explode{0%,to{height:4px;opacity:.35}12%{height:26px;opacity:1}30%{height:9px;opacity:.6}}@keyframes bar-minimal{0%,to{height:4px;opacity:.25}50%{height:7px;opacity:.5}}@keyframes bar-steady{0%,to{height:11px;opacity:.65}50%{height:23px;opacity:1}}@keyframes bar-chaos{0%{height:5px}20%{height:24px}40%{height:8px}60%{height:21px}80%{height:6px}to{height:18px}}@keyframes pulse-done{0%{box-shadow:0 0 #4ade808c}55%{box-shadow:0 0 0 22px #4ade8000}to{box-shadow:0 0 #4ade8000}}