@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700&display=swap";:root{--primary-gradient:linear-gradient(135deg,#704eff,#a855f7);--secondary-gradient:linear-gradient(135deg,#06b6d4,#0891b2);--success-gradient:linear-gradient(135deg,#10b981,#059669);--warning-gradient:linear-gradient(135deg,#f59e0b,#d97706);--error-gradient:linear-gradient(135deg,#ef4444,#f87171);--surface-light:#fafbfc;--surface-medium:#f1f5f9;--surface-white:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-light:#e2e8f0;--border-medium:#cbd5e1;--shadow-sm:0 4px 6px rgba(0,0,0,.1);--shadow-md:0 8px 24px rgba(0,0,0,.06);--shadow-lg:0 20px 40px rgba(0,0,0,.08),0 8px 16px rgba(0,0,0,.04);--shadow-primary:0 4px 12px rgba(112,78,255,.3);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px}.calculator-container{margin:0 auto;max-width:600px}.calculator-form{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px #0000001a;padding:2rem}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem}.result-container{border:2px solid #704eff}#result{margin-bottom:2rem;padding-bottom:2rem}.enhanced-result-card .shape-description,.result-header p,.shape-description{margin-bottom:2rem!important;margin-top:1.5rem!important;overflow:visible!important;word-wrap:break-word;position:static!important;white-space:normal;z-index:auto!important}.enhanced-result-card{padding-bottom:1.5rem}.enhanced-result-card,.result-header{min-height:-moz-fit-content!important;min-height:fit-content!important;overflow:visible!important}.result-header{z-index:10!important}.bg-\[\#F5F5F7\].min-h-screen{height:auto!important;min-height:100vh!important;overflow-y:visible!important}.py-10{min-height:-moz-fit-content!important;min-height:fit-content!important;overflow:visible!important}.animate-spin{animation:spin 1s linear infinite}.info-icon{cursor:help;position:relative}.info-icon:hover:after{background-color:#1f2937;border-radius:6px;color:#fff;content:attr(title);font-size:.875rem;margin-bottom:5px;opacity:1;padding:8px 12px;transition:opacity .3s;white-space:nowrap}.info-icon:hover:after,.info-icon:hover:before{bottom:100%;left:50%;position:absolute;transform:translate(-50%);z-index:1000}.info-icon:hover:before{border:5px solid transparent;border-top-color:#1f2937;content:"";margin-bottom:-5px}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;margin:1rem 0;padding:1rem}.error-message h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.error-message p{margin:.25rem 0}.processing-status{background:#eff6ff;border:1px solid #dbeafe;border-radius:.5rem;color:#1d4ed8;margin:1rem 0;padding:1rem;text-align:center}.analysis-results{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a;margin:1rem 0;padding:2rem}.shape-result{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin:1rem 0;padding:1.5rem}.shape-result h3{color:#704eff;font-size:1.5rem;margin:0 0 1rem}.shape-result p{line-height:1.6;margin:.5rem 0}.shape-links{margin-top:1rem}.shape-links h4{color:#2f2b4a;margin:1rem 0 .5rem}.shape-links ul{list-style:none;padding:0}.shape-links li{margin:.5rem 0}.shape-links a{color:#704eff;font-weight:500;text-decoration:none}.shape-links a:hover{text-decoration:underline}.related-tools-container{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.related-tools-title{color:#2f2b4a;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.related-tools-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tool-card-link{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:inherit;display:block;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.tool-card-link:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.related-tools-container .tool-card{align-items:center!important;display:flex!important;flex-direction:column!important;gap:0;padding:1.5rem 1.25rem!important;text-align:center}.related-tools-container .tool-icon{align-items:center;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;display:flex;font-size:1.75rem!important;height:56px!important;justify-content:center;margin-right:0!important;width:56px!important}.related-tools-container .tool-content{flex:none!important;margin-top:0!important}.tool-content h4{color:#2f2b4a;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.tool-content p{color:#6b7280;font-size:.875rem;line-height:1.35;margin:0}@media (max-width:640px){.related-tools-grid{grid-template-columns:1fr}.tool-card-link{padding:1rem}}.enhanced-result-card{background:linear-gradient(135deg,var(--surface-white) 0,var(--surface-light) 100%);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);margin-bottom:1.5rem;overflow:visible;padding:2.5rem;position:relative;transition:all .3s ease}.enhanced-result-card:before{background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.face-shape-result:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.eye-shape-result:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.symmetry-result:before{background:linear-gradient(90deg,#06b6d4,#38bdf8)}.result-header{margin-bottom:2rem;padding-bottom:2rem;position:relative;text-align:center}.result-header:after{background:var(--primary-gradient);border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translate(-50%);width:100px}.result-header h2{background:var(--primary-gradient);-webkit-background-clip:text;font-size:2.5rem;font-weight:800;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;margin:0 0 1rem}.shape-description{color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin:1.5rem auto 2rem;max-width:600px}.confidence-section{margin:1.5rem 0;text-align:center}.confidence-display{background:var(--surface-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:1.5rem 0;padding:1.5rem}.confidence-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.confidence-label{color:#704eff;font-size:1.125rem;font-weight:600}.confidence-message{color:var(--text-muted);font-size:.875rem}.confidence-bar{background:var(--surface-medium);height:12px;margin:.5rem 0;overflow:hidden;width:100%}.confidence-bar,.confidence-fill{border-radius:6px;position:relative}.confidence-fill{height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.confidence-fill:after{animation:shine 2s linear infinite;background:linear-gradient(-45deg,transparent 25%,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 50%,transparent 0,transparent 75%,hsla(0,0%,100%,.3) 0);background-size:20px 20px;content:"";inset:0;position:absolute}@keyframes shine{0%{transform:translate(-20px)}to{transform:translate(20px)}}.confidence-fill.high{background:var(--success-gradient)}.confidence-fill.medium{background:var(--warning-gradient)}.confidence-fill.low{background:var(--error-gradient)}.expandable-section{border:1px solid var(--border-light);border-radius:var(--radius-md);margin:1.5rem 0;overflow:hidden;transition:all .3s ease}.expandable-section:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.section-toggle{align-items:center;background:linear-gradient(135deg,var(--surface-light),#f8fafc);border:none;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;text-align:left;transition:all .3s ease;width:100%}.section-toggle:after{background:linear-gradient(90deg,transparent,rgba(112,78,255,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.section-toggle:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.section-toggle:hover:after{left:100%}.section-icon{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.section-toggle:hover .section-icon{box-shadow:var(--shadow-primary);transform:scale(1.05)}.section-info{flex:1}.section-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .25rem}.section-subtitle{color:var(--text-secondary);font-size:.875rem;font-weight:400;margin:0}.chevron-container{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.section-toggle.expanded .chevron-container{transform:rotate(180deg)}.section-content{background:var(--surface-white);overflow:visible;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.section-content.collapsed{display:none}.section-content:not(.collapsed){animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.routine-content h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.routine-list{list-style:none;margin:0;padding:0}.routine-list li{background:linear-gradient(135deg,var(--surface-light),#f8fafc);border:1px solid var(--border-light);border-left:4px solid var(--primary-gradient);border-radius:var(--radius-md);line-height:1.5;margin:.75rem 0;padding:1rem 1.25rem;position:relative;transition:all .2s ease}.routine-list li:hover{background:linear-gradient(135deg,#fff,var(--surface-light));box-shadow:var(--shadow-md);transform:translate(4px)}.makeup-section .section-icon{background:linear-gradient(135deg,#ec4899,#f472b6)}.makeup-section .routine-list li{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-left-color:#ec4899;padding-left:3rem;position:relative}.makeup-section .routine-list li:before{align-items:center;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);content:"💄";display:flex;font-size:1.25rem;height:2rem;justify-content:center;left:.75rem;padding:.25rem;position:absolute;top:50%;transform:translateY(-50%);width:2rem}.skincare-section .section-icon{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.skincare-section .routine-list li{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left-color:#0ea5e9}.styling-section .section-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.styling-section .routine-list li{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-left-color:#f59e0b}.occasion-tips{margin-top:1rem}.occasion-tabs{background:#f3f4f6;border-radius:.5rem;display:flex;gap:.25rem;margin-bottom:1rem;padding:.25rem}.occasion-tab{background:transparent;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;flex:1;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.occasion-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#704eff}.occasion-tab:hover{color:#704eff}.occasion-content{display:none}.occasion-content.active{display:block}.occasion-list{list-style:none;margin:0;padding:0}.occasion-list li{background:#f8fafc;border-radius:.25rem;font-size:.875rem;line-height:1.4;margin:.5rem 0;padding:.5rem}.celebrity-section h4{color:var(--text-primary);font-weight:600;margin:0 0 1rem}.celebrity-list{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1.5rem}.celebrity-item{background:var(--surface-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.celebrity-item:before{background:linear-gradient(90deg,#f59e0b,#f97316);content:"";height:3px;left:0;position:absolute;right:0;top:0}.celebrity-item:hover{box-shadow:0 16px 40px #0000001f;transform:translateY(-4px)}.celebrity-name{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.celebrity-name:before{content:"⭐";font-size:1.25rem;margin-right:.5rem}.celebrity-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.symmetry-overall-card{background:linear-gradient(135deg,var(--surface-white),var(--surface-light));border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:2rem 0;padding:2rem;text-align:center}.symmetry-gauge{height:140px;margin:1.5rem auto;width:140px}.gauge-circle,.symmetry-gauge{align-items:center;display:flex;justify-content:center;position:relative}.gauge-circle{background:linear-gradient(135deg,var(--primary-gradient));border-radius:50%;box-shadow:var(--shadow-primary);height:120px;width:120px}.gauge-circle:before{background:#fff;border-radius:50%;content:"";height:100px;position:absolute;width:100px}.gauge-content{position:relative;text-align:center;z-index:2}.gauge-score{color:#704eff;display:block;font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.25rem}.gauge-label{color:var(--text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.gauge-svg{height:100%;left:0;position:absolute;top:0;width:100%}.symmetry-interpretation{color:#2f2b4a;font-size:1.125rem;line-height:1.5;margin:1rem 0}.symmetry-result{margin-bottom:1rem;padding-bottom:1rem}.symmetry-overall-card{background:#fffc;border-radius:16px;margin-bottom:1.5rem;padding:2rem 2rem 1rem}.symmetry-context{margin-bottom:1.5rem;padding-bottom:1rem}.feature-analysis{margin:2rem 0}.feature-result{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin:1.5rem 0;padding:1rem}.feature-result h4{color:#2f2b4a;font-size:1.125rem;margin:0 0 1rem}.feature-score-bar{align-items:center;display:flex;gap:1rem;margin:1rem 0;padding:.5rem 0}.score-label{color:#704eff;font-size:1rem;font-weight:700;min-width:80px}.score-bar{background:#e5e7eb;flex:1;height:12px;overflow:hidden}.score-bar,.score-fill{border-radius:6px;position:relative}.score-fill{display:block;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.score-fill:after{animation:shine 2s linear infinite;background:linear-gradient(-45deg,transparent 25%,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.3) 50%,transparent 0,transparent 75%,hsla(0,0%,100%,.3) 0);background-size:20px 20px;content:"";inset:0;position:absolute}.score-fill.high{background:var(--success-gradient)}.score-fill.medium{background:var(--warning-gradient)}.score-fill.low{background:var(--error-gradient)}.detailed-observation{background:#fff;border-left:3px solid #704eff;border-radius:.375rem;color:#4b5563;font-size:.875rem;line-height:1.5;margin-top:.75rem;padding:.75rem}.symmetry-context{background:#eff6ff;border:1px solid #dbeafe;border-radius:.5rem;margin:2rem 0;padding:1.5rem}.symmetry-context h4{color:#1d4ed8;margin:0 0 .5rem}.symmetry-context p{color:#1e40af;line-height:1.5;margin:0}.share-section{background:linear-gradient(135deg,var(--surface-light),#f1f5f9);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin-top:2rem;padding:2rem}.share-section h4{color:var(--text-primary);font-weight:600;margin:0 0 1rem;text-align:center}.share-card{background:var(--surface-white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem}.share-textarea{background:var(--surface-light);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:inherit;font-size:.875rem;line-height:1.4;padding:.75rem;resize:none;transition:all .2s ease;width:100%}.share-textarea:focus{background:var(--surface-white);border-color:#704eff;box-shadow:0 0 0 3px #704eff1a;outline:none}.share-buttons{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:1.5rem}.share-button{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease}.share-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.share-button:hover:before{left:100%}.copy-btn{background:var(--primary-gradient);box-shadow:var(--shadow-primary);color:#fff}.copy-btn:hover{box-shadow:0 8px 20px #704eff66;transform:translateY(-2px)}.twitter-btn{background:linear-gradient(135deg,#1da1f2,#0d8bd9);box-shadow:0 4px 12px #1da1f24d;color:#fff}.twitter-btn:hover{box-shadow:0 8px 20px #1da1f266;transform:translateY(-2px)}.secondary-result{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin:1rem 0;padding:1rem}.secondary-result h4{color:#6b7280;font-size:1rem;margin:0 0 .5rem}.secondary-result p{color:#9ca3af;font-size:.875rem;margin:0}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast{animation:slideIn .3s ease;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:500;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1000}.toast-success{background:#10b981}.toast-error{background:#ef4444}@media (max-width:768px){.bg-\[\#F5F5F7\].min-h-screen{margin:0!important;padding:0!important}.max-w-4xl,.max-w-7xl,.max-w-\[678px\],.max-w-none,.mx-auto{margin-left:0!important;margin-right:0!important;max-width:100vw!important;padding-left:0!important;padding-right:0!important;width:100%!important}.mobile-content-padding,[class*="lg:px-"],[class*="sm:px-"],[class*="xl:px-"],[class*=px-]{padding-left:1rem!important;padding-right:1rem!important}.py-10,.py-12{padding-bottom:1rem!important;padding-top:1rem!important}.p-10,.p-8{padding:.75rem!important}h1[class*=font-bold]{font-size:2.5rem!important;leading:1.2!important;margin-bottom:1rem!important}#result{margin-bottom:0!important;margin-left:calc(-50vw + 50%)!important;padding:0!important;position:relative!important;width:100vw!important}.enhanced-result-card{background:#fff!important;border-left:none!important;border-radius:0!important;border-top:4px solid var(--primary-gradient)!important;box-shadow:none!important;margin:0!important;max-width:100vw!important;padding:1rem!important;width:100%!important}.result-header{margin-bottom:0!important;padding:1rem!important;text-align:left!important}.result-header:after{display:none!important}.result-header{margin-bottom:1rem;padding-bottom:1rem}.result-header h2{font-size:1.75rem!important;line-height:1.3;margin-bottom:.75rem}.shape-description{font-size:1rem!important;line-height:1.5;margin:1rem auto 1.5rem!important}.expandable-section{border:none!important;border-bottom:1px solid #e5e7eb!important;margin:0 0 .5rem!important}.expandable-section,.section-toggle{background:#fff!important;border-radius:0!important}.section-toggle{gap:1rem!important;padding:1rem!important}.section-icon{border-radius:8px!important;flex-shrink:0;font-size:1.25rem!important;height:32px!important;width:32px!important}.section-info{flex:1;text-align:left}.section-title{font-size:1.125rem!important;line-height:1.4;margin-bottom:.25rem}.section-subtitle{font-size:.875rem!important;opacity:.7}.section-content{background:#f8fafc!important;padding:0 1rem 1rem!important}.routine-list li{font-size:.875rem;line-height:1.4;margin-bottom:.5rem;padding:.75rem 1rem}.makeup-section .routine-list li{padding-left:2.5rem}.makeup-section .routine-list li:before{font-size:1rem;height:1.5rem;left:.5rem;width:1.5rem}.confidence-display{margin:1rem 0;padding:1rem}.confidence-header{align-items:center;flex-direction:column;gap:.25rem;text-align:center}.confidence-label{font-size:1rem}.celebrity-list{gap:1rem;grid-template-columns:1fr}.celebrity-item{padding:1rem}.share-section{margin-top:1.5rem;padding:1.5rem 1rem}.share-buttons{gap:.75rem;grid-template-columns:1fr}.share-button{justify-content:center;padding:.875rem;width:100%}.occasion-tabs{flex-direction:column;gap:.25rem}.occasion-tab{padding:.75rem;text-align:center}#drop_zone{margin:1rem 0!important;min-height:200px!important}.upload-contents{padding:1rem!important}.upload-icon{height:48px!important;width:48px!important}.file-prompt{font-size:1rem!important}.file-formats{font-size:.875rem!important}.symmetry-gauge{height:80px;width:80px}.symmetry-overall-card{margin:1rem 0!important;padding:1rem!important}.symmetry-gauge{height:100px!important;margin:1rem auto!important;width:100px!important}.gauge-circle{height:90px!important;width:90px!important}.gauge-circle:before{height:70px!important;width:70px!important}.gauge-score{font-size:1.5rem!important;line-height:1.1!important}.gauge-label{font-size:.625rem!important;line-height:1.2!important}.symmetry-interpretation{font-size:.95rem!important;line-height:1.4!important;margin:.75rem 0!important}#result{margin-bottom:2rem;padding-bottom:2rem}.feature-analysis,.symmetry-overall-card{margin-bottom:4rem!important;padding-bottom:3rem!important}.py-10,.py-12{padding-bottom:2rem!important;padding-top:2rem!important}.p-10{padding:1.5rem!important}.p-8{padding:1rem!important}.prose{max-width:100%!important}.prose-lg{font-size:.95rem!important}}.symmetry-result .share-section,.symmetry-result .symmetry-context{margin-bottom:1.5rem}.symmetry-result .related-tools-container{margin-bottom:1rem;padding-bottom:1rem}.health-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #10b981}.professional-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #3b82f6}.eyewear-section{background:linear-gradient(135deg,#fefce8,#fef3c7);border-left:4px solid #f59e0b}.general-styling-section{background:linear-gradient(135deg,#fdf4ff,#fae8ff);border-left:4px solid #a855f7}.enhancement-section{background:linear-gradient(135deg,#fef7ed,#fed7aa);border-left:4px solid #ea580c}.beard-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #16a34a}.beard-section,.enhancement-section,.eyewear-section,.general-styling-section,.health-section,.professional-section{border-radius:.5rem;margin:1.5rem 0;transition:all .3s ease}.beard-section:hover,.enhancement-section:hover,.eyewear-section:hover,.general-styling-section:hover,.health-section:hover,.professional-section:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.glasses-links{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.glasses-links h5{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.link-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.glasses-link-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:.5rem;color:#fff;display:flex;flex:1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.glasses-link-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;color:#fff;text-decoration:none;transform:translateY(-1px)}.glasses-link-btn .link-icon{font-size:1rem}.glasses-link-btn .link-text{line-height:1.3}@media (max-width:768px){.link-buttons{flex-direction:column}.glasses-link-btn{justify-content:center;min-width:unset}}.loading-status{position:relative;width:100%;z-index:1000}.heic-conversion-status{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1rem 1.5rem;transition:all .3s ease}.heic-conversion-error,.heic-conversion-status{align-items:center;display:flex;gap:1rem;margin:1rem 0}.heic-conversion-error{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #ef4444;border-radius:.5rem;padding:1rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#704eff;flex-shrink:0;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loading-text{flex:1}.loading-title{color:#334155;font-size:1rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.25rem}.loading-progress{color:#64748b;font-size:.875rem;line-height:1.4}.error-icon{flex-shrink:0;font-size:1.25rem}.error-text{flex:1}.error-title{color:#dc2626;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.error-message{color:#374151;font-size:.875rem;line-height:1.4}button:disabled{pointer-events:none}@media (max-width:768px){.heic-conversion-error,.heic-conversion-status{gap:.75rem;padding:.75rem}.error-title,.loading-title{font-size:.875rem}.error-message,.loading-progress{font-size:.8rem}}