*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#0f0f0f;color:#fff;min-height:100vh}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem;color:#e0e0e0}.form-hint{font-size:.875rem;color:#888;margin-bottom:.5rem}.form-input,.form-textarea,.form-select{width:100%;padding:.75rem 1rem;background-color:#1a1a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.form-textarea{min-height:100px;resize:vertical}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:#f97316}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-item{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-item input[type=radio]{width:18px;height:18px;accent-color:#f97316}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none}.btn-primary{background-color:#f97316;color:#fff}.btn-primary:hover{background-color:#ea580c}.btn-primary:disabled{background-color:#666;cursor:not-allowed}.btn-secondary{background-color:#333;color:#fff}.btn-secondary:hover{background-color:#444}.btn-large{padding:1rem 2rem;font-size:1.125rem}.container{max-width:800px;margin:0 auto;padding:2rem}.card{background-color:#1a1a1a;border-radius:12px;padding:2rem;margin-bottom:1.5rem}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#f97316,#fb923c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:#888}.section-header{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#f97316}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.photo-item{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.photo-item:hover{transform:scale(1.05);box-shadow:0 4px 20px #f973164d}.photo-item img{width:100%;height:100%;object-fit:cover}.upload-zone{border:2px dashed #333;border-radius:12px;padding:3rem;text-align:center;cursor:pointer;transition:border-color .2s,background-color .2s}.upload-zone:hover{border-color:#f97316;background-color:#f973160d}.upload-zone.dragging{border-color:#f97316;background-color:#f973161a}.caption-display{background-color:#1a1a1a;border-radius:12px;padding:1.5rem;margin-top:1rem}.caption-text{font-size:1.125rem;line-height:1.6;white-space:pre-wrap}.shuffle-section{text-align:center;padding:2rem}.shuffle-button{padding:1.5rem 3rem;font-size:1.25rem;background:linear-gradient(135deg,#f97316,#fb923c);border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.shuffle-button:hover{transform:scale(1.05);box-shadow:0 4px 20px #f9731666}.shuffle-button:disabled{background:#666;transform:none;box-shadow:none;cursor:not-allowed}.selected-photo{max-width:100%;max-height:400px;border-radius:12px;margin:1rem auto;display:block}.spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#f97316;border-radius:50%;animation:spin 1s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.auth-container{max-width:400px;margin:4rem auto;padding:2rem}.auth-form{background-color:#1a1a1a;border-radius:12px;padding:2rem}.auth-toggle{text-align:center;margin-top:1rem;color:#888}.auth-toggle a{color:#f97316;cursor:pointer;text-decoration:none}.auth-toggle a:hover{text-decoration:underline}.nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#1a1a1a;border-bottom:1px solid #333}.nav-brand{font-size:1.5rem;font-weight:700;color:#f97316;text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-link{color:#e0e0e0;text-decoration:none;transition:color .2s}.nav-link:hover{color:#f97316}.error-message{background-color:#ef44441a;border:1px solid #ef4444;color:#ef4444;padding:1rem;border-radius:8px;margin-bottom:1rem}.success-message{background-color:#22c55e1a;border:1px solid #22c55e;color:#22c55e;padding:1rem;border-radius:8px;margin-bottom:1rem}.progress-steps{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.progress-step{width:40px;height:40px;border-radius:50%;background-color:#333;display:flex;align-items:center;justify-content:center;font-weight:600}.progress-step.active{background-color:#f97316}.progress-step.completed{background-color:#22c55e}