:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-text)}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-primary);color:var(--color-text-light);cursor:pointer;transition:background-color .25s}button:hover{background-color:var(--color-primary-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.login{position:fixed;top:0;left:0;width:50%;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);margin-left:25%;z-index:1}.login form{background:var(--color-background);padding:var(--spacing-2xl);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--spacing-md)}.login h2{margin-bottom:var(--spacing-md);color:var(--color-text);text-align:center}.login label{display:flex;flex-direction:column;gap:var(--spacing-xs);color:var(--color-text)}.login input{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base)}.login button{background:var(--color-primary);color:var(--color-text-light);border:none;padding:var(--spacing-md);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-base)}.login button:hover{background:var(--color-primary-hover)}.login button:disabled{background:var(--color-surface);cursor:not-allowed}.login .error{background:#fee;color:#c00;padding:var(--spacing-md);border-radius:var(--radius-sm)}.change-password-container{position:fixed;top:0;left:0;width:50%;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);margin-left:25%}.change-password-box{background:var(--color-background);padding:var(--spacing-2xl);border-radius:var(--radius-md);box-shadow:var(--shadow-md);width:100%;max-width:400px}.change-password-box form{display:flex;flex-direction:column;gap:var(--spacing-md)}.change-password-box h1{margin-bottom:var(--spacing-xs);color:var(--color-text);text-align:center;font-size:var(--font-size-xl)}.change-password-box p{margin-bottom:var(--spacing-md);color:var(--color-text);text-align:center;font-size:var(--font-size-sm)}.change-password-box .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.change-password-box label{color:var(--color-text);font-size:var(--font-size-base)}.change-password-box input{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base)}.change-password-box small{display:block;margin-top:.25rem;color:var(--color-text);font-size:var(--font-size-sm);opacity:.7}.change-password-box button{background:var(--color-primary);color:var(--color-text-light);border:none;padding:var(--spacing-md);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-base)}.change-password-box button:hover{background:var(--color-primary-hover)}.change-password-box button:disabled{background:var(--color-surface);cursor:not-allowed}.change-password-box .error{background:#fee;color:#c00;padding:var(--spacing-md);border-radius:var(--radius-sm)}.questionnaire-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000}.questionnaire-wrapper{position:relative;display:flex;align-items:center;justify-content:center;max-width:1200px;width:100%}.questionnaire-modal{background:#fff;border-radius:12px;max-width:1000px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 10px 40px #0000004d}.questionnaire-content{display:flex;flex-direction:column;overflow-y:auto;max-height:90vh;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.questionnaire-content.slide-left{transform:translate(-20px);opacity:.5}.questionnaire-content.slide-right{transform:translate(20px);opacity:.5}.questionnaire-content.fade-out{opacity:0;transform:translate(-30px)}.image-section{position:relative;background:#f5f5f5;padding:2rem;display:flex;flex-direction:column;align-items:center}.image-section img{max-width:100%;max-height:400px;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.image-counter{margin-top:1rem;font-size:.875rem;color:#666;font-weight:600}.questionnaire-form{padding:2rem}.questionnaire-form h2{margin:0 0 .5rem;color:var(--primary-color);font-size:1.5rem}.questionnaire-info{margin:0 0 1.5rem;padding:1rem;background:#fff3cd;border-left:4px solid #ffc107;color:#856404;font-size:.875rem;line-height:1.5;border-radius:4px}.questionnaire-form label{display:block;margin-bottom:1rem;color:#333;font-weight:500}.questionnaire-form select,.questionnaire-form textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;color:#333;background:#fff;margin-top:.25rem;font-family:inherit}.questionnaire-form select:focus,.questionnaire-form textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-color:var(--primary-color)}.questionnaire-form textarea{resize:vertical}.questionnaire-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.questionnaire-actions button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit{background:#2563eb;color:#fff;flex:1}.btn-submit:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.btn-submit:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.btn-skip{background:#6b7280;color:#fff}.btn-skip:hover{background:#4b5563}.btn-skip-all{background:#ef4444;color:#fff}.btn-skip-all:hover{background:#dc2626}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;color:#333;border:none;width:40px;height:60px;border-radius:8px;font-size:2rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s}.nav-arrow:hover{background:#fff}.nav-arrow-left{left:0}.nav-arrow-right{right:0}@media(max-width:768px){.questionnaire-modal{width:95%;max-height:95vh}.image-section{padding:1rem}.image-section img{max-height:250px}.questionnaire-form{padding:1.5rem}.questionnaire-actions{flex-direction:column}.questionnaire-actions button{width:100%}.nav-arrow{width:36px;height:50px;font-size:1.5rem}.nav-arrow-left{left:0}.nav-arrow-right{right:0}}.standards-banner{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem;text-align:center;font-size:1rem;color:#856404;font-weight:500}.standards-link{background:none;border:none;color:#06c;text-decoration:underline;cursor:pointer;font-weight:600;font-size:inherit;padding:0}.standards-link:hover{color:#049}.standards-modal{width:90%;max-width:1000px;max-height:85vh;overflow-y:auto}@media(max-width:768px){.standards-modal{width:95%;max-height:90vh}}.standards-content{margin:1.5rem 0;line-height:1.6}.standards-content section{margin-bottom:2rem}.standards-content h3{color:#333;margin:0 0 .75rem;font-size:1.1rem}.standards-content p{margin:.5rem 0;color:#333}.standards-content ul{margin:.5rem 0 .5rem 1.5rem;padding:0}.standards-content li{margin:.25rem 0;color:#555}.standards-content strong{color:#333}.statement-of-values{background:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid var(--primary-color)}.statement-of-values p{color:#1a1a1a;font-weight:400;margin:.5rem 0;line-height:1.5}.close-btn{width:100%;padding:.75rem;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem}.close-btn:hover{opacity:.9}.submit-page{display:grid;grid-template-columns:400px 1fr;gap:3rem;padding:2rem 0;max-width:1800px;min-height:calc(100vh - 80px)}.submissions-container{overflow-y:auto}.submissions-container h2{margin-bottom:1.5rem}.submissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.submission-card{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:#fff;transition:transform .2s}.submission-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.submission-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.image-wrapper{position:relative;width:100%}.submission-info{padding:1rem;color:#333}.submission-info .submission-title{margin:0 0 .25rem;font-size:.9rem;font-weight:600;color:#333}.submission-info h3{margin:0 0 .5rem;font-size:1rem;color:var(--primary-color)}.submission-info .genre{margin:.25rem 0;font-size:.875rem;color:#666;font-style:italic}.submission-info .status{margin:.25rem 0;font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;display:inline-block}.submission-info .status.pending{color:#f59e0b;background:#fef3c7}.submission-info .status.approved{color:#047857;background:#d1fae5}.submission-info .date{margin:.25rem 0 0;font-size:.875rem;color:#666}.delete-btn-small{margin-top:.5rem;padding:.5rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;width:100%}.delete-btn-small:hover{background:#c82333}.edit-btn-small{margin-top:.5rem;padding:.5rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;width:100%}.edit-btn-small:hover{background:#0056b3}@media(max-width:1024px){.submit-page{grid-template-columns:15rem .9fr;padding:1rem}.submit-form-container{position:static}.submissions-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:920px)and (orientation:landscape){.submit-page{grid-template-columns:15rem .9fr;gap:1.5rem}.submit-form-container{position:static}}.image-previews{margin-top:1rem}.image-previews p{margin-bottom:.75rem;font-size:.875rem;color:#666}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.preview-item{position:relative;border-radius:8px;overflow:visible;border:1px solid var(--border-color);display:flex;flex-direction:column;background:#d1d5db;padding:.25rem}.preview-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:8px 8px 0 0;margin-bottom:.5rem}.upload-form .expand-metadata{width:100%;padding:.75rem;background:#fff;color:#374151;border:none;cursor:pointer;font-size:.875rem;transition:background .2s;margin:.5rem 0 0;font-weight:500;border-radius:0 0 8px 8px}.upload-form .expand-metadata:hover{background:#f9fafb}.metadata-inputs{padding:.5rem;background:color-mix(in srgb,var(--color-background, #f9fafb) 90%,white 10%);display:flex;flex-direction:column;gap:.5rem}.metadata-inputs input,.metadata-inputs textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;font-family:inherit;background:#fff;color:var(--color-text)}@media(prefers-color-scheme:dark){.metadata-inputs input,.metadata-inputs textarea{background:#1a1a1a;border-color:#444}}.metadata-inputs input::placeholder,.metadata-inputs textarea::placeholder{color:#6b7280;opacity:1}.metadata-inputs input:focus,.metadata-inputs textarea:focus{outline:2px solid var(--primary-color);outline-offset:1px;border-color:var(--primary-color)}.metadata-inputs textarea{resize:vertical;min-height:60px}.remove-preview{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#dc3545e6;color:#fff;border:none;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.remove-preview:hover{background:#dc3545}.success{margin-top:1rem;padding:1rem;background:#d1fae5;color:#047857;border-radius:4px;opacity:1;transition:opacity 2s ease-out}.success.fade-out{opacity:0}.success p{margin:0 0 .5rem;font-weight:600}.success ul{margin:0;padding-left:1.5rem;font-size:.875rem}.success li{margin:.25rem 0}.submissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.submissions-header h2{margin:0}.bulk-actions{display:flex;gap:.5rem}.bulk-mode-btn{padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.bulk-mode-btn:hover{opacity:.9}.bulk-delete-btn{padding:.5rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.bulk-delete-btn:hover:not(:disabled){background:#c82333}.bulk-delete-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-checkbox{position:absolute;top:8px;left:8px;width:24px;height:24px;cursor:pointer;z-index:10;accent-color:var(--primary-color)}@keyframes pulse-red{0%,to{box-shadow:0 0 #dc3545b3}50%{box-shadow:0 0 0 8px #dc354500}}.upload-form.show-validation input:invalid,.upload-form.show-validation select:invalid{border-color:#dc3545;animation:pulse-red 2s infinite}.upload-form.show-validation input:required:invalid:focus,.upload-form.show-validation select:required:invalid:focus{outline:2px solid #dc3545;outline-offset:2px}.info-icon{cursor:pointer;font-size:.875rem;margin-left:.25rem;display:inline;-webkit-user-select:none;user-select:none}.info-icon:hover{opacity:.7}.modal-content{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-content.standards-modal{max-width:1000px}.modal-content h2{margin-top:0;color:#333}.license-info h3{margin:1rem 0 .5rem;color:var(--primary-color)}.license-info p{margin:0 0 1rem;line-height:1.6}.modal-content button{margin-top:1rem;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-content label{display:block;margin-bottom:1rem;color:#333;font-weight:500}.modal-content input,.modal-content select,.modal-content textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;color:#333;background:#fff;margin-top:.25rem;font-family:inherit}.modal-content textarea{resize:vertical;min-height:80px}.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-color:var(--primary-color)}.keywords-display{display:flex;flex-wrap:wrap;gap:.25rem;margin:.5rem 0}.keyword-tag{display:inline-block;padding:.25rem .5rem;background:#e5e7eb;color:#374151;border-radius:4px;font-size:.75rem}.keywords-section{margin:1rem 0}.keywords-section label{display:block;margin-bottom:.5rem}.input-wrapper{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center}.keyword-input-wrapper input{flex:1;margin-bottom:0}.remove-keyword{color:#dc3545;cursor:pointer;font-size:24px;line-height:1;font-weight:700;-webkit-user-select:none;user-select:none;padding:0 4px}.remove-keyword:hover{color:#c82333}.keywords-section>button{margin-top:.5rem}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.warning-badge{position:absolute;top:8px;left:8px;background:#ffc107;color:#000;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:5;box-shadow:0 2px 8px #0003;animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%,to{box-shadow:0 2px 8px #ffc10766}50%{box-shadow:0 2px 16px #ffc107cc}}.toast-warning{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#ffc107;color:#000;padding:1rem 2rem;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:3000;font-weight:600;font-size:1rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.radio-label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.radio-label input[type=radio]{width:auto;margin:0;cursor:pointer}.category-field{transition:max-height .3s ease-out,opacity .3s ease-out,margin-bottom .3s ease-out;overflow:hidden}.category-field.show{max-height:100px;opacity:1;margin-bottom:1rem}.category-field.hide{max-height:0;opacity:0;margin-bottom:0}@keyframes slideIn{0%{opacity:0;max-height:0;margin-bottom:0}to{opacity:1;max-height:100px;margin-bottom:1rem}}.submit-form-wrapper{display:grid;grid-template-columns:400px 1fr;gap:3rem;max-width:1800px}.submit-form-container{position:sticky;top:2rem;height:fit-content}.preview-panel{overflow-y:auto}.preview-panel h3{margin-bottom:1rem;color:#1a1a1a;font-weight:600}@media(prefers-color-scheme:dark){.preview-panel h3{color:#f5f5f5}}.preview-panel .preview-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media(max-width:1024px){.submit-form-wrapper{grid-template-columns:1fr;gap:1.5rem}.submit-form-container{position:static}}.modal-content h2{margin-top:0;color:#dc3545}.modal-content p{margin:.75rem 0;line-height:1.5}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.modal-actions button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:600}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.my-art-page{width:100%}.tabs{display:flex;gap:0;border-bottom:2px solid #ddd;margin-bottom:2rem}@media(prefers-color-scheme:dark){.tabs{border-bottom-color:#444}}.tabs button{padding:1rem 2rem;background:none;border:none;border-bottom:3px solid transparent;border-radius:0;font-size:1.25rem;font-weight:600;cursor:pointer;color:#8f8f8f;transition:all .2s}.tabs button:hover{color:var(--primary-color);background:#f5f5f5}@media(prefers-color-scheme:dark){.tabs button:hover{background:#2a2a2a}}.tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content{width:100%}@media(max-width:768px){.tabs button{padding:.75rem 1rem;font-size:.9rem}}:root{--color-primary: #646cff;--color-primary-hover: #535bf2;--color-background: #ffffff;--color-background-dark: #1a1a1a;--color-surface: #f5f5f5;--color-border: #ddd;--color-text: #213547;--color-text-light: #ffffff;--color-error: #c00;--color-error-bg: #fee;--color-success: #060;--color-success-bg: #efe;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--radius-sm: 4px;--radius-md: 8px;--container-max-width: 1200px}@media(prefers-color-scheme:dark){:root{--color-background: #242424;--color-surface: #1a1a1a;--color-text: rgba(255, 255, 255, .87);--color-border: #444}}.admin-approval{padding:2rem}.approval-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;margin-top:2rem}.approval-card{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-background);display:flex;flex-direction:column;align-items:center;padding-top:1rem}.approval-card img{width:100%;max-width:300px;height:auto;aspect-ratio:1;object-fit:cover}.approval-details{padding:1rem}.approval-details h3{margin:0 0 1rem;color:var(--color-primary)}.approval-details .submission-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.approval-details .submission-description{font-style:italic;color:#666;margin:.5rem 0 1rem;line-height:1.5}.approval-details p{margin:.5rem 0;font-size:.9rem;color:var(--color-text)}.approval-details a{color:var(--color-primary);word-break:break-all}.approval-actions{display:flex;gap:1rem;padding:1rem;border-top:1px solid var(--color-border);flex-wrap:wrap}.approval-actions button{flex:1;padding:.75rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:opacity .2s;min-width:120px}.approval-actions button:disabled{opacity:.5;cursor:not-allowed}.view-questionnaire-btn{background:var(--color-primary);color:#fff;flex-basis:100%}.view-questionnaire-btn:hover{opacity:.9}.approve-btn{background:#10b981;color:#fff}.approve-btn:hover:not(:disabled){background:#059669}.reject-btn{background:#ef4444;color:#fff}.reject-btn:hover:not(:disabled){background:#dc2626}.modal-content{background:var(--color-background);padding:2rem;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}.modal-content h2{margin-top:0;color:var(--color-primary)}.questionnaire-view{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.question-answer{border-left:3px solid var(--color-primary);padding-left:1rem}.question-answer strong{display:block;margin-bottom:.5rem;color:#333}.question-answer p{margin:0;color:#666;line-height:1.6}.modal-content button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.modal-content button:hover{opacity:.9}@media(min-width:768px){.approval-card img{max-width:350px}}@media(min-width:1024px){.approval-card img{max-width:400px}}.members-container{width:100%;max-width:1200px}.members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.members-header button{background:var(--color-primary);color:var(--color-text-light);border:none;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border-radius:var(--radius-sm)}.members-header button:hover{background:var(--color-primary-hover)}.members-table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-sm);overflow:hidden}.members-table th,.members-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.members-table th{background:var(--color-background-dark);color:var(--color-text-light);font-weight:600}.members-table tbody tr:hover{background:color-mix(in srgb,var(--color-surface) 95%,var(--color-primary) 5%)}.resend-btn{background:var(--color-primary);color:var(--color-text-light);border:none;padding:4px 12px;cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.resend-btn:hover{background:var(--color-primary-hover)}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.status{padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500}.status.pending{background:#fef3c7;color:#92400e}.status.accepted{background:#d1fae5;color:#065f46}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-md);width:90%;max-width:500px}.modal-content h3{margin-bottom:var(--spacing-lg)}.modal-content form{display:flex;flex-direction:column;gap:var(--spacing-md)}.modal-content label{display:flex;flex-direction:column;gap:var(--spacing-xs)}.modal-content input{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-md)}.modal-actions button{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);cursor:pointer}.modal-actions button[type=button]{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.modal-actions button[type=submit]{background:var(--color-primary);color:var(--color-text-light)}.modal-actions button[type=submit]:hover{background:var(--color-primary-hover)}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.error,.success{position:relative;padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.error{background:#fee;color:#c00}.success{background:#efe;color:#060}.dismiss{position:absolute;top:8px;right:8px;background:none;border:none;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;line-height:1;color:inherit;opacity:.7}.dismiss:hover{opacity:1}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#d3d3d3;padding:2rem;border-radius:8px;max-width:400px;width:90%}.modal-content p{color:#000;font-size:1.5rem}.modal-content h2{margin-top:0;font-size:1.75rem}.modal-content form{display:flex;flex-direction:column;gap:1rem}.modal-content input{padding:.5rem;border:1px solid #ccc;border-radius:4px}.modal-content button{padding:.75rem;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1.25rem}.modal-content button:disabled{opacity:.5;cursor:not-allowed}.modal-content input::placeholder{font-size:1.25rem}.modal-content .error{color:#dc3545;font-size:.875rem}.modal-content input{background-color:#fff;color:#000;font-size:1.25rem}.artist-profile{max-width:800px;margin:0 auto;padding:2rem}.loading{text-align:center;padding:3rem;color:#666;font-size:1.1rem}@media(max-width:768px){.artist-profile,.profile-content{padding:1rem}.profile-form-top,.profile-view-top{flex-direction:column;gap:1rem}.profile-image img{max-width:100%;width:100%}.button-group{flex-direction:column}.button-group button,.profile-view button{width:100%}}.no-profile{text-align:left;padding:3rem}.profile-content{background:color-mix(in srgb,var(--color-background, #ffffff) 90%,white);border:1px solid var(--color-border, #ddd);border-radius:var(--radius-md, 8px);padding:var(--spacing-xl, 2rem);box-shadow:0 2px 4px #0000001a}.profile-image{text-align:left}.profile-image img{max-width:300px;max-height:300px;border-radius:8px;object-fit:cover}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-form-top{display:flex;gap:2rem;align-items:flex-start}.profile-form-fields{flex:1;display:flex;flex-direction:column;gap:1rem}.profile-form label{display:flex;flex-direction:column;gap:.5rem}.profile-form input,.profile-form textarea{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-family:inherit}.profile-view{display:flex;flex-direction:column;gap:1.5rem}.profile-view-top{display:flex;gap:2rem;align-items:flex-start}.profile-view-info{flex:1;display:flex;flex-direction:column;gap:1rem}.profile-view h3{margin:0}.profile-view .bio{white-space:pre-wrap;line-height:1.6}.button-group{display:flex;gap:1rem;margin-top:1rem;justify-content:flex-end}.button-group button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.button-group button:first-child{background-color:#007bff;color:#fff}.button-group button:last-child{background-color:#6c757d;color:#fff}.button-group button:disabled{opacity:.5;cursor:not-allowed}.profile-view button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;background-color:#007bff;color:#fff;align-self:flex-end}.error{color:#dc3545;padding:.5rem;background-color:#f8d7da;border-radius:4px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:500px;width:90%}.modal-content h2{margin-top:0}.profile-check-modal{max-width:500px;text-align:center}.profile-check-modal h2{color:#333;margin-bottom:1rem}.profile-check-modal p{margin-bottom:1rem;line-height:1.5;color:#666}.profile-check-modal .button-group{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.profile-check-modal button.primary{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500}.profile-check-modal button.primary:hover{background:#0056b3}.profile-check-modal button.secondary{background:transparent;color:#666;border:1px solid #ddd;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer}.profile-check-modal button.secondary:hover{background:#f8f9fa}.footer{margin-top:auto;padding:2rem 1rem;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-content p{margin:0;color:var(--text-secondary);font-size:.9rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--primary-color)}@media(max-width:600px){.footer-content{flex-direction:column;text-align:center}}.terms-container{max-width:800px;margin:0 auto;padding:2rem;line-height:1.6}.terms-container h1{color:var(--primary-color);margin-bottom:.5rem}.last-updated{color:var(--text-secondary);font-style:italic;margin-bottom:2rem}.terms-container section{margin-bottom:2rem}.terms-container h2{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem}.terms-container ul{margin-left:1.5rem;margin-bottom:1rem}.terms-container li{margin-bottom:.5rem}.terms-container hr{margin:2rem 0;border:none;border-top:1px solid var(--border-color)}.acknowledgment{font-style:italic;text-align:center;color:var(--text-secondary)}.terms-container a{color:var(--primary-color)}.terms-container a:hover{text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}.app{min-height:100vh;display:flex;flex-direction:column;width:100%}nav{background:var(--color-background-dark);color:var(--color-text-light);padding:var(--spacing-md) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;width:100%}nav div{display:flex;gap:var(--spacing-md);align-items:center}.dropdown{position:relative}.dropdown-toggle{background:transparent;color:var(--color-text-light);border:none;padding:0;cursor:pointer;font-size:inherit;font-family:inherit}.dropdown-toggle:hover{text-decoration:underline}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 6px #0000001a;min-width:150px;z-index:100;display:flex;flex-direction:column}.dropdown-menu a{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);text-decoration:none}.dropdown-menu a:hover{background:color-mix(in srgb,var(--color-surface) 90%,var(--color-primary) 10%);text-decoration:none}nav a{color:var(--color-text-light);text-decoration:none}nav a:hover{text-decoration:underline}nav button{background:var(--color-primary);color:var(--color-text-light);border:none;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;border-radius:var(--radius-sm)}nav button:hover{background:var(--color-primary-hover)}main{flex:1;padding:var(--spacing-xl);max-width:var(--container-max-width);margin:0 auto;width:100%;display:flex;flex-direction:column}.upload-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.upload-form label{display:flex;flex-direction:column;gap:var(--spacing-xs)}.upload-form input,.upload-form select{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.upload-form button{background:var(--color-primary);color:var(--color-text-light);border:none;padding:var(--spacing-md);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--font-size-base)}.upload-form button:hover{background:var(--color-primary-hover)}.upload-form button:disabled{background:var(--color-surface);cursor:not-allowed}.error{position:relative;background:#fee;color:#c00;padding:1rem;border-radius:4px}.success{position:relative;background:#efe;color:#060;padding:1rem;border-radius:4px}.error .dismiss,.success .dismiss{position:absolute;top:8px;right:8px;background:none;border:none;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;line-height:1;color:inherit;opacity:.7}.error .dismiss:hover,.success .dismiss:hover{opacity:1}.submissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.submission-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-md)}.submission-card img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-sm)}.submission-card h3{margin-top:var(--spacing-sm)}.submission-card p{font-size:var(--font-size-sm);color:var(--color-text)}