.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:500;text-align:center;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.1)}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn--primary{background-color:var(--primary-color);color:white;border-color:var(--primary-color);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.1)}.btn--primary:hover:not(:disabled){background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.25)}.btn--secondary{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn--secondary:hover:not(:disabled){background-color:var(--primary-color);color:white;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--outline{background-color:white;color:#374151;border-color:#d1d5db;border-width:1.5px;font-weight:500}.btn--outline:hover:not(:disabled){background-color:#f9fafb;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn--ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:var(--surface-color);color:var(--text-primary)}.btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;min-height:32px}.btn--medium{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem;min-height:40px}.btn--large{padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem;min-height:48px}.btn--full{width:100%}.btn--loading{position:relative;color:transparent}.btn--loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.navigation{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);box-shadow:0 1px 10px rgba(0,0,0,.05);z-index:1000;transition:all var(--transition-fast)}@media (prefers-color-scheme:dark){.navigation{background:rgba(15,23,42,.95);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 1px 10px rgba(0,0,0,.2)}}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl);justify-content:space-between;height:var(--header-height)}.nav-brand,.nav-container{display:flex;align-items:center}.nav-brand{text-decoration:none;transition:transform var(--transition-fast)}.nav-brand:hover{transform:translateY(-1px)}.brand-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.brand-icon{font-size:1.25rem;opacity:.8}.nav-brand-text{font-weight:600;font-size:1.2rem;color:var(--text-primary);letter-spacing:-.025em}.nav-links{gap:var(--spacing-md)}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{gap:var(--spacing-xs);text-decoration:none;font-weight:500;font-size:.9rem;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);background:var(--primary-color);color:white;transition:all var(--transition-fast);border:none;box-shadow:0 2px 8px rgba(37,99,235,.2)}.nav-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3);background:var(--primary-dark);color:white}.nav-icon{font-size:.9rem}@media (max-width:768px){.navigation{background:rgba(15,23,42,.98);border-bottom-color:rgba(255,255,255,.2)}.nav-brand-text{color:#f1f5f9;font-size:1.1rem}.brand-icon{opacity:1}.nav-container{padding:0 var(--spacing-lg)}.nav-links{gap:var(--spacing-sm)}.nav-link{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem}}.homepage{min-height:calc(100vh - 56px);margin-top:56px}.hero-section{background:linear-gradient(135deg,var(--background-color) 0,var(--surface-color) 50%,var(--background-color) 100%);padding:0 var(--spacing-xl);min-height:70vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(37,99,235,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(37,99,235,.05) 0,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.hero-accent{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}.hero-upload-section{margin-top:var(--spacing-2xl)}.upload-divider{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem;font-weight:500;margin:var(--spacing-md) 0;width:100%}.upload-divider:after,.upload-divider:before{content:"";flex:1 1;height:1px;background:var(--border-color);display:block}.upload-divider span{padding:0 var(--spacing-md);flex-shrink:0;white-space:nowrap}.features-section{padding:0 var(--spacing-xl);background-color:var(--surface-color)}.section-title{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:var(--spacing-2xl);color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.feature-card{place-items:center;background:var(--background-color);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light));transform:scaleX(0);transition:transform var(--transition-normal)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:0}@media (max-width:768px){.hero-section{background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.95) 50%,rgba(15,23,42,.98))!important;color:#f1f5f9;padding:0 var(--spacing-lg)}.hero-content{padding:var(--spacing-lg) var(--spacing-sm)}.hero-section:before{background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.2) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.15) 0,transparent 50%)}.features-section{background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.95) 50%,rgba(15,23,42,.98))!important;color:#f1f5f9;padding:var(--spacing-3xl) var(--spacing-lg)}.section-title{font-size:2rem;color:#f1f5f9}.feature-card{padding:var(--spacing-lg);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#f1f5f9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card h3{color:#f1f5f9}.feature-card p{color:#cbd5e1}.feature-card:hover{background:rgba(255,255,255,.15);border-color:rgba(59,130,246,.5);transform:translateY(-8px)}.hero-title{font-size:2.5rem;color:#f1f5f9}.hero-description{font-size:1.125rem;margin-bottom:var(--spacing-xl);color:#cbd5e1}.hero-actions{flex-direction:column;align-items:stretch}.upload-divider{color:#94a3b8}.upload-divider:after,.upload-divider:before{background:rgba(255,255,255,.2)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}@media (max-width:480px){.hero-section{background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.95) 50%,rgba(15,23,42,.98))!important;padding:var(--spacing-2xl) var(--spacing-md)}.hero-content{padding:var(--spacing-md) var(--spacing-sm)}.features-section{background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.95) 50%,rgba(15,23,42,.98))!important;padding:var(--spacing-2xl) var(--spacing-md)}.hero-title{font-size:2rem;color:#f1f5f9}.hero-description{color:#cbd5e1}.section-title{color:#f1f5f9}.feature-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.feature-card h3{color:#f1f5f9}.feature-card p{color:#cbd5e1}.upload-divider{color:#94a3b8}.upload-divider:after,.upload-divider:before{background:rgba(255,255,255,.2)}}.summarize-page{min-height:100vh;margin-top:0;padding-top:0;background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.95) 50%,rgba(15,23,42,.98))!important;opacity:1;transform:translateY(0);transition:all var(--transition-slow)}.summarize-page .summarize-hero{padding-top:var(--header-height)}.summarize-page.page-entering{background:transparent!important;animation:pageEnterFromUpload 1s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes pageEnterFromUpload{0%{opacity:0;transform:scale(.9) translateY(20px);filter:blur(2px)}30%{opacity:.3;transform:scale(.95) translateY(10px);filter:blur(1px)}60%{opacity:.7;transform:scale(.98) translateY(5px);filter:blur(.5px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.summarize-hero{padding:0;min-height:100vh;height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.95) 50%,rgba(15,23,42,.98))!important;position:relative;overflow:hidden}.summarize-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(59,130,246,.1) 0,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%,-50%) rotate(0deg)}33%{transform:translate(-50%,-45%) rotate(120deg)}66%{transform:translate(-45%,-50%) rotate(240deg)}}.summarize-content{max-width:1200px;margin:0 auto;padding:var(--header-height) var(--spacing-lg) var(--spacing-lg);position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-3xl);gap:var(--spacing-3xl);align-items:center}.upload-content-left{text-align:left}.upload-content-right{display:flex;justify-content:center}.summarize-content:not(.upload-layout):not(.configure-layout){display:block;text-align:center;max-width:900px}.upload-features{flex-direction:column;margin-top:var(--spacing-lg)}.feature-item,.upload-features{display:flex;gap:var(--spacing-sm)}.feature-item{align-items:center;color:#94a3b8;font-size:.95rem;font-weight:500}.feature-icon{font-size:1.1rem;width:24px;text-align:center}.configure-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-3xl);gap:var(--spacing-3xl);align-items:start;max-width:1200px}.configure-content-left{text-align:left}.configure-content-right{display:flex;justify-content:center;align-items:flex-start}.file-preview{display:flex;align-items:center;gap:var(--spacing-md);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.file-icon-display{font-size:1.5rem;opacity:.9}.file-details-compact{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.file-name-truncated{color:#f1f5f9;font-weight:600;font-size:.95rem}.file-size-compact{color:#94a3b8;font-size:.8rem;font-weight:500}.summary-benefits{flex-direction:column;margin-bottom:var(--spacing-xl)}.benefit-item,.summary-benefits{display:flex;gap:var(--spacing-sm)}.benefit-item{align-items:center;color:#94a3b8;font-size:.95rem;font-weight:500}.benefit-icon{font-size:1.1rem;width:24px;text-align:center}.summary-options-vertical{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:400px}.summary-option-card{background:rgba(255,255,255,.95);border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:var(--spacing-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%}.summary-option-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),transparent);opacity:0;transition:opacity .3s ease}.summary-option-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.4);border-color:rgba(59,130,246,.4)}.summary-option-card:hover:before{opacity:1}.summary-option-card.active{background:rgba(59,130,246,.9);border-color:#3b82f6;box-shadow:0 4px 20px rgba(59,130,246,.3)}.summary-option-card.active h3{color:#ffffff!important}.summary-option-card.active p{color:#cbd5e1!important}.option-content{display:flex;align-items:center;gap:var(--spacing-md);position:relative;z-index:2}.option-icon{font-size:1.5rem;opacity:.8;flex-shrink:0}.option-info{text-align:left}.summary-option-card h3{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:#1e293b}.summary-option-card p{font-size:.85rem;color:#64748b;margin:0;line-height:1.4}.configure-actions{display:flex;justify-content:center}.back-btn{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.3)!important;color:#cbd5e1!important;padding:var(--spacing-sm) var(--spacing-lg)!important;font-size:.9rem!important}.back-btn:hover{background:rgba(255,255,255,.2)!important;border-color:rgba(255,255,255,.5)!important;transform:translateY(-1px)}@media (max-width:768px){.summarize-page{padding-top:0}.summary-text{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important;color:#f1f5f9!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-content-area,.summary-result{background:transparent!important;color:#f1f5f9!important}.summary-display-container,.summary-pane{background:transparent!important}.summary-pane{color:#f1f5f9!important}.document-pane{border-right-color:rgba(255,255,255,.2)!important}.document-pane,.split-layout{background:transparent!important}.document-header,.summary-header{background:rgba(255,255,255,.1)!important;border-bottom-color:rgba(255,255,255,.2)!important;color:#f1f5f9!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.split-layout .btn,.split-layout .btn--outline,.split-layout .btn--primary,.split-layout .btn--small{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;float:none!important;z-index:auto!important}.summarize-hero{padding:var(--spacing-lg) 0;min-height:calc(100vh - var(--header-height))}.summarize-page .summarize-hero{height:100vh}.summarize-content.upload-layout{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center;padding:0 var(--spacing-md)}.upload-content-left{text-align:center;order:2}.upload-content-right{order:1}.upload-features{justify-content:center;align-items:center;margin-top:var(--spacing-md)}.configure-layout{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center;padding:0 var(--spacing-md)}.configure-content-left{text-align:center}.configure-content-right{justify-content:center}.file-preview{flex-direction:column;text-align:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.file-details-compact,.summary-benefits{align-items:center}.summary-benefits{justify-content:center;margin-bottom:var(--spacing-lg)}.summary-options-vertical{max-width:100%;gap:var(--spacing-sm)}.summary-option-card{padding:var(--spacing-md)}.option-content{gap:var(--spacing-sm)}.option-info h3{font-size:1rem}.option-info p{font-size:.8rem}.configure-actions{margin-top:var(--spacing-lg)}}.summarize-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:#ffffff;letter-spacing:-.02em;line-height:1.2}@media (max-width:768px){.summarize-title{font-size:2rem;margin-bottom:var(--spacing-sm)}}@media (max-width:480px){.summarize-title{font-size:1.75rem;line-height:1.1}.summarize-description{font-size:1rem;line-height:1.5;margin-bottom:var(--spacing-lg)}}.upload-layout .summarize-title{background:linear-gradient(135deg,#ffffff,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summarize-description{font-size:1.1rem;color:#cbd5e1;margin-bottom:var(--spacing-xl);line-height:1.6;font-weight:500}.file-info{margin:var(--spacing-2xl) 0;padding:var(--spacing-lg);background:var(--background-color);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);max-width:500px;margin-left:auto;margin-right:auto}.file-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-details strong{color:var(--text-primary);font-size:1.125rem}.file-details span{color:var(--text-muted);font-size:.875rem}.error-message{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05));border:1px solid rgba(239,68,68,.3);border-radius:12px;border-left:4px solid var(--error-color);max-width:600px;margin-left:auto;margin-right:auto;animation:errorSlideIn .3s ease-out}.error-message h3{color:#dc2626;font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.error-message h3:before{content:"⚠️";font-size:1.2rem}.error-message p{color:#7f1d1d;margin-bottom:0;line-height:1.5;font-size:.95rem}.file-info:after{content:"";display:block;width:100%;height:4px;border-radius:2px;margin-top:var(--spacing-md);position:relative;overflow:hidden;background:linear-gradient(90deg,var(--surface-color) 0,var(--primary-color) 50%,var(--surface-color) 100%);background-size:200% 100%;animation:processingBar 2s ease-in-out infinite}@keyframes processingBar{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.summarize-title{font-size:2.25rem}.summarize-description{font-size:1.125rem}.upload-area{padding:var(--spacing-2xl)}.upload-icon{font-size:3rem}.summary-result{padding:var(--spacing-lg)}.summary-content{font-size:1rem;padding:var(--spacing-md)}.summary-stats{flex-direction:column;align-items:center;text-align:center}.length-buttons{justify-content:center}}@media (max-width:480px){.summarize-title{font-size:1.875rem}.summarize-hero{padding:var(--spacing-2xl) 0}.upload-area{padding:var(--spacing-xl)}.summary-result{margin:var(--spacing-lg) var(--spacing-sm)}.length-buttons{flex-direction:column;align-items:stretch}.error-message{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}}.upload-area{background:var(--background-color);border:2px dashed var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-3xl);transition:all var(--transition-normal)}.upload-area:before{background:linear-gradient(135deg,rgba(37,99,235,.05),transparent 50%);transition:opacity var(--transition-normal)}.upload-area:hover{border-color:var(--primary-color);background-color:var(--surface-color);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.upload-icon{font-size:4rem;opacity:.7}.upload-area h3{font-size:1.5rem;color:var(--text-primary)}.upload-area p{color:var(--text-secondary);font-size:1.125rem}.upload-note{font-size:.875rem;color:var(--text-muted);background-color:var(--surface-color);border-radius:var(--radius-sm);display:inline-block}.upload-area.dragover{background-color:rgba(37,99,235,.05)}.upload-area.loading{pointer-events:none;opacity:.7}.upload-area.loading .upload-icon{animation:spin 1s linear infinite}.upload-area.uploaded{border-color:var(--success-color);background-color:rgba(16,185,129,.05)}.upload-area.uploaded .upload-icon{color:var(--success-color)}@media (max-width:768px){.summarize-title{font-size:2.25rem}.summarize-description{font-size:1.125rem}.upload-area{padding:var(--spacing-2xl)}.upload-icon{font-size:3rem}}.summary-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);margin-top:var(--spacing-2xl);max-width:800px}.summary-option{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.summary-option:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-option.active,.summary-option:focus{border-color:var(--primary-color);background:var(--primary-color);color:white;box-shadow:var(--shadow-lg)}.summary-option h3{margin:0 0 var(--spacing-sm) 0;font-size:1.25rem;font-weight:600}.summary-option p{margin:0;font-size:.875rem;opacity:.8}.summary-option.active h3,.summary-option.active p{color:white}.processing-indicator{text-align:center;margin-top:var(--spacing-2xl)}.spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md) auto}.processing-overlay .spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg) auto}.processing-indicator p{color:var(--text-secondary);font-size:1.125rem}.back-button-section,.file-actions,.upload-new-section{margin-top:var(--spacing-lg);text-align:center}.back-button-section{margin-bottom:var(--spacing-lg)}.split-layout{display:flex;height:100svh;overflow:hidden;margin-top:0}.document-pane{flex:1 1;display:flex;flex-direction:column;border-right:2px solid #e5e7eb;background:var(--surface-color);position:relative}.document-pane:after{content:"";position:absolute;top:0;right:-2px;width:4px;height:100%;background:linear-gradient(90deg,rgba(37,99,235,.1),transparent);pointer-events:none}.summary-pane{flex:1 1;display:flex;flex-direction:column;background:var(--background-color)}.document-header{display:flex;justify-content:center;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background:#f8f9fa;border-top:3px solid var(--primary-color);height:48px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.document-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem}.document-icon{font-size:1.1rem}.document-name{font-weight:600;color:#1f2937;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.75rem;color:#6b7280;font-weight:500}.document-viewer{flex:1 1;overflow:hidden;position:relative}.document-not-displayable{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-lg);text-align:center;color:var(--text-secondary)}.document-not-displayable .file-icon{font-size:4rem}.inline-image-viewer{height:100%;overflow:auto;padding:var(--spacing-sm);display:flex;align-items:flex-start;justify-content:center;background:#f8f9fa}.inline-image-viewer img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.inline-text-viewer{height:100%;overflow:auto}.inline-text-content{background:var(--background-color);padding:var(--spacing-md);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4;white-space:pre-wrap;color:var(--text-primary);margin:0;height:100%;border:none}.inline-text-content.json{color:#0969da}.document-viewer iframe{width:100%;height:100%;border:none;background:white}.document-viewer-error,.document-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-lg)}.document-viewer-error{color:var(--error-color)}.document-viewer-error .error-icon{font-size:3rem}.summary-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);background:#f8f9fa;border-top:3px solid var(--primary-color);height:48px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.summary-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);height:100%}.summary-controls label{font-weight:600;color:var(--text-primary);display:none}.length-buttons{display:flex;flex-direction:row;gap:var(--spacing-xs);align-items:center;height:32px}.length-buttons .btn--small{height:32px;min-height:32px;display:flex;align-items:center;justify-content:center;min-width:60px;font-weight:500}.length-buttons .btn--outline{background-color:white;color:#4b5563;border-color:#9ca3af;border-width:1.5px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.length-buttons .btn--outline:hover:not(:disabled){background-color:#f3f4f6;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 2px 4px rgba(0,0,0,.15)}.length-buttons .btn--primary{background-color:var(--primary-color);color:white;border-color:var(--primary-color);box-shadow:0 2px 4px rgba(37,99,235,.2)}.new-file-btn{font-size:.8rem!important;padding:6px 12px!important;height:32px!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:white!important;color:#4b5563!important;border-color:#9ca3af!important;border-width:1.5px!important;font-weight:500!important}.new-file-btn:hover:not(:disabled){background-color:#f3f4f6!important;border-color:#6b7280!important;color:#374151!important}.summary-content-area{flex:1 1;overflow:auto;padding:var(--spacing-md);display:flex;flex-direction:column}.summary-display-container{flex:1 1;position:relative;display:flex;flex-direction:column}.processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(248,250,252,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);z-index:10;border-radius:var(--border-radius-md);border:1px solid rgba(203,213,225,.5)}.processing-overlay p{margin:0;font-size:1rem;color:#374151;font-weight:500;text-align:center}.processing-overlay p:first-of-type{font-size:1.1rem;color:#1f2937;font-weight:600}.summary-placeholder{flex:1 1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-style:italic;background:var(--surface-color);border:2px dashed var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xl)}.summary-placeholder p{margin:0;font-size:1rem}.mobile-show-summary{padding-top:var(--header-height)}.summary-result{flex:1 1;display:flex;flex-direction:column;height:100%}.summary-result h3{display:none}.summary-text{flex:1 1;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);font-size:1rem;line-height:1.6;color:var(--text-primary);overflow:auto;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.summary-stats{display:none}@media (max-width:1024px){.split-layout{flex-direction:column;height:auto;min-height:100vh}.document-pane{flex:none;height:50vh;border-right:none;border-bottom:1px solid var(--border-color)}.summary-pane{flex:1 1;min-height:50vh}}@media (max-width:768px){.split-layout{flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;position:relative;padding-top:var(--header-height);padding-bottom:70px;box-sizing:border-box}.mobile-show-summary{padding:0}.split-layout.mobile-show-document .summary-pane,.split-layout.mobile-show-summary .document-pane{display:none}.split-layout.mobile-show-document .document-pane,.split-layout.mobile-show-summary .summary-pane{display:flex;height:calc(100% - var(--header-height) - 70px);max-height:calc(100vh - var(--header-height) - 70px);flex:1 1;overflow:hidden}.split-layout.mobile-show-summary .summary-pane{padding-top:var(--header-height)}.document-pane,.summary-pane{border:none;border-radius:0}.document-header,.summary-header{padding:var(--spacing-sm);height:auto;min-height:50px;flex-shrink:0;position:relative;z-index:10;border-top:2px solid var(--primary-color);background:#f8f9fa;display:flex;flex-direction:column;justify-content:center}.document-info{font-size:.85rem;gap:var(--spacing-xs)}.document-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-controls{flex-direction:column;align-items:stretch;position:relative;z-index:1}.length-buttons,.summary-controls{display:flex;gap:var(--spacing-xs);width:100%}.length-buttons{flex-direction:row;justify-content:stretch;align-items:center;height:32px}.length-buttons .btn{flex:1 1;min-width:0;height:32px;min-height:32px;position:relative;z-index:1;float:none!important;transform:none!important;display:flex;align-items:center;justify-content:center}.new-file-btn{display:none}.summary-content-area{padding:var(--spacing-sm);overflow-y:auto}.document-viewer,.summary-content-area{flex:1 1;max-height:calc(100% - 44px);box-sizing:border-box}.document-viewer{overflow:auto}.mobile-nav-floating{display:block;position:fixed;bottom:0;left:0;right:0;z-index:999;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px rgba(0,0,0,.3)}.mobile-nav-container{max-width:400px;margin:0 auto;gap:var(--spacing-sm)}.mobile-nav-btn,.mobile-nav-container{display:flex;padding:var(--spacing-sm)}.mobile-nav-btn{flex:1 1;flex-direction:column;align-items:center;gap:4px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#cbd5e1;font-family:inherit}.mobile-nav-btn.active{background:rgba(59,130,246,.8);border-color:#3b82f6;color:#ffffff;box-shadow:0 2px 12px rgba(59,130,246,.4)}.mobile-nav-btn:hover:not(.active){background:rgba(255,255,255,.15);transform:translateY(-1px)}.mobile-nav-icon{font-size:1.2rem;line-height:1}.mobile-nav-text{font-size:.75rem;font-weight:600;line-height:1}}@media (min-width:769px){.mobile-nav-floating{display:none!important}}@media (max-width:1024px) and (min-width:769px){.summarize-title{font-size:2.2rem}.summary-controls{flex-wrap:wrap;gap:var(--spacing-sm)}.length-buttons{gap:var(--spacing-xs)}.document-info{gap:var(--spacing-sm)}.document-viewer,.summary-content-area{padding:var(--spacing-md)}}@media (max-width:768px){.document-header,.summary-content-area,.summary-header{padding:var(--spacing-md)}.summary-controls{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.length-buttons{width:100%;justify-content:space-between}.document-info{gap:var(--spacing-sm)}.document-info h3{font-size:1rem}.summary-stats{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:480px){.summarize-title{font-size:1.875rem}.summarize-hero{padding:var(--spacing-2xl) 0}.upload-area{padding:var(--spacing-xl)}.summary-options{grid-template-columns:1fr;gap:var(--spacing-md)}.summary-option{padding:var(--spacing-lg)}}@media (max-width:768px){.split-layout{flex-direction:column;height:auto;min-height:100vh}.document-pane{border-right:none;border-bottom:1px solid var(--border-color)}.document-pane,.summary-pane{height:50vh;min-height:300px}.document-header,.summary-header{padding:var(--spacing-xs) var(--spacing-sm);height:40px;border-top-width:2px}.document-info{font-size:.8rem}.document-name{max-width:150px}.summary-controls{flex-wrap:wrap;gap:var(--spacing-xs)}.length-buttons{gap:2px}.btn--small{padding:4px 8px;font-size:.75rem;height:28px;min-height:28px}.new-file-btn{font-size:.7rem!important;padding:3px 6px!important;height:28px!important;min-height:28px!important}.summary-content-area{padding:var(--spacing-sm)}.summary-display-container{flex:1 1}.summary-placeholder{padding:var(--spacing-md)}.summary-text{padding:var(--spacing-sm);font-size:.9rem;line-height:1.5}}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}.processing-stage-text{font-size:.85rem;color:#6b7280;margin-top:var(--spacing-xs);text-align:center;font-style:italic;font-weight:500}.processing-stage-text[data-retry=true]{color:#d97706;font-weight:600}.processing-stage-text[data-retry=true]:before{content:"🔄 "}@media (max-width:768px){.summarize-page{background:transparent!important;padding-top:0}.summarize-hero{height:100svh;min-height:100svh;padding:0;background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.95) 50%,rgba(15,23,42,.98))!important;display:flex;align-items:stretch}.summarize-content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--header-height) var(--spacing-md) var(--spacing-md);text-align:center;height:100%;max-height:calc(100svh - var(--header-height));overflow-y:auto}.summarize-content.configure-layout,.summarize-content.upload-layout{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:center;justify-content:flex-start;height:100%}.configure-content-left,.upload-content-left{text-align:center;max-width:100%;flex-shrink:0}.configure-content-right,.upload-content-right{width:100%;max-width:100%;flex:1 1;display:flex;align-items:center;justify-content:center}.summarize-title{font-size:1.5rem;line-height:1.2;margin-bottom:var(--spacing-sm);color:#ffffff}.summarize-description{font-size:.85rem;line-height:1.4;margin-bottom:var(--spacing-md);opacity:.9;color:#e2e8f0}.upload-features{justify-content:center;align-items:center;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);gap:var(--spacing-xs)}.feature-item{font-size:.8rem;justify-content:center}.file-preview{margin:var(--spacing-sm) 0;padding:var(--spacing-sm) var(--spacing-md);background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.2)!important}.summary-benefits{margin-bottom:var(--spacing-sm);gap:var(--spacing-xs)}.benefit-item{font-size:.8rem;justify-content:center}.summary-options-vertical{width:100%;max-width:100%;flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm)}.summary-option-card{margin-bottom:0;padding:var(--spacing-sm) var(--spacing-md);min-height:60px}.option-content{gap:var(--spacing-sm)}.option-info h3{font-size:1rem;margin-bottom:2px}.option-info p{font-size:.8rem}.configure-actions{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);text-align:center;flex-shrink:0}.back-btn{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.configure-content-left{flex-shrink:0;padding-bottom:var(--spacing-sm)}.configure-content-right{flex:1 1;min-height:0}}@media (max-width:1024px) and (min-width:769px){.summarize-content{padding:0 var(--spacing-lg)}.summarize-content,.summarize-content.configure-layout,.summarize-content.upload-layout{gap:var(--spacing-xl)}.summarize-title{font-size:2rem}.summarize-description{font-size:1rem}}.upload-area{background:linear-gradient(135deg,#ffffff,#f8fafc);border:2px dashed #e2e8f0;border-radius:16px;padding:var(--spacing-2xl);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 4px 20px rgba(0,0,0,.3);max-width:480px;width:100%}.upload-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),transparent);opacity:0;transition:opacity .3s ease}.upload-area:hover{border-color:#3b82f6;background:linear-gradient(135deg,#ffffff,#f1f5f9);transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.4)}.upload-area:hover:before{opacity:1}.upload-placeholder{position:relative;z-index:1;text-align:center}.upload-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block;color:#3b82f6;transition:all .3s ease}.upload-area h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm);color:#1e293b;transition:color .3s ease}.upload-area p{color:#64748b;margin-bottom:var(--spacing-md);font-size:.95rem;transition:color .3s ease;line-height:1.5}.upload-note{font-size:.85rem;color:#94a3b8;padding:var(--spacing-sm) var(--spacing-md);background:rgba(100,116,139,.05);border-radius:8px;border:1px solid rgba(100,116,139,.1);margin-top:var(--spacing-md);font-weight:400}.upload-area:hover .upload-icon{transform:translateY(-2px);color:#1d4ed8}.upload-area:hover h3{color:#0f172a}.upload-area:hover p{color:#374151}.upload-area--compact{padding:var(--spacing-xl);max-width:400px;margin:0 auto}.upload-area--compact .upload-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.upload-area--compact h3{font-size:1.25rem;margin-bottom:var(--spacing-xs)}.upload-area--compact p{font-size:1rem;margin-bottom:0}.upload-area.dragover{border-color:var(--primary-color);background-color:rgba(37,99,235,.1);transform:scale(1.02);box-shadow:var(--shadow-lg)}.upload-area.dragover .upload-icon{transform:scale(1.1);color:var(--primary-color)}.upload-area.dragover h3{color:var(--primary-color)}.upload-area.upload-expanding{z-index:9999;border-color:var(--primary-color);background-color:var(--surface-color);animation:expandToFullscreen 1.2s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}.upload-area.upload-expanding .upload-icon{animation:uploadProcessing 1.2s ease-in-out}@keyframes uploadProcessing{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(90deg)}50%{transform:scale(1.2) rotate(180deg)}75%{transform:scale(1.1) rotate(270deg)}to{transform:scale(1) rotate(1turn)}}@keyframes expandToFullscreen{0%{transform:scale(1);border-radius:var(--radius-xl);opacity:1;box-shadow:var(--shadow-lg)}25%{transform:scale(1.05);border-radius:var(--radius-lg);opacity:.95;box-shadow:var(--shadow-xl)}50%{transform:scale(2);border-radius:var(--radius-md);opacity:.8;background-color:rgba(37,99,235,.1)}75%{transform:scale(8);border-radius:var(--radius-sm);opacity:.4;background-color:rgba(37,99,235,.05)}to{transform:scale(25);border-radius:0;opacity:0;background-color:var(--surface-color)}}.hero-upload-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.hero-actions{display:flex;gap:var(--spacing-md);justify-content:center;align-items:center;flex-wrap:wrap}@media (max-width:768px){.upload-area{padding:var(--spacing-2xl);background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-area:hover{background:rgba(255,255,255,.98);border-color:#3b82f6}.upload-area--compact{padding:var(--spacing-lg);max-width:350px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-icon{font-size:3rem}.upload-area--compact .upload-icon{font-size:2rem}.hero-actions{flex-direction:column;align-items:stretch}}@media (max-width:480px){.upload-area--compact{max-width:300px;padding:var(--spacing-md);background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-area--compact h3{font-size:1.125rem}.upload-area--compact p{font-size:.9rem}}.file-viewer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.file-viewer-modal{background:var(--background-color);border-radius:var(--border-radius-lg);width:90vw;height:90vh;max-width:1200px;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);overflow:hidden}.file-viewer-header{justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);background:var(--surface-color)}.file-info,.file-viewer-header{display:flex;align-items:center}.file-info{gap:var(--spacing-md)}.file-info .file-icon{font-size:1.5rem}.file-details h3{margin:0;font-size:1.125rem;color:var(--text-primary)}.file-details .file-type{font-size:.875rem;color:var(--text-secondary)}.file-viewer-controls{display:flex;gap:var(--spacing-sm)}.file-viewer-content{flex:1 1;overflow:auto;padding:var(--spacing-lg)}.pdf-viewer{height:100%;min-height:600px}.image-viewer{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px}.image-viewer img{border-radius:var(--border-radius-md);box-shadow:var(--shadow-md)}.text-viewer{height:100%}.text-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;white-space:pre-wrap;overflow:auto;max-height:calc(90vh - 200px);color:var(--text-primary)}.text-content.json{color:#0969da}.text-content.xml{color:#cf222e}.file-viewer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:var(--spacing-lg)}.loading-spinner{width:40px;height:40px;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%}.file-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:var(--spacing-md);color:var(--error-color)}.file-viewer-error .error-icon{font-size:3rem}.file-viewer-unsupported{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:var(--spacing-lg);text-align:center}.file-viewer-unsupported .file-icon{font-size:4rem}.file-viewer-unsupported h3{margin:0;color:var(--text-primary)}.file-viewer-unsupported p{margin:var(--spacing-sm) 0;color:var(--text-secondary)}@media (max-width:768px){.file-viewer-modal{width:95vw;height:95vh}.file-viewer-content,.file-viewer-header{padding:var(--spacing-md)}.file-info{gap:var(--spacing-sm)}.file-details h3{font-size:1rem}.file-viewer-controls{gap:var(--spacing-xs)}}@media (max-width:480px){.file-viewer-modal{width:100vw;height:100vh;border-radius:0}.text-content{font-size:.75rem;padding:var(--spacing-md)}}:root{--primary-color:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--secondary-color:#64748b;--secondary-light:#94a3b8;--background-color:#ffffff;--surface-color:#f8fafc;--border-color:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata",monospace;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--header-height:56px;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}@media (prefers-color-scheme:dark){:root{--background-color:#0f172a;--surface-color:#1e293b;--border-color:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-primary);line-height:1.6;color:var(--text-primary);background-color:var(--background-color);scroll-behavior:smooth}body{min-height:100vh}.main-content{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{font-family:inherit;outline:none}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-transition{transition:opacity var(--transition-normal),transform var(--transition-normal)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner{animation:spin 1s linear infinite}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}body{background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.95) 50%,rgba(15,23,42,.98))!important}.main-content{background:transparent!important}}