:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-dark, #37474f);background-color:var(--background-main, #fffaf7);--primary-color: #ff7e5f;--primary-light: #ff9e80;--primary-dark: #ff6e4c;--primary-rgb: 255, 126, 95;--secondary-color: #feb47b;--secondary-light: #ffc491;--secondary-dark: #fea56e;--success-color: #66bb6a;--warning-color: #ffca28;--error-color: #ff5252;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 15px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary-color, #ff7e5f);text-decoration:inherit;transition:color var(--transition-fast, .15s ease)}a:hover{color:var(--primary-light, #ff9e80)}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:var(--text-4xl, 2.25rem);line-height:1.1;font-weight:700;margin:0}h2{font-size:var(--text-2xl, 1.5rem);line-height:1.2;font-weight:600;margin:0}h3{font-size:var(--text-xl, 1.25rem);line-height:1.3;font-weight:600;margin:0}p{margin:0}button{border-radius:var(--radius-md, 8px);border:1px solid transparent;padding:.6em 1.2em;font-size:var(--text-md, 1rem);font-weight:500;font-family:inherit;background-color:var(--background-elevated, #ffffff);cursor:pointer;transition:all var(--transition-normal, .25s ease)}button:hover{border-color:var(--primary-light, #ff9e80)}button:focus,button:focus-visible{outline:2px solid var(--primary-light, #ff9e80);outline-offset:2px}@media (prefers-color-scheme: dark){:root{--background-main: #251e1c;--background-card: #352a26;--background-elevated: #45342e;--text-dark: #f5f5f5;--text-medium: #d0d0d0;--text-light: #a0a0a0;--border-light: #5d4037;--border-medium: #795548;--primary-color: #ff9e80;--primary-light: #ffccbc;--primary-dark: #ff7e5f;--primary-rgb: 255, 158, 128;--secondary-color: #ffd180;--secondary-light: #ffe0b2;--secondary-dark: #ffb74d}body{background:linear-gradient(135deg,#4a2c2a,#5d4037,#614235,#794340);background-size:400% 400%;animation:gradient-animation 15s ease infinite}.app-main,.result-card,.result-container.loading,.dropzone{background-color:#352a26e6;border-color:#5d403780}a{color:var(--primary-light, #ffccbc)}a:hover{color:var(--secondary-light, #ffe0b2)}button{background-color:var(--background-elevated, #45342e)}}.error-container{display:flex;align-items:flex-start;padding:var(--space-md);background-color:#ff525214;border:1px solid rgba(255,82,82,.2);border-left:4px solid var(--error-color);border-radius:var(--radius-md);color:var(--error-color);margin:var(--space-md) auto;position:relative;width:100%;max-width:600px;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.error-container:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle at top right,rgba(255,82,82,.1),transparent 70%);z-index:0}.error-container:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.error-icon{font-size:var(--text-xl);margin-right:var(--space-md);opacity:.9;position:relative;z-index:1;color:var(--error-color)}.error-content{flex:1;position:relative;z-index:1}.error-title{margin:0 0 var(--space-xs) 0;font-size:var(--text-md);font-weight:600;color:var(--error-color)}.error-message{margin:0;color:var(--text-medium);font-size:var(--text-sm);line-height:1.5}.error-dismiss-button{background:none;border:none;font-size:var(--text-xl);color:var(--error-color);cursor:pointer;padding:0;margin-left:var(--space-md);opacity:.6;transition:opacity var(--transition-fast),transform var(--transition-fast);position:relative;z-index:1}.error-dismiss-button:hover{opacity:1;transform:scale(1.1)}@media (max-width: 768px){.error-container{padding:var(--space-sm);margin:var(--space-sm) auto}.error-icon{font-size:var(--text-lg);margin-right:var(--space-sm)}.error-title{font-size:var(--text-sm);margin-bottom:var(--space-xs)}.error-message{font-size:var(--text-xs)}.error-dismiss-button{font-size:var(--text-lg);margin-left:var(--space-sm)}}.uploader-container{width:100%;margin:var(--space-md) auto;max-width:100%;display:flex;flex-direction:column;align-items:center}.size-error-banner{width:100%;background-color:#ff5252e6;color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-md);animation:slideDown .3s ease-out}.size-error-banner p{margin:0;font-weight:500}.size-error-banner button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0 0 0 var(--space-md)}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);border:2px dashed rgba(255,126,95,.3);border-radius:var(--radius-lg);background-color:#ffffffe6;cursor:pointer;transition:all var(--transition-normal);min-height:220px;width:100%;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.dropzone:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff7e5f0d,#feb47b0d);opacity:0;transition:opacity var(--transition-normal);z-index:1}.dropzone:hover:before{opacity:1}.dropzone.active{border-color:var(--primary-color);background-color:#fffffff2;transform:scale(1.01);box-shadow:var(--shadow-md)}.dropzone.reject{border-color:var(--error-color);background-color:#ff52520d;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.dropzone.has-preview{padding:0;border-style:solid;border-color:var(--primary-light);min-height:300px}.upload-placeholder{text-align:center;color:var(--text-medium);z-index:2;position:relative;transition:transform var(--transition-normal)}.dropzone:hover .upload-placeholder{transform:translateY(-5px)}.upload-icon{font-size:3.5rem;margin-bottom:var(--space-md);color:var(--primary-color);opacity:.8;transition:transform var(--transition-normal),opacity var(--transition-normal)}.dropzone:hover .upload-icon{transform:scale(1.1);opacity:1}.upload-hint{font-size:var(--text-sm);color:var(--text-light);margin-top:var(--space-sm);transition:opacity var(--transition-normal)}.preview-container{position:relative;width:100%;height:100%;border-radius:calc(var(--radius-lg) - 2px);overflow:hidden}.image-preview{width:100%;height:auto;display:block;max-height:400px;object-fit:contain;transition:transform var(--transition-slow)}.preview-container:hover .image-preview{transform:scale(1.03)}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#e64a19b3,#ff7e5f4d);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-container:hover .overlay{opacity:1}@media (max-width: 768px){.dropzone{padding:var(--space-lg);min-height:180px}.upload-icon{font-size:3rem;margin-bottom:var(--space-sm)}.upload-placeholder p{font-size:var(--text-sm)}.upload-hint{font-size:var(--text-xs)}.dropzone.has-preview{min-height:250px}.image-preview{max-height:300px}}@media (max-width: 480px){.dropzone{padding:var(--space-md);min-height:150px}.upload-icon{font-size:2.5rem}.dropzone.has-preview{min-height:200px}.image-preview{max-height:250px}}.result-container{margin:var(--space-md) auto;width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center}.result-container.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);background-color:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;min-height:300px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.result-container.loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--primary-color));background-size:200% 100%;animation:loading-gradient 2s linear infinite}@keyframes loading-gradient{0%{background-position:0% 0}to{background-position:200% 0}}.result-container.error{padding:var(--space-md);background-color:#ff52520d;border:1px solid rgba(255,82,82,.2);border-radius:var(--radius-lg);color:var(--error-color);width:100%;box-shadow:var(--shadow-sm);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.result-card{background-color:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xl);position:relative;overflow:hidden;width:100%;transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid rgba(255,255,255,.3)}.result-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.result-card.ai-generated{border-left:5px solid var(--error-color)}.result-card.ai-generated:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle at top right,rgba(255,82,82,.1),transparent 70%);z-index:0}.result-card.real-image{border-left:5px solid var(--success-color)}.result-card.real-image:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle at top right,rgba(102,187,106,.1),transparent 70%);z-index:0}.result-title{margin-top:0;margin-bottom:var(--space-lg);font-size:var(--text-2xl);color:var(--primary-dark);font-weight:600;position:relative;z-index:1}.result-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-weight:600;margin-bottom:var(--space-md);font-size:var(--text-sm);position:relative;z-index:1;box-shadow:var(--shadow-sm)}.ai-generated .result-badge{background-color:#ff52521a;color:var(--error-color);border:1px solid rgba(255,82,82,.2)}.ai-generated .result-badge:before{content:"⚠️";margin-right:var(--space-xs)}.real-image .result-badge{background-color:#66bb6a1a;color:var(--success-color);border:1px solid rgba(102,187,106,.2)}.real-image .result-badge:before{content:"✓";margin-right:var(--space-xs)}.confidence-meter{display:flex;align-items:center;margin:var(--space-lg) 0;flex-wrap:wrap;position:relative;z-index:1}.confidence-label{font-weight:500;margin-right:var(--space-md);min-width:80px;color:var(--text-dark)}.confidence-tier-container{display:flex;gap:5px;flex-grow:1;margin-right:var(--space-md)}.confidence-tier{height:15px;width:25px;background-color:#ffffff80;border-radius:var(--radius-md);overflow:hidden;box-shadow:inset 0 1px 2px #0000001a;transition:all .3s ease}.confidence-tier.high-confidence,.confidence-tier.medium-confidence,.confidence-tier.low-confidence{position:relative;overflow:hidden}.confidence-tier:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.confidence-level-text{font-weight:700;min-width:80px;font-size:var(--text-md);color:var(--primary-dark)}.high-confidence{background:linear-gradient(90deg,var(--error-color),#ff7675)}.medium-confidence{background:linear-gradient(90deg,var(--warning-color),#ffeaa7)}.low-confidence{background:linear-gradient(90deg,var(--success-color),#55efc4)}.confidence-percentage{font-weight:700;min-width:50px;font-size:var(--text-md);color:var(--primary-dark)}.details-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid rgba(255,126,95,.2);position:relative;z-index:1}.details-section h3{font-size:var(--text-lg);margin-top:0;margin-bottom:var(--space-sm);color:var(--primary-dark);font-weight:600}.details-section p{color:var(--text-medium);line-height:1.6;font-size:var(--text-md)}.analysis-aspects{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid rgba(0,0,0,.1);position:relative;z-index:1}.analysis-aspects h3{font-size:var(--text-lg);margin-top:0;margin-bottom:var(--space-md);color:var(--primary-dark);font-weight:600}.aspect-list{list-style:none;padding:0;margin:0}.aspect-item{margin-bottom:var(--space-sm);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.aspect-item:hover{box-shadow:var(--shadow-md)}.aspect-header{padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center;background-color:#ffffffb3;cursor:pointer;font-weight:500;color:var(--primary-dark);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);transition:background-color var(--transition-normal)}.aspect-header:hover{background-color:#ffffffe6}.aspect-header.expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:rgba(var(--primary-rgb),.05);border-color:rgba(var(--primary-rgb),.2);font-weight:600}.aspect-name{text-transform:capitalize}.toggle-icon{font-weight:700;font-size:var(--text-lg);color:var(--primary-color);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.aspect-content{padding:var(--space-md);background-color:#fff;border:1px solid rgba(0,0,0,.1);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);color:var(--text-medium);line-height:1.6;font-size:var(--text-md);max-height:300px;overflow-y:auto}.aspect-content p{margin:0}.markdown-content{color:var(--text-medium);line-height:1.6}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:var(--space-md);margin-bottom:var(--space-xs);color:var(--primary-dark);font-weight:600}.markdown-content h1{font-size:var(--text-xl)}.markdown-content h2{font-size:var(--text-lg)}.markdown-content h3{font-size:var(--text-md)}.markdown-content p{margin-bottom:var(--space-sm)}.markdown-content ul,.markdown-content ol{margin-left:var(--space-md);margin-bottom:var(--space-sm)}.markdown-content li{margin-bottom:var(--space-xs)}.markdown-content a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}.markdown-content a:hover{color:var(--primary-dark);text-decoration:underline}.markdown-content code{background-color:#0000000d;padding:2px 4px;border-radius:var(--radius-sm);font-family:monospace;font-size:.9em}.markdown-content pre{background-color:#0000000d;padding:var(--space-sm);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-sm)}.markdown-content pre code{background-color:transparent;padding:0}.markdown-content blockquote{border-left:3px solid var(--primary-color);padding-left:var(--space-sm);margin-left:var(--space-sm);margin-bottom:var(--space-sm);font-style:italic;color:var(--text-dark)}@media (max-width: 768px){.result-card{padding:var(--space-lg)}.result-title{font-size:var(--text-xl);margin-bottom:var(--space-md)}.result-badge{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.confidence-meter{flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin:var(--space-md) 0}.confidence-label{margin-right:0;margin-bottom:var(--space-xs);min-width:auto;font-size:var(--text-sm)}.confidence-tier-container{width:100%;margin-right:0;justify-content:space-between}.confidence-tier{flex-grow:1;height:12px}.confidence-level-text{font-size:var(--text-sm);min-width:auto;align-self:flex-end}.details-section h3,.analysis-aspects h3{font-size:var(--text-lg)}.details-section p,.aspect-content{font-size:var(--text-sm)}.aspect-header{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}.aspect-content{padding:var(--space-sm)}.markdown-content h1{font-size:var(--text-lg)}.markdown-content h2{font-size:var(--text-md)}.markdown-content h3,.markdown-content p,.markdown-content li{font-size:var(--text-sm)}}@media (max-width: 480px){.result-card{padding:var(--space-md)}.result-title{font-size:var(--text-lg)}.confidence-tier{height:10px}.details-section h3,.analysis-aspects h3{font-size:var(--text-md)}.aspect-header,.details-section p,.aspect-content,.markdown-content p,.markdown-content li{font-size:var(--text-xs)}}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md)}.spinner{border-radius:50%;border:3px solid rgba(255,126,95,.1);border-top-color:var(--primary-color);animation:spinner-rotation 1.4s ease infinite;position:relative}.spinner:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border:1px solid transparent;border-top-color:var(--secondary-color);animation:spinner-rotation-reverse .9s linear infinite;opacity:.6}.spinner-small{width:24px;height:24px;border-width:2px}.spinner-small:after{top:-2px;left:-2px;right:-2px;bottom:-2px}.spinner-medium{width:48px;height:48px;border-width:3px}.spinner-medium:after{border-width:1.5px}.spinner-large{width:72px;height:72px;border-width:4px}.spinner-large:after{border-width:2px}.spinner-message{margin-top:var(--space-md);color:var(--primary-dark);font-size:var(--text-sm);text-align:center;max-width:200px;animation:fade-in .3s ease forwards;animation-delay:.5s;opacity:0;font-weight:500}@keyframes spinner-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinner-rotation-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.spinner-message{font-size:var(--text-xs);max-width:150px}}:root{--primary-color: #ff7e5f;--primary-light: #ff9e80;--primary-dark: #e64a19;--secondary-color: #feb47b;--secondary-light: #ffd180;--secondary-dark: #f57c00;--accent-color: #7b4397;--accent-light: #9c55b3;--accent-dark: #5e2d79;--success-color: #66bb6a;--error-color: #ff5252;--warning-color: #ffb74d;--info-color: #40c4ff;--text-dark: #37474f;--text-medium: #546e7a;--text-light: #78909c;--background-main: #fffaf7;--background-card: #ffffff;--background-elevated: #ffffff;--border-light: #ffccbc;--border-medium: #ffab91;--shadow-sm: 0 2px 4px rgba(255, 126, 95, .1);--shadow-md: 0 4px 8px rgba(255, 126, 95, .15);--shadow-lg: 0 8px 16px rgba(255, 126, 95, .2);--shadow-xl: 0 12px 24px rgba(255, 126, 95, .25);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-xxl: 3rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f96,#ff5e62,#ff7e5f,#feb47b);background-size:400% 400%;animation:gradient-animation 15s ease infinite;color:var(--text-dark);line-height:1.6;display:flex;justify-content:center}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-container{max-width:900px;margin:0 auto;padding:var(--space-xxl) var(--space-md);min-height:100vh;display:flex;flex-direction:column;width:100%}.app-header{text-align:center;margin-bottom:var(--space-xxl);padding:var(--space-md)}.logo-title{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-lg);background:linear-gradient(135deg,#ff8a7b,#ff6a88);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);box-shadow:0 10px 20px #ff7e5f33;width:100%;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.logo-title:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.logo-container{background:#ffffff26;padding:var(--space-md);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a}.app-logo{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.title-container{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.app-header h1{font-size:var(--text-4xl);font-weight:800;color:#fff;margin-bottom:var(--space-xs);letter-spacing:-.02em;text-shadow:2px 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-subtitle{font-size:var(--text-xl);color:#ffffffe6;font-weight:500;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.2);position:relative}.app-main{flex:1;background-color:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);align-self:center;width:100%;min-width:680px;max-width:680px;margin-left:auto;margin-right:auto;transition:transform var(--transition-normal),box-shadow var(--transition-normal);border:1px solid rgba(255,255,255,.3)}.app-main:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.info-section{margin-bottom:var(--space-xl);text-align:center}.info-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-md);color:var(--primary-dark);font-weight:600}.info-section p{color:var(--text-medium);max-width:600px;margin:0 auto;font-size:var(--text-md)}.upload-section{margin-bottom:var(--space-xl);display:flex;flex-direction:column;align-items:center}.action-buttons{display:flex;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg)}.detect-button,.clear-button{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-full);font-weight:500;font-size:var(--text-md);cursor:pointer;transition:all var(--transition-normal);border:none;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);min-width:120px;height:44px}.detect-button{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 10px #ff7e5f4d}.detect-button:hover:not(:disabled){box-shadow:0 6px 14px #ff7e5f66;transform:translateY(-2px)}.detect-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #ff7e5f4d}.clear-button{background-color:#ffffffb3;border:1px solid var(--border-light);color:var(--primary-dark)}.clear-button:hover:not(:disabled){background-color:#fff;color:var(--primary-color);border-color:var(--border-medium)}.detect-button:disabled,.clear-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.disclaimer{margin-top:var(--space-xl);padding:var(--space-md);background-color:#ffb74d26;border-radius:var(--radius-md);border-left:4px solid var(--warning-color);width:100%;margin-left:auto;margin-right:auto}.disclaimer p{color:#b36a00;font-size:var(--text-sm)}.app-footer{margin-top:auto;padding:var(--space-md) 0;text-align:center;color:#ffffffe6;font-size:var(--text-sm)}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#ff8f5e,#ff5733);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:4px solid #8a4baf;box-shadow:0 5px 15px #00000040;transition:all var(--transition-normal);z-index:100;opacity:1;transform:translateY(0);overflow:hidden;animation:buttonPulse 2s infinite ease-in-out}@keyframes buttonPulse{0%{box-shadow:0 5px 15px #00000040}50%{box-shadow:0 5px 20px #0006,0 0 10px #fff3 inset}to{box-shadow:0 5px 15px #00000040}}.scroll-button-appear{animation:buttonAppear .5s ease forwards,buttonPulse 2s infinite ease-in-out .5s}@keyframes buttonAppear{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-to-top:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff4d,#fff0);border-radius:50%;z-index:-1}.scroll-to-top:hover{background:linear-gradient(135deg,#ff7043,#ff3d00);transform:translateY(-3px) scale(1.05);box-shadow:0 7px 20px #0006,0 0 15px #ffffff4d inset;border-color:#9c27b0}.scroll-to-top:hover .arrow-icon{transform:translateY(-3px);transition:transform var(--transition-fast)}.scroll-to-top:active{transform:translateY(-1px) scale(.98);box-shadow:0 3px 10px #0000004d}.arrow-icon{font-size:28px;font-weight:700;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.3);display:block;margin-top:-2px}@media (max-width: 768px){.app-container{padding:var(--space-lg) var(--space-md)}.app-header{margin-bottom:var(--space-xl)}.logo-title{flex-direction:column;align-items:center;text-align:center;padding:var(--space-md) var(--space-lg);gap:var(--space-md)}.logo-container{padding:var(--space-sm)}.app-logo{width:50px;height:50px}.title-container{align-items:center}.app-header h1{font-size:var(--text-3xl)}.app-subtitle{font-size:var(--text-lg)}.app-main{min-width:unset;max-width:100%;padding:var(--space-lg);margin-left:0;margin-right:0}.info-section h2{font-size:var(--text-xl)}.info-section p{font-size:var(--text-sm)}.action-buttons{flex-direction:column;gap:var(--space-sm)}.detect-button,.clear-button{width:100%}.disclaimer{padding:var(--space-sm)}.disclaimer p{font-size:var(--text-xs)}.scroll-to-top{width:48px;height:48px;bottom:20px;right:20px;border-width:3px}.arrow-icon{font-size:24px}}@media (max-width: 480px){.app-header h1{font-size:var(--text-2xl)}.app-subtitle{font-size:var(--text-md)}.app-main{padding:var(--space-md)}}