.login-page{background:#0d0d0d;justify-content:center;min-height:100vh}.login-card,.login-page{align-items:center;display:flex}.login-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:20px;flex-direction:column;gap:12px;max-width:380px;padding:48px 40px;text-align:center;width:100%}.login-logo{font-size:48px;margin-bottom:4px}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0}.login-subtitle{color:#8892a4;font-size:13px;letter-spacing:2px;margin:0;text-transform:uppercase}.login-desc{color:#8892a4;font-size:14px;margin:8px 0 16px}.google-login-btn{align-items:center;background:#fff;border:none;border-radius:10px;color:#1f1f1f;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:13px 20px;transition:opacity .2s,transform .2s;width:100%}.google-login-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.google-login-btn:disabled{cursor:not-allowed;opacity:.6}.login-spinner{animation:spin .7s linear infinite;border:2px solid #7c3aed44;border-radius:50%;border-top-color:#7c3aed;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.login-error{color:#fca5a5;font-size:13px;margin:0}.login-note{color:#4a5568;font-size:11px;margin:0}.auth-loading{background:#0d0d0d;justify-content:center;min-height:100vh}.auth-loading,.user-bar{align-items:center;display:flex}.user-bar{background:#112;border-bottom:1px solid #2a2a4a;justify-content:space-between;padding:10px 20px;position:sticky;top:0;z-index:100}.user-info{align-items:center;display:flex;gap:8px}.user-avatar{border:1px solid #2a2a4a;border-radius:50%;height:28px;width:28px}.user-name{color:#e2e8f0;font-size:13px;font-weight:500}.signout-btn{background:#0000;border:1px solid #2a2a4a;border-radius:6px;color:#8892a4;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .2s}.signout-btn:hover{border-color:#7c3aed;color:#a78bfa}:root{--bg:#0d0d0d;--bg-card:#1a1a2e;--bg-section:#112;--border:#2a2a4a;--text:#e2e8f0;--text-muted:#8892a4;--purple:#7c3aed;--blue:#60a5fa;--green:#10b981;--amber:#f59e0b;--radius:12px;--radius-sm:8px;--transition:0.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#0d0d0d;background:var(--bg);color:#e2e8f0;color:var(--text);font-family:Inter,Noto Sans KR,sans-serif;font-size:14px;line-height:1.6;min-height:100vh}.app{margin:0 auto;max-width:960px;padding:0 20px 60px}.app-header{border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border);margin-bottom:40px;padding:48px 0 32px}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.app-subtitle{color:#8892a4;color:var(--text-muted);font-size:14px}.app-main{display:flex;flex-direction:column;gap:40px}.app-footer{border-top:1px solid #2a2a4a;border-top:1px solid var(--border);color:#8892a4;color:var(--text-muted);font-size:12px;margin-top:60px;padding:24px 0;text-align:center}.section-title{font-size:18px;font-weight:600;margin-bottom:4px}.section-desc{color:#8892a4;color:var(--text-muted);font-size:13px;margin-bottom:20px}.mood-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.mood-grid{grid-template-columns:1fr}}.mood-card{background:#1a1a2e;background:var(--bg-card);border:1px solid #2a2a4a;border:1px solid var(--border);cursor:pointer;overflow:hidden;padding:24px 20px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.mood-card,.mood-card:before{border-radius:12px;border-radius:var(--radius)}.mood-card:before{background:linear-gradient(135deg,#7c3aed,#0000 60%);background:linear-gradient(135deg,var(--accent,#7c3aed) 0,#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease;transition:opacity var(--transition)}.mood-card:hover{border-color:#7c3aed;border-color:var(--accent,var(--purple));box-shadow:0 0 20px -4px #7c3aed;box-shadow:0 0 20px -4px var(--accent,var(--purple));transform:translateY(-3px)}.mood-card:hover:before{opacity:.06}.mood-card.selected{border-color:#7c3aed;border-color:var(--accent,var(--purple));box-shadow:0 0 28px -4px #7c3aed;box-shadow:0 0 28px -4px var(--accent,var(--purple))}.mood-card.selected:before{opacity:.1}.mood-emoji{display:block;font-size:32px;margin-bottom:10px}.mood-season-badge{background:color-mix(in srgb,#7c3aed 20%,#0000);background:color-mix(in srgb,var(--accent,var(--purple)) 20%,#0000);border:1px solid color-mix(in srgb,#7c3aed 40%,#0000);border:1px solid color-mix(in srgb,var(--accent,var(--purple)) 40%,#0000);border-radius:999px;color:#7c3aed;color:var(--accent,var(--purple));display:inline-block;font-size:11px;font-weight:600;margin-bottom:12px;padding:2px 8px}.mood-kor{font-size:15px;font-weight:700;line-height:1.4;margin-bottom:4px}.mood-eng{color:#8892a4;color:var(--text-muted);font-size:12px;margin-bottom:14px}.mood-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.keyword-tag{background:#112;background:var(--bg-section);border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:999px;padding:2px 8px}.keyword-tag,.mood-length{color:#8892a4;color:var(--text-muted);font-size:11px}.result-panel{animation:slideIn .3s ease;border-top:1px solid #2a2a4a;border-top:1px solid var(--border);padding-top:40px}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result-title{color:#7c3aed;color:var(--accent,var(--purple));font-size:20px;font-weight:700;margin-bottom:24px}.output-section{background:#1a1a2e;background:var(--bg-card);border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.output-section--highlight{border-color:color-mix(in srgb,#7c3aed 50%,#0000);border-color:color-mix(in srgb,var(--accent,var(--purple)) 50%,#0000)}.output-section-header{align-items:center;background:#112;background:var(--bg-section);border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.output-label{color:#8892a4;color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.3px}.output-content{color:#e2e8f0;color:var(--text);font-family:Inter,monospace;font-size:13px;line-height:1.7;padding:16px;white-space:pre-wrap;word-break:break-word}.output-content--normal{font-family:Noto Sans KR,sans-serif}.trend-note{color:#7c3aed;color:var(--accent,var(--purple));font-size:12px;opacity:.85;padding:8px 16px 14px}.copy-btn{background:#0d0d0d;background:var(--bg);border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:6px;color:#8892a4;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:all .2s ease;transition:all var(--transition);white-space:nowrap}.copy-btn:hover{border-color:#7c3aed;border-color:var(--accent,var(--purple));color:#7c3aed;color:var(--accent,var(--purple))}.copy-btn.copied{background:color-mix(in srgb,#10b981 10%,#0000);background:color-mix(in srgb,var(--green) 10%,#0000);border-color:#10b981;border-color:var(--green);color:#10b981;color:var(--green)}.tracklist-editor{background:#1a1a2e;background:var(--bg-card);border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.tracklist-editor-header{align-items:center;background:#112;background:var(--bg-section);border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.add-track-btn{background:#0000;border:1px solid #7c3aed;border:1px solid var(--accent,var(--purple));border-radius:6px;color:#7c3aed;color:var(--accent,var(--purple));cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:all .2s ease;transition:all var(--transition)}.add-track-btn:hover{background:color-mix(in srgb,#7c3aed 15%,#0000);background:color-mix(in srgb,var(--accent,var(--purple)) 15%,#0000)}.track-list{display:flex;flex-direction:column;gap:8px;padding:12px 16px}.track-row{align-items:center;display:flex;gap:8px}.track-ts{color:#7c3aed;color:var(--accent,var(--purple));font-family:monospace;font-size:12px;font-weight:600;min-width:40px}.track-input{background:#112;background:var(--bg-section);border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#e2e8f0;color:var(--text);font-size:13px;outline:none;padding:6px 10px;transition:border-color .2s ease;transition:border-color var(--transition)}.track-input:focus{border-color:#7c3aed;border-color:var(--accent,var(--purple))}.track-title{flex:1 1}.track-duration{text-align:center;width:70px}.remove-track-btn{background:#0000;border:none;color:#8892a4;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1;padding:0 4px;transition:color .2s ease;transition:color var(--transition)}.remove-track-btn:hover{color:#f87171}.execution-panel{background:#1a1a2e;background:var(--bg-card);border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:20px}.execute-btn{align-self:flex-start;background:#7c3aed;background:var(--accent,var(--purple));border:none;border-radius:8px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:opacity .2s ease,transform .2s ease;transition:opacity var(--transition),transform var(--transition)}.execute-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.execute-btn--running,.execute-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.cancel-btn{background:#0000;border:1px solid #2a2a4a;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#8892a4;color:var(--text-muted);cursor:pointer;font-size:13px;padding:6px 14px;transition:border-color .2s ease;transition:border-color var(--transition);width:fit-content}.cancel-btn:hover{border-color:#f87171;color:#f87171}.job-status{border-radius:8px;border-radius:var(--radius-sm);font-size:13px;line-height:1.6;padding:12px 16px}.job-status--pending,.job-status--running{background:#1c1a07;border:1px solid #92400e44;color:#fcd34d}.job-status--done{background:#071c10;border:1px solid #06503344;color:#6ee7b7}.job-status--error{background:#1c0707;border:1px solid #99191944;color:#fca5a5}.job-status-label{display:block;font-weight:600}.job-result-list{list-style:none;margin:8px 0 0;padding-left:20px}.job-result-list li{font-family:monospace;font-size:12px;padding:2px 0}
/*# sourceMappingURL=main.fc3ae8c9.css.map*/