@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary:#fbbf24;--on-primary:#fdfdfd;--primary-container:#e6d4a7;--on-primary-container:#332907;--secondary:#0e7490;--on-secondary:#fdfdfd;--secondary-container:#a4d8e6;--on-secondary-container:#052933;--tertiary:#006b5e;--on-tertiary:#fdfdfd;--tertiary-container:#9de6dd;--on-tertiary-container:#00332d;--error:#b3261e;--on-error:#fff;--error-container:#e6aca9;--on-error-container:#330b09;--sucess:#4ac087;--on-sucess:#fff;--sucess-container:#a9e6c0;--on-sucess-container:#008955;--background:#fcfcfb;--on-background:#333231;--surface:#fcfcfb;--on-surface:#333231;--surface-variant:#e6e3d9;--on-surface-variant:#666254;--outline:#807667;--outline-variant:#d1c5b4;--shadow:#000;--scrim:#000;--inverse-surface:#343027;--inverse-on-surface:#f9f0e2;--inverse-primary:#edc06c;--surface-container-lowest:#fff;--surface-container-low:#f5f5f4;--surface-container:#e7e5e4;--surface-container-high:#d6d3d1;--surface-container-highest:#a8a29e;--radius:0.625rem;--chart-1:#5b74ad;--chart-2:#836fad;--chart-3:#a869a2;--chart-4:#c3658f;--chart-5:#7c8ebd;--chart-6:#9b8cc3;--chart-7:#bba2d0;--chart-8:#d4bedf;--chart-9:#e6d4eb;--chart-10:#f3ebf5}.dark,[data-theme=dark]{--primary:#e6cd8d;--on-primary:#4c3a0b;--primary-container:#664e0e;--on-primary-container:#e6d4a7;--secondary:#89d2e6;--on-secondary:#083e4c;--secondary-container:#0a5366;--on-secondary-container:#a4d8e6;--tertiary:#7fe6d9;--on-tertiary:#004c43;--tertiary-container:#00665a;--on-tertiary-container:#9de6dd;--success:#8fe6b0;--on-success:#0c4c25;--success-container:#106631;--on-success-container:#a9e6c0;--error:#e69490;--on-error:#4c100d;--error-container:#661511;--on-error-container:#e6aca9;--background:#333231;--on-background:#e6e5e2;--surface:#201d16;--on-surface:#e6e5e2;--surface-variant:#666154;--on-surface-variant:#e6e1d4;--outline:#b3ad9f;--outline-variant:#4e4639;--shadow:#000;--scrim:#000;--inverse-surface:#eae1d4;--inverse-on-surface:#343027;--inverse-primary:#7a590c;--primary-fixed:#ffdea7;--on-primary-fixed:#271900;--primary-fixed-dim:#edc06c;--on-primary-fixed-variant:#5e4200;--secondary-fixed:#9ff2e2;--on-secondary-fixed:#00201b;--secondary-fixed-dim:#83d5c6;--on-secondary-fixed-variant:#005047;--tertiary-fixed:#ffdad6;--on-tertiary-fixed:#3b0908;--tertiary-fixed-dim:#ffb3ac;--on-tertiary-fixed-variant:#73332f;--fixed-surface:#16130b;--surface-dim:#16130b;--surface-bright:#3d392f;--surface-container-lowest:#110e07;--surface-container-low:#1f1b13;--surface-container:#231f17;--surface-container-high:#2e2a21;--surface-container-highest:#39342b;--chart-1:#15803d;--chart-2:#1f8f4a;--chart-3:#29a359;--chart-4:#a9e6c0;--chart-5:#91d5aa;--chart-6:#0e6f34;--chart-7:#083318}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#fcfcfb;background-color:var(--background);background-image:url(/static/media/background.7dd0b8687e011ad07562.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#333231;color:var(--on-background);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:Poppins,Courier New,Courier,monospace}*{box-sizing:border-box}.container{margin:40px auto 0;max-width:1200px;padding:20px}.header{background:#000;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fdfdfd;color:var(--on-primary);margin-bottom:0;position:sticky;top:0;width:100%;z-index:100}.header-content{flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px}.header-content,.header-left{align-items:center;display:flex;gap:20px}.header-left{flex:1 1}.header-text{text-align:left}.header-right{align-items:center;display:flex;flex-shrink:0}.header-logo{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);max-height:90px;max-width:120px}.header-text h1{font-size:2.2rem;font-weight:700;margin:0}.header-text p{font-size:1.1rem;margin:5px 0 0;opacity:.9}.user-info{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.user-info span{font-size:1rem;font-weight:500;white-space:nowrap}.auth-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.auth-button{background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:25px;color:#fdfdfd;color:var(--on-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.auth-button:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.auth-button.secondary{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.modal-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fcfcfb;background:var(--surface);border-radius:.625rem;border-radius:var(--radius);box-shadow:0 10px 30px rgba(0,0,0,.3);max-height:90vh;max-width:400px;overflow-y:auto;padding:0;width:90%}.modal-header{align-items:center;border-bottom:1px solid #d1c5b4;border-bottom:1px solid var(--outline-variant);display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#333231;color:var(--on-surface);margin:0}.close-button{align-items:center;background:none;border:none;color:#666254;color:var(--on-surface-variant);cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.close-button:hover{color:#333231;color:var(--on-surface)}.auth-form,.upload-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#333231;color:var(--on-surface);display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group textarea{background:#fcfcfb;background:var(--surface);border:2px solid #d1c5b4;border:2px solid var(--outline-variant);border-radius:5px;color:#333231;color:var(--on-surface);font-size:1rem;padding:12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#fbbf24;border-color:var(--primary);outline:none}.form-group small{color:#666254;color:var(--on-surface-variant);font-size:.9rem}.file-input{padding:8px!important}.error-message{background:#e6aca9;background:var(--error-container);border-left:4px solid #b3261e;border-left:4px solid var(--error);border-radius:5px;color:#330b09;color:var(--on-error-container);margin-bottom:15px;padding:10px}.submit-button{background:linear-gradient(135deg,#fbbf24,#0e7490);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:5px;color:#fdfdfd;color:var(--on-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:12px;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 4px 15px rgba(251,191,36,.3);transform:translateY(-1px)}.submit-button:disabled{background:#e6e3d9;background:var(--surface-variant);color:#666254;color:var(--on-surface-variant);cursor:not-allowed;transform:none}.auth-switch{border-top:1px solid #d1c5b4;border-top:1px solid var(--outline-variant);padding:20px;text-align:center}.auth-switch p{color:#666254;color:var(--on-surface-variant);margin:0}.link-button{background:none;border:none;color:#fbbf24;color:var(--primary);cursor:pointer;font-size:inherit;text-decoration:underline}.link-button:hover{color:#0e7490;color:var(--secondary)}.upload-section{background:#f5f5f4;background:var(--surface-container-low);border:1px solid #d1c5b4;border:1px solid var(--outline-variant);border-radius:.625rem;border-radius:var(--radius);box-shadow:0 2px 10px rgba(0,0,0,.1);margin-bottom:30px;padding:20px}.upload-section h3{color:#333231;color:var(--on-surface);font-size:1.5rem;margin-top:0}.info-message{background:#a9e6c0;background:var(--sucess-container);border-left:4px solid #4ac087;border-left:4px solid var(--sucess);border-radius:.625rem;border-radius:var(--radius);padding:20px}.info-message,.info-message h3{color:#008955;color:var(--on-sucess-container)}.info-message h3{margin-top:0}.image-preview{margin:15px 0}.image-preview h4{color:#333231;color:var(--on-surface);margin:0 0 10px}.preview-image{border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-height:200px;max-width:200px}.mascots-section{margin-top:20px}.mascots-section h2{color:#fff;font-size:2rem;margin-bottom:20px}.mascots-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.mascot-card{background:#f5f5f4;background:var(--surface-container-low);border:1px solid #d1c5b4;border:1px solid var(--outline-variant);border-radius:.625rem;border-radius:var(--radius);box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px;transition:transform .2s ease,box-shadow .2s ease}.mascot-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.15);transform:translateY(-5px)}.mascot-card h3{color:#333231;color:var(--on-surface);font-size:1.5rem;margin-top:0}.mascot-creator{background:#a4d8e6;background:var(--secondary-container);border-radius:20px;color:#052933;color:var(--on-secondary-container);display:inline-block;margin-bottom:15px;padding:4px 12px}.mascot-image{margin:15px 0;text-align:center}.mascot-image img{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);max-height:200px;max-width:100%}.mascot-description{color:#666254;color:var(--on-surface-variant);line-height:1.5;margin:15px 0}.vote-section{border-top:1px solid #d1c5b4;border-top:1px solid var(--outline-variant);justify-content:space-between;margin-top:20px;padding-top:15px}.vote-count{color:#333231;color:var(--on-surface);font-size:1.1rem;font-weight:700}.vote-button{background:linear-gradient(135deg,#fbbf24,#0e7490);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:25px;color:#fdfdfd;color:var(--on-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.vote-button:hover:not(:disabled){box-shadow:0 2px 10px rgba(251,191,36,.3);transform:scale(1.05)}.vote-button:disabled{background:#e6e3d9;background:var(--surface-variant);color:#666254;color:var(--on-surface-variant);cursor:not-allowed;transform:none}.vote-button.voted{background:#4ac087;background:var(--sucess);color:#fff;color:var(--on-sucess)}.vote-button.voted:hover{background:#a9e6c0;background:var(--sucess-container);color:#008955;color:var(--on-sucess-container)}.no-mascots{background:#f5f5f4;background:var(--surface-container-low);border:1px solid #d1c5b4;border:1px solid var(--outline-variant);border-radius:.625rem;border-radius:var(--radius);box-shadow:0 2px 10px rgba(0,0,0,.1)}.loading,.no-mascots{color:#666254;color:var(--on-surface-variant);padding:40px;text-align:center}.loading{font-size:1.2rem}.error{background:#e6aca9;background:var(--error-container);border:1px solid #b3261e;border:1px solid var(--error);border-radius:.625rem;border-radius:var(--radius);color:#330b09;color:var(--on-error-container);margin:20px 0;padding:40px;text-align:center}.status-indicator{align-items:center;border-radius:.625rem;border-radius:var(--radius);display:flex;gap:10px;justify-content:center;margin-bottom:20px;padding:15px}.status-indicator.connected{background:#a9e6c0;background:var(--sucess-container);color:#008955;color:var(--on-sucess-container)}.status-indicator.disconnected{background:#e6aca9;background:var(--error-container);color:#330b09;color:var(--on-error-container)}.status-dot{border-radius:50%;height:10px;width:10px}.status-dot.connected{background:#4ac087;background:var(--sucess)}.status-dot.disconnected{background:#b3261e;background:var(--error)}@media (max-width:768px){.container{margin-top:20px;padding:10px}.header-content{padding:15px}.header-content,.header-left{flex-direction:column;gap:15px;text-align:center}.header-text{text-align:center}.header-text h1{font-size:1.8rem}.header-text p{font-size:1rem}.header-logo{max-height:60px;max-width:80px}.mascots-grid{grid-template-columns:1fr}.user-info{flex-direction:column;gap:10px}.auth-buttons{align-items:center;flex-direction:column}.vote-section{align-items:stretch;flex-direction:column;gap:10px}.vote-button{width:100%}}.confirmation-content{padding:20px}.confirmation-content p{color:#666254;color:var(--on-surface-variant);line-height:1.5;margin-bottom:20px}.mascot-summary{background:#e6e3d9;background:var(--surface-variant);border-radius:.625rem;border-radius:var(--radius);margin-bottom:20px;padding:15px}.mascot-summary h3{color:#333231;color:var(--on-surface);font-size:1.1rem;margin:0 0 15px}.summary-item{margin-bottom:10px}.summary-item strong{color:#333231;color:var(--on-surface);display:block;margin-bottom:5px}.confirmation-image-preview{margin-top:8px}.confirmation-image-preview img{border-radius:.625rem;border-radius:var(--radius);max-height:150px;max-width:200px;object-fit:cover}.confirmation-actions{display:flex;gap:10px;justify-content:flex-end}.cancel-button{background:#e6e3d9;background:var(--surface-variant);border:1px solid #d1c5b4;border:1px solid var(--outline-variant);border-radius:.625rem;border-radius:var(--radius);color:#666254;color:var(--on-surface-variant);cursor:pointer;font-weight:500;padding:10px 20px;transition:var(--transition)}.cancel-button:hover{background:#d1c5b4;background:var(--outline-variant);border-color:#807667;border-color:var(--outline)}.confirm-button{background:#fbbf24;background:var(--primary);border:1px solid #fbbf24;border:1px solid var(--primary);border-radius:.625rem;border-radius:var(--radius);color:#fdfdfd;color:var(--on-primary);cursor:pointer;font-weight:500;padding:10px 20px;transition:var(--transition)}.confirm-button:hover{background:var(--primary-variant);border-color:var(--primary-variant)}.cancel-button:disabled,.confirm-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:480px){.confirmation-actions{flex-direction:column}.cancel-button,.confirm-button{width:100%}}.mascot-image{border-radius:.625rem;border-radius:var(--radius);cursor:pointer;overflow:hidden;position:relative;transition:var(--transition)}.mascot-image:hover{transform:scale(1.02)}.mascot-image:hover .image-overlay{opacity:1}.image-overlay{align-items:center;background:rgba(0,0,0,.6);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition)}.zoom-icon{color:#fff;font-size:2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.image-modal-content{background:#fcfcfb;background:var(--surface);border-radius:.625rem;border-radius:var(--radius);box-shadow:0 20px 60px rgba(0,0,0,.5);max-height:90vh;max-width:800px;overflow-y:auto;padding:0;width:90%}.image-modal-header{align-items:center;border-bottom:1px solid #d1c5b4;border-bottom:1px solid var(--outline-variant);display:flex;justify-content:space-between;padding:20px}.image-modal-header h2{color:#333231;color:var(--on-surface);font-size:1.5rem;margin:0}.image-modal-body{display:flex;flex-direction:column;gap:20px;padding:20px}.modal-image{background:#e6e3d9;background:var(--surface-variant);border-radius:.625rem;border-radius:var(--radius);max-height:400px;object-fit:contain;width:100%}.image-modal-info{display:flex;flex-direction:column;gap:10px}.mascot-creator{color:#666254;color:var(--on-surface-variant);font-size:.9rem;margin:0}.mascot-creator strong{color:#fbbf24;color:var(--primary)}.image-modal-info .mascot-description{color:#333231;color:var(--on-surface);font-size:1rem;line-height:1.5;margin:0}.mascot-stats{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.creation-date,.vote-count{align-items:center;background:#e6e3d9;background:var(--surface-variant);border-radius:.3125rem;border-radius:calc(var(--radius)/2);color:#666254;color:var(--on-surface-variant);display:flex;font-size:.9rem;gap:5px;padding:5px 10px}@media (max-width:768px){.image-modal-content{max-height:95vh;width:95%}.image-modal-body{padding:15px}.modal-image{max-height:300px}.mascot-stats{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.image-modal-header{padding:15px}.image-modal-header h2{font-size:1.2rem}.image-modal-body{padding:10px}}.mascot-actions{border-top:1px solid #d1c5b4;border-top:1px solid var(--outline-variant);margin-top:20px;padding-top:15px}.delete-mascot-button{background:#b3261e;background:var(--error);border:1px solid #b3261e;border:1px solid var(--error);border-radius:.625rem;border-radius:var(--radius);color:#fff;color:var(--on-error);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 15px;transition:var(--transition)}.delete-mascot-button:hover{background:var(--error-variant);border-color:var(--error-variant)}.delete-mascot-button:disabled{cursor:not-allowed;opacity:.6}.vote-section{align-items:center;display:flex;flex-direction:column;gap:8px}.vote-section .vote-count{color:#666254;color:var(--on-surface-variant);font-size:.85rem;font-weight:500}.vote-button.voted{background:#006b5e;background:var(--tertiary);border-color:#006b5e;border-color:var(--tertiary);color:#fdfdfd;color:var(--on-tertiary)}.vote-button.voted:hover{background:var(--tertiary-variant);border-color:var(--tertiary-variant)}
/*# sourceMappingURL=main.a502acd6.css.map*/