.psychedelic-mode .brand{margin-bottom:30px;order:2;padding-top:100px;position:relative}.gradient-bg .blob-1{animation:float-gentle 8s ease-in-out infinite;background:#ff6b9d;border:none;border-radius:50%;height:60px;left:50%;opacity:.9;position:absolute;top:100px;transform:translateX(-240px);width:60px;z-index:10}.gradient-bg .blob-1:after{background:#fff;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.gradient-bg .blob-2{animation:float-gentle 7s ease-in-out infinite;animation-delay:-2s;background:#ff9800;border-radius:8px;height:65px;left:50%;position:absolute;top:90px;transform:translateX(-170px);width:50px;z-index:10}.gradient-bg .blob-2:before{height:28px;top:10px;width:28px}.gradient-bg .blob-2:after,.gradient-bg .blob-2:before{background:#fff;border-radius:50%;content:"";left:50%;opacity:.3;position:absolute;transform:translateX(-50%)}.gradient-bg .blob-2:after{bottom:10px;height:20px;width:20px}.gradient-bg .blob-3{animation:float-gentle 9s ease-in-out infinite;animation-delay:-4s;background:#0000;height:50px;left:50%;position:absolute;top:95px;transform:translateX(-90px);width:35px;z-index:10}.gradient-bg .blob-3:before{background:#9b72f2;border-radius:2px;content:"";height:38px;position:absolute;right:8px;top:0;width:4px}.gradient-bg .blob-3:after{background:#9b72f2;border-radius:50%;bottom:0;content:"";height:13px;position:absolute;right:0;transform:rotate(-25deg);width:16px}.gradient-bg .blob-4{animation:float-gentle 6s ease-in-out infinite;animation-delay:-1s;background:#4ecdc4;height:45px;opacity:.8;top:100px;transform:translateX(-20px);width:45px}.gradient-bg .blob-4,.gradient-bg .blob-5{border-radius:50%;left:50%;position:absolute;z-index:10}.gradient-bg .blob-5{animation:float-gentle 8s ease-in-out infinite;animation-delay:-3s;background:#ffc107;height:55px;opacity:.7;top:95px;transform:translateX(50px);width:55px}.gradient-bg .blob-6{animation:float-gentle 7s ease-in-out infinite;animation-delay:-5s;background:#ff6b9d;border-radius:50%;height:40px;left:50%;opacity:.6;position:absolute;top:105px;transform:translateX(120px);width:40px;z-index:10}.gradient-bg .blob-7{background:#ff6b9d;height:35px;top:105px;transform:translateX(175px)}.gradient-bg .blob-7,.gradient-bg .blob-8{animation:float-gentle 5s ease-in-out infinite;border-radius:6px 6px 0 0;left:50%;position:absolute;width:12px;z-index:10}.gradient-bg .blob-8{animation-delay:-.5s;background:#9b72f2;height:25px;top:115px;transform:translateX(195px)}.gradient-bg .blob-10,.gradient-bg .blob-9{display:none}@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0}*{box-sizing:border-box}.gradient-bg{align-items:center;background:linear-gradient(135deg,#6b46c1,#3b82f6 50%,#4f46e5);display:flex;justify-content:center;min-height:100vh;padding:16px}.upload-container{max-width:400px;text-align:center;width:100%}.brand{margin-bottom:32px}.brand-icon{align-items:center;background:#fbbf24;border-radius:50%;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.brand h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 8px}.brand p{color:#fffc;font-size:1.25rem;margin:0}.upload-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:32px}.upload-area{border:2px dashed #ffffff4d;border-radius:12px;cursor:pointer;margin-bottom:24px;padding:32px;transition:border-color .2s}.upload-area:hover{border-color:#ffffff80}.upload-text{color:#fff;font-size:1.125rem;margin:16px 0 8px}.upload-subtext{color:#fff9;font-size:.875rem;margin:0}.upload-formats{color:#fff6;font-size:.75rem;margin:8px 0 0}.file-info{background:#ffffff0d;border-radius:8px;margin-bottom:16px;padding:16px}.file-name{color:#fff;font-weight:500;margin:0 0 4px}.file-size{color:#fff9;font-size:.875rem;margin:0}.form-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;margin-bottom:12px;padding:12px 16px;width:100%}.form-input::placeholder{color:#ffffff80}.form-input:focus{border-color:#fff6;outline:none}.form-select{-webkit-appearance:none;appearance:none;background:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:16px;padding:12px 36px 12px 16px;width:100%}.form-select:focus{background-color:#ffffff26;border-color:#ffffff80;outline:none}.form-select option{background-color:#374151;color:#fff;font-size:1rem;min-height:40px;padding:12px}.form-select option:hover{background-color:#4b5563}.form-select option:checked{background-color:#6366f1;color:#fff}.analyze-button{align-items:center;background:linear-gradient(135deg,#fbbf24,#f97316);border:none;border-radius:8px;color:#581c87;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s;width:100%}.analyze-button:hover{background:linear-gradient(135deg,#f59e0b,#ea580c)}.bot-message{color:#fff9;font-size:.875rem;margin-top:24px;text-align:center}.hidden{display:none}.analysis-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin:0 auto;max-width:400px;padding:32px;text-align:center}.analysis-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 8px}.analysis-subtitle{color:#fff9;margin:0 0 24px}.progress-steps{margin-bottom:24px;text-align:left}.progress-step{align-items:center;display:flex;gap:12px;margin-bottom:16px}.progress-dot{background:#10b981}.progress-dot,.progress-dot-inactive{border-radius:50%;height:8px;width:8px}.progress-dot-inactive{background:#ffffff4d}.progress-text{color:#fffc}.progress-text-inactive{color:#fff6}.progress-bar-container{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:8px}.progress-bar{background:linear-gradient(135deg,#fbbf24,#f97316);border-radius:4px;height:8px;transition:width .3s}.progress-percentage{color:#fff9;font-size:.875rem}.results-container{background:#f3f4f6;min-height:100vh;padding:32px 16px}.results-content{margin:0 auto;max-width:1024px}.results-header{background:linear-gradient(135deg,#1f2937,#374151);border-radius:8px 8px 0 0;color:#fff;padding:24px}.results-header-top{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.results-badge{align-items:center;display:flex;gap:12px}.badge-text{color:#fbbf24;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.reading-time{align-items:center;color:#9ca3af;display:flex;font-size:.875rem;gap:8px}.track-title{font-size:1.875rem;font-weight:700;margin:0 0 8px}.track-artist{color:#d1d5db;font-size:1.25rem;margin:0}.score-section{background:#f9fafb;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:24px}.score-container{flex-wrap:wrap;justify-content:space-between}.score-container,.score-display{align-items:center;display:flex;gap:16px}.score-badge{align-items:center;background:#dbeafe;border-radius:9999px;display:flex;gap:8px;padding:8px 16px}.score-number{color:#1e40af;font-size:1.5rem;font-weight:700}.score-total{color:#3b82f6}.mood-text{color:#6b7280;text-transform:capitalize}.download-pdf-button{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:6px;box-shadow:0 2px 8px #2563eb33;color:#fff;cursor:pointer;display:flex;font-size:.938rem;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.download-pdf-button:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.download-pdf-button:active{box-shadow:0 2px 6px #2563eb33;transform:translateY(0)}.download-pdf-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.essay-section{background:#fff;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:32px}.essay-content{color:#374151;font-family:Georgia,serif;font-size:1.125rem;line-height:2;max-width:none}.analysis-section{background:#fff;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:24px}.analysis-title-main{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:16px}.analysis-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analysis-card{background:#f9fafb;border-radius:8px;padding:16px}.analysis-card-title{color:#374151;font-weight:600;margin-bottom:12px}.score-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.score-label{color:#6b7280;font-size:.875rem}.score-value{color:#1f2937;font-weight:500}.improvements-section{background:#fff;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:24px}.improvements-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.improvement-category{margin-bottom:16px}.improvement-title{color:#374151;font-weight:600;margin-bottom:8px}.improvement-list{list-style:none;margin:0;padding:0}.improvement-item{color:#6b7280;font-size:.875rem;margin-bottom:4px;padding-left:16px;position:relative}.improvement-item:before{color:#4b5563;content:"•";font-weight:700;left:0;position:absolute}.next-steps-section{background:linear-gradient(135deg,#eff6ff,#f3e8ff);border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:24px}.next-step-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:16px}.next-step-text{color:#374151;margin-bottom:8px}.next-step-button{background:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:background-color .2s}.next-step-button:hover{background:#1d4ed8}.footer-section{background:#1f2937;border-radius:0 0 8px 8px;color:#9ca3af;padding:16px;text-align:center}.footer-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.reset-button{background:#fbbf24;border:none;border-radius:8px;color:#581c87;cursor:pointer;font-weight:500;padding:8px 24px;transition:background-color .2s}.reset-button:hover{background:#f59e0b}.footer-text{font-size:.875rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e7eb;padding:24px 24px 16px;text-align:center}.modal-title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:12px 0 0}.modal-body{padding:24px}.modal-text{color:#374151;font-size:1.125rem;margin:0 0 12px}.modal-subtext{color:#6b7280;font-size:.938rem;line-height:1.6;margin:0 0 20px}.modal-features{background:#f9fafb;border-radius:8px;margin-top:16px;padding:16px}.modal-feature-title{color:#374151;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.modal-feature-list{list-style:none;margin:0;padding:0}.modal-feature-list li{color:#4b5563;font-size:.938rem;padding:6px 0 6px 24px;position:relative}.modal-feature-list li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.modal-footer{display:flex;flex-direction:row-reverse;gap:12px;padding:16px 24px 24px}.modal-button-primary{background:linear-gradient(135deg,#fbbf24,#f97316);border:none;border-radius:8px;color:#581c87;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.modal-button-primary:hover{background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 4px 12px #fbbf244d;transform:translateY(-1px)}.modal-button-secondary{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:.938rem;font-weight:500;padding:12px 24px;transition:all .2s}.modal-button-secondary:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.results-header{padding:20px}.track-title{font-size:1.5rem}.track-artist{font-size:1rem}.score-section{padding:20px}.score-container{align-items:stretch;flex-direction:column}.score-display{justify-content:center;margin-bottom:12px}.download-pdf-button{justify-content:center;padding:12px 24px;width:100%}.essay-section{padding:24px 20px}.essay-content{font-size:1rem;line-height:1.8}.analysis-section,.improvements-section,.next-steps-section{padding:20px}.analysis-grid,.improvements-grid{grid-template-columns:1fr}.footer-buttons{flex-direction:column;gap:12px}.reset-button{padding:12px 24px;width:100%}.modal-content{margin:20px;max-width:100%}.modal-header{padding:20px 20px 12px}.modal-title{font-size:1.25rem}.modal-body{padding:20px}.modal-footer{flex-direction:column}}@media (max-width:480px){.results-container{padding:16px 8px}.track-title{font-size:1.25rem}.essay-content{font-size:.938rem}.analysis-card,.next-step-card{padding:12px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.0b86ab38.css.map*/