:root{--primary:#8e44ad;--primary-light:#9b59b6;--secondary:#00d2ff;--bg-dark:#0f0c29;--bg-gradient:linear-gradient(135deg,#0f0c29,#302b63,#24243e);--card-bg:rgba(255,255,255,0.05);--card-border:rgba(255,255,255,0.1);--text-main:#e0e0e0;--text-dim:#b0b0b0;--accent:#00ffcc;--error:#ff4d4d;--success:#2ecc71;--radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{font-family:"Outfit",sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);line-height:1.6;min-height:100vh}.app-container{max-width:1200px;margin:0 auto;padding:2rem}.app-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid var(--card-border)}.logo-text{font-size:1.8rem;font-weight:700;letter-spacing:-1px}.logo-text .meta{color:var(--secondary);font-weight:300;font-style:italic}@-webkit-keyframes pulse{0%{opacity:1}50%{opacity:0.4}to{opacity:1}}@keyframes pulse{0%{opacity:1}50%{opacity:0.4}to{opacity:1}}.extraction-card{background:rgba(255,255,255,0.03);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,0.05);padding:3rem;border-radius:16px;margin-bottom:3rem;text-align:center;-webkit-box-shadow:0 20px 50px rgba(0,0,0,0.4);box-shadow:0 20px 50px rgba(0,0,0,0.4);-webkit-transition:var(--transition);transition:var(--transition)}.extraction-card:hover{border-color:rgba(142,68,173,0.4);-webkit-box-shadow:0 20px 50px rgba(142,68,173,0.15);box-shadow:0 20px 50px rgba(142,68,173,0.15)}.card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}.card-header i{font-size:3.5rem;color:var(--secondary);margin-bottom:1rem;-webkit-filter:drop-shadow(0 0 15px rgba(0,210,255,0.4));filter:drop-shadow(0 0 15px rgba(0,210,255,0.4))}.card-header h3{font-size:2rem;color:#fff;font-weight:700;letter-spacing:1px}.card-desc{color:var(--text-dim);margin-bottom:2rem;font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto}.link-input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}textarea#fb-link{resize:vertical;min-height:200px;line-height:1.6;padding:1.2rem;border-radius:12px;background:rgba(15,12,41,0.7);border:1px solid rgba(255,255,255,0.08)}#extract-btn{max-width:380px;width:100%;margin:1.5rem auto 0;padding:1.1rem 2.5rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:50px;background:linear-gradient(135deg,var(--secondary),var(--primary));-webkit-box-shadow:0 8px 25px rgba(0,210,255,0.25);box-shadow:0 8px 25px rgba(0,210,255,0.25);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.8rem;border:none;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition)}#extract-btn:hover{-webkit-transform:translateY(-3px) scale(1.02);transform:translateY(-3px) scale(1.02);-webkit-box-shadow:0 12px 30px rgba(0,210,255,0.4),0 0 15px rgba(142,68,173,0.4);box-shadow:0 12px 30px rgba(0,210,255,0.4),0 0 15px rgba(142,68,173,0.4)}#extract-btn.loading{opacity:0.8;cursor:not-allowed;pointer-events:none;background:linear-gradient(135deg,rgba(0,210,255,0.4),rgba(142,68,173,0.4))!important;-webkit-box-shadow:0 8px 25px rgba(0,210,255,0.15)!important;box-shadow:0 8px 25px rgba(0,210,255,0.15)!important;-webkit-transform:none!important;transform:none!important;-webkit-animation:pulse 1.5s infinite ease-in-out;animation:pulse 1.5s infinite ease-in-out}input,select,textarea{width:100%;padding:12px 15px;background:var(--bg-dark);border:1px solid var(--card-border);border-radius:8px;color:var(--text-main);font-family:inherit;font-size:1rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--secondary);background:rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,210,255,0.2);box-shadow:0 0 15px rgba(0,210,255,0.2)}select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300D2FF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 15px top 50%;background-size:12px auto;cursor:pointer}select option{background:var(--bg-dark);color:var(--text-main);padding:10px}.highlight-error{border-color:var(--error)!important;-webkit-box-shadow:0 0 10px rgba(255,77,77,0.3)!important;box-shadow:0 0 10px rgba(255,77,77,0.3)!important;background:rgba(255,77,77,0.05)!important;-webkit-animation:shake 0.5s ease-in-out;animation:shake 0.5s ease-in-out}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}50%{-webkit-transform:translateX(5px);transform:translateX(5px)}75%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}50%{-webkit-transform:translateX(5px);transform:translateX(5px)}75%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}}.fade-in-up{-webkit-animation:fadeInUp 0.5s cubic-bezier(0.16,1,0.3,1) forwards;animation:fadeInUp 0.5s cubic-bezier(0.16,1,0.3,1) forwards}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.btn-primary{background:linear-gradient(45deg,var(--primary),var(--primary-light));color:white;border:none;padding:0.8rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;white-space:nowrap}.btn-primary:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 5px 15px rgba(142,68,173,0.4);box-shadow:0 5px 15px rgba(142,68,173,0.4)}.form-grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 2rem 1fr;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem}.form-card.full-width{grid-column:1/-1}.form-card{background:rgba(255,255,255,0.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.05);padding:2rem;border-radius:var(--radius);-webkit-transition:var(--transition);transition:var(--transition)}.form-card:hover{border-color:rgba(0,210,255,0.3);-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.5);box-shadow:0 10px 30px rgba(0,0,0,0.5)}.form-card h3{margin-bottom:1.5rem;font-size:1.2rem;color:var(--secondary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.8rem;text-transform:uppercase;letter-spacing:1px}.input-field{margin-bottom:1.2rem}.input-field label{display:block;margin-bottom:0.5rem;font-size:0.9rem;color:var(--text-dim);font-weight:600}.input-row{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1.5rem 1fr;grid-template-columns:1fr 1fr;gap:1.5rem}.custom-file-upload{border:2px dashed rgba(0,210,255,0.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2rem;cursor:pointer;border-radius:var(--radius);background:rgba(0,210,255,0.02);color:var(--text-dim);text-align:center;-webkit-transition:var(--transition);transition:var(--transition);width:100%}.custom-file-upload:hover{background:rgba(0,210,255,0.08);border-color:var(--secondary);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.custom-file-upload i{font-size:2rem;color:var(--secondary);margin-bottom:0.5rem}input[type=file]{display:none}.ai-message-card{background:linear-gradient(135deg,rgba(0,210,255,0.05),rgba(142,68,173,0.05));border:1px solid rgba(0,210,255,0.2);-webkit-box-shadow:0 0 20px rgba(0,210,255,0.05);box-shadow:0 0 20px rgba(0,210,255,0.05);padding:2rem;border-radius:var(--radius);margin-bottom:2rem;position:relative;overflow:hidden}.ai-message-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--secondary);-webkit-box-shadow:0 0 15px var(--secondary);box-shadow:0 0 15px var(--secondary)}.ai-message-card h3{color:var(--secondary);margin-bottom:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.8rem;font-size:1.3rem}.ai-feedback-box{background:rgba(0,0,0,0.4);padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,0.05);font-size:1.05rem;line-height:1.6;color:#fff}.form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;margin-top:2rem}.btn-success{background:linear-gradient(45deg,var(--success),#27ae60);color:white;border:none;padding:1.2rem 3rem;border-radius:var(--radius);font-size:1.1rem;font-weight:700;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.btn-success:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 20px rgba(46,204,113,0.3);box-shadow:0 10px 20px rgba(46,204,113,0.3)}@media (max-width:768px){.app-container{padding:1rem}.link-input-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}.input-row{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:0}}.hidden{display:none!important}.summary-card{background:rgba(255,255,255,0.03);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:2rem;margin-bottom:2rem;-webkit-box-shadow:0 8px 32px 0 rgba(0,0,0,0.2);box-shadow:0 8px 32px 0 rgba(0,0,0,0.2)}.summary-card h3{font-size:1.3rem;font-weight:700;color:var(--secondary);margin-bottom:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.7rem}.summary-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem}.summary-item{background:rgba(15,12,41,0.5);border:1px solid rgba(255,255,255,0.04);border-radius:12px;padding:1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;-webkit-transition:var(--transition);transition:var(--transition)}.summary-item:hover{border-color:rgba(0,210,255,0.2);background:rgba(15,12,41,0.7)}.summary-label{font-size:0.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.summary-label i{color:var(--secondary)}.summary-value{font-size:1.1rem;font-weight:600;color:var(--text);word-break:break-word}.collapsed-mode .completed-field{display:none!important}#toggle-all-fields-btn{background:rgba(255,255,255,0.08)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.15)!important;color:var(--text)!important;font-size:0.95rem;font-weight:600;padding:0.8rem 2.2rem;border-radius:50px;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.6rem;-webkit-box-shadow:0 4px 15px rgba(0,0,0,0.15);box-shadow:0 4px 15px rgba(0,0,0,0.15)}#toggle-all-fields-btn i{color:var(--secondary)}#toggle-all-fields-btn:hover{background:rgba(255,255,255,0.15)!important;border-color:rgba(0,210,255,0.4)!important;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 20px rgba(0,210,255,0.25);box-shadow:0 6px 20px rgba(0,210,255,0.25)}#toggle-all-fields-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.custom-file-upload-small{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.7rem;padding:0.9rem 1.3rem;background:rgba(15,12,41,0.5);border:1px dashed rgba(255,255,255,0.15);border-radius:10px;cursor:pointer;-webkit-transition:var(--transition);transition:var(--transition);color:var(--text-dim);font-size:0.9rem}.custom-file-upload-small i{font-size:1.1rem;color:var(--secondary)}.custom-file-upload-small:hover{border-color:var(--secondary);background:rgba(15,12,41,0.7);color:var(--text)}input[type=file].highlight-error+.custom-file-upload-small{border-color:var(--error)!important;-webkit-box-shadow:0 0 10px rgba(231,76,60,0.2)!important;box-shadow:0 0 10px rgba(231,76,60,0.2)!important}.form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.5rem;margin-top:3.5rem;margin-bottom:2.5rem;width:100%}#publish-btn,#save-btn{width:auto;max-width:480px;min-width:340px;padding:1.2rem 2.8rem!important;font-size:1.05rem!important;font-weight:700!important;text-transform:uppercase;letter-spacing:1px;border-radius:50px!important;border:none!important;cursor:pointer;-webkit-transition:var(--transition)!important;transition:var(--transition)!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.8rem;-webkit-box-shadow:0 8px 25px rgba(142,68,173,0.25);box-shadow:0 8px 25px rgba(142,68,173,0.25)}#save-btn{background:linear-gradient(135deg,var(--secondary),var(--primary))!important;color:#fff!important}#save-btn:hover{-webkit-transform:translateY(-3px) scale(1.02);transform:translateY(-3px) scale(1.02);-webkit-box-shadow:0 12px 30px rgba(0,210,255,0.4),0 0 15px rgba(142,68,173,0.4)!important;box-shadow:0 12px 30px rgba(0,210,255,0.4),0 0 15px rgba(142,68,173,0.4)!important}#save-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}#publish-btn{background:linear-gradient(135deg,var(--success),#27ae60)!important;color:#fff!important;-webkit-box-shadow:0 8px 25px rgba(46,204,113,0.25);box-shadow:0 8px 25px rgba(46,204,113,0.25)}#publish-btn:hover{-webkit-transform:translateY(-3px) scale(1.02);transform:translateY(-3px) scale(1.02);-webkit-box-shadow:0 12px 30px rgba(46,204,113,0.4),0 0 15px rgba(39,174,96,0.4)!important;box-shadow:0 12px 30px rgba(46,204,113,0.4),0 0 15px rgba(39,174,96,0.4)!important}#publish-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}input[type=file].highlight-error+.custom-file-upload{border-color:var(--error)!important;-webkit-box-shadow:0 0 10px rgba(231,76,60,0.2)!important;box-shadow:0 0 10px rgba(231,76,60,0.2)!important}