body{background-color:#0f1923;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh}.App,.App-header{background:linear-gradient(135deg,#0f1923,#1a2a3a)}.App-header{border-bottom:1px solid #2a3a4a;padding:2rem 1rem;text-align:center}.app-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff4655,#15d1d3);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem}.title-accent{-webkit-text-fill-color:#ff4655;color:#ff4655}.app-subtitle{color:#94a3b8;font-size:1.1rem;font-weight:400}.App-main{margin:0 auto;max-width:1200px;padding:2rem 1rem}@media (max-width:768px){.app-title{font-size:2.5rem}.App-main{padding:1rem}}@media (max-width:480px){.app-title{font-size:2rem}.App-header{padding:1.5rem 1rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{background-color:#1a1a1a}.app{display:flex;min-height:100vh}.sidebar{background:#000;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;height:100vh;left:0;padding:2rem 0;position:fixed;top:0;width:280px;z-index:1000}.logo{border-bottom:1px solid #ffffff1a;padding:0 2rem 2rem}.logo-rank{color:#f44}.logo-rank,.logo-up{font-size:1.8rem;font-weight:700}.logo-up{color:#666}.sidebar-nav{flex:1 1;padding:2rem 0}.nav-item{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:1rem;justify-content:flex-start;padding:1rem 2rem;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background:#ffffff0d}.nav-item.active{background:#ffffff1a;border-right:3px solid #f44}.history-toggle .chevron{margin-left:auto}.history-section{position:relative}.history-toggle{align-items:center;display:flex;justify-content:space-between;width:100%}.chevron{transition:transform .3s ease}.chevron.rotated{transform:rotate(90deg)}.history-list{background:#000c;border:1px solid #ffffff26;border-radius:8px;margin:.5rem 0;overflow:hidden;padding:.5rem}.history-list .history-item{align-items:center!important;background:#1a1a1a!important;border:1px solid #ffffff1a!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:flex!important;gap:1rem!important;margin:.25rem 0!important;padding:1rem 1.5rem!important;transition:background .3s ease!important}.history-list .history-item:hover{background:#2a2a2a!important;border-color:#fff3!important}.history-item:last-child{border-bottom:none}.history-thumbnail{align-items:center;background:#ffffff1a;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.history-thumbnail img{height:100%;object-fit:cover;width:100%}.history-thumbnail:after{background:linear-gradient(0deg,#00000080,#0003,#0000);content:"";inset:0;pointer-events:none;position:absolute}.placeholder-thumbnail{background:#ffffff1a;height:100%;width:100%}.history-info{flex:1 1}.history-title{color:#fff;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.history-date{color:#888;font-size:.8rem}.view-all-history-button{background:#ff44441a;border:1px solid #ff44444d;border-radius:6px;color:#f44;cursor:pointer;display:block;font-size:.8rem;font-weight:500;margin:.5rem auto 0;min-width:120px;padding:.5rem 1rem;transition:all .3s ease;width:auto}.view-all-history-button:hover{background:#f443;border-color:#ff444480}.no-history-message{color:#888;font-size:.9rem;font-style:italic;padding:1.5rem;text-align:center}.community-links{gap:1rem;padding:2rem}.community-link,.community-links{display:flex;justify-content:center}.community-link{align-items:center;background:#333;border-radius:8px;color:#fff;height:40px;text-decoration:none;transition:all .3s ease;width:40px}.community-link:hover{background:#444;transform:translateY(-2px)}.main-content{background:#000;display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-height:100vh}.main-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:2rem 3rem}.welcome-section{flex:1 1}.welcome-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.welcome-rankup{color:#f44}.login-prompt{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:2rem;text-align:center}.login-prompt h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.login-prompt p{color:#ccc;font-size:1.1rem;margin-bottom:2rem;max-width:400px}.login-button{font-size:1.1rem;font-weight:600;padding:1rem 2rem}.login-button:hover{background:#f33;transform:translateY(-2px)}.welcome-subtitle{color:#ccc;font-size:1.1rem;font-weight:400}.auth-section{position:relative}.login-button{align-items:center;background:#f44;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.login-button:hover{background:#f66;transform:translateY(-1px)}.user-button{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.user-button:hover{background:#f66;transform:translateY(-1px)}.user-menu{position:relative}.account-menu{background:#2a2a2a;border:1px solid #ffffff1a;border-radius:8px;margin-top:.5rem;min-width:200px;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:1000}.account-menu-item{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:background .3s ease}.account-menu-item:hover{background:#ffffff0d}.account-menu-item.disabled{cursor:default;opacity:.7}.account-menu-item.disabled:hover{background:none}.sign-out-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background .3s ease;width:100%}.sign-out-button:hover{background:#ffffff0d}.content-area{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem 3rem}@media (max-width:768px){.sidebar{height:auto;position:relative;width:100%}.main-content{margin-left:0}.main-header{flex-direction:column;gap:1rem;text-align:center}.welcome-title{font-size:2rem}.content-area{padding:1rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}.screenshot-upload{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:60vh}.upload-container{background:#000;border-radius:20px;max-width:500px;padding:2rem;text-align:center;width:100%}.upload-dialog{align-items:center;background:#000;border:2px dashed #fff;border-radius:15px;cursor:pointer;display:flex;justify-content:center;margin-bottom:2rem;min-height:80px;padding:1.5rem 2rem;position:relative;transition:all .3s ease}.upload-dialog-label{cursor:pointer;display:block;height:100%;width:100%}.upload-dialog:hover:not(.has-image){background:#fff;color:#000;transform:translateY(-2px)}.upload-dialog:hover:not(.has-image) .upload-icon-large,.upload-dialog:hover:not(.has-image) .upload-text h3,.upload-dialog:hover:not(.has-image) .upload-text p{color:#000}.upload-dialog-content{align-items:center;display:flex;flex-direction:row;gap:1.5rem;width:100%}.upload-icon-large{color:#fff;flex-shrink:0;transition:color .3s ease}.upload-text{flex:1 1;text-align:left}.upload-text h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 .3rem;transition:color .3s ease}.upload-text p{color:#fffc;font-size:.9rem;margin:0;transition:color .3s ease}.file-input{display:none}.upload-dialog.has-image{cursor:default;min-height:60px;padding:1rem 1.5rem}.image-filled-content{align-items:center;display:flex;gap:1rem;width:100%}.image-preview-inline{flex-shrink:0;position:relative}.image-preview-inline img{border:2px solid #fff;border-radius:8px;height:50px;object-fit:cover;width:50px}.clickable-thumbnail:hover{box-shadow:0 0 10px #ff46554d}.remove-button-inline{align-items:center;background:#ff4655;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;padding:.2rem;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:20px}.remove-button-inline:hover{background:#ff6b6b;transform:scale(1.1)}.image-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;text-align:left}.file-name{color:#fff;font-size:.9rem;font-weight:500}.analyze-button-inline{background:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.analyze-button-inline:hover:not(:disabled){background:#fffc;transform:translateY(-1px)}.analyze-button-inline:disabled{cursor:not-allowed;opacity:.6}.upload-hints{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}.hint-item{align-items:center;background:#ffffff0d;border-radius:8px;color:#fff;display:flex;font-size:.85rem;gap:.8rem;padding:.5rem}.hint-item svg{color:#fff;flex-shrink:0}.example-item{background:#ffffff1a!important;border:1px solid #fff3}.example-button{background:#0000;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;margin-left:.5rem;padding:.3rem .8rem;transition:all .3s ease}.example-button:hover{background:#fff;color:#000;transform:translateY(-1px)}@media (max-width:768px){.upload-container{margin:1rem;padding:1.5rem}.upload-dialog{padding:1.2rem 1.5rem}.upload-dialog-content{flex-direction:column;gap:1rem;text-align:center}.upload-text{text-align:center}.upload-text h3{font-size:1.1rem}.upload-text p{font-size:.85rem}.image-filled-content{flex-direction:column;gap:.8rem}.image-info{text-align:center}}@media (max-width:480px){.upload-container,.upload-dialog{padding:1rem}.upload-text h3{font-size:1rem}.upload-text p{font-size:.8rem}.image-preview-inline img{height:40px;width:40px}}.analysis-progress{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin:1rem 0;padding:1.5rem}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.progress-text{color:#fff;font-size:.9rem;font-weight:500}.predicted-time{color:#ffffffb3;font-size:.8rem}.progress-bar-container{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#ff4655,#ff6b6b);border-radius:4px;height:100%;position:relative;transition:width .3s ease}.progress-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-percentage{color:#fff;font-size:.8rem;font-weight:600;text-align:center}.analysis-error{background:#ff00001a;border:1px solid #f44;border-radius:10px;margin:1rem 0;padding:1rem}.error-content{align-items:center;display:flex;flex-direction:column;gap:.8rem}.error-text{color:#f66;font-size:.9rem;text-align:center}.retry-button{background:#f44;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:all .3s ease}.retry-button:hover{background:#f66;transform:translateY(-1px)}.image-viewer-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.image-viewer-container{background:#000;border:1px solid #fff3;border-radius:12px;box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.image-viewer-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.image-viewer-title{font-size:1rem;font-weight:600;gap:.5rem}.image-viewer-close,.image-viewer-title{align-items:center;color:#fff;display:flex}.image-viewer-close{background:#0000;border:none;border-radius:6px;cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.image-viewer-close:hover{background:#ffffff1a;color:#ff4655}.image-viewer-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:1rem}.image-viewer-image{border-radius:8px;cursor:zoom-in;max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s ease}.image-viewer-image:hover{transform:scale(1.02)}@media (max-width:768px){.image-viewer-container{max-height:95vh;max-width:95vw}.image-viewer-header{padding:.8rem 1rem}.image-viewer-title{font-size:.9rem}.image-viewer-content{padding:.5rem}}.analysis-report{flex-direction:column;min-height:100vh;padding:1rem 0}.analysis-report,.report-header{align-items:center;background:#000;display:flex}.report-header{border-radius:12px;justify-content:space-between;margin-bottom:1.5rem;max-width:1000px;padding:1rem 1.5rem;width:90%}.back-button{align-items:center;background:#000;border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.back-button:hover{background:#fff;color:#000;transform:translateY(-1px)}.action-buttons{display:flex;gap:.8rem}.download-button,.share-button{align-items:center;background:#000;border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.download-button:hover,.share-button:hover{background:#fff;color:#000;transform:translateY(-1px)}.image-thumbnail-section{margin-bottom:1.5rem;max-width:1000px;text-align:center;width:90%}.image-thumbnail{border:2px solid #fff;border-radius:12px;display:block;height:120px;margin:0 auto 1rem;object-fit:cover;width:120px}.clickable-thumbnail{cursor:pointer;transition:all .2s ease}.clickable-thumbnail:hover{border-color:#ff4655;box-shadow:0 0 15px #ff465566;transform:scale(1.05)}.report-content{grid-gap:1.2rem;display:grid;gap:1.2rem;max-width:1000px;width:90%}.report-section{background:#000;border:1px solid #ffffff1a;border-radius:12px;padding:1.2rem}.section-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.8rem;margin-bottom:1.2rem;padding-bottom:.8rem}.section-icon{color:#fff;height:1.3rem;width:1.3rem}.section-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0;text-align:left}.problems-content{grid-gap:.8rem;display:grid;gap:.8rem}.problem-item{background:#000;border:1px solid #fff3;border-radius:10px;padding:.8rem;transition:all .2s ease}.problem-item:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.problem-header{align-items:center;display:flex;gap:.6rem;margin-bottom:.6rem}.problem-icon{font-size:1rem}.problem-header h4{color:#fff;font-size:1rem;font-weight:600;margin:0}.problem-item p{color:#fff;font-size:1rem;line-height:1.7;margin:0}.solutions-content{grid-gap:.8rem;display:grid;gap:.8rem}.solution-item{background:#000;border:1px solid #fff3;border-radius:10px;padding:.8rem;transition:all .2s ease}.solution-item:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.solution-header{align-items:center;display:flex;gap:.6rem;margin-bottom:.6rem}.solution-icon{color:#fff;height:1rem;width:1rem}.solution-header h4{color:#fff;font-size:1rem;font-weight:600;margin:0}.solution-item p{color:#fff;font-size:1rem;line-height:1.7;margin:0}.agents-content{grid-gap:1.2rem;display:grid;gap:1.2rem}.agent-category{background:#000;border-radius:10px;padding:.8rem}.agent-category h4{border-bottom:1px solid #fff3;color:#fff;font-size:1rem;font-weight:600;margin-bottom:.6rem;padding-bottom:.4rem;text-align:left}.agent-list{grid-gap:.6rem;display:grid;gap:.6rem}.agent-item{align-items:center;background:#000;border-radius:8px;display:flex;justify-content:space-between;padding:.6rem;transition:all .2s ease}.agent-item.primary{background:#000;border:1px solid #ffffff4d}.agent-item:hover{box-shadow:0 3px 6px #0003;transform:translateY(-1px)}.agent-name{color:#fff;font-size:.9rem;font-weight:600}.agent-stats{color:#fff;font-size:.75rem}.map-focus{background:#000;border-left:3px solid #fff;border-radius:10px;padding:.8rem}.map-focus h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.6rem;text-align:left}.map-focus p{color:#fff;font-size:1rem;line-height:1.7;margin:0}.ceiling-content{grid-gap:.8rem;display:grid;gap:.8rem}.ceiling-assessment,.ceiling-prediction,.ceiling-timeline{background:#000;border-radius:10px;padding:.8rem;transition:all .2s ease}.ceiling-assessment:hover,.ceiling-prediction:hover,.ceiling-timeline:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.ceiling-assessment h4,.ceiling-prediction h4,.ceiling-timeline h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.6rem;text-align:left}.ceiling-assessment p,.ceiling-prediction p,.ceiling-timeline p{color:#fff;font-size:1rem;line-height:1.7;margin:0}.ai-content{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;margin-bottom:1rem;padding:1rem}.ai-content p{word-wrap:break-word;color:#fff;font-size:1rem;line-height:1.7;margin:0;white-space:pre-wrap}.agent-category,.ceiling-assessment,.problem-item,.solution-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;color:#ffffffb3;margin-bottom:1rem;padding:1rem;text-align:center}.problem-header,.solution-header{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.problem-icon,.solution-icon{font-size:1.2rem}.agent-category h4,.ceiling-assessment h4,.problem-item h4,.solution-item h4{color:#fff;font-size:1rem;font-weight:600;margin:0}.agent-category p{color:#fff;font-size:1rem;line-height:1.7;margin:0}@media (max-width:768px){.report-header{flex-direction:column;gap:.8rem;text-align:center;width:95%}.action-buttons{flex-direction:column;width:100%}.overall-stats{grid-template-columns:repeat(2,1fr)}.agent-item{flex-direction:column;gap:.3rem;text-align:center}.image-thumbnail-section,.report-content{width:95%}}@media (max-width:480px){.report-section{padding:.8rem}.overall-stats{grid-template-columns:1fr}.stat-card{padding:.6rem}.stat-value{font-size:1.2rem}.report-header{padding:.8rem 1rem;width:98%}.image-thumbnail-section,.report-content{width:98%}}.overall-evaluation-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.evaluation-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:1rem;padding:.8rem}.evaluation-label{color:#fffc;flex-shrink:0;font-size:.9rem;font-weight:600;min-width:100px}.evaluation-value{color:#fff;flex:1 1;font-size:1rem;font-weight:500;line-height:1.6}.evaluation-paragraph{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;margin-top:1rem;padding:1.5rem}.evaluation-paragraph p{color:#fff;font-size:1rem;line-height:1.7;margin:0;text-align:left}.content-hierarchy{line-height:1.7}.content-line{color:#fff;font-size:1rem;font-weight:400;line-height:1.6;margin:.1rem 0;white-space:pre-wrap}.auth-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#000;max-width:400px;padding:2rem;position:relative;width:100%}.auth-modal-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:background-color .3s ease}.auth-modal-close:hover{background:#0000000d}.auth-modal-header{margin-bottom:2rem;text-align:center}.auth-modal-header h2{color:#000;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.auth-modal-header p{color:#666;font-size:.9rem;margin:0}.auth-form{gap:1rem}.auth-form,.auth-input-group{display:flex;flex-direction:column}.auth-input-group{gap:.5rem}.auth-label{font-weight:500}.auth-input,.auth-label{color:#000;font-size:.9rem}.auth-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.auth-input:focus{border-color:#3b82f6;outline:none}.auth-input::placeholder{color:#9ca3af}.auth-error{background:#ff00001a;border:1px solid #f44;border-radius:6px;color:#f66;font-size:.85rem;padding:.75rem;text-align:center}.auth-submit-button{align-items:center;background:#374151;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem 1rem;transition:all .3s ease}.auth-submit-button:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.auth-submit-button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.auth-submit-arrow{font-size:.8rem}.auth-switch{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-switch p{color:#6b7280;font-size:.9rem;margin:0}.auth-switch-button{background:none;border:none;color:#000;cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:underline;transition:color .3s ease}.auth-switch-button:hover{color:#374151}.auth-email-display{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:.75rem}.auth-email-text{color:#374151;font-size:.9rem;font-weight:500}.auth-edit-email{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:.25rem;transition:background-color .3s ease}.auth-edit-email:hover{background:#0000000d}.auth-otp-container{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.auth-otp-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#000;font-size:1.2rem;font-weight:600;height:40px;text-align:center;transition:border-color .3s ease;width:40px}.auth-otp-input:focus{border-color:#3b82f6;outline:none}.auth-resend{margin-bottom:1rem;text-align:center}.auth-resend p{color:#6b7280;font-size:.9rem;margin:0}.auth-resend-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s ease}.auth-resend-button:hover:not(:disabled){color:#1d4ed8}.auth-resend-button.disabled,.auth-resend-button:disabled{color:#9ca3af;cursor:not-allowed;text-decoration:none}.auth-alternative{margin-top:1rem;text-align:center}.auth-alternative-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.9rem;transition:color .3s ease}.auth-alternative-button:hover{color:#374151}.history-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.history-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#000;display:flex;flex-direction:column;max-height:80vh;max-width:800px;position:relative;width:90%}.history-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 2rem}.history-modal-header h2{color:#000;font-size:1.5rem;font-weight:700;margin:0}.history-modal-close{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:.5rem;transition:background-color .3s ease}.history-modal-close:hover{background:#0000000d}.history-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.history-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem}.history-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.history-error{align-items:center;color:#dc2626;display:flex;flex-direction:column;justify-content:center;padding:3rem}.history-retry-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem;transition:background-color .3s ease}.history-retry-button:hover{background:#2563eb}.history-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.history-empty svg{margin-bottom:1rem;opacity:.5}.history-empty h3{color:#374151;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.history-empty p{font-size:.9rem;line-height:1.5;margin:0}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.history-item:hover{background:#f3f4f6;border-color:#d1d5db}.history-item-preview{align-items:center;display:flex;flex:1 1;gap:1rem}.history-thumbnail{border:1px solid #e5e7eb;border-radius:6px;height:60px;object-fit:cover;width:60px}.history-item-info{flex:1 1}.history-item-info h4{color:#000;font-size:1rem;font-weight:600;margin:0 0 .25rem}.history-item-date{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:.25rem;margin:0 0 .25rem}.history-item-rank{color:#3b82f6;font-size:.85rem;font-weight:500;margin:0}.history-item-actions{display:flex;gap:.5rem}.history-action-button{align-items:center;background:none;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.history-action-button.view-button{border-color:#3b82f6;color:#3b82f6}.history-action-button.view-button:hover{background:#3b82f6;color:#fff}.history-action-button.delete-button{border-color:#dc2626;color:#dc2626}.history-action-button.delete-button:hover{background:#dc2626;color:#fff}@media (max-width:768px){.history-modal{max-height:90vh;width:95%}.history-modal-content,.history-modal-header{padding:1rem 1.5rem}.history-item{align-items:stretch;flex-direction:column;gap:1rem}.history-item-preview{align-items:center;flex-direction:column;text-align:center}.history-item-actions{justify-content:center}}
/*# sourceMappingURL=main.e67fb8a8.css.map*/