*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#fff;background:radial-gradient(circle at 20% 80%,rgba(220,20,60,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,0,0,.4) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(220,20,60,.2) 0,transparent 50%),linear-gradient(135deg,#0a0a0a 0,#1a0505 25%,#2d0808 50%,#1a0505 75%,#0a0a0a 100%);background-size:400% 400%,600% 600%,800% 800%,200% 200%;animation:complexGradient 20s ease infinite;min-height:100vh;position:relative;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:2}.header{text-align:center;margin-bottom:40px;color:#fff;position:relative}.header::before{content:'';position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(220,20,60,.1) 0,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite}.header-content{background:linear-gradient(135deg,rgba(220,20,60,.15) 0,rgba(139,0,0,.2) 100%),radial-gradient(ellipse at center,rgba(220,20,60,.05) 0,transparent 70%);backdrop-filter:blur(25px) saturate(180%);border-radius:25px;padding:35px 30px;border:1px solid rgba(220,20,60,.4);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1),0 0 60px rgba(220,20,60,.1);position:relative;overflow:hidden;transform-style:preserve-3d}.header-content::before{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.header-content h1{font-size:2.5rem;font-weight:800;margin:0 0 8px 0;display:flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(135deg,#fff 0,#dc143c 50%,#fff 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 4s ease-in-out infinite;position:relative;z-index:1}.header-content h1 i{color:#dc143c;font-size:2.2rem;animation:iconSpin 8s linear infinite;filter:drop-shadow(0 0 10px rgba(220, 20, 60, .6))}.header-content p{font-size:1.1rem;opacity:.95;margin:0;font-weight:500;letter-spacing:.5px;position:relative;z-index:1}.main-content{flex:1;display:flex;flex-direction:column;gap:30px}.card{background:linear-gradient(145deg,rgba(26,26,26,.9) 0,rgba(45,45,45,.8) 100%),radial-gradient(circle at top right,rgba(220,20,60,.1) 0,transparent 50%);border-radius:20px;padding:35px;box-shadow:0 20px 60px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(220,20,60,.2);border:none;transition:all .4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 80px rgba(220,20,60,.2),inset 0 1px 0 rgba(255,255,255,.1)}.compact-card{padding:20px;margin-bottom:20px}.input-grid{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}.select-group{margin-bottom:0}.prompt-group{margin-bottom:0}.input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.char-count{font-size:.8rem;color:#ccc;min-width:30px}.action-buttons{display:flex;gap:10px}.card-header{margin-bottom:25px}.card-header h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:10px}.card-header p{color:#ccc;font-size:.95rem}.form-group{margin-bottom:25px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:#fff;margin-bottom:8px;font-size:.95rem}.select-input,.textarea-input{width:100%;padding:15px 20px;border:1px solid rgba(220,20,60,.3);border-radius:15px;font-size:1rem;transition:all .4s cubic-bezier(.4, 0, .2, 1);background:linear-gradient(145deg,rgba(26,26,26,.9) 0,rgba(45,45,45,.7) 100%),radial-gradient(circle at top right,rgba(220,20,60,.05) 0,transparent 50%);color:#fff;font-family:inherit;backdrop-filter:blur(10px);box-shadow:inset 0 2px 10px rgba(0,0,0,.3),0 0 0 1px rgba(220,20,60,.2)}.select-input:focus,.textarea-input:focus{outline:0;border-color:#dc143c;box-shadow:0 0 0 3px rgba(220,20,60,.3),0 0 30px rgba(220,20,60,.2),inset 0 2px 10px rgba(0,0,0,.2);transform:translateY(-2px)}.textarea-input{resize:vertical;min-height:120px}.character-count{text-align:right;font-size:.85rem;color:#a0aec0;margin-top:5px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden;min-width:90px;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#dc143c 0,#8b0000 100%),radial-gradient(circle at center,rgba(255,255,255,.1) 0,transparent 70%);color:#fff;border:none;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(220,20,60,.4),inset 0 1px 0 rgba(255,255,255,.2)}.btn-primary:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px rgba(220,20,60,.5),0 0 30px rgba(220,20,60,.3),inset 0 1px 0 rgba(255,255,255,.3)}.btn-secondary{background:linear-gradient(135deg,#333 0,#1a1a1a 100%);color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 15px rgba(0,0,0,.2);border-color:rgba(220,20,60,.3)}.btn-copy{background:linear-gradient(135deg,#dc143c 0,#8b0000 100%);color:#fff;font-size:.9rem;padding:8px 16px;margin-top:15px;border:1px solid rgba(220,20,60,.3)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;display:none}@keyframes spin{to{transform:rotate(360deg)}}.btn.loading .spinner{display:block}.btn.loading span{display:none}.results-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;margin-bottom:20px}.scores-box{background:linear-gradient(135deg,#dc143c 0,#8b0000 70%,#2d0808 100%),radial-gradient(ellipse at top,rgba(255,255,255,.1) 0,transparent 60%);border-radius:20px;padding:25px;color:#fff;box-shadow:0 20px 60px rgba(220,20,60,.3),inset 0 1px 0 rgba(255,255,255,.2),0 0 0 1px rgba(220,20,60,.4);position:relative;overflow:hidden}.overall-score{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2)}.score-number{font-size:2.5rem;font-weight:700;display:block}.grade-letter{font-size:1.2rem;font-weight:600;opacity:.9}.score-breakdown{display:flex;flex-direction:column;gap:8px}.score-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.score-label{font-size:.9rem;opacity:.9}.score-value{font-size:1.1rem;font-weight:600}.analysis-box{background:linear-gradient(145deg,#1a1a1a 0,#2d2d2d 100%);border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.5);border:2px solid rgba(220,20,60,.2);color:#fff}.analysis-details{background:linear-gradient(135deg,#f7fafc 0,#edf2f7 100%);border-radius:12px;padding:25px;border:1px solid #e2e8f0}.optimization-view{width:100%}.optimization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 5px}.optimization-header h2{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.main-prompt-card{background:linear-gradient(135deg,rgba(45,10,10,.9) 0,rgba(26,10,10,.8) 100%),radial-gradient(circle at bottom left,rgba(220,20,60,.1) 0,transparent 50%);border-radius:20px;padding:30px;margin-bottom:40px;box-shadow:0 20px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(220,20,60,.3);position:relative;overflow:hidden}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.prompt-header h3{font-size:1.2rem;font-weight:600;color:#fff;margin:0}.prompt-content{background:rgba(26,26,26,.9);border-radius:8px;padding:20px;font-size:1rem;line-height:1.6;color:#fff;min-height:100px;border:1px solid rgba(220,20,60,.3)}.details-section{display:flex;flex-direction:column;gap:25px}.original-prompt-compact{background:rgba(26,26,26,.9);border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.1);border-left:4px solid rgba(255,255,255,.3)}.original-prompt-compact h4{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:10px}.original-text{font-size:.85rem;line-height:1.4;color:#ccc;max-height:100px;overflow-y:auto}.improvements-compact{background:rgba(26,26,26,.9);border-radius:12px;padding:20px;border-left:4px solid #dc143c;border:1px solid rgba(220,20,60,.2)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.example-item{background:linear-gradient(135deg,#f7fafc 0,#edf2f7 100%);border:2px solid #e2e8f0;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease}.example-item:hover{transform:translateY(-3px);border-color:#667eea;box-shadow:0 10px 30px rgba(102,126,234,.2)}.example-item h3{color:#4a5568;margin-bottom:10px;font-size:1.1rem}.example-item p{color:#718096;font-size:.9rem}.notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:10px;color:#fff;font-weight:600;z-index:1000;transform:translateX(400px);transition:transform .3s ease;min-width:250px}.notification.show{transform:translateX(0)}.notification.success{background:linear-gradient(135deg,#48bb78 0,#38a169 100%)}.notification.error{background:linear-gradient(135deg,#f56565 0,#e53e3e 100%)}.notification.info{background:linear-gradient(135deg,#4299e1 0,#3182ce 100%)}.footer{text-align:center;padding:30px 20px;color:rgba(255,255,255,.8);font-size:.9rem}@media (max-width:768px){.container{padding:15px}.header-content{padding:20px 15px}.header-content h1{font-size:1.7rem}.compact-card{padding:15px}.input-grid{grid-template-columns:1fr;gap:15px}.input-footer{flex-direction:column;align-items:stretch;gap:10px}.action-buttons{justify-content:center}.card{padding:20px}.score-display{flex-direction:column;align-items:center}.results-grid{grid-template-columns:1fr;gap:15px}.details-section{flex-direction:column;gap:20px}.prompt-header{flex-direction:column;gap:10px;align-items:stretch}.optimization-header{flex-direction:column;gap:10px;align-items:stretch}}@media (max-width:480px){.logo{flex-direction:column;gap:10px}.logo i{font-size:2rem}.logo h1{font-size:1.8rem}.score-circle{width:100px;height:100px}.score-number{font-size:2rem}}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(5px)}.modal.show{display:flex;align-items:center;justify-content:center;animation:modalFadeIn .3s ease-out}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:modalSlideIn .3s ease-out}.modal-header{padding:30px 30px 20px;text-align:center;border-bottom:2px solid #f0f4f8}.modal-header h2{color:#2d3748;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px}.modal-header p{color:#718096;font-size:.95rem}.modal-body{padding:30px}.question-group{margin-bottom:25px}.question-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:#4a5568;margin-bottom:8px;font-size:.95rem}.modal-input,.modal-select,.modal-textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff;font-family:inherit}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{outline:0;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.modal-textarea{resize:vertical;min-height:80px}.modal-footer{padding:20px 30px 30px;display:flex;gap:15px;justify-content:flex-end;border-top:2px solid #f0f4f8}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes complexGradient{0%{background-position:0 50%,0 50%,0 50%,0 50%;filter:hue-rotate(0deg)}25%{background-position:100% 50%,50% 100%,25% 75%,25% 25%;filter:hue-rotate(5deg)}50%{background-position:100% 100%,100% 0,75% 25%,50% 50%;filter:hue-rotate(10deg)}75%{background-position:0 100%,50% 50%,100% 75%,75% 75%;filter:hue-rotate(5deg)}100%{background-position:0 50%,0 50%,0 50%,0 50%;filter:hue-rotate(0deg)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes cardGlow{0%,100%{box-shadow:0 0 20px rgba(220,20,60,.1)}50%{box-shadow:0 0 40px rgba(220,20,60,.3)}}@keyframes buttonPulse{0%{box-shadow:0 0 0 0 rgba(220,20,60,.4)}70%{box-shadow:0 0 0 10px rgba(220,20,60,0)}100%{box-shadow:0 0 0 0 rgba(220,20,60,0)}}@keyframes textShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes iconSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}.card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,transparent 50%,rgba(255,255,255,.05) 100%);border-radius:20px;pointer-events:none}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover::before{left:100%}.scores-box::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#dc143c,#8b0000,#dc143c);border-radius:22px;z-index:-1;animation:borderGlow 3s linear infinite}@keyframes borderGlow{0%,100%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}}